Cikkajánló
Kettő darab WordPress téma került feltöltésre az oldalra. Egyelőre nincs is több, de majd ha időm engedi, akkor készítek még párat. Én inkább a letisztult kinézeteket kedvelem, szóval abból
Elérkeztünk a honlapverseny első fordulójához. Itt most azokra a honlapokra lehet szavazni február 28-ig, akik nem kerültek be az első 10 oldal közé. A legtöbb szavazatot kapó oldal 100
Sziasztok! Kicsit megkésve, de most hozom a Facebook-os szavazás egy darab közönségnyertesét és a három darab oldalt, akik sorsolás által nyertek mindannyian 50-50-50 kreditet :) A fő végeredményt a
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. június. 26.
G-Portálos CSS kódok részletezése: commentContainer
Egyéb

9. rész

 

Hoztam egy újabb G-Portálos CSS kódot. Ez még meleg, olyan új :) Igaz, hogy írtam már egy olyan CSS kódról, amivel a hozzászólásokat lehet átalakítani, de azzal az volt a baj, hogy más helyeken is hatott az adott CSS kódrész, nem csak a hozzászólásoknál. De a héten segítséget kértem a G-Portál Team-től és az lett a vége, hogy kicsit módosították a G-Portálos kódokat, így a hozzászólások részt beletették egy “commentContainer” ID-be, ami nagy segítség lett, mert így a hozzászólásokat úgy lehet alakítani, ahogy tetszik és semmi másra nem fog hatni a G-Portálon belül :) Az ilyen hozzászólások kinézetéről van szó a cikkben:

 

 

A kód és annak részletes leírása pedig a tovább mögött található meg.

 

<style type="text/css">
/* hozzászólások kinézete a modulok alatt */
div[id*="commentContainer"] td.list1 { /* a legelső hozzászólás háttere + a dátum kinézete a hozzászólásban */
background-color: #FFEFD5;
color: #ECD181;
text-shadow: 1px 1px 1px #ffffff !important;
}
div[id*="commentContainer"] td.list2 { /* a következő hozzászólás háttere + a dátum kinézete a hozzászólásban */
background-color: #FFFCF4;
color: #ECD181;
text-shadow: 1px 1px 1px #ffffff !important;
}
div[id*="commentContainer"] .txtbold { /* a hozzászóló neve a hozzászólásoknál */
font-family: Georgia;
font-size: 14px;
font-weight: normal;
color: #318AF3;
font-style: italic;
}
div[id*="commentContainer"] .commenttext { /* a hozzászólások tartalmi kinézete */
font-family: Arial;
font-size: 13px;
font-weight: normal !important;
color: #525252;
font-style: normal;
text-align: justify;
line-height: 18px;
}
--></style>

 

Ha ezt a CSS kódot használjátok, akkor csak a hozzászólások rész fog változni, és a G-Portálon belül másra nem lesz hatással :) Így még egyedibbé lehet varázsolni a honlapot ;) A CSS kód egyébként menüben is benn van itt (biztos, ami biztos :D): G-Portál – CSS kódok használata G-Portálon – Hozzászólások kinézete a modulok alatt

Kapcsolódó bejegyzések

lindadesign
1 391 megtekintés

Előző, következő cikk

JetPack bővítményhez egy kis tipp

Már elég régóta szenvedtem azzal, hogy a JetPack-ban a közösségi ikonokat, amit alulra tesz ki ez a bővítmény a cikkek aljára, meglehessen változtatni a helyét. Ami még felettébb zavart az ikonokban, az az, hogy semmi helyet kihagyva egyből a

Egyforma hosszúságú modulok

Jó sok kérdést kaptam már arról, hogyan lehet a G-Portálon úgy kinézetet készíteni, hogy a szélső és középső modulok a lap alján egyforma hosszúak legyenek. Volt már szó ezekről a CSS kódról két cikkben, csak valahogy nem nagyon használjátok

 

Hozzászólások