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
811 megtekintés

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.




Előző, következő cikk



Hoztam egy újabb jópofa CSS kódot, amit G-Portálon, WordPress-ben vagy bárhol máshol is lehet alkalmazni :) Akár szélső sávban, akár a főmodulban is. Én most a példa kódot egy G-Portálon lévő oldalsó modullal mutatom be, hogyan lehet ferde modulaljat

Ha már elsőnek leírtam a rendes táblázat készítését, gondoltam leírok még egy verziót, mikor nem táblázatban, hanem DIV kódba teszitek a tartalmat. Nekem személy szerint egyre megy. Kinézetre úgy sem mondja meg a kutya sem, hogy milyen kódot használtunk

 



Hozzászólások