Cikkajánló
Ez a tartalom regisztrációhoz kötött. Ha már regisztrált tag vagy, akkor a Bejelentkezés alatt tudsz belépni, ellenkező esetben regisztrálnod kell a tartalom megtekintéséhez.Regisztrált felhasználó belépéseFelhasználónévJelszó Emlékezzen rám  RegisztrációFelhasználónév*Email cím*E-mail cím újra*Honlap**Kötelezően
Sziasztok! Végre valahára meglett az új számítógépem (mert a régi már nagyon oda volt, így semmit nem volt kedvem csinálni rajta). Első körben hoztam most nektek hat féle project
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,
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
2015. május. 30.
CSS kód, ami csak a BlogPluszra hat
Egyéb

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 145 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