Cikkajánló
Létrejött egy új menüpont az oldalon PSD kellékek címmel. Ebben a modulban találhatóak majd az általam Photoshop-pal készített kellékek Photoshop formátumban természetesen :), hogy letöltés után áttudjátok alakítani és
Elkészült az új design :) Remélhetőleg ez tovább fenn fog maradni, mint az utolsó pár. Nem szeretek sűrűn design-t cserélni, szóval remélem nem unom meg hamar. Az utolsó .psd
A hétvégén kértetek egy Nathan Sykes .psd fejlécet. Hát elkészült :)  Közben 16 darab .png képet is készítettem Nathan-ról, ami pedig a galériába lett feltöltve. A .psd fejléc innen
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
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.

 

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

Hozzászólások