• Страница 1 из 1
  • 1
3 таблицы для сайта и форума
Дмитрий Дата: Суббота, 26.05.2012, 12:12 | Сообщение # 1 | Сообщить о нерабочей теме


Аватар для Дмитрий


[moder]3 таблицы серую, зеленую и красную. Изменить цвета вы сможете сами, нечего сложного в этом нет  [/moder]
[reklama]В CSS Стили добавить: [/reklama]
Code
#webrips_1 {background:#e7e7e7;padding:4px;border-bottom:2px solid #dbdbdb;margin-bottom:6px;border-radius: 3px;-moz-border-radius:3px;-webkit-border-radius:3px;text-shadow: 1px 1px 1px #f3f3f3;color:#4c4c4c;}   
   #webrips_2 {background:#00a741;padding:4px;border-bottom:2px solid #008a22;margin-bottom:6px;border-radius: 3px;-moz-border-radius:3px;-webkit-border-radius:3px;text-shadow: 1px 1px 1px #008a22;color:#fff;}   
   #webrips_3 {background:#dc4b4b;padding:4px;border-bottom:2px solid #c22d2d;margin-bottom:6px;border-radius: 3px;-moz-border-radius:3px;-webkit-border-radius:3px;text-shadow: 1px 1px 1px #c32e2e;color:#fff;}

Quote
#webrips_1 - отвечает за серую таблицу 
#webrips_2 - отвечает за зеленую таблицу 
#webrips_3 - отвечает за красную таблицу

Quote
background отвечает за фон таблицы 
border-bottom - отвечает за нижнию обводку 
margin-bottom - отвечает за отступ снизу 
border-radius,-moz-border-radius,-webkit-border-radius - отвечает за скругление углов 
text-shadow - отвечает за тень текста

[moder]Где хотим видеть таблицу добавляем: [/moder]
Code
<div id="webrips_1">Серая таблица</div>   
   <div id="webrips_2">Зеленая таблица</div>   
   <div id="webrips_3">Красная таблица</div>

[moder]Если хотите чтобы эти таблицы были на форуме, то в "Общий вид страницы форума" после тега $BODY$ добавляем: [/moder]
Code
<script type="text/javascript" src="http://webrips.ru/uploads/authorship/table_forum/table_webrips.js"></script>

[moder]В форму добавления сообщений после $BBCODES$ вставить: [/moder]
Code
<input type="button" value="Красная рамка" onclick="simpletag('RedTable','','','message',''); return false;" class="codeButtons" title="Вставить красную рамку" name="admin">   
   <input type="button" value="Зеленая рамка" onclick="simpletag('GreenTable','','','message',''); return false;" class="codeButtons" title="Вставить зеленую рамку" name="moder">   
   <input type="button" value="Серая рамка" onclick="simpletag('Table','','','message',''); return false;" class="codeButtons" title="Вставить серую рамку" name="usr">


From Russia With Love!
  • Страница 1 из 1
  • 1
Поиск: