Cikkajánló
Kérdeztétek páran nem-e írnám le részletesen a Coppermine galéria template.html fájl adatait. De, persze leírom :) A template.html fájl a téma mappáján belül található, ami igazából magát a galériát
A hétvégén megcsináltam 4 darab rendelést. Kettőt G-Portálra és kettő darab Coppermine Galéria kinézetet is készítettem. Így a rendelés megint nyitva van. Igaz van még függőben 1-2 rendelés, de
Kellemes karácsonyi ünnepeket kívánok minden kedves látogatómnak! Teljen nagyon jól az ünnep! :)   Kapcsolódó bejegyzések Bővítmény telepítése WordPress-ben Leírom, hogy én hogyan szoktam telepíteni és használni egy WordPress
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ó Apró tippek weboldal szerkesztőknek
2016. március. 23.
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>

Kapcsolódó bejegyzések

lindadesign
748 megtekintés

Előző, következő cikk

Új CSS class-ok a Blog modulhoz

Remélem nem baj, ha megemlítem, de pár napja írtam a G-Portál Webmesterének, hogy milyen jó lenne, ha a Blog modul alatt a lapozót is lehetne CSS kóddal átalakítani. Erre a mai napon meg is érkezett a válasz. :) Mivel

.png képek a galériában – 284 darab

Nagyon-nagyon régen nem hoztam érdemi frisst (most sem fogok sajnos), de azért legalább a .png képeket feltöltöttem már a galériába, amiket készítettem egy ideje. Összeszoktam várni őket, hogy több legyen, mire feltöltöm mindet. Most elég sokat vártam velük, így

 

Hozzászólások