Cikkajánló
Általában soha nem szoktam a véleményemet leírni, vagy kimondani, ha nem muszáj, mert túl őszinte vagyok, és vannak olyan emberek, akik nagyon nehezen viselik az igazságot. Vagyis általában a
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
Kaptam már kérdést arról, hogy hogyan lehet azt megcsinálni, hogy az elit cserék szöveggel vannak kiírva és amikor rávisszük az egeret, akkor a szöveg helyett képeket mutat. Nos mivel
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
Ikonok dátum és név elé külön blog modulban

Kértétek és elhoztam azt a leírást, amivel ikonokat lehet tenni a G-Portálon majdnem bárhová :) Ennek a leírása itt olvasható el. Ahhoz a leíráshoz kapcsolódik ez a rész is. Felvetettétek, hogy a név elé is szeretnétek ikont tenni. Nos elhoztam azt a leírást, ami szerintem a legegyszerűbb. Gondolom máshogy is meg lehet oldani, de nekem ez jutott eszembe.

 

 

Az a lényeg, hogy mikor írjátok a blogbejegyzést, akkor alul a szerző rubrikába nem írjátok oda a neveteket, hanem felül az alcím helyére írjátok. És utána ezt CSS kóddal lehet formázni ugyanúgy, mint a dátumot vagy a címkéket. Nem is muszáj a dátum után tenni a nevet, hanem bárhová lehet helyezni a blog modulon belül, ha az alcímbe írjátok azt.

 

A kód hozzá pedig ez
Ez itt most csak az a kód, amivel a név elé teszitek az ikont.

 

div[id*="post_"] .txtbold {  /*  blog alcíme, jelen esetben a cikk írójának neve */
color: #5f5f5f;
font-size: 11px;
text-align: left !important;
background: transparent;
font-weight: normal !important;
font-style: normal !important;
font-family: Arial;
border: 0px;
position: absolute;
margin-left: 130px;
margin-top: -15px !important;
padding: 5px 3px 3px 8px;
}
div[id*="post_"] .txtbold:before { /*  ikon a név előtt  */
color: #000000;
font-size: 14px;
font-weight: normal !important;
font-style: normal !important;
font-family: FontAwesome;
position: absolute;
content: "\f040";
margin-left: -15px !important;
}

 

Ahhoz, hogy az ikon nálatok is megjelenjen, olvasd el ezt a leírást.

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

Hozzászólások