მთავარი » 2011 » დეკემბერი » 30 » კომენტარების დამატების ლამაზი ფორმა
12:45
კომენტარების დამატების ლამაზი ფორმა
კომენტარების დამატების ლამაზი ფორმა

1. შევიდეთ სამართავ პანელში,შემდეგ (Form for adding comments) და ჩასვავთ ამ კოდს

Code
"font-size: 11px; font-family: Verdana; color: rgb(255, 0, 0);"><div id="centerdmru_os">  
   
  <div id="centerdmru_error">$ERROR$</div>  
  <div id="centerdmru_vxod">  
    
  <span class="left"> <input class="input_name" onclick="this.className='input_os'" type="text" name="name" value="$NAME$" size="30" maxlength="60"></span>  
  <span class="right"><input class="input_email" onclick="this.className='input_os'" type="text" name="email" value="$EMAIL$" size="30" maxlength="60"></span>  
    
  $BBCODES$  
  </div>  
   
  <div id="centerdmru_smail">  
  <div class="left transparency_i">  
  <script type="text/javascript">="font-size: 11px; font-family: Verdana; color: rgb(255, 0, 0);">function emoticon(code,nm){if (code != ""){var txtarea=document.getElementById(nm);code = ' ' + code + ' ';if (document.selection) {txtarea.focus();var txtContent = txtarea.value;var str = document.selection.createRange();if (str.text == ""){str.text = code;} else if (txtContent.indexOf(str.text) != -1){str.text = code + str.text;} else {txtarea.value = txtContent + code;}}else{txtarea.value = txtarea.value + code;}}}"font-size: 11px; font-family: Verdana; color: rgb(255, 0, 0);"></script>  
  <a href="javascript://" rel="nofollow" onclick="emoticon(' <img src="http://s39.ucoz.net/sm/2/biggrin.gif" border="0" align="absmiddle" alt="biggrin"> ','message');return false;"><img alt="" style="margin:0;padding:0;border:0;" src="http://s47.ucoz.net/sm/1/biggrin.gif" title="wacko" /></a>  
  <a href="javascript://" rel="nofollow" onclick="emoticon(' <img src="http://s39.ucoz.net/sm/2/tongue.gif" border="0" align="absmiddle" alt="tongue"> ','message');return false;"><img alt="" style="margin:0;padding:0;border:0;" src="http://s47.ucoz.net/sm/1/tongue.gif" title="wacko" /></a>  
  <a href="javascript://" rel="nofollow" onclick="emoticon(' <img src="http://s39.ucoz.net/sm/2/happy.gif" border="0" align="absmiddle" alt="happy"> ','message');return false;"><img alt="" style="margin:0;padding:0;border:0;" src="http://s47.ucoz.net/sm/1/happy.gif" title="wacko" /></a>  
  <a href="javascript://" rel="nofollow" onclick="emoticon(' <img src="http://s39.ucoz.net/sm/2/cool.gif" border="0" align="absmiddle" alt="cool"> ','message');return false;"><img alt="" style="margin:0;padding:0;border:0;" src="http://s105.ucoz.net/sm/1/cool.gif" title="wacko" /></a>  
  <a href="javascript://" rel="nofollow" onclick="emoticon(' <img src="http://s39.ucoz.net/sm/2/yes.gif" border="0" align="absmiddle" alt="yes"> ','message');return false;"><img alt="" style="margin:0;padding:0;border:0;" src="http://s37.ucoz.net/sm/1/yes.gif" title="wacko" /></a>  
  <a href="javascript://" rel="nofollow" onclick="emoticon(' <img src="http://s39.ucoz.net/sm/2/angry.gif" border="0" align="absmiddle" alt="angry"> ','message');return false;"><img alt="" style="margin:0;padding:0;border:0;" src="http://s105.ucoz.net/sm/1/angry.gif" title="wacko" /></a>  
  <a href="javascript://" rel="nofollow" onclick="emoticon(' <img src="http://s39.ucoz.net/sm/2/sad.gif" border="0" align="absmiddle" alt="sad"> ','message');return false;"><img alt="" style="margin:0;padding:0;border:0;" src="http://s47.ucoz.net/sm/1/sad.gif" title="wacko" /></a>  
  <a href="javascript://" rel="nofollow" onclick="emoticon(' <img src="http://s39.ucoz.net/sm/2/wink.gif" border="0" align="absmiddle" alt="wink"> ','message');return false;"><img alt="" style="margin:0;padding:0;border:0;" src="http://s47.ucoz.net/sm/1/wink.gif" title="wacko" /></a>  
  <a href="javascript://" rel="nofollow" onclick="emoticon(' <img src="http://s39.ucoz.net/sm/2/confused.gif" border="0" align="absmiddle" alt="confused"> ','message');return false;"><img alt="" style="margin:0;padding:0;border:0;" src="http://s105.ucoz.net/sm/1/confused.gif" title="wacko" /></a>  
  <a href="javascript://" rel="nofollow" onclick="emoticon(' <img src="http://s39.ucoz.net/sm/2/blink.gif" border="0" align="absmiddle" alt="blink"> ','message');return false;"><img alt="" style="margin:0;padding:0;border:0;" src="http://s105.ucoz.net/sm/1/blink.gif" title="wacko" /></a>  
  <a href="javascript://" rel="nofollow" onclick="emoticon(' <img src="http://s39.ucoz.net/sm/2/fudge.gif" border="0" align="absmiddle" alt="fudge"> ','message');return false;"><img alt="" style="margin:0;padding:0;border:0;" src="http://s105.ucoz.net/sm/1/fudge.gif" title="wacko" /></a>  
  <a href="javascript://" rel="nofollow" onclick="emoticon(' <img src="http://s39.ucoz.net/sm/2/wacko.gif" border="0" align="absmiddle" alt="wacko"> ','message');return false;"><img alt="" style="margin:0;padding:0;border:0;" src="http://s105.ucoz.net/sm/1/wacko.gif" title="wacko" /></a>  
  <a href="javascript://" rel="nofollow" onclick="emoticon(' <img src="http://s39.ucoz.net/sm/2/unsure.gif" border="0" align="absmiddle" alt="unsure"> ','message');return false;"><img alt="" style="margin:0;padding:0;border:0;" src="http://s105.ucoz.net/sm/1/unsure.gif" title="wacko" /></a>  
  </div>  
  <div class="right smail"><a href="javascript://" rel="nofollow" onclick="new _uWnd('Sml',' ',-250,-350,{autosize:0,closeonesc:1,resize:0},{url:'/index/35-1-0'});return false;">Все смайлы</a></div>  
  </div>  
  <textarea class="centerdmru_message" style="height:135px;" rows="8" name="message" id="message" cols="50">$MESSAGE$</textarea>  
  <div id="centerdmru_footer">  
  <div class="left">$SECURITY_CODE$</div>  
  <div class="right"><input type="submit" class="knopka_coment" id="addcBut" name="submit" value="Добавить комментарий"></div>  
  </div>  
   
  </div>


