Komentāru dizains v3 - uWM // FORUMS

UWM FORUMS · PORTFOLIO · VIETŅU TOP

JAUNĀKAIS FORUMĀ ·

BIEDRU SARAKSTS ·

INFO MEKLĒTĀJS ·

IZSEKOTĀS TĒMAS ·

UWM AKTUĀLI: DISKUSIJA: Reputācijas restarts - DISKUSIJA: Steam spēļu izloze - NODERĪGI: "CW sistēma" uCoz modulī

Lappuse 1 no 1
1

Komentāru dizains v3 (melna & balta versija)

Komentāru dizains v3

Svētdiena, 25.03.2012, 1:31:52 | Ieraksts #1

VECĀ MIESA

Foruma ieraksti: 930

UWM Reputācija:

uWEBMEISTARS ordeņi:

1. līmenis

2. līmenis

3. līmenis

Jaunākie apbalvojumi:

@wuxmachine raksta .. :

1. Dodamies uz Appearance of comments - /panel/?a=tmpl;m=5;t=1
2. Aizstājam visa tā saturu ar šo kodu:

Code

<style> .cBlock1,
   .cBlock2 {
   float:left;
   overflow: hidden;
   width:100%;
   margin-bottom: 15px;
   outline: 1px solid #d7d7d7;
   border: 1px solid #fff;
   }

   .cBlock1 {background: #f6f6f6;}
   .cBlock2 {background: #e5e5e5;}

   .vid_comments_os {
   float:left;
   width:95%;
   padding: 5px 15px 5px 16px;
   }

   .vid_comments_os a:link,
   .vid_comments_os a:visited {color:#2e6fac;}
   .vid_comments_os a:hover {color:#31ac2e;}
   img {border: none; }
   a {outline: none; text-decoration:none!important; }

   .vc_top {
   float:left;
   width:100%;
   padding: 0px 0px 5px 0px;
   }

   .vc_name {
   font: 10px Verdana,Arial,Helvetica, sans-serif;
   text-shadow: 1px 1px 1px #fff;
   float:left;
   padding: 3px 0px 0px 0px;
   }

   .vc_name strong {color:#4EA62C;}
   .vc_name span {color:#999;}

   .vc_reiting {
   font: 11px Verdana,Arial,Helvetica, sans-serif;
   float:right;
   }

   .vc_reiting img {float:left; padding-top: 6px;}
   .vc_reiting span {float:left; padding: 2px 5px 0px 5px; font-weight: bold;}

   .vc_nomer {
   font: 11px Verdana,Arial,Helvetica, sans-serif;
   float:right;
   font-size:19px;
   margin-left: 15px;
   }

   .vc_nomer a:link,
   .vc_nomer a:visited {color:#C7C7C7;}
   .vc_nomer a:hover {color:#2C68A6;}

   .vc_center {
   float:left;
   text-align:justify;
   font: 115%/1.5 Verdana,Arial,Helvetica, sans-serif;
   color:#555;
   width:100%;
   }

   .coment_avatar{
   float:right;
   width:50px;
   height:50px;
   padding:3px;
   margin: 0px 0px 10px 15px;
   border: 1px solid #fff;
   }

   .vc_center {
   color:#555;
   width:100%;
   }

   .vcc_otvet {
   color:#555;
   padding: 5px 5px 5px 5px;
   background: #fff;
   border: 1px solid #d7d7d7;
   width:98%;
   margin: 10px 0px 10px 0px;
   }

   .vc_center,
   .vcc_otvet {
   float:left;
   overflow: hidden;
   text-align:justify;
   font: 115%/1.5 Verdana,Arial,Helvetica, sans-serif;
   }

   .vc_bottom {
   clear:left;
   text-align:right;
   padding: 0px 0px 0px 0px;
   }

   .post_r {color: #888;}
   .red {color: #a71a1a;}
   .gren {color: #1da71a;}
   .grey {color: #999;}</style>

<div class="$CLASS$">
   <div class="vid_comments_os">
   <div class="vc_top">
   <div class="vc_name"><strong><?if($USERNAME$)?>$USERNAME$ <?else?>$NAME$<?endif?></strong><?if($MODER_PANEL$ && $EMAIL$)?><a href="$EMAIL_JS$" title="Email"> ( E-mail )</a><?endif?><span> | $DATE$ | $TIME$</span></div>
   <div class="vc_nomer"><a href="#ent$ID$" uzzonclick="if (document.getElementById('comEnt$ID$')){$('body').scrollTo( { top:$('#comEnt$ID$').offset().top-22, left:0}, 500 );return false;}" name="ent$ID$">$NUMBER$</a> </div>
   <div class="vc_reiting">
   <?if($GOOD_COMMENT_URL$)?>
   <a href="$GOOD_COMMENT_URL$"><img src="http://buzz.ucoz.lv/images/plus.png" alt="+" title="Labs ieraksts"/></a>
   <span class="post_r">($COMMENT_RATING$)</span>
   <a href="$BAD_COMMENT_URL$"><img src="http://buzz.ucoz.lv/images/minus.png" alt="-" title="Slikts ieraksts"/></a><?else?>
   <?if($COMMENT_RATING$=0)?>
   <img src="http://buzz.ucoz.lv/askripti2/labs.png" alt="+" title="Labs ieraksts"/>
   <span class="post_r">($COMMENT_RATING$)</span>
   <img src="http://buzz.ucoz.lv/askripti2/slikts.png" alt="-" title="Slikts ieraksts"/>
   <?else?>
   <?if($COMMENT_RATING$<0)?>
   <img src="http://buzz.ucoz.lv/askripti2/labs.png" alt="+" title="Labs ieraksts"/>
   <span class="red">($COMMENT_RATING$)</span>
   <img src="http://buzz.ucoz.lv/askripti2/slikts.png" alt="-" title="Slikts ieraksts"/>
   <?else?>
   <img src="http://buzz.ucoz.lv/askripti2/labs.png" alt="+" title="Labs ieraksts"/>
   <span class="gren">(+$COMMENT_RATING$)</span>
   <img src="http://buzz.ucoz.lv/askripti2/slikts.png" alt="-" title="Slikts ieraksts"/>
   <?endif?>
   <?endif?>
   <?endif?>
   </div>
   </div>
   <div class="vc_center"><?if($USERNAME$)?><?if($USER_AVATAR_URL$)?><a href="$PROFILE_URL$" title="$USERNAME$"><img class="coment_avatar" alt="" src="$USER_AVATAR_URL$" /></a><?else?><a href="$PROFILE_URL$" title="$USERNAME$"><img class="coment_avatar" alt="" src="http://buzz.ucoz.lv/citasbildes/buzznoavatar.png" /></a><?endif?><?else?><img class="coment_avatar" alt="" src="http://buzz.ucoz.lv/citasbildes/buzznoavatar.png" /><?endif?>$MESSAGE$</div>
   <?if($ANSWER$)?><div class="vcc_otvet"><strong>Atbildēt</strong>: $ANSWER$</div><?endif?>
   <div class="vc_bottom"><?if($ANSWER_URL$)?><a href="$ANSWER_URL$">Atbildēt</a> <?endif?> $MODER_PANEL$</div>
   </div>
   </div>

Iznākums:

MELNS:

1. Dodamies uz Appearance of comments - /panel/?a=tmpl;m=5;t=1
2. Aizstājam visa tā saturu ar šo kodu:

Code

<style> .cBlock1,
   .cBlock2 {
   float:left;
   overflow: hidden;
   width:100%;
   margin-bottom: 15px;
   }

   .cBlock1 {background: #555;}
   .cBlock2 {background: #333;}

   .coment_avatar,
   .cBlock1,
   .cBlock2 {
   outline: 1px solid #2c2c2c;
   border: 1px solid #838383;
   }

   .vid_comments_os {
   float:left;
   width:95%;
   padding: 5px 15px 5px 16px;
   }

   .vid_comments_os a:link,
   .vid_comments_os a:visited {color:#9cbdd3;}
   .vid_comments_os a:hover {color:#87dd85;}
   img {border: none; }
   a {outline: none; text-decoration:none!important; }

   .vc_top {
   float:left;
   width:100%;
   padding: 0px 0px 5px 0px;
   }

   .vc_name {
   font: 10px Verdana,Arial,Helvetica, sans-serif;
   text-shadow: 1px 1px 1px #111;
   float:left;
   padding: 3px 0px 0px 0px;
   }

   .vc_name strong {color:#4EA62C;}
   .vc_name span {color:#999;}

   .vc_reiting {
   font: 11px Verdana,Arial,Helvetica, sans-serif;
   float:right;
   }

   .vc_reiting img {float:left; padding-top: 6px;}
   .vc_reiting span {float:left; padding: 2px 5px 0px 5px; font-weight: bold;}

   .vc_nomer {
   font: 11px Verdana,Arial,Helvetica, sans-serif;
   float:right;
   font-size:19px;
   margin-left: 15px;
   }

   .vc_nomer a:link,
   .vc_nomer a:visited {color:#C7C7C7;}
   .vc_nomer a:hover {color:#2C68A6;}

   .vc_center {
   float:left;
   text-align:justify;
   font: 115%/1.5 Verdana,Arial,Helvetica, sans-serif;
   color:#b5b5b5;
   width:100%;
   }

   .coment_avatar{
   float:right;
   width:50px;
   height:50px;
   padding:3px;
   margin: 0px 0px 10px 15px;
   }

   .vc_center {
   color:#b5b5b5;
   width:100%;
   }

   .vcc_otvet {
   color:#ececec;
   padding: 5px 5px 5px 5px;
   background: #7d7d7d;
   border: 1px solid #959595;
   width:98%;
   margin: 10px 0px 10px 0px;
   }

   .vc_center,
   .vcc_otvet {
   float:left;
   overflow: hidden;
   text-align:justify;
   font: 115%/1.5 Verdana,Arial,Helvetica, sans-serif;
   }

   .vc_bottom {
   clear:left;
   text-align:right;
   padding: 0px 0px 0px 0px;
   }

   .post_r {color: #858585;}
   .red {color: #ef7575;}
   .gren {color: #8fef75;}
   .grey {color: #999;}</style>

<div class="$CLASS$">
   <div class="vid_comments_os">
   <div class="vc_top">
   <div class="vc_name"><strong><?if($USERNAME$)?>$USERNAME$ <?else?>$NAME$<?endif?></strong><?if($MODER_PANEL$ && $EMAIL$)?><a href="$EMAIL_JS$" title="Email"> ( E-mail )</a><?endif?><span> | $DATE$ | $TIME$</span></div>
   <div class="vc_nomer"><a href="#ent$ID$" uzzonclick="if (document.getElementById('comEnt$ID$')){$('body').scrollTo( { top:$('#comEnt$ID$').offset().top-22, left:0}, 500 );return false;}" name="ent$ID$">$NUMBER$</a> </div>
   <div class="vc_reiting">
   <?if($GOOD_COMMENT_URL$)?>
   <a href="$GOOD_COMMENT_URL$"><img src="http://buzz.ucoz.lv/askripti2/labs.png" alt="+" title="Labs ieraksts"/></a>
   <span class="post_r">($COMMENT_RATING$)</span>
   <a href="$BAD_COMMENT_URL$"><img src="http://buzz.ucoz.lv/askripti2/slikts.png" alt="-" title="Slikts ieraksts"/></a><?else?>
   <?if($COMMENT_RATING$=0)?>
   <img src="http://buzz.ucoz.lv/askripti2/labs.png" alt="+" title="Labs ieraksts"/>
   <span class="post_r">($COMMENT_RATING$)</span>
   <img src="http://buzz.ucoz.lv/askripti2/slikts.png" alt="-" title="Slikts ieraksts"/>
   <?else?>
   <?if($COMMENT_RATING$<0)?>
   <img src="http://buzz.ucoz.lv/askripti2/labs.png" alt="+" title="Labs ieraksts"/>
   <span class="red">($COMMENT_RATING$)</span>
   <img src="http://buzz.ucoz.lv/askripti2/slikts.png" alt="-" title="Slikts ieraksts"/>
   <?else?>
   <img src="http://buzz.ucoz.lv/askripti2/labs.png" alt="+" title="Labs ieraksts"/>
   <span class="gren">(+$COMMENT_RATING$)</span>
   <img src="http://buzz.ucoz.lv/askripti2/slikts.png" alt="-" title="Slikts ieraksts"/>
   <?endif?>
   <?endif?>
   <?endif?>
   </div>
   </div>
   <div class="vc_center"><?if($USERNAME$)?><?if($USER_AVATAR_URL$)?><a href="$PROFILE_URL$" title="$USERNAME$"><img class="coment_avatar" alt="" src="$USER_AVATAR_URL$" /></a><?else?><a href="$PROFILE_URL$" title="$USERNAME$"><img class="coment_avatar" alt="" src="http://buzz.ucoz.lv/citasbildes/buzznoavatar.png" /></a><?endif?><?else?><img class="coment_avatar" alt="" src="http://buzz.ucoz.lv/citasbildes/buzznoavatar.png" /><?endif?>$MESSAGE$</div>
   <?if($ANSWER$)?><div class="vcc_otvet"><strong>Atbildēt</strong>: $ANSWER$</div><?endif?>
   <div class="vc_bottom"><?if($ANSWER_URL$)?><a href="$ANSWER_URL$">Atbildēt</a> <?endif?> $MODER_PANEL$</div>
   </div>
   </div>

Iznākums:

BAM BAM BAM

Svētdiena, 25.03.2012, 1:44:33 | Ieraksts #2

VECĀ MIESA

Foruma ieraksti: 1251

UWM Reputācija:

uWEBMEISTARS ordeņi:

1. līmenis

2. līmenis

3. līmenis

Jaunākie apbalvojumi:

@Ar4ssS raksta .. :

1. variants izstās Štilīgs :)

Foruma noteikumi | Pamācībsi | Skriptii

Svētdiena, 25.03.2012, 2:24:25 | Ieraksts #3

PRASTS BIEDRS

Foruma ieraksti: 293

UWM Reputācija:

uWEBMEISTARS ordeņi:

1. līmenis

2. līmenis

3. līmenis

Jaunākie apbalvojumi:

@GashE^ raksta .. :

Smuki!

Paraksta nav

Svētdiena, 25.03.2012, 3:20:10 | Ieraksts #4

FORUMA DIKTATORS

Foruma ieraksti: 5047

UWM Reputācija:

uWEBMEISTARS ordeņi:

1. līmenis

2. līmenis

3. līmenis

Jaunākie apbalvojumi:

@Korijs raksta .. :

Avatar iederētos kreisajā pusē.

Proti uzvesties, pateikt paldies un paaugstināt reputāciju tiem, kuri ir to nopelnījuši, palīdzēt tiem, kuriem ir nepieciešama palīdzība, papildināt forumu ar lietderīgām tēmām, līdz ar ko Tu šeit būsi respektabls biedrs! Pretēji tam, ja izteikts stulbums, nekaunība un neadekvāta uzvedība spraucas pāri katrai smadzeņu rievai, ja tāda ir - lūgtum, tiksi nahrenizēts! - Biedrs mācās no biedra / UWM

Svētdiena, 25.03.2012, 10:33:05 | Ieraksts #5

VECĀ MIESA

Foruma ieraksti: 982

UWM Reputācija:

uWEBMEISTARS ordeņi:

1. līmenis

2. līmenis

3. līmenis

Jaunākie apbalvojumi:

@Ken_D raksta .. :

Baigi smuki ! :)
Ķer +1 !
Noderēja.

.

Quote (Korijs)

Avatar iederētos kreisajā pusē.

Avatārs labajā pusē arī labi izskatās ! :)

Paraksta nav

Komentāru dizains v3 (melna & balta versija)

Lappuse 1 no 1
1

UWM apmeklēja:

RESPEKTABLĀKIE PORTĀLA FORUMA KLAVIATŪRISTI :

Foruma viszinis
Korijs
UWM karma: 380

Foruma atkarīgais
wuxmachine
UWM karma: 157

Foruma atkarīgais
Robiits
UWM karma: 87

Foruma šamanis
0wn3r
UWM karma: 80

Foruma atkarīgais
H[o_0]LiGaN
UWM karma: 78

Foruma atkarīgais
Spanky
UWM karma: 76

Foruma viszinis
Ar4ssS
UWM karma: 74

Foruma atkarīgais
Profth3tic
UWM karma: 55

Foruma atkarīgais
emciits
UWM karma: 52

Foruma atkarīgais
JackDaniel
UWM karma: 51

Foruma atkarīgais
Antikrists
UWM karma: 51

Foruma atkarīgais
Ken_D
UWM karma: 50

uWEBMEISTARS - weblapu veidošanas platformu pamācību un pakalpojumu interneta vides 'rokasgrāmata' / 2011-2025 - visas tiesības aizsargātas (c) UWM
Mājaslapa izmanto internetā brīvi pieejamus, kā arī pašu radītus materiālus, kuru pārpublicēšanas gadījumā atsauce uz UWM kā avotu ir obligāta!