www.marcis.ucoz.lv - Jaunākais CSS veidojums ir Komentāru Skata Dizains, Kurš pašlaik arī darbojās. Lūk attēls: Šei t 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ā