Formular pentru adăugarea comentariilor - Pagina 2 - Scripturi și teme pentru ucoz
Ultimile postări Culorile HTML Căutare Fotoșop Membrii forumului
Pagina 2 din 2«12
Scripturi și teme pentru ucoz » Scripturi şi şabloane » Aspecte » Formular pentru adăugarea comentariilor
Formular pentru adăugarea comentariilor
LiberData: Joi, 2012-09-20, 9:34 PM | Mesaj # 6
Instalare: Panoul de Control - Design - Administrarea design-ului (şabloane) - Comentarii [Formular pentru adăugarea comentarilor] - ștergeți tot și adăugați codurile:

Code
<div style="padding: 5px 15px 5px 15px;">  
  <div id="nomessage"><textarea style="width: 100%;height:23px;color:#B3B3B3;font-size:11px;" rows="1" cols="50" onclick="$('#nomessage').toggle();$('#yesmessage').toggle();">Vom scri azi ceva?</textarea></div>  
  <div style="display:none;" id="yesmessage">  
  <textarea style="width: 100%;height:35px;font-size:11px;" rows="2" name="message" id="message" cols="50"></textarea>  
  <div>  
  <input type="submit" id="addcBut" value="Postează mesajul" onclick="$('#nomessage').toggle();$('#yesmessage').toggle();" />  
  </div>  
  </div>  
  </div>


 
AdminData: Miercuri, 2012-11-21, 12:17 PM | Mesaj # 7
Pasul 1: Panoul de Control - Design - Administrarea design-ului (CSS) - adăugați stilurile:

Code
/* Aspectul formularului pentru adăugarea comentariilor */
#forma_comment {  
  float:left;  
  width:580px;  
  background:#fff;  
  padding: 15px 30px 15px 30px;  
}
.comm_input:focus,  
#forma_comment textarea:focus {  
  box-shadow:inset 0px 1px 3px #c3c3c3!important;  
  -webkit-box-shadow:inset 0px 1px 3px #c3c3c3!important;  
  -moz-box-shadow:inset 0px 1px 3px #c3c3c3!important;  
}  

#forma_comment textarea {  
  margin:0;  
  float:left;  
  color:#555;  
  padding:10px;  
  background:#f9f9f9;  
  width:578px!important;  
  border:1px solid #E0E0E0;  
  border-top:none;  
}
#comment_panel {  
  float:left;  
  width:568px;  
  padding: 5px 5px 5px 5px;  
  background:#E0E0E0;  
}  

#comment_panel .codeButtons{  
  display:none;  
}
.menu_n {  
  float:left;  
  display:block;  
  position:relative;  
  margin: 2px 5px 0px 0px;  
}
.menu_n:hover .dd_menu{  
  right:auto;  
  left:0px;  
  top:30px;  
}  
.dd_ugol1,
.dd_menu {width:240px;}  

.dd_menu {  
  float:left;  
  padding:5px;  
  left:-999em;  
  z-index:998;  
  background:#fff;  
  position:absolute;  
  border:1px solid #999;  
  margin: 0px 0px 0px -5px;  
  -moz-border-radius:5px 5px 5px 5px;  
  -webkit-border-radius:5px 5px 5px 5px;  
  border-radius:5px 5px 5px 5px;  
  box-shadow: 0px 0px 5px #999;  
}
.dd_ugol1 {  
  float:left;  
  height:25px;  
  top:-25px;  
  left:4px;  
  position:absolute;  
  background:url(http://fierbinte.ucoz.ro/Forum/Aspect/Comentarii/Directia.png) no-repeat left bottom;  
}
#panel_bb {  
  float:left;  
  width:500px;  
}  

#panel_bb a:link,  
#panel_bb a:visited {  
  float:left;  
  padding: 3px 10px 4px 10px;  
  margin: 0px 5px 0px 0px;  
  background:#F6F6F6;  
  cursor:pointer;  
  border:1px solid #B2B2B2;  
  -webkit-border-radius: 3px;  
  -moz-border-radius: 3px;  
  border-radius: 3px;  
  font: 10px Verdana,Arial,Helvetica, sans-serif; color:#555; text-shadow: 1px 1px 1px #fff;  
}  

