2017. 11. 27.Coppermine | Egérre felugró ablak tartalmának megváltoztatása
2017. 11. 26.GIF készítése egy pillanat alatt
2017. 11. 26.FREE theme | Dakota Johnson WordPress theme
2017. 11. 25.WordPress alapvető használata
2017. 11. 24.Ingyenes | Eliza Taylor G-Portálos téma
009.png

Eliza Taylor

001.png

Little Mix

040.png

Gal Gadot

008.png

Girls' Generation

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