Cikkajánló
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
Milyen meglepő, de ilyen kérdéssel is fordultatok már hozzám: hogyan lehet azt megcsinálni, hogy a blogcímnek behelyezett képre ne hasson a kép linkelt effektje? Csak, mert az olyan csúnya,
Több kérdést kaptam már arról, hogy meg lehet-e csinálni azt, hogy a címkék vesszővel vagy ponttal vagy valamivel el legyenek választva egymástól. Ehhez a G-Portáltól kértem segítséget, mert ha
Blog téma G-Portálra 2.0 Betűtípus kereső Teszteld oldalad felbontását URL cím értelmezése CSS kód beillesztése G-Portálra
2016. február. 01.
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.

Kapcsolódó bejegyzések

lindadesign
659 megtekintés

Előző, következő cikk

Ferde modulalj CSS kóddal

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

Táblázat készítése 2.0

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