Aspectul Comentariilor - Pagina 2 - Scripturi și teme pentru ucoz

Pentru a accesa toate paginile forumului

te rugăm să te înregistrezi

[ Cereri şabloane · Ultimile postări · Membrii · Regulamentul forumului · Căutare · RSS · Photoshop ]

Pagina 2 din 2
«
1
2

Aspectul Comentariilor

Liber

Data: Joi, 2012-08-30, 3:47 PM | Mesaj # 6

Total mesaje: 159

Vezi premiile: 5

Instalare: Panoul de Control - Design - Administrarea design-ului (şabloane) - Comentarii [Aspectul comentariilor] - ștergeți tot și adăugați codurile:

Code

<div id='<?if(substr($NAME$)='Fierbinte')?>webo4ka_border_admin<?else?>webo4ka_border<?endif?>'>
   <div id='<?if(substr($NAME$)='Fierbinte')?>webo4ka_verx_admin<?else?>webo4ka_verx<?endif?>'>

   <div id='<?if(substr($NAME$)='Fierbinte')?>webo4ka_avatar_admin<?else?>webo4ka_avatar<?endif?>'><?if($USER_AVATAR_URL$)?><img src="$USER_AVATAR_URL$" width="48" height="48"/><?else?><img src="http://fierbinte.ucoz.ro/avatar/Fara_Avatar.gif" width="48" height="48"/><?endif?></div>

   <div id='<?if(substr($NAME$)='Fierbinte')?>webo4ka_verx_name_admin<?else?>webo4ka_verx_name<?endif?>'>
   <?if($USERNAME$)?><a onclick="emoticon('[i][b]$USERNAME$,[/b][/i]','message');return false;"><b>$USERNAME$</b></a><?else?><b>$NAME$</b><?endif?> <?if($IS_OWN$)?><span class="myWinError">*</span> <?else?><?if($IS_NEW$)?><span class="myWinSuccess">*</span> <?endif?><?endif?>

   <img src="http://fierbinte.ucoz.ro/Forum/Aspect/Comentarii/Jos.png" border="0" style="cursor:pointer" onclick="$('#webo4ka_$NUMBER$').slideToggle('fast')">
   <z id="webo4ka_$NUMBER$" style="display:none;" class="<?if(substr($NAME$)='Fierbinte')?>webo4ka_moder_panel_admin<?else?>webo4ka_moder_panel<?endif?>">

   <div id="webo4ka_profil_dannii"><a href="$PROFILE_URL$" title="Profilul lui $NAME$" target="_blank" style="text-decoration:none;">Profilul</a></div>
   <div id="webo4ka_profil_dannii"><a href="/index/14-$USER_ID$-0-1" title="Trimite MP lui $NAME$" target="_blank" style="text-decoration:none;">Trimite MP</a></div>

   <?if($ENTRY_URL$)?><div id="webo4ka_profil_MESSAGE"><a href="$ENTRY_URL$" target="_blank" style="text-decoration:none;" title="Mergi pe pagina materialului">Materialul</a></div><?endif?>
   <?if($ANSWER_URL$)?><div id="webo4ka_profil_MESSAGE"><a href="$ANSWER_URL$" style="text-decoration:none;">Răspunde</a></div><?endif?>

   <div id="webo4ka_profil_reiting"><?if($COMMENT_RATING$<0)?><b>$COMMENT_RATING$</b><?else?><?if($COMMENT_RATING$=0)?><span style="color:gray;"><b>$COMMENT_RATING$</b></span><?else?><b>+$COMMENT_RATING$</b><?endif?><?endif?> <?if($GOOD_COMMENT_URL$)?><a href="$GOOD_COMMENT_URL$" style="color:#00b004;font-size:18;padding:4 4 4 4; text-decoration:none; text-shadow:1px 1px 1px #fff;" title="Îmi place">↑</a> <a href="$BAD_COMMENT_URL$" style="color:#dd001f;font-size:18;padding:4 4 4 4; text-decoration:none; text-shadow:1px 1px 1px #fff;" title="Nu-mi place">↓</a><?else?><z style="font-size:18;padding:4 4 4 4; text-shadow:1px 1px 1px #fff;" title="Îmi place">↑</z> <z style="font-size:18;padding:4 4 4 4; text-shadow:1px 1px 1px #fff;" title="Nu-mi place">↓</z><?endif?></div>

   <?if($MODER_PANEL$)?>
   <div id="webo4ka_menu_MODER_PANEL"><a href="javascript://" rel="nofollow" onclick="new _uWnd('Ie',' ',-600,-200,{autosize:1,closeonesc:1,resize:0},{url:'/index/37-$ID$'});return false;" title="Editează comentariul" style="text-decoration:none">Editează-l ✄</a></div>
   <div id="webo4ka_menu_MODER_PANEL"><a href="javascript://" rel="nofollow" onclick="del_item($ID$);return false;" title="Șterge comentariul" id="di$ID$" style="text-decoration:none">Șterge-l ✖</a></div>
   <div id="webo4ka_menu_MODER_PANEL"><a href="javascript://" rel="nofollow" onclick="prompt('IP address','$IP_ADDRESS$');return false;" title="IP-ul omului" style="text-decoration:none">IP-ul</a></div>
   <?endif?>

   <z style="float:right;"><a href="javascript://" onclick="$('#webo4ka_$NUMBER$').fadeOut('fast');" style="text-decoration:none; color: #ff0000;" title="Închide">✘ </a></z>
   </z>

   <span id='webo4ka_cvorachivanie'>
   <?if($NAME$='Fierbinte')?>
   <img style="cursor:pointer;" align="absmiddle" title="Deschide" onclick="if(document.getElementById('webo4ka$ID$').style.display=='none'){document.getElementById('webo4ka$ID$').style.display='';this.src='http://fierbinte.ucoz.ro/Forum/Iconite/Mici/Plus_micut.gif';this.title='Închide';}else{document.getElementById('webo4ka$ID$').style.display='none';this.src='http://fierbinte.ucoz.ro/Forum/Iconite/Mici/Plus_micut.gif';this.title='Deschide';}" border="0" src="http://fierbinte.ucoz.ro/Forum/Iconite/Mici/Minus_micut.gif" />
   <?else?>
   <img style="cursor:pointer;" align="absmiddle" title="Deschide" onclick="if(document.getElementById('webo4ka$ID$').style.display=='none'){document.getElementById('webo4ka$ID$').style.display='';this.src='http://fierbinte.ucoz.ro/Forum/Iconite/Mici/Minus_micut.gif';this.title='Închide';}else{document.getElementById('webo4ka$ID$').style.display='none';this.src='http://fierbinte.ucoz.ro/Forum/Iconite/Mici/Plus_micut.gif';this.title='Deschide';}" border="0" src="http://fierbinte.ucoz.ro/Forum/Iconite/Mici/Minus_micut.gif" />
   <?endif?>
   </span>

   </div>
   <div id='webo4ka_date'>$DATE$ $TIME$</div>
   </div>

   <span id="webo4ka$ID$">
   <div id='<?if(substr($NAME$)='Fierbinte')?>webo4ka_MESSAGE_admin<?else?>webo4ka_MESSAGE<?endif?>'>

   <p>$MESSAGE$</p>

   <?if($ANSWER$)?><div class="cAnswer" style="text-align:left;clear:both;"><b>Răspuns</b>: $ANSWER$</div><?endif?>
   </div></span></div><br />

   <style>
   #webo4ka_border_admin {border:1px solid #FFDD8C;}
   #webo4ka_verx_admin {background: #FFF1D7; border-bottom: 2px solid #fff; height: 50px; padding: 2px;}
   #webo4ka_avatar_admin {height: 48px; width: 48px; position: absolute; border:1px solid #ccc;}
   #webo4ka_verx_name_admin {color: #FF7700; font-weight: bold; text-shadow: 1px 1px 0 white, 2px 2px 1px #D4D4D4; font-size: 16px; font-family: Georgia; height: 24px; padding: 2px 0 0 60px;}
   #webo4ka_MESSAGE_admin {padding: 15px; background: #FFFBEE; font: 16px/22px "Trebuchet MS", Tahoma, Arial, sans-serif; text-shadow: 1px 1px white; color: #777;}
   .webo4ka_moder_panel_admin{background:#FFFBEE;border:2px solid #FFDD8C;position:absolute;margin-left:17px;padding:4px;width:170px;}

   #webo4ka_border {border:1px solid #E1E1E1;}
   #webo4ka_verx {background: #F2F2F2; border-bottom: 2px solid #fff; height: 50px; padding: 2px;}
   #webo4ka_avatar {height: 48px; width: 48px; position: absolute; border:1px solid #fff;}
   #webo4ka_verx_name {color: #444; font-weight: bold; text-shadow: 1px 1px 0 white, 2px 2px 1px #D4D4D4; font-size: 16px; font-family: Georgia; height: 24px; padding: 2px 0 0 60px;}
   #webo4ka_cvorachivanie {float: right; height: 24px; padding: 0 10px 0 0;}
   #webo4ka_date {height: 24px; padding: 0 0 0 60px; font-size: 11px; font-family: Georgia; text-shadow: 1px 1px white; color: #777;}
   #webo4ka_MESSAGE{padding: 15px; background: #FAFAFA; font: 16px/22px "Trebuchet MS", Tahoma, Arial, sans-serif; text-shadow: 1px 1px white; color: #777;}
   .webo4ka_moder_panel{background:#fff;border:2px solid #c3ccd3;position:absolute;margin-left:17px;padding:4px;width:170px;}

   #webo4ka_profil_dannii{background: #f4f4f4; border: 1px solid #ccc; text-shadow: 0.1em 0.1em 0.05em #FFF; padding:2px 4px; margin: 1px;}
   #webo4ka_profil_dannii:hover{background: white; border: 1px solid #ccc; text-shadow: 0.1em 0.1em 0.05em #FFF; padding:2px 4px; margin: 1px; cursor: pointer;}

   #webo4ka_profil_MESSAGE{background:#f0f8dc; border: 1px solid #b0d753; text-shadow: 0.1em 0.1em 0.05em #FFF; padding:2px 4px; margin: 1px;}
   #webo4ka_profil_MESSAGE:hover{background:#f8ffe6; border: 1px solid #b0d753; text-shadow: 0.1em 0.1em 0.05em #FFF; padding:2px 4px; margin: 1px; cursor: pointer;}

   #webo4ka_profil_reiting{background:#ffe6fd; border: 1px solid #d753b3; text-shadow: 0.1em 0.1em 0.05em #FFF; padding:2px 4px; margin: 1px;}
   #webo4ka_profil_reiting:hover{background:#ffedfa;; border: 1px solid #d753b3; text-shadow: 0.1em 0.1em 0.05em #FFF; padding:2px 4px; margin: 1px; cursor: pointer;}

   #webo4ka_menu_MODER_PANEL{background:#ffe6e6; border: 1px solid #ff7b7b; text-shadow: 0.1em 0.1em 0.05em #FFF; padding:2px 4px; margin: 1px;}
   #webo4ka_menu_MODER_PANEL:hover{background:#ffeded;; border: 1px solid #ff7b7b; text-shadow: 0.1em 0.1em 0.05em #FFF; padding:2px 4px; margin: 1px; cursor: pointer;}
   </style>

Rezultatul:

Apasă pentru a mări imaginea

Liber

Data: Vineri, 2012-08-31, 1:58 PM | Mesaj # 7

Total mesaje: 159

Vezi premiile: 5

Pasul 1: Panoul de Control - Design - Administrarea design-ului (şabloane) - Comentarii [Aspectul comentariilor] - ștergeți codurile din această pagină și adăugați-le pe cele de mai jos.

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></div>
  <div class="com-time">$DATE$ $TIME$ $MODER_PANEL$</div>
  <div class="reiti">
  <a href="$GOOD_COMMENT_URL$"><div class="positive-off" title="Îmi place"></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="Nu-mi place"></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>

Pasul 2: Panoul de Control - Design - Administrarea design-ului (CSS) - adăugați la urmă stilurile:

Code

/* Aspectul comentariilor */
.comment-body {
  width: 95%;
  max-width: 750px;
  position:relative;
  border:1px solid #d6d6d6;
  margin: 0 0 0 18px !important;
  background: #FFF url(http://fierbinte.ucoz.ro/Forum/Aspect/Comentarii/Simplu-frumos.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://fierbinte.ucoz.ro/Forum/Aspect/Comentarii/Simplu-frumos_2.png);}
  .ava-bor-t {height:5px;background:url(http://fierbinte.ucoz.ro/Forum/Aspect/Comentarii/Simplu-frumos_3.png);}
  .ava-bor-tr {height:5px;width:5px;background:url(http://fierbinte.ucoz.ro/Forum/Aspect/Comentarii/Simplu-frumos_4.png);}
  .ava-bor-l {width:5px;background:url(http://fierbinte.ucoz.ro/Forum/Aspect/Comentarii/Simplu-frumos_5.png);}
  .ava-bor-r {width:5px;background:url(http://fierbinte.ucoz.ro/Forum/Aspect/Comentarii/Simplu-frumos_6.png);}
  .ava-bor-bl {height:5px;width:5px;background:url(http://fierbinte.ucoz.ro/Forum/Aspect/Comentarii/Simplu-frumos_7.png);}
  .ava-bor-b {height:5px;background:url(http://fierbinte.ucoz.ro/Forum/Aspect/Comentarii/Simplu-frumos_8.png);}
  .ava-bor-br {height:5px;width:5px;background:url(http://fierbinte.ucoz.ro/Forum/Aspect/Comentarii/Simplu-frumos_9.png);}

  .person {
  position: absolute;
  font-size:12px;
  font-weight:bold;
  background:url(http://fierbinte.ucoz.ro/Forum/Aspect/Comentarii/Simplu-frumos_10.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://fierbinte.ucoz.ro/Forum/Aspect/Comentarii/Simplu-frumos_11.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://fierbinte.ucoz.ro/Forum/Aspect/Comentarii/Simplu-frumos_12.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://fierbinte.ucoz.ro/Forum/Aspect/Comentarii/Simplu-frumos_13.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://fierbinte.ucoz.ro/Forum/Aspect/Comentarii/Simplu-frumos_13.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://fierbinte.ucoz.ro/Forum/Aspect/Comentarii/Simplu-frumos_13.png) no-repeat -56px 0px;}
  .reiti .negative-off {display:block; margin: 5px auto; height:28px; width:28px; background:url(http://fierbinte.ucoz.ro/Forum/Aspect/Comentarii/Simplu-frumos_13.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://fierbinte.ucoz.ro/Forum/Aspect/Comentarii/Simplu-frumos_14.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%}

Rezultatul:

Apasă pentru a mări imaginea

Liber

Data: Sâmbătă, 2012-09-22, 2:18 PM | Mesaj # 8

Total mesaje: 159

Vezi premiile: 5

Instalare: Panoul de Control - Design - Administrarea design-ului (şabloane) - Comentarii [Aspectul comentariilor] - ștergeți tot din această pagină și înserați acest cod:

Code

<table align="center" width="100%" style="border-collapse:collapse;margin:10px;">
   <tr>
   <td width="10px" style="padding:5px;border-top:1px solid #d2d2d2;border-left:1px solid #d2d2d2;border-bottom:1px solid #d2d2d2;background:#FFFFFF;"><font color="#404040"><b>$USERNAME$</b></font> $MODER_PANEL$</td>
   <td width="200px" style="padding:5px;border-top:1px solid #d2d2d2;border-right:1px solid #d2d2d2;background:#FFFFFF;"></td>
   <td width="10px" style="border-bottom:1px solid #d2d2d2;"></td>
   <td width="20px" style="background:#FFFFFF;border-top:1px solid #d2d2d2;border-right:1px solid #d2d2d2;border-left:1px solid #d2d2d2;">

   <div id="allrate$NUMBER$" align="center">
   <?if($GOOD_COMMENT_URL$)?><a style="text-decoration:none;" href="$GOOD_COMMENT_URL$"><?endif?><span id="ico$NUMBER$"><img src="http://fierbinte.ucoz.ro/Forum/Aspect/Comentarii/8_Inima.png" border="0" style="width: 15px; margin-bottom:-2px; margin-right:2px;" >$COMMENT_RATING$</span><?if($GOOD_COMMENT_URL$)?></a><?endif?>
   </div>

   </td>
   <td width="10px" style="border-bottom:1px solid #d2d2d2;"></td>
   <td align="center" style="padding:5px;background:#FFFFFF;border-top:1px solid #d2d2d2;border-right:1px solid #d2d2d2;border-left:1px solid #d2d2d2;">

   <div id="allrate$NUMBER$" align="center">
   <a href="$PROFILE_URL$"><img border="0" width="12" src="http://fierbinte.ucoz.ro/Forum/Aspect/Comentarii/8_Casuta.png"></a>
   </div>

   </td>
   </tr>
   <tr>
   <td colspan="1" valign="top" width="60px" style="padding:10px;"><?if($USER_AVATAR_URL$)?><img src="$USER_AVATAR_URL$" width="60px" style="padding:3px;background:#f7f7f7;border:1px solid #d3d3d3;"><?else?><img src="http://fierbinte.ucoz.ro/avatar/Fara_Avatar.gif" width="60px" style="padding:3px;background:#f7f7f7;border:1px solid #d3d3d3;"><?endif?></td>
   <td colspan="5" width="90%" valign="top" style="padding:3px;border-bottom:1px solid #d2d2d2;border-right:1px solid #d2d2d2;border-left:1px solid #d2d2d2;background:#FFFFFF;">$MESSAGE$</td>
   </tr>
   </table>
   <style>
   #allrate$NUMBER$ {opacity:0.5;font-size:10px;}
   #allrate$NUMBER$:hover {opacity:1.0;}
   #ico$NUMBER$ {color:#2B587A;<?if($GOOD_COMMENT_URL$)?>cursor:pointer;<?endif?>}
   </style>

Rezultatul:

Apasă pentru a mări imaginea

Aspectul Comentariilor

Pagina 2 din 2
«
1
2