2. შემდეგ შვდივართ Style sheet (CSS)_ში და ჩასვავთ ამ კოდს

Code
"font-size: 11px; font-family: Verdana; color: rgb(255, 0, 0);">/* Форма добавления комментариев  
  ----------------------------------------------------- */  
  #centerdmru_os {  
  overflow: hidden;  
  width:600px;  
  }  

  #centerdmru_error {  
  text-align:center;  
  font:12px Verdana,Arial,Helvetica,sans-serif;  
  color:#ff0000;  
  font-weight: bold;  
  padding: 5px 0px;  
  width:100%;  
  }  

  #centerdmru_vxod {  
  float:left;  
  width:100%;  
  padding: 0px 0px 5px 0px;  
  }  

  #centerdmru_smail {  
  float:left;  
  width:100%;  
  padding: 5px 0px 3px 0px;  
  }  

  .centerdmru_message {  
  font:12px Verdana,Arial,Helvetica,sans-serif;  
  color:#555;  
  width:100%;  
  padding:5px;  
  border:1px solid #D6D6D6;  
  background: #f9f9f9;  
  }  

  #centerdmru_footer {  
  float:left;  
  width:100%;  
  padding: 15px 0px 0px 0px;  
  }  

  .input_os,  
  .input_name,  
  .input_email {  
  font:11px Verdana,Arial,Helvetica,sans-serif;  
  color:#555;  
  width:280px;  
  padding: 6px 5px;  
  border:1px solid #D6D6D6;  
  background: #f9f9f9;  
  }  

  .input_name {  
  background: url('http://webo4ka.ru/Ucoz2/vxod_login.png') no-repeat center #f9f9f9;  
  }  

  .input_email {  
  background: url('http://webo4ka.ru/Ucoz2/vxod_email.png') no-repeat center #f9f9f9;  
  }  

  .codeButtons {  
  color:#929292;  
  text-shadow: 0px 1px 1px #fff;  
  background: #ebebeb;  
  padding: 2px 3px;  
  margin: 0px 4px 0px 1px ;  
  outline: 1px solid #D6D6D6;  
  border:1px solid #fff;  
  }  

  .smail {  
  font:11px Verdana,Arial,Helvetica,sans-serif;  
  font-weight: bold;  
  padding: 4px 5px 0px 0px;  
  }  

  .securityCode {  
  border:1px solid #D6D6D6;  
  background: #f9f9f9;  
  }  

  .knopka_coment {  
  color:#8F9497;  
  background: #F6F6F6;  
  }  

  .knopka_coment:hover {  
  color:#555;  
  background: #F2F2F2;  
  }  

  .knopka_coment,  
  .knopka_coment:hover {  
  font:11px Verdana,Arial,Helvetica,sans-serif;  
  text-shadow: 1px 1px 1px #fff;  
  border:1px solid #D6D6D6;  
  padding: 9px 10px;  
  }  

  .transparency_i a:hover img {  
  filter: progid: DXImageTransform.Microsoft.Alpha(opacity=50);  
  -moz-opacity: 0.5;  
  opacity: 0.5;  
  filter: alpha(opacity=50);  
  }  

  .left {float:left;}  
  .right {float:right;}  
  .clear {clear:left;}  
  /* ----------------------------------------------------- */
კატეგორია: საიტის სკრიფტები | ნანახია: 939 | დაამატა: Web-Gio | რეიტინგი: 0.0/0
სულ კომენტარები: 0
კომენტარის დამატება შეუძლიათ მხოლოდ დარეგისტრირებულ მომხმარებლებს
[ რეგისტრაცია | შესვლა ]