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

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.


786 megtekintés

Hozzászólások