MaxRom | Scripturi uCoz Romania

Bannerul tau aici
[ Mesaje noi · Membrii · Regulamentul forumului · RSS ]
Pagina 1 din 11
Forum » uCoz system » Alte » Modificam Appeareance of comments
Modificam Appeareance of comments
Devil Date: Duminică, 2011-06-26, 16:56 | Message # 1
Mesaje: 425
Awards: 15
« 29 »

Intram in cp --> comments --> Appeareance of comments --> si schimbam tot cu :

Code
<div class="comment-body">
  <div class="avatar">№ <b>$NUMBER$</b><br>
  <table align="center" border="0" cellpadding="0" cellspacing="0" width="57">
  <tbody><tr>
  <td class="ava-bor-tl"></td>
  <td class="ava-bor-t"></td>
  <td class="ava-bor-tr"></td>
  </tr>
  <tr>
  <td class="ava-bor-l"></td>
  <td><img src="$USER_AVATAR_URL$" alt="" height="47"></td>
  <td class="ava-bor-r"></td>
  </tr>
  <tr>
  <td class="ava-bor-bl"></td>
  <td class="ava-bor-b"></td>
  <td class="ava-bor-br"></td>

  </tr>
  </tbody></table>
  </div>
  <div class="person"><a href="$PROFILE_URL$"><b>$USERNAME$</b></a>$MODER_PANEL$</div>
  <div class="com-time">$DATE$ $TIME$  </div>
  <div class="reiti">
  <a href="$GOOD_COMMENT_URL$"><div class="positive-off" title="Good"></div> </a>
  <span style="color: rgb(197, 197, 197);"><?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?></span>
  <a href="$BAD_COMMENT_URL$"><div class="negative-off" title="Bad"></div> </a>
  </div>
  <div class="com-message">
  $MESSAGE$
  </div>
  <span class="top-right"></span>
  <span class="top-left"></span>
  <span class="bot-right"></span>
  <span class="bot-left"></span>
  </div><br>


Iar in "CSS" adaugati stilu :

Code
.comment-body {   
   width: 95%;   
   max-width: 750px;   
   position:relative;   
   border:1px solid #d6d6d6;   
   margin: 0 0 0 18px !important;   
   background: #FFF url(http://webo4ka.ru/Ucoz4/vid_komment/bgbg.png) no-repeat top right;   
   min-height:100px;   
   height:auto !important;   
   height:100px;   
   }   
   .com-message{margin: 20px 50px 10px 80px; font-size:12px;padding:7px; overflow:hidden;color:#000;}   
   .avatar {   
   width: 57px;   
   position: absolute;   
   left: 8px;   
   top: 9px;   
   font-size:10px;   
   text-align:center;   
   color:#999;   
   }   
   .avatar a {color:#0068ff; border-bottom:dotted 1px #0068ff;text-decoration:none;}   
   .avatar a:hover {background:#0068ff; color:#FFF;}   

   .ava-bor-tl {height:5px;width:5px; background:url(http://webo4ka.ru/Ucoz4/vid_komment/ava-bor-tl.png);}   
   .ava-bor-t {height:5px;background:url(http://webo4ka.ru/Ucoz4/vid_komment/ava-bor-t.png);}   
   .ava-bor-tr {height:5px;width:5px;background:url(http://webo4ka.ru/Ucoz4/vid_komment/ava-bor-tr.png);}   
   .ava-bor-l {width:5px;background:url(http://webo4ka.ru/Ucoz4/vid_komment/ava-bor-l.png);}   
   .ava-bor-r {width:5px;background:url(http://webo4ka.ru/Ucoz4/vid_komment/ava-bor-l.png);}   
   .ava-bor-bl {height:5px;width:5px;background:url(http://webo4ka.ru/Ucoz4/vid_komment/ava-bor-bl.png);}   
   .ava-bor-b {height:5px;background:url(http://webo4ka.ru/Ucoz4/vid_komment/ava-bor-b.png);}   
   .ava-bor-br {height:5px;width:5px;background:url(http://webo4ka.ru/Ucoz4/vid_komment/ava-bor-br.png);}   

   .person {   
   position: absolute;   
   font-size:12px;   
   font-weight:bold;   
   background:url(http://webo4ka.ru/Ucoz4/vid_komment/person-icon.png) no-repeat 0 3px;   
   padding: 0 0 0 12px;   
   left: 87px;   
   top: 4px;   
   }   
   .person a {color:#0068ff;}   
   .com-time   
   {   
   position: absolute;   
   font-size:11px;   
   background:url(http://webo4ka.ru/Ucoz4/vid_komment/time-icon.png) no-repeat 0 3px;   
   padding: 0 0 0 12px;   
   left: 213px;   
   top: 5px;   
   color:#717171;   
   }   
   .com-time a {color:#0068ff;}   
   .reiti {   
   float: right;   
   width: 40px;   
   height:100px;   
   background:#3e89f4 url(http://webo4ka.ru/Ucoz4/vid_komment/bgreiting.png) top left repeat-x;   
   text-align:center;   
   color:#FFF;   
   font-weight:bold;   
   font-size:12px;   
   }   
   .reiti a.positive {display:block; margin: 5px auto; height:28px; width:28px; background:url(http://webo4ka.ru/Ucoz4/vid_komment/reiting.png) no-repeat;}   
   .reiti a.positive:hover {background-position:-28px 0px;}   
   .reiti a.negative {display:block; margin: 5px auto; height:28px; width:28px; background:url(http://webo4ka.ru/Ucoz4/vid_komment/reiting.png) no-repeat 0px -28px;}   
   .reiti a.negative:hover {background-position:-28px -28px;}   
   .reiti .positive-off {display:block; margin: 5px auto; height:28px; width:28px; background:url(http://webo4ka.ru/Ucoz4/vid_komment/reiting.png) no-repeat -56px 0px;}   
   .reiti .negative-off {display:block; margin: 5px auto; height:28px; width:28px; background:url(http://webo4ka.ru/Ucoz4/vid_komment/reiting.png) no-repeat -56px -28px;}   
     
   .comment-body span.top-right,.comment-body span.top-left,.comment-body span.bot-right,.comment-body span.bot-left { display:block;   
   position:absolute;   
   width:7px;   
   height:7px;   
   background-image: url(http://webo4ka.ru/Ucoz4/vid_komment/round-c.png)}   
     
   .top-right {top:-1px; right:-1px; background-position:100% 0}   
   .top-left {top:-1px; left:-1px}   
   .bot-right {bottom:-1px; right:-1px; background-position:100% 100%}   
   .bot-left {bottom:-1px; left:-1px; background-position:0 100%}


Sursa : Link

Tradus de Devil pentru Maxrom.ucoz.com

Rezultat :


 
alecsandru22 Date: Joi, 2011-11-17, 12:58 | Message # 2
Mesaje: 33
Awards: 9
« 1 »

un aspect frumos, dar nu e complet, nu apare Raspunsul, cand editezi un comentariu si vrei sa raspunzi, ceea ce ai raspuns tu nu apare acolo !

Poate il editati sa apara.


Trăsniţii - Episoade online doar pe www.trasnitii.do.am


 
Forum » uCoz system » Alte » Modificam Appeareance of comments
Pagina 1 din 11
Căutare: