[ Обновленные темы · Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Форум » О uCoz » Скрипты » Форма добавления сообщений для форума
Форма добавления сообщений для форума
Дата: Среда, 25.12.2013, 18:39:14 | Сообщение # 1
Группа: Проверенные Титул: Технарь Сообщений: 283
Награды: 1
Репутация: 3
Статус:
Сайт пользователя:
Skype пользователя:

Симпатичная форма добавления сообщений для форума. Я её слегка подправил, за работоспособность ручаюсь

И так сначала пропишем CSS стиль:
Код
/* Форма добавления сообщения на форуме */
     .bbcodes-panel {width:100%; margin:0px 0px -1px 0px; height:70px; background:url('/for/images/panel-bg.png') repeat-x; position:relative; -moz-border-radius-topleft:0px; -webkit-border-radius-topleft:0px; -moz-border-radius-topright:0px; -webkit-border-radius-topright:0px;}

     .bbcodes-panel a.bold {display:block; width:23px; height:22px; float:left; background:url('/for/images/font-buttons1.png') no-repeat; background-position:0px 0px;}
     .bbcodes-panel a.bold:hover {background-position:0px -22px;}
     .bbcodes-panel a.bold:active {background-position:0px -44px;}
         
     .bbcodes-panel a.italic {display:block; width:24px; height:22px; float:left; background:url('/for/images/font-buttons1.png') no-repeat; background-position:-23px 0px;}
     .bbcodes-panel a.italic:hover {background-position:-23px -22px;}
     .bbcodes-panel a.italic:active {background-position:-23px -44px;}
         
     .bbcodes-panel a.underline {display:block; width:23px; height:22px; float:left; background:url('/for/images/font-buttons1.png') no-repeat; background-position:-47px 0px;}
     .bbcodes-panel a.underline:hover {background-position:-47px -22px;}
     .bbcodes-panel a.underline:active {background-position:-47px -44px;}
         
     .bbcodes-panel a.line-trough {display:block; width:24px; height:22px; float:left; background:url('/for/images/font-buttons1.png') no-repeat; background-position:-70px 0px;}
     .bbcodes-panel a.line-trough:hover {background-position:-70px -22px;}
     .bbcodes-panel a.line-trough:active {background-position:-70px -44px;}
         
     .bbcodes-panel a.subtop {display:block; width:24px; height:22px; float:left; background:url('/for/images/font-buttons1.png') no-repeat; background-position:-94px 0px;}
     .bbcodes-panel a.subtop:hover {background-position:-94px -22px;}
     .bbcodes-panel a.subtop:active {background-position:-94px -44px;}
         
     .bbcodes-panel a.subbottom {display:block; width:22px; height:22px; float:left; background:url('/for/images/font-buttons1.png') no-repeat; background-position:-118px 0px;}
     .bbcodes-panel a.subbottom:hover {background-position:-118px -22px;}
     .bbcodes-panel a.subbottom:active {background-position:-118px -44px;}
         
     .bbcodes-panel a.color {display:block; width:30px; height:22px; float:left; background:url('/for/images/font-buttons1.png') no-repeat; background-position:-140px 0px;}
     .bbcodes-panel a.color:hover {background-position:-140px -22px;}
     .bbcodes-panel a.color:active {background-position:-140px -44px;}
         
     .bbcodes-panel a.insert-code {display:block; width:50px; height:54px; float:left; background:url('/for/images/insert.png') no-repeat; background-position:0px 0px;}
     .bbcodes-panel a.insert-code:hover {background-position:0px -54px;}
     .bbcodes-panel a.insert-code:active {background-position:0px -108px;}
         
     .bbcodes-panel a.insert-quote {display:block; width:50px; height:54px; float:left; background:url('/for/images/insert.png') no-repeat; background-position:-50px 0px;}
     .bbcodes-panel a.insert-quote:hover {background-position:-50px -54px;}
     .bbcodes-panel a.insert-quote:active {background-position:-50px -108px;}

     .bbcodes-panel a.insert-image {display:block; width:50px; height:54px; float:left; background:url('/for/images/insert.png') no-repeat; background-position:-100px 0px;}
     .bbcodes-panel a.insert-image:hover {background-position:-100px -54px;}
     .bbcodes-panel a.insert-image:active {background-position:-100px -108px;}
         
     .bbcodes-panel a.insert-spoiler {display:block; width:50px; height:54px; float:left; background:url('/for/images/insert.png') no-repeat; background-position:-150px 0px;}
     .bbcodes-panel a.insert-spoiler:hover {background-position:-150px -54px;}
     .bbcodes-panel a.insert-spoiler:active {background-position:-150px -108px;}
         
     .bbcodes-panel a.insert-smile {display:block; width:50px; height:54px; float:left; background:url('/for/images/insert.png') no-repeat; background-position:-200px 0px;}
     .bbcodes-panel a.insert-smile:hover {background-position:-200px -54px;}
     .bbcodes-panel a.insert-smile:active {background-position:-200px -108px;}

     .bbcodes-panel a.insert-link {display:block; width:50px; height:54px; float:left; background:url('/for/images/insert.png') no-repeat; background-position:-250px 0px;}
     .bbcodes-panel a.insert-link:hover {background-position:-250px -54px;}
     .bbcodes-panel a.insert-link:active {background-position:-250px -108px;}

     .bbcodes-panel .sep {width:3px; height:60px; background:url('/for/images/sep.png') no-repeat;}
     .bbcodes-panel .label {color:#AAAAAA; text-shadow:0px 1px 0px #fff;}
     .bbcodes-panel select {height:20px;}
         
     .bbcodes-panel a.format-left {display:block; width:23px; height:22px; float:left; background:url('/for/images/font-buttons1.png') no-repeat; background-position:-213px 0px;}
     .bbcodes-panel a.format-left:hover {background-position:-213px -22px;}
     .bbcodes-panel a.format-left:active {background-position:-213px -44px;}

     .bbcodes-panel a.format-center {display:block; width:23px; height:22px; float:left; background:url('/for/images/font-buttons1.png') no-repeat; background-position:-236px 0px;}
     .bbcodes-panel a.format-center:hover {background-position:-236px -22px;}
     .bbcodes-panel a.format-center:active {background-position:-236px -44px;}
         
     .bbcodes-panel a.format-right {display:block; width:23px; height:22px; float:left; background:url('/for/images/font-buttons1.png') no-repeat; background-position:-259px 0px;}
     .bbcodes-panel a.format-right:hover {background-position:-259px -22px;}
     .bbcodes-panel a.format-right:active {background-position:-259px -44px;}
         
     .bbcodes-panel a.format-space {display:block; width:23px; height:22px; float:left; background:url('/for/images/font-buttons1.png') no-repeat; background-position:-282px 0px;}
     .bbcodes-panel a.format-space:hover {background-position:-282px -22px;}
     .bbcodes-panel a.format-space:active {background-position:-282px -44px;}
         
     .bbcodes-panel a.format-list {display:block; width:23px; height:22px; float:left; background:url('/for/images/font-buttons1.png') no-repeat; background-position:-305px 0px;}
     .bbcodes-panel a.format-list:hover {background-position:-305px -22px;}
     .bbcodes-panel a.format-list:active {background-position:-305px -44px;}
         
     .bbcodes-panel a.format-close {display:block; width:23px; height:22px; float:left; background:url('/for/images/font-buttons1.png') no-repeat; background-position:-328px 0px;}
     .bbcodes-panel a.format-close:hover {background-position:-328px -22px;}
     .bbcodes-panel a.format-close:active {background-position:-328px -44px;}

     .color-opt {display:block; width:10px; height:10px; float:left; border:1px solid #fff; margin:1px;}
     .color-opt:hover {border:1px solid #FF7800;}

.gTable {background:transparent;background:rgba(210, 210, 210, 0.7);padding-top:20px;margin-bottom:20px;border-top:5px solid #ddd !important;border-bottom:5px solid #ddd;box-shadow:0px 1px 3px #888;}
input[type], select, .postNumberLink {border:2px solid #ddd;background:rgba(200, 200, 200, 0.8);border-radius:2px;padding-left:5px;padding-right:5px;padding-top:2px;padding-bottom:2px;box-shadow:0px 2px 3px #999;outline:none;font-weight:bold;font-size:11px;}
input[type]:active {box-shadow:0px 1px 2px #777;}
input[type]:disabled {opacity:0.5;}

.new_post {padding:10px;background:url('/for/images/for_post_names_fon.png') no-repeat;font-weight:bold;height:35px;padding-left:17px;font-size:11px;}
.nameopt{padding:4px;background:url('/for/images/for_post_name_opt_fon.png') no-repeat;font-weight:bold;height:35px;padding-left:17px;font-size:9px;}
/* -------------------------------------- */


Теперь идём в Форму добавлений сообщений форума и заменяем всё на:
Код
<table width="100%" border="0" class="gTable">
<tr>
<td>

<div class="new_post"><a name="post">$FORM_TITLE$</a></div>

<?if($ERROR$)?>
<table width="98%" border="0">
     <tr>
     <td align="center">
<span class="gTableError">$ERROR$</span>
</td>
</tr>
</table>
<?endif?>

<?if($_USER$)?>
$_USER$
<?endif?>
<?if($_THREAD_NAME$)?>
<div class="nameopt">Название темы:</div>     

<table width="98%" border="0">
     <tr>
     <td align="center">

$_THREAD_NAME$     

</td>
</tr>
</table>

<div class="nameopt">Описание темы:</div>     

<table width="98%" border="0">
     <tr>
     <td align="center">

$_THREAD_DESCR$

</td>
</tr>
</table>
<?endif?>
<?if($_POLL_QUESTION$)?>
<div class="nameopt">Вопрос голосования:</div>

<table width="98%" border="0">
     <tr>
     <td align="center">

$_POLL_QUESTION$

</td>
</tr>
</table>

<div class="nameopt">Пункты опроса: <span class="pollHelp">Введите по одному ответу на строку. Максимум <b>10</b> ответов.</span></div>
<table width="99%" border="0">
     <tr>
     <td align="center">
$_POLL_ANSWERS$
</td>
</tr>
</table>
<div class="nameopt">Опции голосования:</div>
$_POLL_ONLY_OPT$ Только опрос (писать ответы в теме будет нельзя)<br />
$_POLL_MULTI_OPT$ Включить возможность выбора нескольких вариантов ответов<br />
$_POLL_PERIOD_OPT$ Период голосования (0 - без ограничений)

<?endif?>
<table width="100%" border="0">
     <tr>
     <td style="padding: 1px; align="right">

     <script type="text/javascript" src="/for/js/bbcodes.js"></script>
     <div class="bbcodes-panel">
     <div style="position: absolute; top: 1px; left: 1px;">
     <select id="ffont" style="width: 110px;" onchange="alterfont(this.options[this.selectedIndex].value,'font','message','');this.selectedIndex=0;">
     <option style="color: gray;" value="0">Шрифт</option>
     <option style="font-family: Arial;" value="Arial">Arial</option>
     <option style="font-family: Times;" value="Times">Times</option>
     <option style="font-family: Courier;" value="Courier">Courier</option>
     <option style="font-family: Impact;" value="Impact">Impact</option>
     <option style="font-family: Geneva;" value="Geneva">Geneva</option>
     <option style="font-family: Optima;" value="Optima">Optima</option>
     </select>
     <select id="fsize" onchange="alterfont(this.options[this.selectedIndex].value,'size','message','');this.selectedIndex=0;">
     <option style="color: gray;" value="0">Размер</option>
     <option style="font-size: 6pt;" value="6">6</option>
     <option style="font-size: 7pt;" value="7">7</option>
     <option style="font-size: 8pt;" value="8">8</option>
     <option style="font-size: 9pt;" value="9">9</option>
     <option style="font-size: 10pt;" value="10">10</option>
     <option style="font-size: 11pt;" value="11">11</option>
     <option style="font-size: 12pt;" value="12">12</option>
     <option style="font-size: 13pt;" value="13">13</option>
     <option style="font-size: 14pt;" value="14">14</option>
     <option style="font-size: 15pt;" value="15">15</option>
     </select>
     </div>
     <div style="position: absolute; top: 30px; left: 4px; z-index: 99;">
     <a class="bold" href="javascript://" onclick="simpletag('b','','','message','')"></a>
     <a class="italic" href="javascript://" onclick="simpletag('i','','','message','')"></a>
     <a class="underline" href="javascript://" onclick="simpletag('u','','','message','')"></a>
     <a class="line-trough" href="javascript://" onclick="simpletag('s','','','message','')"></a>
     <a class="subtop" href="javascript://" onclick="simpletag('sub','','','message','')"></a>
     <a class="subbottom" href="javascript://" onclick="simpletag('sup','','','message','')"></a>
     <a class="color" href="javascript://" onclick="$('#color').slideToggle('slow');"></a>
     <div style="position:absolute; margin-left: 40%; right:-40px; top:30px; z-index:99; display:none;" id="color">
     <div>
     <a href="javascript://" class="color-opt" style="background: rgb(128, 0, 0) none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;" onclick="alterfont('#800000', 'color','message',''); document.getElementById('select-color').style.display='none';"></a>
     <a href="javascript://" class="color-opt" style="background: rgb(139, 69, 19) none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;" onclick="alterfont('#8B4513', 'color','message',''); document.getElementById('select-color').style.display='none';"></a>
     <a href="javascript://" class="color-opt" style="background: rgb(0, 100, 0) none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;" onclick="alterfont('#006400', 'color','message',''); document.getElementById('select-color').style.display='none';"></a>
     <a href="javascript://" class="color-opt" style="background: rgb(47, 79, 79) none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;" onclick="alterfont('#2F4F4F', 'color','message',''); document.getElementById('select-color').style.display='none';"></a>
     <a href="javascript://" class="color-opt" style="background: rgb(0, 0, 128) none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;" onclick="alterfont('#000080', 'color','message',''); document.getElementById('select-color').style.display='none';"></a>
     <a href="javascript://" class="color-opt" style="background: rgb(75, 0, 130) none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;" onclick="alterfont('#4B0082', 'color','message',''); document.getElementById('select-color').style.display='none';"></a>
     <a href="javascript://" class="color-opt" style="background: rgb(128, 0, 128) none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;" onclick="alterfont('#800080', 'color','message',''); document.getElementById('select-color').style.display='none';"></a>
     <a href="javascript://" class="color-opt" style="background: rgb(0, 0, 0) none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;" onclick="alterfont('#000000', 'color','message',''); document.getElementById('select-color').style.display='none';"></a>
     <a href="javascript://" class="color-opt" style="background: rgb(255, 0, 0) none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;" onclick="alterfont('#FF0000', 'color','message',''); document.getElementById('select-color').style.display='none';"></a>
     <a href="javascript://" class="color-opt" style="background: rgb(218, 165, 32) none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;" onclick="alterfont('#DAA520', 'color','message',''); document.getElementById('select-color').style.display='none';"></a>
     <a href="javascript://" class="color-opt" style="background: rgb(107, 142, 35) none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;" onclick="alterfont('#6B8E23', 'color','message',''); document.getElementById('select-color').style.display='none';"></a>
     <a href="javascript://" class="color-opt" style="background: rgb(112, 128, 144) none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;" onclick="alterfont('#708090', 'color','message',''); document.getElementById('select-color').style.display='none';"></a>
     <a href="javascript://" class="color-opt" style="background: rgb(0, 0, 205) none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;" onclick="alterfont('#0000CD', 'color','message',''); document.getElementById('select-color').style.display='none';"></a>
     <a href="javascript://" class="color-opt" style="background: rgb(72, 61, 139) none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;" onclick="alterfont('#483D8B', 'color','message',''); document.getElementById('select-color').style.display='none';"></a>
     <a href="javascript://" class="color-opt" style="background: rgb(199, 21, 133) none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;" onclick="alterfont('#C71585', 'color','message',''); document.getElementById('select-color').style.display='none';"></a>
     <a href="javascript://" class="color-opt" style="background: rgb(105, 105, 105) none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;" onclick="alterfont('#696969', 'color','message',''); document.getElementById('select-color').style.display='none';"></a>
     <a href="javascript://" class="color-opt" style="background: rgb(255, 69, 0) none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;" onclick="alterfont('#FF4500', 'color','message',''); document.getElementById('select-color').style.display='none';"></a>
     <a href="javascript://" class="color-opt" style="background: rgb(255, 165, 0) none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;" onclick="alterfont('#FFA500', 'color','message',''); document.getElementById('select-color').style.display='none';"></a>
     <a href="javascript://" class="color-opt" style="background: rgb(128, 128, 0) none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;" onclick="alterfont('#808000', 'color','message',''); document.getElementById('select-color').style.display='none';"></a>
     <a href="javascript://" class="color-opt" style="background: rgb(70, 130, 180) none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;" onclick="alterfont('#4682B4', 'color','message',''); document.getElementById('select-color').style.display='none';"></a>
     <a href="javascript://" class="color-opt" style="background: rgb(30, 144, 255) none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;" onclick="alterfont('#1E90FF', 'color','message',''); document.getElementById('select-color').style.display='none';"></a>
     <a href="javascript://" class="color-opt" style="background: rgb(148, 0, 211) none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;" onclick="alterfont('#9400D3', 'color','message',''); document.getElementById('select-color').style.display='none';"></a>
     <a href="javascript://" class="color-opt" style="background: rgb(255, 20, 147) none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;" onclick="alterfont('#FF1493', 'color','message',''); document.getElementById('select-color').style.display='none';"></a>
     <a href="javascript://" class="color-opt" style="background: rgb(169, 169, 169) none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;" onclick="alterfont('#A9A9A9', 'color','message',''); document.getElementById('select-color').style.display='none';"></a>
     <a href="javascript://" class="color-opt" style="background: rgb(255, 99, 71) none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;" onclick="alterfont('#FF6347', 'color','message',''); document.getElementById('select-color').style.display='none';"></a>
     <a href="javascript://" class="color-opt" style="background: rgb(255, 215, 0) none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;" onclick="alterfont('#FFD700', 'color','message',''); document.getElementById('select-color').style.display='none';"></a>
     <a href="javascript://" class="color-opt" style="background: rgb(50, 205, 50) none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;" onclick="alterfont('#32CD32', 'color','message',''); document.getElementById('select-color').style.display='none';"></a>
     <a href="javascript://" class="color-opt" style="background: rgb(135, 206, 235) none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;" onclick="alterfont('#87CEEB', 'color','message',''); document.getElementById('select-color').style.display='none';"></a>
     <a href="javascript://" class="color-opt" style="background: rgb(0, 191, 255) none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;" onclick="alterfont('#00BFFF', 'color','message',''); document.getElementById('select-color').style.display='none';"></a>
     <a href="javascript://" class="color-opt" style="background: rgb(147, 112, 219) none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;" onclick="alterfont('#9370DB', 'color','message',''); document.getElementById('select-color').style.display='none';"></a>
     <a href="javascript://" class="color-opt" style="background: rgb(255, 105, 180) none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;" onclick="alterfont('#FF69B4', 'color','message',''); document.getElementById('select-color').style.display='none';"></a>
     <a href="javascript://" class="color-opt" style="background: rgb(220, 220, 220) none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;" onclick="alterfont('#DCDCDC', 'color','message',''); document.getElementById('select-color').style.display='none';"></a>
     <a href="javascript://" class="color-opt" style="background: rgb(255, 218, 185) none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;" onclick="alterfont('#FFDAB9', 'color','message',''); document.getElementById('select-color').style.display='none';"></a>
     <a href="javascript://" class="color-opt" style="background: rgb(255, 255, 224) none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;" onclick="alterfont('#FFFFE0', 'color','message',''); document.getElementById('select-color').style.display='none';"></a>
     <a href="javascript://" class="color-opt" style="background: rgb(152, 251, 152) none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;" onclick="alterfont('#98FB98', 'color','message',''); document.getElementById('select-color').style.display='none';"></a>
     <a href="javascript://" class="color-opt" style="background: rgb(224, 255, 255) none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;" onclick="alterfont('#E0FFFF', 'color','message',''); document.getElementById('select-color').style.display='none';"></a>
     <a href="javascript://" class="color-opt" style="background: rgb(135, 206, 250) none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;" onclick="alterfont('#87CEFA', 'color','message',''); document.getElementById('select-color').style.display='none';"></a>
     <a href="javascript://" class="color-opt" style="background: rgb(230, 230, 250) none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;" onclick="alterfont('#E6E6FA', 'color','message',''); document.getElementById('select-color').style.display='none';"></a>
     <a href="javascript://" class="color-opt" style="background: rgb(221, 160, 221) none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;" onclick="alterfont('#DDA0DD', 'color','message',''); document.getElementById('select-color').style.display='none';"></a>
     <a href="javascript://" class="color-opt" style="background: rgb(255, 255, 255) none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;" onclick="alterfont('#FFFFFF', 'color','message',''); document.getElementById('select-color').style.display='none';"></a>
     </div>
     </div>
     </div>
     <div style="position: absolute; top: 0px; left: 205px;" class="sep"></div>
     <div style="position: absolute; top: 0px; left: 513px;" class="sep"></div>
     <div style="position: absolute; top: 0px; left: 593px;" class="sep"></div>
     <div style="position: absolute; top: 3px; left: 210px;">
     <a class="insert-code" href="javascript://" onclick="simpletag('code','','','message','')"></a>
     <a class="insert-quote" href="javascript://" onclick="simpletag('quote','','','message','')"></a>
     <a class="insert-image" href="javascript://" onclick="tag_image('','message')"></a>
     <a class="insert-spoiler" href="javascript://" onclick="simpletag('spoiler','','','message','')"></a>
     <a class="insert-smile" href="javascript://" onclick="$('#smiles').slideToggle('slow');"></a>
     <a class="insert-link" href="javascript://" onclick="tag_url('','message')"></a>
     <div style="position:relative" align="left">
     <div style="position:absolute; right:18px; top:55px; z-index:99; display:none;" id="smiles">
     <div class="banners">
     $SMILES$
     </div>
     </div>
     </div>
     </div>
     <div style="position: absolute; top: 5px; left: 520px; z-index: 99;">
     <a class="format-left" href="javascript://" onclick="simpletag('l','cdl','···','message')"></a>
     <a class="format-center" href="javascript://" onclick="simpletag('c','cdc','···','message')"></a>
     <a class="format-right" href="javascript://" onclick="simpletag('r','cdr','···','message')"></a>
     </div>
     <div style="position: absolute; top: 30px; left: 520px; z-index: 99;">
     <a class="format-space" href="javascript://" onclick="simpletag('indent','','','message','');"></a>
     <a class="format-list" href="javascript://" onclick="tag_list('message','');"></a>
     <a class="format-close" href="javascript://" onclick="closeall('message','');"></a>
     </div>

</td>
</tr>
</table>
<table width="99%" border="0">
     <tr>
     <td align="center">

     $_MESSAGE$

</td>
</tr>
</table>
<?if($MESSAGE_OPTIONS_FLAG$)?>
<div class="nameopt"><a onclick="$('#opts').slideToggle('slow');">Опции сообщения:</a></div>
<div id="opts" style="display:none;">
<?if($_HTML_OPT$)?>
$_HTML_OPT$ <label for="frmt">Включить HTML теги</label><br />
$_MAKE_BR_OPT$ <label for="frmt">Заменять переводы строк тегом</label><br>
<?endif?>
<?if($_EDITED_OPT$)?>
$_EDITED_OPT$ <label for="edited">Добавить надпись "Отредактировано..." в это сообщение?</label><br />
<?endif?>
<?if($_SMILES_OPT$)?>
$_SMILES_OPT$ <label for="smon">Включить смайлы</label><br />
<?endif?>
<?if($_SIGNATURE_OPT$)?>
$_SIGNATURE_OPT$ <label for="sgon">Включить подпись</label><br />
<?endif?>
<?if($_SUBSCRIBE_OPT$)?>
$_SUBSCRIBE_OPT$ <label for="sbon">Уведомления на e-mail при ответах</label><br />
<?endif?>
</div>
<?endif?>
<?if($MODER_OPTIONS_FLAG$)?>
<div class="nameopt"><a onclick="$('#optt').slideToggle('slow');">Опции темы:</a></div>
<div id="optt" style="display:none;">
<?if($_FIRSTONTOP_OPT$)?>
$_FIRSTONTOP_OPT$ <label for="firstontop">Первое сообщение темы сделать шапкой (показывать на всех страницах)</label><br />
<?endif?>
<?if($_ONTOP_OPT$)?>
$_ONTOP_OPT$ <label for="isontop">Тема всегда сверху</label><br />
<?endif?>
<?if($_CLOSED_OPT$)?>
$_CLOSED_OPT$ <label for="isclosed">Закрытая тема</label>
<?endif?>
</div>
<?endif?>
<?if($_FILES_UPLOADER$)?>
<div class="nameopt"><a onclick="$('#pf').slideToggle('slow');">Прикрепить файл: <span style="font-size:7pt;">(не более <b>$FILE_MAX_SIZE$</b>Kb)</span></a></div>
<div id="pf" style="display:none;">
$_FILES_UPLOADER$
</div>
<?endif?>
<?if($_SECURITY_CODE$)?>
<tr id="frM45"><td id="frM46">Код безопасности:</td><td id="frM47">$_SECURITY_CODE$</td></tr>
<?endif?>
<tr id="frM59"><td colspan="2" align="center" id="frM60"> <input type="submit" id="frF16" name="sbm" style="width:750px;font-weight:bold;" class="postSubmit" value="$SUBMIT_SIGN$" /></td></tr>

</td>
</tr>
</table>


Прикреплённый архив заливаем на хост в папку "for"

Всё, новая форма добавления сообщений установлена!

Материал подготовил: Andrey
Прикрепления: 7118181.png(108.9 Kb) · for.rar(40.6 Kb)
Форум » О uCoz » Скрипты » Форма добавления сообщений для форума
  • Страница 1 из 1
  • 1
Поиск: