2018. 05. 12.Videó | Kép élénkítése Photoshop-ban
2018. 05. 05.ColorCop színlopó program
2018. 04. 30.Coppermine | Kép és fájlméret megadása az indexképek alatt
2018. 04. 24.Coppermine | Thumbnails képek méretének változtatása egyszerűen
2018. 04. 18.Videó | PNG készítése Photoshop-ban
Coppermine Gallery themes

Coppermine Gallery themes
285 napja
701 néző

WordPress themes

WordPress themes
287 napja
198 néző

G-Portál themes

G-Portál themes
287 napja
112 néző

Tumblr themes

Tumblr themes
287 napja
162 néző

Egyedi betűtípus honlapodon 2.

Egy tutorial, ami arról szól, hogyan tudsz egyedi betűtípust használni a weboldaladon úgy, hogy az másnál is ugyan úgy nézzen ki :) És mivel ezt is már sokan kérdeztétek, így hoztam kettő féle leírást erről is. Ez az egyik, a másikat pedig itt olvashatod el. Töltsd fel a betűtípusodat a netre. Lehet G-Portálra is a tárkezelőbe vagy HTML oldalra is. A betűtípust mindig arra az oldalra töltsétek fel, ahol használni is fogjátok! Ha feltöltötted, akkor az URL címét másold be a CSS kód azon részébe, amit kiemeltem. Arra kell vigyázni, hogy olyan betűtípust válassz, ami magyar ékezetes!


Ezt a kódot kell beillesztened oldalad egyszerű moduljába jobb vagy bal oldalra forráskód nézetbe. Értelemszerűen az URL cím más, ha HRML/PHP oldara töltötted fel a betűtípusodat.
 

<style type="text/css">
@font-face {
    font-family: Lora;
    src: url(http://aranymeli.gportal.hu/portal/aranymeli/upload/285733_1343296957_00096.ttf);
}
--></style>


Ha ez meg van, akkor a CSS kódban tűntessük fel a betűtípust, ahol használni szeretnénk.
Itt egy példa CSS kód. Ez a modulfejlécre hat és a modulban lévő szövegre a G-Portálon. De ugyan úgy bárhová beilleszthető, ahol betűtípust használtok akár G-Portálon, akár HTML/PHP oldalon is.
 

<style type="text/css">
td.modtitle { /* modulfejléc része */
   font-family: 'Lora', cursive;
   font-size: 18px;
   color: #f4e6cb;
   text-align: center;
   background-color: #ba6066;
   font-weight: bold;
   text-transform: none;
   font-style: normal;
}
td.modbody { /*  modulban a szöveg elrendezése, modul háttere  */
   background-color: #f8ecd4;
   font-family: 'Lora', cursive;
   font-size: 13px;
   color: #5f5f5f;
}
--></style>


Ha több betűtípust szeretnél alkalmazni a CSS kódban, akkor a fő kód ilyesmi lesz. Egymás alá kerülhetnek a betűk nevei és url címei. A CSS kódodba pedig azt a nevet írod, amelyiket éppen használni szeretnél :)
 

<style type="text/css">
@font-face {
    font-family: Gnuolane;
    font-family: Duality;
    src: url(http://aranymeli.gportal.hu/portal/aranymeli/upload/285733_1314645458_03651.ttf);
    src: url(http://aranymeli.gportal.hu/portal/aranymeli/upload/285733_1314645460_06548.ttf);
}
--></style>


1 147 megtekintés

Hozzászólások