2018. 04. 24.Coppermine | Thumbnails képek méretének változtatása egyszerűen
2018. 04. 18.Videó | PNG készítése Photoshop-ban
2018. 04. 17.Coppermine | Eredeti kép megnyitása új lapon és nem új ablakban
2018. 04. 03.Képről szöveg másolása
2018. 04. 02.Coppermine Galéria költöztetése
Coppermine Gallery themes

Coppermine Gallery themes
80 napja
111 néző

WordPress themes

WordPress themes
81 napja
114 néző

G-Portál themes

G-Portál themes
81 napja
67 néző

Tumblr themes

Tumblr themes
81 napja
101 néző

G-Portálos CSS kódok részletezése: commentContainer
1 493 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