Cikkajánló
Kérésre elkészült végre egy újabb Coppermine Galéria téma. A galéria letölthető és felhasználható forrás megjelölésével. A galériában a Photoshop fejléc is megtalálható, hogy használat előtt, ha kell, akkor átlehessen
Ez a tartalom regisztrációhoz kötött. Ha már regisztrált tag vagy, akkor a Bejelentkezés alatt tudsz belépni, ellenkező esetben regisztrálnod kell a tartalom megtekintéséhez.Regisztrált felhasználó belépéseFelhasználónévJelszó Emlékezzen rám  RegisztrációFelhasználónév*Email cím*E-mail cím újra*Honlap**Kötelezően
Sziasztok :) Akadt némi időm így készítettem egy teljesen egyszerű G-Portálos kinézetet, amit lehet blogra vagy rajongói oldalra is simán használni. Semmi extra szolgáltatás nincsen a témában. Egyszerű szürke
Sosugary Gallery | Jennifer Lawrence téma Szövegdoboz | Kattintásra kijelöli és másolja a szöveget Ingyenes téma | Coppermine Gallery free theme Prémium téma | Sophie Turner WordPress theme WordPress | Letöltés számláló
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
765 megtekintés

Hozzászólások