Cikkajánló
Elindítom azt a cikksorozatot, amiben külön-külön minden CSS kódrészről leírom, hogy micsoda, mire való és mi mindenre hathat a G-Portálon. Belinkelem mindegyik cikkhez azokat a G-Portálos leírásokat, amik már
Készítettem pihenésképpen egy teljesen egyszerű G-Portálos CSS kódot. Semmi csicsa nincsen benne, sem színkavalkád :) Tök egyszerű, letisztult téma. Fejléc adható hozzá, ha úgy jobban tetszik majd. :) Innen
Nagyon-nagyon régen nem hoztam érdemi frisst (most sem fogok sajnos), de azért legalább a .png képeket feltöltöttem már a galériába, amiket készítettem egy ideje. Összeszoktam várni őket, hogy több
Instagram doboz weboldalra Project dobozok és egy Elit csere effekt Elit csere effekt szöveggel és képekkel Lana Del Rey és Kylie Jenner G-Portálos témák Maisie Williams G-Portálos téma
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>

lindadesign Hozzászólások
902 megtekintés

Hozzászólások