სახელი: კომენტარის ვიდი და დამატების ფორმა ავტორი: GioToLo სისტემა: uCoz დიზაინი: Zagruzka-Plus
აღწერა: მოკლედ ეს არის ძალიან ლამაზი და გამართული კომენტაის ვიდი და დამატების ფორმა 100%–ით გამართულია ! აყენია ამ საიტზე უფრო მეტად ამის დაყენებას ვურჩევ მათ ვისაც უყენია დიზაინი Zagruzka-Plus რადგან მის ფერებშია და ძალიან უხდება ! ეს საიხლე არის თითქმის ექსკლუზივი რადგანაც მხოლოდ ჩემი მეგობრის საიტზე და აქ დევს მოკლედ ძალიან ლამაზი რამაა და იმედია ყველა გამოიყენებთ ! ! !
P.S: სრულად ნახვაში თქვენ ნახავთ დაყენების წესს და კოდებს :)
ჩასვით Appearance of comments_ში
Code <link type="text/css" rel="StyleSheet" href="http://deikide.do.am/_st/my.css" /> <fieldset style="padding:5px;"><table style="background:#fff;" cellpadding="0" cellspacing="0" width="100%"><tbody><tr valign="top"> <td width="95"><div class="avatar"><img src="$USER_AVATAR_URL$" id="photoCard" title="$USERNAME$"> <div>რეიტინგი: $LEVEL$</div> <div>სახელი: $NAME$</div> </div> </td> <td> <table class="comblock" border="0" cellpadding="0" cellspacing="0" width="100%"> <tbody><tr> <td width="28"><img src="http://joomla.ucoz.com/Comentarii/2/cblock_left_top.gif" alt="" height="12" width="28"></td> <td class="cblock-top"><img src="/images/spacer.png" alt="" height="12" width="1"></td> <td width="12"><img src="http://joomla.ucoz.com/Comentarii/2/cblock_right_top.gif" alt="" height="12" width="12"></td> </tr> <tr valign="top"> <td class="cblock-left"><img src="http://joomla.ucoz.com/Comentarii/2/cblock_left_mtop.gif" alt="" height="91" width="28"></td> <td class="cblock-content"> <span class="newstitle">$TITLE$</span> <table cellpadding="0" cellspacing="0" width="100%"><tbody><tr> <td>ავტორი: <a href="$PROFILE_URL$"><b>$USERNAME$</b></a> | დრო: $DATE$, $TIME$</td><td width="30%"> </td> </tr></tbody></table> <hr>
$MESSAGE$ <div align="right"> [<a href="$ANSWER_URL$">პასუხი</a>] <span class="myWinError"><b>$COMMENT_RATING$</b></span><span style="color:gray;"><b>$COMMENT_RATING$</b></span><span class="myWinSuccess"><b>+$COMMENT_RATING$</b></span> <a href="$GOOD_COMMENT_URL$"><img src="http://s31.ucoz.net/img/icon/thumbu.png" title="+1" border="0" width="13" align="absmiddle"></a> <a href="$BAD_COMMENT_URL$"><img src="http://s31.ucoz.net/img/icon/thumbd.png" title="-1" border="0" width="13" align="absmiddle"></a><img src="http://s31.ucoz.net/img/icon/thumbu_.png" align="absmiddle" width="13" border="0" title="+1"> <img src="http://s31.ucoz.net/img/icon/thumbd_.png" width="13" align="absmiddle" border="0" title="-1"> $MODER_PANEL$</div><div class="cTop" style="text-align:left;"><span class="myWinError">*</span> <span class="myWinSuccess">*</span> <a href="#ent$ID$" onclick="if (document.getElementById('comEnt$ID$')){$('body').scrollTo( { top:$('#comEnt$ID$').offset().top-22, left:0}, 500 );return false;}" name="ent$ID$"><b>$NUMBER$</b></a> </div><div class="clr"></div> </td> <td class="cblock-right"><img src="http://joomla.ucoz.com/Comentarii/2/cblock_right_mtop.gif" alt="" height="62" width="12"></td> </tr> <tr> <td width="28"><img src="http://joomla.ucoz.com/Comentarii/2/cblock_left_bottom.gif" alt="" height="12" width="28"></td> <td class="cblock-bottom"><img src="/images/spacer.png" alt="" height="12" width="1"></td> <td width="12"><img src="http://joomla.ucoz.com/Comentarii/2/cblock_right_bottom.gif" alt="" height="12" width="12"></td> </tr> </tbody></table> </td> </tr> </tbody></table></fieldset><div style="margin-top: 10px;"
ეს კი Form for adding comments_ში
Code <div align="center"> <table border="0" cellpadding="0" cellspacing="0"> <tbody><tr><td background="http://gelesson.net/style/Border/1.png" height="9" width="9"></td> <td background="http://gelesson.net/style/Border/2.png" height="9"> </td><td background="http://gelesson.net/style/Border/3.png" height="9" width="9"></td> </tr><tr><td background="http://gelesson.net/style/Border/4.png" width="9"></td> <td> <div id=bbcodes><script type='text/javascript' src='http://s33.ucoz.net/src/bbcodes.js'></script><span style="padding-right:1px;" id="bc1"><input type="button" title="Bold" value="b" onclick="simpletag('b','','','message','')" class="codeButtons" id="b" style="width:20px;font-weight:bold" /></span><span style="padding-right:1px;" id="bc2"><input type="button" title="Italic" value="i" onclick="simpletag('i','','','message','')" class="codeButtons" id="i" style="width:20px;font-style:italic" /></span><span style="padding-right:1px;" id="bc3"><input type="button" title="Underline" value="u" onclick="simpletag('u','','','message','')" class="codeButtons" id="u" style="width:20px;text-decoration:underline" /></span><span style="padding-right:1px;" id="bc4"><select id="fsize" class="codeButtons" onchange="alterfont(this.options[this.selectedIndex].value,'size','message','');this.selectedIndex=0;"><option value='0'>ზომა</option><option value='6'>6 pt</option><option value='7'>7 pt</option><option value='8'>8 pt</option><option value='9'>9 pt</option><option value='10'>10 pt</option><option value='11'>11 pt</option><option value='12'>12 pt</option><option value='13'>13 pt</option><option value='14'>14 pt</option><option value='15'>15 pt</option><option value='16'>16 pt</option><option value='17'>17 pt</option><option value='18'>18 pt</option><option value='19'>19 pt</option><option value='20'>20 pt</option><option value='21'>21 pt</option><option value='22'>22 pt</option></select></span><span style="padding-right:1px;" id="bc6"><select id="fcolor" class="codeButtons" onchange="alterfont(this.options[this.selectedIndex].value, 'color','message','');this.selectedIndex=0;"><option value='0'>COLOR</option><option value='blue' style='color:blue'>Blue</option><option value='red' style='color:red'>Red</option><option value='purple' style='color:purple'>Purple</option><option value='orange' style='color:orange'>Orange</option><option value='yellow' style='color:yellow'>Yellow</option><option value='gray' style='color:gray'>Gray</option><option value='green' style='color:green'>Green</option></select></span><span style="padding-right:1px;" id="bc7"><input type="button" title="URL" value="http://" onclick="tag_url('message','')" class="codeButtons" style="direction:ltr;width:45px;" id="url" /></span><span style="padding-right:1px;" id="bc8"><input type="button" title="E-mail" value="@" onclick="tag_email('message','')" class="codeButtons" style="width:30px;" id="email" /></span><span style="padding-right:1px;" id="bc9"><input type="button" title="Image" value="img" onclick="tag_image('message','')" class="codeButtons" style="width:35px;" id="img" /></span><span style="padding-right:1px;" id="bc18"><input type="button" title="Hide from Guest" value="hide" onclick="simpletag('hide','','','message','')" class="codeButtons" style="width:40px;" id="hide" /></span><span style="padding-right:1px;" id="bc12"><input type="button" title="List" value="list" onclick="tag_list('message','')" class="codeButtons" id="list" style="width:30px;" /></span><span style="padding-right:1px;" id="bc13"><input type="button" title="Left" style="width:20px;text-align:left;" value='•••' onclick="simpletag('l','cdl','•••','message')" class="codeButtons" id="cdl"></span><span style="padding-right:1px;" id="bc14"><input type="button" title="Center" style="width:20px;text-align:center;" value='•••' onclick="simpletag('c','cdc','•••','message')" class="codeButtons" id="cdc"></span><span style="padding-right:1px;" id="bc15"><input type="button" title="Right" style="width:20px;text-align:right;" value='•••' onclick="simpletag('r','cdr','•••','message')" class="codeButtons" id="cdr"></span><span style="padding-right:1px;" id="bc16"><input type="button" title="All codes" style="width:60px;" value="All codes" onclick="window.open('http://zagruzka-plus.net.ru/index/17','bbcodes','scrollbars=1,width=550,height=450,left=0,top=0');" class="codeButtons" /></span><span style="padding-right:1px;" id="bc17"><input style="font-weight:bold;width:20px" type="button" value="/" class="codeButtons" title="Close all opened codes" onclick="closeall('message','');" class="codeCloseAll" /></span><input type="hidden" id="tagcount" value="0" /> </div> <table width="0%" border="0" cellspacing="0" cellpadding="0"> </table>
<table border="0" width="100%" cellspacing="1" cellpadding="2" class="commTable"> <tr><td class="commTd2" colspan="2" align="center" style="background:url('http://onlyucoz.in/style/page_top.png') repeat-x #454545; color:#fff; padding:6px; height:28px; -moz-border-radius:3px;-webkit-border-radius:3px; border-radius: 3px; behavior: url('/style/border-radius.htc');"><b>კომენტარის დამატება</b></td></tr> <tr><td style="height:5px;"></td></tr> <tr><td width="15%" class="commTd1" nowrap>სახელი*:</td><td class="commTd2"><input class="commFl" type="text" name="name" value="$NAME$" size="30" maxlength="60"></td></tr> <tr><td class="commTd1">Email:</td><td class="commTd2"><input class="commFl" type="text" name="email" value="$EMAIL$" size="30" maxlength="60"></td></tr> <tr><td class="commTd2" colspan="2"><div style="height:26px"> <a class="bbut" title="სქელი ტექსტი" onclick="simpletag('b')"></a> <a class="ibut" title="დახრილი ტექსტი" onclick="simpletag('i')"></a> <a class="ubut" title="მოხაზული ტექსტი" onclick="simpletag('u')"></a> <a class="sbut" title="გადახაზული ტექსტი" onclick="simpletag('s')"></a> <a class="leftbut" title="ტექსტი მარცხენა კიდეზე" onclick="simpletag('l')"></a> <a class="centerbut" title="ტექსტი ცენტრში" onclick="simpletag('c')"></a> <a class="rightbut" title="ტექსტი მარჯვენა კიდეზე" onclick="simpletag('r')"></a> <a class="imagebut" title="სურათის ჩასმა" onclick="tag_image('message','')"></a> <a class="linkbut" title="ლინკის ჩასმა" onclick="tag_url('message','')" id="url"></a> <a class="emailbut" title="მაილის ჩასმა" onclick="tag_email('message','')"></a> <a class="codebut" title="კოდი" onclick="simpletag('code')"></a> <a class="quotebut" title="ციტატა შეტყობინებიდან" onclick="simpletag('quote')"></a> <a class="closebut" title="ტეგებიში ჩსმა" onclick="closeall()"></a> <a class="emobut" title="ყველა სმაილიკი" onclick="openLayerB('Sml',0,'/index/35-1-0','Полный список смайлов',250,300);return false;" border="0"> </div><table border="0" cellpadding="0" cellspacing="0" width="100%"><tr><td valign="top"><textarea class="commFl" style="height:135px;" rows="8" name="message" id="message" cols="50">$MESSAGE$</textarea></td><td width="5%" valign="top" align="center" valign="top" style="padding-left:3px;">$SMILES$</td></tr></table></td></tr> <tr><td width="15%" class="commTd1" nowrap>ხელმოწერა:</td><td class="commTd2">$SUBSCRIBE$</td></tr> <tr><td class="commTd1" nowrap>კოდი*:</td><td class="commTd2">$SECURITY_CODE$</td></tr> <tr><td class="commTd2" colspan="2" align="center"><input type="submit" class="commSbmFl" id="addcBut" name="submit" value="დამატება"></td></tr></table>
</td><td background="http://gelesson.net/style/Border/5.png" width="9"> </td></tr><tr><td background="http://gelesson.net/style/Border/6.png" height="9" width="9"></td> <td background="http://gelesson.net/style/Border/7.png" height="9"></td> <td background="http://deikide.do.am/posts/lessons/com/8.png" height="9" width="9"></td></tr> </tbody></table></div>
</td>
ეს ჩასვით Style sheet (CSS)_ში
Code <!-- #bbcodes {display:none;} .selectors { height: 26px; width: auto; } --> .smiles{border:0px;} a.bBut { background: transparent url('http://deikide.do.am/images/bbcodes.png') no-repeat; background-position: 0px 0px; color: #fff; display: block; float: left; font: normal 11px tahoma, sans-serif; height: 24px; width:17px;margin-right: -1px; padding-right: 7px; /* sliding doors padding */ text-decoration: none;} a.bBut:hover { background-position: 0px -24px; color: #fff; text-decoration: none;} a.bBut:active {outline: none; background-position: 0px -48px; text-decoration: none;}
a.IBut { background: transparent url('http://deikide.do.am/images/bbcodes.png') no-repeat; background-position: -24px 0px; color: #fff; display: block; float: left; font: normal 11px tahoma, sans-serif; height: 24px; width:17px;margin-right: -1px; padding-right: 7px; /* sliding doors padding */ text-decoration: none;} a.IBut:hover { background-position: -24px -24px; color: #fff; text-decoration: none;} a.IBut:active {outline: none; background-position: -24px -48px; text-decoration: none;}
a.UBut { background: transparent url('http://deikide.do.am/images/bbcodes.png') no-repeat; background-position: -48px 0px; color: #fff; display: block; float: left; font: normal 11px tahoma, sans-serif; height: 24px; width:17px;margin-right: -1px; padding-right: 7px; /* sliding doors padding */ text-decoration: none;} a.UBut:hover { background-position: -48px -24px; color: #fff; text-decoration: none;} a.UBut:active {outline: none; background-position: -48px -48px; text-decoration: none;}
a.SBut { background: transparent url('http://deikide.do.am/images/bbcodes.png') no-repeat; background-position: -72px 0px; color: #fff; display: block; float: left; font: normal 11px tahoma, sans-serif; height: 24px; width:17px;margin-right: 5px; padding-right: 7px; /* sliding doors padding */ text-decoration: none;} a.SBut:hover { background-position: -72px -24px; color: #fff; text-decoration: none;} a.SBut:active {outline: none; background-position: -72px -48px; text-decoration: none;}
a.ImageBut { background: transparent url('http://deikide.do.am/images/bbcodes.png') no-repeat; background-position: -96px 0px; color: #fff; display: block; float: left; font: normal 11px tahoma, sans-serif; height: 24px; width:17px;margin-right: -1px; padding-right: 7px; /* sliding doors padding */ text-decoration: none;} a.ImageBut:hover { background-position: -96px -24px; color: #fff; text-decoration: none;} a.ImageBut:active {outline: none; background-position: -96px -48px; text-decoration: none;}
a.linkBut { background: transparent url('http://deikide.do.am/images/bbcodes.png') no-repeat; background-position: -120px 0px; color: #fff; display: block; float: left; font: normal 11px tahoma, sans-serif; height: 24px; width:17px;margin-right: -1px; padding-right: 7px; /* sliding doors padding */ text-decoration: none;} a.linkBut:hover { background-position: -120px -24px; color: #fff; text-decoration: none;} a.linkBut:active {outline: none; background-position: -120px -48px; text-decoration: none;} a.emailBut { background: transparent url('http://deikide.do.am/images/bbcodes.png') no-repeat; background-position: -144px 0px; color: #fff; display: block; float: left; font: normal 11px tahoma, sans-serif; height: 24px; width:17px;margin-right: -1px; padding-right: 7px; /* sliding doors padding */ text-decoration: none;} a.emailBut:hover { background-position: -144px -24px; color: #fff; text-decoration: none;} a.emailBut:active {outline: none; background-position: -144px -48px; text-decoration: none;} a.codeBut { background: transparent url('http://deikide.do.am/images/bbcodes.png') no-repeat; background-position: -168px 0px; color: #fff; display: block; float: left; font: normal 11px tahoma, sans-serif; height: 24px; width:17px;margin-right: -1px; padding-right: 7px; /* sliding doors padding */ text-decoration: none;} a.codeBut:hover { background-position: -168px -24px; color: #fff; text-decoration: none;} a.codeBut:active {outline: none; background-position: -168px -48px; text-decoration: none;} /* RuCoz.com */ a.quoteBut { background: transparent url('http://deikide.do.am/images/bbcodes.png') no-repeat; background-position: -192px 0px; color: #fff; display: block; float: left; font: normal 11px tahoma, sans-serif; height: 24px; width:17px;margin-right: -1px; padding-right: 7px; /* sliding doors padding */ text-decoration: none;} a.quoteBut:hover { background-position: -192px -24px; color: #fff; text-decoration: none;} a.quoteBut:active {outline: none; background-position: -192px -48px; text-decoration: none;} a.leftBut { background: transparent url('http://deikide.do.am/images/bbcodes.png') no-repeat; background-position: -216px 0px; color: #fff; display: block; float: left; font: normal 11px tahoma, sans-serif; height: 24px; width:17px;margin-right: -1px; padding-right: 7px; /* sliding doors padding */ text-decoration: none;} a.leftBut:hover { background-position: -216px -24px; color: #fff; text-decoration: none;} a.leftBut:active {outline: none; background-position: -216px -48px; text-decoration: none;}
a.centerBut { background: transparent url('http://deikide.do.am/images/bbcodes.png') no-repeat; background-position: -240px 0px; color: #fff; display: block; float: left; font: normal 11px tahoma, sans-serif; height: 24px; width:17px;margin-right: -1px; padding-right: 7px; /* sliding doors padding */ text-decoration: none;} a.centerBut:hover { background-position: -240px -24px; color: #fff; text-decoration: none;} a.centerBut:active {outline: none; background-position: -240px -48px; text-decoration: none;}
a.rightBut { background: transparent url('http://deikide.do.am/images/bbcodes.png') no-repeat; background-position: -264px 0px; color: #fff; display: block; float: left; font: normal 11px tahoma, sans-serif; height: 24px; width:17px;margin-right: 5px; padding-right: 7px; /* sliding doors padding */ text-decoration: none;} a.rightBut:hover { background-position: -264px -24px; color: #fff; text-decoration: none;} a.rightBut:active {outline: none; background-position: -264px -48px; text-decoration: none;} /* RuCoz.com */ a.closeBut { background: transparent url('http://deikide.do.am/images/bbcodes.png') no-repeat; background-position: -288px 0px; color: #fff; display: block; float: left; font: normal 11px tahoma, sans-serif; height: 24px; width:17px;margin-right: -1px; padding-right: 7px; /* sliding doors padding */ text-decoration: none;} a.closeBut:hover { background-position: -288px -24px; color: #fff; text-decoration: none;} a.closeBut:active {outline: none; background-position: -288px -48px; text-decoration: none;}
a.emoBut { background: transparent url('http://deikide.do.am/images/bbcodes.png') no-repeat; background-position: -312px 0px; color: #fff; display: block; float: left; font: normal 11px tahoma, sans-serif; height: 24px; width:17px;margin-right: 5px; padding-right: 7px; /* sliding doors padding */ text-decoration: none;} a.emoBut:hover { background-position: -312px -24px; color: #fff; text-decoration: none;} a.emoBut:active {outline: none; background-position: -312px -48px; text-decoration: none;}
a.allCodes { background: transparent url('http://deikide.do.am/images/bbcodes.png') no-repeat; background-position: -336px 0px; color: #000; display: block; float: left; font: normal 11px tahoma, sans-serif; height: 19px; width:56px;margin-right: 0px; padding:5px 0 0 9px; /* sliding doors padding */ text-decoration: none;} a.allCodes:hover { background-position: -336px -24px; color: #000; text-decoration: none;} a.allCodes:active {outline: none; background-position: -336px -48px; text-decoration: none;}
|