Cikkajánló
Hoztam egy újabb jópofa CSS kódot, amit G-Portálon, WordPress-ben vagy bárhol máshol is lehet alkalmazni :) Akár szélső sávban, akár a főmodulban is. Én most a példa kódot egy
Készítettem pihenésképpen egy teljesen egyszerű G-Portálos CSS kódot. Semmi csicsa nincsen benne, sem színkavalkád :) Tök egyszerű, letisztult téma. Fejléc adható hozzá, ha úgy jobban tetszik majd. :) Innen
New Yorkba vágyom rettenetesen! Persze a cikk nem erről szól, de muszáj volt kiírnom magamból. :) Tehát a cikk lényege, hogy hogyan lehet megoldani azt kóddal, hogy a cikkek
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
2015. május. 30.
CSS kód, ami csak a BlogPluszra hat

6. rész

 
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 :) A teljes kód a Tovább mögött olvasható el. A kód alatt pedig részletesebben a kódról.
 

 


 

<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és 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.
 

 

 

  • 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.

 
Már írtam egyébként a BlogPluszról régebben itt, ahol most a kódot frissítettem is erre az újra, mert eddig olyan kód volt megírva, ami a G-Portálon belül másra is hat, de már nem :) Mivel ez most egy cikksorozat része, így külön bejegyzésben is megtalálható ezentúl, meg a régi helyén is.

Kapcsolódó bejegyzések

lindadesign
1 095 megtekintés

Előző, következő cikk

G-Portálos CSS kódok részletezése: sitebottom

5. rész   Magyarul a sitebottom a szerkeszthető lábléc CSS kódrésze.   A .sitebottom használata   ha használsz CSS kódot, az a legcélszerűbb, ha ide illeszted be egy modulsávos honlapot is létre tudsz hozni. A CSS kód ilyenkor is

Egyszerű G-Portálos téma 1.

Hoztam egy újabb G-Portálos kinézetet. Úgy látom a szavazás állásából, hogy a G-Portálos kinézeteket igénylitek a legtöbben :) De azért majd mást is hozok, de mivel volt már kérés, hogy hozzak egyszerűbb kinézetet is, így  most ez mellett döntöttem.

 

Hozzászólások