2018. 01. 02.Mi lesz a G-Portállal?
2018. 01. 01.Coppermine | Magyar nyelvű galéria (hungarian.php)
2017. 12. 23.Saját videó beágyazása weboldalba
2017. 12. 18.Coppermine vagy Sosugary galéria?
2017. 12. 18.Coppermine | Egyedi főoldali tartalom
Coppermine Gallery themes

Coppermine Gallery themes
17 napja
30 néző

WordPress themes

WordPress themes
19 napja
33 néző

G-Portál themes

G-Portál themes
19 napja
18 néző

Tumblr themes

Tumblr themes
19 napja
30 néző

G-Portálos CSS kódok részletezése: commentContainer
1 466 megtekintés

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




Előző, következő cikk



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

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