2018. 05. 12.Videó | Kép élénkítése Photoshop-ban
2018. 05. 05.ColorCop színlopó program
2018. 04. 30.Coppermine | Kép és fájlméret megadása az indexképek alatt
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
Coppermine Gallery themes

Coppermine Gallery themes
318 napja
721 néző

WordPress themes

WordPress themes
319 napja
206 néző

G-Portál themes

G-Portál themes
319 napja
117 néző

Tumblr themes

Tumblr themes
319 napja
169 néző

BlogPlusz átalakítása CSS kóddal

Ebben a részben részletesen bemutatom a BlogPlusz CSS kódját. Idővel lehet, hogy majd frissíteni kell a cikket, mert a G-Portál is folyamatosan frissül, de jelenleg a CSS kód működik és csak a BlogPluszban :)

 

 

<style type="text/css">
/* blogplusz */
tr #module_body_36360966 td.listheader {
font-family: Trebuchet MS;
text-align: center;
font-size: 12px;
color: #ffffff;
letter-spacing: 2px;
text-transform: uppercase;
background: #9AA7B8;
padding: 6px 0;
}
tr #module_body_36360966 .txtbold a:link { /* legfrissebb bejegyzésed címe a blogpluszban */
font-family: Trebuchet MS;
text-align: left;
font-size: 12px;
letter-spacing: 2px;
text-transform: uppercase;
color: 000000;
font-weight: bold;
background: transparent;
}
tr #module_body_36360966 .txtmini { /* dátum a blogpluszban */
font-family: Trebuchet MS;
text-align: left;
font-size: 12px;
color: #9AA7B8;
font-weight: normal;
background: #D9E0E9;
margin-left: 0px !important;
padding: 4px;
text-shadow: 1px 1px 1px #ffffff;
}
tr #module_body_36360966 .txtnormal {
margin-top: 20px;
}
tr #module_body_36360966 .txtnormal a:link { /* ugrás a blogra kinézete */
font-family: Trebuchet MS;
text-align: center !important;
font-size: 12px;
color: #000000;
font-weight: normal;
background: #D9E0E9;
padding: 8px;
border-bottom: 4px solid #9AA7B8;
}
.lastcomments .txtnormal a:link { /* friss hozzászólás eleje */
font-family: Trebuchet MS;
text-align: center !important;
font-size: 12px;
color: #916F35 !important;
font-weight: normal;
background: transparent !important;
letter-spacing: 0px !important;
text-transform: none !important;
border: 0px !important;
}
.lastcomments .txtnormal { /* hozzászóló neve */
font-family: Trebuchet MS;
text-align: left !important;
font-size: 12px;
color: #000000 !important;
letter-spacing: 2px;
text-transform: uppercase;
font-weight: normal;
background: transparent !important;
margin-top: -10px !important;
}
--></style>

 

Ha szeretnétek megjeleníteni az oldalatokon a BlogPluszt, akkor ajánlatos ezt a kódot használni, mert így a CSS-ben megadott értékek csak a BlogPluszra lesznek hatással. Az !important szócskával több helyen kell játszani, hogy minden tökéletes lehessen, de ezt úgy is észre fogjátok venni a szerkesztés közben.
36360966 – a legelső és legfontosabb, hogy a kód hasson is ez a szám a kódban. Mindegyikőtöknek van egy száma a BlogPluszhoz, amit az oldalatok forráskód nézetében találtok meg. Jelöljétek ki a BlogPluszhoz tartozó pár sort, majd kattintsatok az egér jobb gombjával rá és válasszátok a Kijelölés forrásának megtekinését. A számot, miután megtaláltad másold ki és illeszd be az én CSS kódomba a szám helyére. Ezzel a technikával igazából mindegy egyes modul eltérő kinézetű lehet a többitől :)

 

 

 

  • tr #module_body_36360966 td.listheader: ez a kódrész és az alatta lévő értékek a BlogPluszban a fejlécre utalnak. Úgy, mint friss bejegyzések, friss hozzászólások, archívum.
  • tr #module_body_36360966 .txtbold a:link: ez a kódrész a legfrissebb bejegyzések címére utal a BlogPluszban. Arra a címre, amit a Blogban megadtatok címet a bejegyzéseteknek
  • tr #module_body_36360966 .txtmini: ez a kódrész a dátum kinézete a BlogPluszban.
  • tr #module_body_36360966 .txtnormal a:link: a kódrész a linkekre hat, mint pl. ugrás a blogra, hónapok, oldal tetejére kinézete
  • .lastcomments .txtnormal: ezzel a kódrésszel tudjátok a látogatótok nevének kinézetét megváltoztatni. Vagyis a hozzászóló nevének kinézetére hat.
  • .lastcomments .txtnormal a:link: ez pedig a friss hozzászólás egy része a BlogBluszban.

 


1 291 megtekintés

Hozzászólások