Cikkajánló
Készítettem egy újabb .psd fejlécet, ami szabadon letölthető. A fejlécen Hilary Duff díszeleg :) A nagyon alap kinézetet ez a fejléc ihlette, csak én jobban ki díszítettem plusz inkább
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
Egyből az előnézeti képpel kezdek, hogy értsétek miről is van szó. Az a lényeg, hogy ezekkel a kódokkal azt lehet elérni a főoldalon, hogy ugyanúgy egymás alatt jelennek meg
Emma Roberts G-Portálos téma 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
Különálló bejegyzések a blogban

Ezzel a CSS kóddal tudjátok a blog bejegyzéseket külön-külön alkalmazni egymástól. Ami azért jöhet létre, mert az alap modulfejlécet és a modulhátteret a CSS kódban letiltjuk és  csak a blog modul marad látható :) Teljesen más háttérszínt vagy háttérképet adhattok neki, mint a többi modulnak. Itt azt is be tudjátok állítani, hogy a két blogbejegyzés között mennyi távolság legyen. Minta képek lejjebb láthatóak.

 

CSS kód
(lejjebb pedig a kód magyarázata)

 

<style type="text/css">
div[id*="post"] { /* az egész blog modul egyben */
padding: 15px !important;
margin-bottom: 40px !important; /* ennyivel dobja el egymás alatt a bejegyzéseket */
margin-top: 0px !important;
color: #888888;
font-size: 14px;
line-height: 16px;
text-align: justify;
background-color: #f8f8f8;
border: 1px solid #e9e9e9;
}
table[module_id*="35720054"] /* a blog modulnál nincsen modulfejléc */
.modtitle {
display:none;
}
table[module_id*="35720054"] /* a blog modul alatt nincsen modulháttér */
.modbody {
background-color: transparent;
}
--></style>

 

Magyarázat

 

A kódban kiemeltem ezt a sorszámot: 35720054
Ez a blog url-jének a sorszáma. A részletekbe nem megyek bele az url-ről. A legegyszerűbben itt találjátok ezt a sorszámot: kattintsatok valamelyik blogbejegyzés címére. Valami ilyesmit fogtok látni a böngésző címsorában:
http://aranymeli.gportal.hu/gindex.php?pg=29500039&postid=1094755
persze a saját link címetekkel.
Amit aláhúztam a címben az a sorszám kell nektek. Másoljátok be a CSS kódban ennek a helyére. 35720054. Két helyen kell megtenni. Ha ez kész, már csak a saját stílusotokká kell alakítani a bejegyzést és készen is vagyunk :)

 

lindadesign Hozzászólások
2 364 megtekintés

Hozzászólások