#panel_bb a:hover {background:#fff;}
#panel_error {  
  float:left;  
  width:100%;  
  text-align:center;  
  margin: 5px 0px 10px 0px;  
  font: 12px Verdana,Arial,Helvetica, sans-serif; color:#c71a1a;  
}
#panel_bottom {  
  float:left;  
  width:100%;  
}
#panel_bottom img {  
  display:none;  
}
.posteaza {  
  font:11px Verdana,Arial,Helvetica, sans-serif;  
  text-shadow: 1px 1px 1px #333;  
  float:right!important;  
  color:#fff!important;  
  margin:0!important;  
  height:37px!important;  
  cursor:pointer;  
  padding: 0px 10px 0px 10px!important;  
  background:#535B64!important;  
  border: 4px solid #DFDFDF!important;  
}  

.posteaza:hover {  
  background:#3E444B!important;
#forma_comment a:hover img {filter: progid: DXImageTransform.Microsoft.Alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; filter: alpha(opacity=50);}


Pasul 2: Panoul de Control - Design - Administrarea design-ului (şabloane) - Comentarii [Formular pentru adăugarea comentarilor] - înlocuiți codurile de aici cu cele de mai jos.

Code
<div id="forma_comment">  
<?if($BBCODES$)?>  
<div id="comment_panel">  
<div class="menu_n">  
  <a href="#" ><img alt="" src="http://fierbinte.ucoz.ro/Forum/Aspect/Comentarii/Emoticon.gif"></a>  
  <div class="dd_menu">  
  <span class="dd_ugol1"></span>  
  <script type="text/javascript" src="http://fierbinte.ucoz.ro/Forum/Aspect/Comentarii/Emoticoane.js"></script>  
  </div>  
</div>
<div id="panel_bb">  
  <a href="javascript://" onclick="simpletag('b')" title="Evidențiat">b</a>  
  <a href="javascript://" onclick="simpletag('i')" title="Înclinat" class="panel_i" >i</a>  
  <a href="javascript://" onclick="tag_url('message','')" title="Adaugă o adresă">http:</a>  
  <a href="javascript://" onclick="tag_image()" title="Adaugă o imagine">img</a>  
  <a href="javascript://" onclick="simpletag('quote')" title="Citat">Citat</a>  
  <a href="javascript://" onclick="simpletag('code')" title="Adaugă un cod" class="panel_code" >Сode</a>  
  <a href="javascript://" class="panel_close" onclick="closeall('message','');" title="Închide toate codurile">Închide BB</a>  
  <a href="javascript://" onclick="window.open('/index/17','bbcodes','scrollbars=1,width=550,height=450,left=0,top=0');" class="panel_info" >Alte coduri</a>  
$BBCODES$  
</div>
</div>  
<?endif?>
<textarea style="height:80px;" rows="8" name="message" id="message" cols="50">$MESSAGE$</textarea>  
<?if(!$USER_LOGGED_IN$)?>  
  <input class="comm_input left" type="text" name="name" value="Имя" onclick="if (this.value=='Numele'){this.value='';}" size="30" maxlength="60">  
  <input class="comm_input right" type="text" name="email" value="E-mail" onclick="if (this.value=='E-mail'){this.value='';}" size="30" maxlength="60">  
<?endif?>  
  <?if($ERROR$)?><div id="panel_error">$ERROR$</div><?endif?>  
  <div id="panel_bottom">  
  $SECURITY_CODE$  
  <input type="submit" class="posteaza" name="submit" value="Postează comentariul">  
  </div>  
</div></div>


Rezultatul:


În dictatură, cineva te foloseşte cum vrea el. În democraţie, ai dreptul să-l alegi pe cel care o să te folosească aşa cum vrea.
 
Scripturi și teme pentru ucoz » Scripturi şi şabloane » Aspecte » Formular pentru adăugarea comentariilor
Pagina 2 din 2«12
Căutare: