2018. 04. 24.Coppermine | Thumbnails képek méretének változtatása egyszerűen
2018. 04. 18.Videó | PNG készítése Photoshop-ban
2018. 04. 17.Coppermine | Eredeti kép megnyitása új lapon és nem új ablakban
2018. 04. 03.Képről szöveg másolása
2018. 04. 02.Coppermine Galéria költöztetése
Coppermine Gallery themes

Coppermine Gallery themes
80 napja
111 néző

WordPress themes

WordPress themes
81 napja
114 néző

G-Portál themes

G-Portál themes
81 napja
67 néző

Tumblr themes

Tumblr themes
81 napja
101 néző

CSS kód a blog modul lapozójához
900 megtekintés

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>




Előző, következő cikk



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

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