Кто может правельно адаптировать? Форму доб... коментов
12.06.2013
BALCETUL
VIP
Сообщений 729
ВОтт стандартная: Код
<table border="0" width="100%" cellspacing="1" cellpadding="2" class="commTable"> <tr><td class="commTd2" colspan="2">$ERROR$</td></tr> <?if(!$USER_LOGGED_IN$)?> <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> <?endif?> <tr><td class="commTd2" colspan="2"><div style="padding-bottom:2px">$BBCODES$</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><?if($SMILES$)?><td width="5%" valign="top" align="center" valign="top" style="padding-left:3px;">$SMILES$</td><?endif?></tr></table></td></tr> <?if($MODULE_ID$=='shop')?><tr class="commTd2" id="showAddonsFields"><td colspan="2" nowrap=1><a href="javascript://" onclick="$(this).parent().parent().hide().next().show().next().show()">Указать плюсы и минусы</a></td></tr> <tr class="commTd2" style="display:none;" id="hideAddonsFields"><td colspan="2"><a href="javascript://" onclick="$(this).parent().parent().prev().show().next().hide().next().hide()">Скрыть дополнительные поля</a></td></tr> <tr class="commTd2" style="display:none;"><td colspan="2"><table border="0" cellpadding="0" cellspacing="0" width="100%"> <tr><td><label>Плюсы:</label></td></tr> <tr><td valign="top"><textarea class="prosFl" rows="3" name="pros" id="pros" cols="93"></textarea></td></tr> <tr><td><label>Минусы:</label></td></tr> <tr><td valign="top"><textarea class="consFl" rows="3" name="cons" id="cons" cols="93"></textarea></td></tr> </table></td></tr><?endif?> <?if($SUBSCRIBE$)?><tr><td width="15%" class="commTd1" nowrap>Подписка:</td><td class="commTd2">$SUBSCRIBE$</td></tr><?endif?> <?if($SECURITY_CODE$)?><tr><td class="commTd1" nowrap>Код *:</td><td class="commTd2">$SECURITY_CODE$</td></tr><?endif?> <tr><td class="commTd2" colspan="2" align="center"><input type="submit" class="commSbmFl" id="addcBut" name="submit" value="- Добавить комментарий -"></td></tr></table>
Вод под какую нужно: Код
<div align="center"> <form action="" method="post" id="add_comment"> <ul class="full_comments_add"> <li class="st1"> <div> <div> <div>Ваше Имя:</div> <input type="text" class="username" name="name" id="name" /> </div> <div class="codes"> <div style="float:left;">Капча:</div> <div style="padding:9px 0 0 0; margin-left:15px; float:left;"><img src="/captcha?25298" alt="" id="icode" /></div> <input type="text" class="code" name="code" id="code" /> </div> <textarea class="text" id="text" name="text"></textarea> </div> </li> <li class="st2"> <input type="button" onclick="add_comment();" value="Добавить отзыв" /> </li> <li class="st3" style="padding-top:0px;"><b><u>В отзывах категорически запрещено:</u></b></br></br> <i><u>1</u>.</i> Оскорблять чужое достоинство <hr> <i><u>2</u>.</i> Сеять и проявлять межнациональную или межрелигиозную рознь <hr> <i><u>3</u>.</i> Употреблять ненормативную лексику <hr> <i><u>4</u>.</i> Публиковать сообщения рекламного характера <hr> <i><u>5</u>.</i> Публиковать сообщения бессодержательного характера <hr> <i><u>6</u>.</i> Размещать ссылки на другие сайты. </li> </ul> </form> </div>
Я чет по выпендривался-сам пробывал но не получается! Вот в низ прокрутите увидите 2 формы-Вторая та что нужно до делать...
12.06.2013
Handyman
VIP
Сообщений 272
Betme , я не пробовал ставить на uCoz (не тестил) но немного адаптировал, посмотри, если что где, делай скрины, и дай ссылку на сайт, вот код вместе с css:
Код
<div align="center"> <form action="" method="post" id="add_comment"> <ul class="full_comments_add"> <li class="st1"> <div> <div> <div>Ваше Имя:</div> <input class="username" type="text" name="name" id="name" value="$NAME$"> </div> <div class="codes"> <div style="float:left;">Капча:</div> <div style="padding:9px 0 0 0; margin-left:15px; float:left;"><?if($SECURITY_CODE$)?>$SECURITY_CODE$<?endif?></div> <input type="text" class="code" name="code" id="code" /> </div> <textarea class="text" id="text" name="text"></textarea> </div> </li> <li class="st2"> <input type="button" id="addcBut" value="Добавить отзыв" /> </li> <li class="st3" style="padding-top:0px;"><b><u>В отзывах категорически запрещено:</u></b></br></br> <i><u>1</u>.</i> Оскорблять чужое достоинство <hr> <i><u>2</u>.</i> Сеять и проявлять межнациональную или межрелигиозную рознь <hr> <i><u>3</u>.</i> Употреблять ненормативную лексику <hr> <i><u>4</u>.</i> Публиковать сообщения рекламного характера <hr> <i><u>5</u>.</i> Публиковать сообщения бессодержательного характера <hr> <i><u>6</u>.</i> Размещать ссылки на другие сайты. </li> </ul> </form> </div> <style> .full_comments_add { padding:0 0 10px 0; margin:0 0 2px 0; background:url(http://servercs.at.ua/images/line12.png) repeat-x 0 bottom; } .full_comments_add li { display:inline-block; overflow:hidden; } .full_comments_add li.st1 { padding:4px 30px 0 8px; } .full_comments_add li.st2 { width:172px; height:100px; background:url(http://servercs.at.ua/images/full_comment_add2.png) no-repeat 0 0; text-align:center; padding-top:60px; margin-top:30px; padding-right:30px; vertical-align:top; } .full_comments_add li.st3 { text-align:left; font-family:Tahoma, Geneva, sans-serif; font-size:11px; width:359px; color:#fff; vertical-align:top; overflow:hidden; height:170px; } .full_comments_add li.st2 input[type="button"] { display:inline-block; width:109px; height:24px; border:0; background:url(http://servercs.at.ua/images/full_comment_add3.png) no-repeat 0 0; cursor:pointer; font-family:Tahoma, Geneva, sans-serif; font-size:11px; color:#fff; padding:0 0 2px 0; line-height:23px; } .full_comments_add li.st2 input:hover { background-position:0 -25px; } .full_comments_add li.st1 > div { width:491px; height:177px; background:url(http://servercs.at.ua/images/full_comment_add.png) no-repeat 0 0; text-align:left; } .full_comments_add li.st1 div input.username, .full_comments_add li.st1 div.codes input.code { border:0; height:28px; background:0; padding:1px 0 0 10px; font-family:Tahoma, Geneva, sans-serif; font-size:11px; color:#000; line-height:27px; width:320px; } .full_comments_add li.st1 div.codes input.code { width:100px !important; margin-top:3px; } .full_comments_add li.st1 > div > div > div { display:inline-block; color:#fff; height:34px; line-height:39px; padding:0 64px 0 20px; } .full_comments_add li.st1 div.codes { margin:15px 0 0 0; } .full_comments_add li.st1 div textarea.text { font-family:Tahoma, Geneva, sans-serif; font-size:11px; color:#000; border:0; background:0; margin:8px 0 0 0; width:474px; height:70px; padding:5px 0 0 10px; } .form_add { padding:12px 13px 0 0; overflow:hidden; } .form_add .form_add_right { width:769px; overflow:hidden; height:486px; float:left; padding:15px 0 0 0; background:url(http://servercs.at.ua/images/form_add_right.png) no-repeat 0 0; } .form_add .form_add_right.pay { background:url(http://servercs.at.ua/images/pay_new.png) repeat-y 0 0; height:auto; padding:0; } .form_add .form_add_right.pay .pay_top_bg { background:url(http://servercs.at.ua/images/pay_new.png) no-repeat -770px top; } .form_add .form_add_right.pay .pay_top_bg .pay_top_bot { padding:15px 0 3px 0; background:url(http://servercs.at.ua/images/pay_new.png) no-repeat -1540px bottom; } .form_add .form_add_left { padding:0 10px 0 10px; float:left; font-family:Tahoma, Geneva, sans-serif; font-size:11px; color:#fff; text-shadow:1px 1px 0 #000; } .form_add .form_add_right .form_add_inp { background:url(http://servercs.at.ua/images/form_add_inp.png) no-repeat 0 0; width:746px; height:30px; padding:0 0 0 10px; line-height:27px; margin-bottom:10px; } .form_add .form_add_right .form_add_inp span { font-family:Tahoma, Geneva, sans-serif; font-size:11px; color:#919191; } input:focus { outline: 0 none; } .form_add .form_add_right form { margin-left:12px; } .form_add .form_add_right .form_add_inp input[type="text"] { border:0; width:635px; background:0; font-family:Tahoma, Geneva, sans-serif; font-size:11px; color:#919191; padding:1px 0 1px 0; } .form_add .form_add_right .form_add_che { background:url(http://servercs.at.ua/images/form_add_inp.png) no-repeat 0 0; width:746px; height:30px; padding:0 0 0 10px; line-height:27px; margin-bottom:10px; } .form_add .form_add_right .form_add_che span { font-family:Tahoma, Geneva, sans-serif; font-size:11px; color:#919191; } .form_add .form_add_right .form_add_text { background:url(http://servercs.at.ua/images/form_add_right_text.png) no-repeat 0 0; width:746px; height:102px; padding:8px 0 0 17px; margin-bottom:5px; } .form_add .form_add_right .form_add_text textarea { border:0; width:710px; height:70px; background:0; font-family:Tahoma, Geneva, sans-serif; font-size:11px; color:#919191; padding:1px 0 1px 0; max-width:710px; max-height:70px; min-width:710px; min-height:70px; } .form_add .form_add_right .form_add_text span { display:block; font-family:Tahoma, Geneva, sans-serif; font-size:11px; color:#919191; } .form_add_che div { display:inline-block; } .form_add .form_add_right .form_add_sel { background:url(http://servercs.at.ua/images/form_add_inp.png) no-repeat 0 0; width:746px; height:30px; padding:0 0 0 10px; line-height:27px; margin-bottom:10px; } .pay_forms { padding:5px 0 0 0; } .form_add .form_add_right .form_add_sel span, .pay_forms input, .pay_forms select { font-family:Tahoma, Geneva, sans-serif; font-size:11px; color:#919191; } .form_add .form_add_right .form_add_sel select { width:645px; border:0; background:0; font-family:Tahoma, Geneva, sans-serif; font-size:11px; color:#919191; } .form_add .form_add_right .form_add_subm { width:181px; height:36px; margin:15px auto 0 auto; } .form_add .form_add_right .form_add_subm input { border:0; opacity:0.8; background:url(http://servercs.at.ua/images/form_add_right_add.png) no-repeat; width:181px; height:36px; cursor:pointer; } .form_add .form_add_right .form_add_subm input:hover { opacity:1; } body { padding:0; margin:0; background:#232323; min-width:1100px; } </style>
12.06.2013
BALCETUL
VIP
Сообщений 729
Roman36Liman , Ссылка в спойлере...Добавлено (12.06.2013, 17:53) --------------------------------------------- Проверил не работает-кнопка отправи... Капча ниже ниже поля немного Поле ввода текста тоже очень низко Вот смотри здесь
12.06.2013
Goodmind
VIP
Сообщений 466
Цитата (Roman36Liman )
<input type="button" id="addcBut" value="Добавить отзыв" />
Код
<input type="submit" id="addcBut" value="Добавить отзыв" />
подпись: Goodmind спешит на помощь!
13.06.2013
BALCETUL
VIP
Сообщений 729
Goodmind , Так стиль кнопки пропал!
13.06.2013
Handyman
VIP
Сообщений 272
Betme , ну а если Код
<input type="submit button" id="addcBut" value="Добавить отзыв" />
13.06.2013
Goodmind
VIP
Сообщений 466
Roman36Liman , ты вообще html знаешь?Добавлено (13.06.2013, 15:45) ---------------------------------------------
Цитата (Roman36Liman )
.full_comments_add li.st2 input[type="button"] { display:inline-block; width:109px; height:24px; border:0; background:url(http://servercs.at.ua/images/full_comment_add3.png) no-repeat 0 0; cursor:pointer; font-family:Tahoma, Geneva, sans-serif; font-size:11px; color:#fff; padding:0 0 2px 0; line-height:23px; }
Код
.full_comments_add li.st2 input[type="submit"] { display:inline-block; width:109px; height:24px; border:0; background:url(http://servercs.at.ua/images/full_comment_add3.png) no-repeat 0 0; cursor:pointer; font-family:Tahoma, Geneva, sans-serif; font-size:11px; color:#fff; padding:0 0 2px 0; line-height:23px; }
подпись: Goodmind спешит на помощь!
13.06.2013
Handyman
VIP
Сообщений 272
Goodmind , железно...
14.06.2013
14.06.2013
GhostlyP
VIP
Сообщений 476
Код
.codes div img{ margin-left: 335px; margin-top: 5px; } .codes div .securityCode{ font-family: Tahoma, Geneva, sans-serif; font-size: 11px !important; border: 0; height: 30px; padding-left: 13px !important; margin-left: 6px !important; margin-top: -5px !important; background: transparent; position: absolute; width: 220px; } .codes div #secuImgC{ margin-left: 220px !important; height: 30px; position: absolute; margin-top: -5px !important; } #text{ position: absolute; margin-top: -25px; width: 490px; height: 80px; resize: none; background: transparent; }
подпись: ..: Сквозь туманы миров я увижу прекрасное :..
15.06.2013