Cikkajánló
A design színvilága is egy nagyon-nagyon fontos dolog egy weboldal beindításában. Egyáltalán nem mindegy, hogy milyen színeket, mennyit és hogyan alkalmazunk egy oldalon. Nem tudom, ti hogy vagytok vele,
De most őszintén: bántottalak én valaha? Szóltam rólad bármikor is rosszat? Kibeszéltelek, szidtalak vagy mi a f*sz? Ki a fene vagy te, és mit képzelsz egyáltalán magadról, hogy csak
Először is mindenkinek nagyon boldog új évet kívánok :), mivel idén még nem tudtam frisst hozni :( Sok rendelés jött össze és azokat kellett megcsinálnom. Még van pár rendelés,
Instagram doboz weboldalra Project dobozok és egy Elit csere effekt Elit csere effekt szöveggel és képekkel Lana Del Rey és Kylie Jenner G-Portálos témák Maisie Williams G-Portálos téma
2015. június. 26.
G-Portálos CSS kódok részletezése: commentContainer

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