www.marcis.ucoz.lv - Jaunākais CSS veidojums ir Komentāru Skata Dizains, Kurš pašlaik arī darbojās.
Lūk attēls: Šeit
Tātad Savā CSS failā ievietojam sekojošo:
Code
.leftarrowdiv{
width:98%;
min-height:40px;
background: grey;
color:#000;
padding:3px;
position:relative;
word-wrap:break-word;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
margin-bottom:2em;
box-shadow: 0px 0px 4px #000;}
.leftarrowdiv:after{
content:'';
display:block;
position:absolute;
top:10px;
left:-20px;
width:0;
height:0;
border-color: transparent grey transparent transparent;
border-style: solid;
border-width: 10px;
}
.avatarplace {-min-height:40px; webkit-box-shadow: 0 0 5px 5px#000; padding:5px; background: grey; border:1px solid #bbbbbb; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; box-shadow: 0px 0px 4px #000;}
a.commentlink:link { text-decoration:none; color:#000; }
a.commentlink:visited { text-decoration:none; color:#000; text-shadow:0 0 5px #ff; }
a.commentlink:hover { text-decoration:none; color:#000; text-shadow:0 0 5px #fff; }
a.commentlink:active { text-decoration:none; color:#fff; text-shadow:0 0 5px #fff; }
tālāk dodamies uz CP - Comments - Appearence Of Entrys un visu tur esošo aizstājam ar šo te:
Code
<table border="0" cellspacing="0" width="100%">
<tr>
<td width="55" valign="top"><div class="avatarplace">
<div align="center">
<table border="0" cellspacing="0" width="50" height="50">
<tr>
<td><?if($USER_AVATAR_URL$)?><a class="commentlink" href="$PROFILE_URL$" title="$USERNAME$" style="padding-right:4px;"><img alt="" align="left" src="$USER_AVATAR_URL$" width="48" height="48" border="0" /></a><?endif?></td>
</tr>
</table></div>
</div></td>
<td align="right">
<div class="leftarrowdiv">
<div style="float:right;font-size:11px;font-family:Arial,sans-serif;"><?if($COMMENT_RATING$<0)?><span class="myWinError"><b>$COMMENT_RATING$</b></span><?else?><?if($COMMENT_RATING$=0)?><span style="color:gray;"><b>$COMMENT_RATING$</b></span><?else?><span class="myWinSuccess"><b>+$COMMENT_RATING$</b></span><?endif?><?endif?> <?if($GOOD_COMMENT_URL$)?><a class="commentlink" href="$GOOD_COMMENT_URL$"><img alt="" src="http://s41.ucoz.net/img/icon/thumbu.png" width="13" align="absmiddle" border="0" title="Good post"></a> <a class="commentlink" href="$BAD_COMMENT_URL$"><img alt="" src="http://s41.ucoz.net/img/icon/thumbd.png" width="13" border="0" align="absmiddle" title="Bad post"></a><?else?><img alt="" src="http://s41.ucoz.net/img/icon/thumbu_.png" align="absmiddle" width="13" border="0" title="Good post"> <img alt="" src="http://s41.ucoz.net/img/icon/thumbd_.png" width="13" align="absmiddle" border="0" title="Bad post"><?endif?> $MODER_PANEL$</div><div class="cTop" style="text-align:left;"><?if($IS_OWN$)?><span class="myWinError">*</span> <?else?><?if($IS_NEW$)?><span class="myWinSuccess">*</span> <?endif?><?endif?><a class="commentlink" href="#ent$ID$" onclick="if (document.getElementById('comEnt$ID$')){$('body').scrollTo( { top:$('#comEnt$ID$').offset().top-22, left:0}, 500 );return false;}" name="ent$ID$"><b>$NUMBER$</b></a>
<?if($USERNAME$)?><a class="commentlink" href="$PROFILE_URL$"><b>$USERNAME$</b></a><?else?><b>$NAME$</b><?endif?> <span style="font-size:7pt;unicode-bidi:embed;">($DATE$ $TIME$)</span>
<?if($ENTRY_URL$)?>[<a class="commentlink" href="$ENTRY_URL$" target="_blank" title="Go to entry page">Entry</a>]<?endif?>
</div>
<div class="cMessage" style="text-align:left;clear:both;padding:2px 0;">$MESSAGE$</div>
<?if($ANSWER$)?><div class="cAnswer" style="text-align:left;clear:both;"><b>Answer</b>: $ANSWER$</div><?endif?>
<?if($ANSWER_URL$)?><div style="clear:both;padding:4px 0;font-size:7pt;">[<a class="commentlink" href="$ANSWER_URL$">Reply</a>]</div><?endif?>
</div></td>
</tr>
</table>
Ja kādam ši skata krāsas nesaskan ar viņa mājaslapu krāsas var pārmainīt CSS kodā