Az oldal menüje
 
Az év weboldala - 2013


Photoshop leírások

Ikonbázis
Galéria
 

 
Címkék

A blogban leggyakrabban használt címkék

 

Neko

Betűtípusok
Betűtípusok : !Egyedi betűtípus használata honlapodon 2.

!Egyedi betűtípus használata 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. 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:

<style type="text/css">
@font-face {
    font-family: Lora; /* betűtípusod neve. Ide írd a nevét */
    src: url(//aranymeli.gportal.hu/portal/aranymeli/upload/285733_1343296957_00096.ttf); /* betűtípusod URL címe. Ahova feltöltötted a betűdet */
}
--></style>

Ha ez megvan, 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:

<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;
   padding-top: 7px; /* keret és a szöveg közti távolság */
   padding-bottom: 4px; /* keret és a szöveg közti távolság */
   border-left: #ecddc1 1px solid;
   border-right: #ecddc1 1px solid;
   border-bottom: #e2d4bd 0px solid;
   border-top: #ecddc1 1px solid;
   -moz-border-radius: 0em 0em 0em 0em; /* a keret szélek kerekítése */
   -webkit-border-radius: 0em 0em 0em 0em; /* a keret szélek kerekítése */
   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;
   padding-left: 5px; /* keret és a szöveg közti távolság */
   padding-right: 5px;
   padding-bottom: 4px;
   border-left: #ecddc1 1px solid;
   border-right: #ecddc1 1px solid;
   border-bottom: #ecddc1 1px solid;
   border-top: #e2d4bd 0px none;
   -moz-border-radius: 0em 0em 0em 0em;
   -webkit-border-radius: 0em 0em 0em 0em;
}
--></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; /* betűtípusod neve. Ide írd a nevét */
    font-family: Duality; /* másik betűtípusod neve. Ide írd a nevét */
    src: url(//aranymeli.gportal.hu/portal/aranymeli/upload/285733_1314645458_03651.ttf); /* betűtípusod URL címe. Ahova feltöltötted a betűdet */
    src: url(//aranymeli.gportal.hu/portal/aranymeli/upload/285733_1314645460_06548.ttf); /* másik betűtípusod URL címe. Ahova feltöltötted a betűdet */
}
--></style>

Még nincs hozzászólás.
Csak regisztrált felhasználók írhatnak hozzászólást.
 

Szeretnél egy jó receptet? Látogass el oldalamra, szeretettel várlak!    *****    Minõségi Homlokzati Hõszigetelés. Vállaljuk családi házak, lakások, nyaralók és egyéb épületek homlokzati szigetelését.    *****    Amway termék elérhetõ áron!Tudta, hogy az általános tisztítószer akár 333 felmosásra is alkalmas?Több info a weboldalon    *****    Florence Pugh magyar rajongói oldal. Ismerd meg és kövesd az angol színésznõ karrierj&#232;t!    *****    Fele királyságomat nektek adom, hisz csak rátok vár ez a mesebirodalom! - Új menüpont a Mesetárban! Nézz be te is!    *****    DMT Trip napló, versek, történetek, absztrakt agymenés:)    *****    Elindult a Játék határok nélkül blog! Részletes információ az összes adásról, melyben a magyarok játszottak + egyéb infó    *****    Florence Pugh Hungary - Ismerd meg az Oppenheimer és a Dûne 2. sztárját.    *****    Megnyílt az F-Zero Hungary! Ismerd meg a Nintendo legdinamikusabb versenyjáték-sorozatát! Folyamatosan bõvülõ tartalom.    *****    A Cheer Danshi!! nem futott nagyot, mégis érdemes egy esélyt adni neki. Olvass róla az Anime Odyssey blogban!    *****    A 1080° Avalanche egy méltatlanul figyelmen kívül hagyott játék, pedig a Nintendo egyik remekmûve. Olvass róla!    *****    Gundel Takács Gábor egy különleges könyvet adott ki, ahol kiváló sportolókkal a sport mélységébe nyerhetünk betekintést.    *****    21 napos életmódváltás program csatlakozz hozzánk még!Január 28-ig 10% kedvezménnyel plusz ajándékkal tudod megvásárolni    *****    Szeretne egy olyan általános tisztítószert ami 333 felmosásra is elegendõ? Szeretne ha csíkmentes lenne? Részletek itt!!    *****    Új játék érkezett a Mesetárba! Elõ a papírral, ollóval, és gyertek barkácsolni!    *****    Tisztítószerek a legjobb áron! Hatékonyság felsõfoka! 333 felmosásra elengedõ általános tisztítószer! Vásároljon még ma!    *****    Hayashibara Megumi és Okui Masami rajongói oldal! Albumok, dalszövegek, és sok más. Folyamatosan frissülõ tartalom.    *****    A legfrissebb hírek a Super Mario világából és a legteljesebb adatbázis a Mario játékokról.Folyamatosan bõvülõ tartalom.    *****    333 Felmosásra elegendõ! Szeretne gazdaságosan felmosni? Szeretne kiváló általános tisztítószert? Kiváló tisztítószerek!    *****    Ha tél, akkor téli sportok! De akár videojáték formájában is játszhatjuk õket. A 1080°Snowboarding egy kiváló példa erre