2017. 11. 27.Coppermine | Egérre felugró ablak tartalmának megváltoztatása
2017. 11. 26.GIF készítése egy pillanat alatt
2017. 11. 26.FREE theme | Dakota Johnson WordPress theme
2017. 11. 25.WordPress alapvető használata
2017. 11. 24.Ingyenes | Eliza Taylor G-Portálos téma
009.png

Eliza Taylor

001.png

Little Mix

040.png

Gal Gadot

008.png

Girls' Generation

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>


980 megtekintés

Hozzászólások