Cikkajánló
Kellemes karácsonyi ünnepeket kívánok minden kedves látogatómnak! Teljen nagyon jól az ünnep! :)  
A változatosság kedvéért hoztam még egy .psd fejlécet, ami szintén ingyenes és letölthető ezen az oldalon: PSD – Photoshop fejlécek Itt pedig meg lehet tekinteni teljes nagyságában: megnézem A
Ma is egy G-Portálos teljes témát hoztam, ami felettébb egyszerű, legalábbis színvilágilag, de mégis annál egyedibbre sikerült :) Valahogy sosem sikerül tök egyszerű kinézetet hoznom. Mindig belecsempészek valami olyat,
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 Maisie Williams G-Portálos téma
CSS kód a blog modul lapozójához

Volt egy kis időm, így készítettem CSS kódot a blog modul lapozójához. Kicsit átvariáltam superuser CSS kódját. Összevontam pár részt benne, meg megcsináltam, hogy a lapozó pont a blog modul szélétől széléig tartson. Nekem így jobban tetszik :)

 

 

CSS kód
Az elejére, újabbak, régebbiek végére CSS kódokat összevontam, így csak egy helyen kell ezeknek a színeit módosítani. A lapozók közül pedig eltüntettem az elválasztó vonalat, mert így szebb :) Biztos, ami biztos minden érték után tegyetek !important szócskát, mert ha nem, akkor pl. a linkelt szavak nem biztos, hogy felveszik az itt megadott értékeket, hanem a sima linkét fogja használni. Stb…

 

<style type="text/css">
/* lapozó */
.pager { /* a teljes doboz */
background: transparent;
font-size: 0px !important;
text-transform: uppercase;
margin-left: -12px !important; /* ezzel állítod, hogy a blog szélétől kezdődjön a lapozó is */
margin-top: 20px !important; /* ezzel állítod, hogy mennyivel legyen a blog alatt a lapozó */
}
.pager_first, .pager_prev, .pager_next, .pager_last {
background: #3e8986 !important;
color: #ffffff !important;
font-size: 13px !important;
font-style: normal !important;
text-transform: none !important;
border-bottom: 4px solid #c79c6f;
padding: 10px !important; /* háttér és link közötti távolság */
margin-right: 10px !important; /* két lapozó közötti távolság */
}
.pager_first:hover, .pager_prev:hover, .pager_next:hover, .pager_last:hover {
background: #97c3c1 !important; /* a háttér színe, ha ráviszed az egeret a lapozóla */
}
.topofpage { /* oldal tetejére + a háttér kinézete */
background: #c79c6f;
border-bottom: 4px solid #3e8986;
padding: 7px;
margin-right: -12px !important;
margin-top: 0px !important;
}
.topofpage a { /* oldal tetejére link kinézete */
color: #ffffff !important;
font-size: 13px;
font-weight: bold !important;
}
.topofpage:hover { /* ha ráviszed az egeret oldal tetejére kinézete */
background: #97c3c1;
}
--></style>

lindadesign Hozzászólások
621 megtekintés

Hozzászólások