Главная - Все для web-мастера uCoz

Готовые красивые таблицы для ucoz

Готовые красивые таблицы для ucoz
Модификация готовых таблиц сайта скорее подойдут новичкам в сайтостроении нежели уже бывалым разработчикам. Четыре различных варианта готовых див таблиц. Все просто и красиво. Берите и пользуйтесь.
Установка:

Синяя таблица

Ставите там где хотите видеть таблицу:

Code
<div class="ramka">  
  <div class="hed_ramka">Синяя таблица</div>  
  <div class="text">Ваш текст</div>  
  </div>


CSS:

Code
.ramka {border:1px solid #ABD8F0; background:#f3faff; }  
  .hed_ramka {background:#E3F5FF; padding:5px;border-bottom:1px solid #ABD8F0;font-weight:bold;font-size:13px;font-family:tahoma;color:#3D6276;text-shadow:1px 1px 0px #fff;}  
  .text {padding:5px; font-family:tahoma;font-size:11px; }


Красная таблица

Ставите там где хотите видеть таблицу:

Code
<div class="ramka_red">  
  <div class="hed_ramka_red">Красная таблица</div>  
  <div class="text_red">Ваш текст</div>  
  </div>


CSS:

Code
.ramka_red {border:1px solid #f0abab; background:#fff3f3; }  
  .hed_ramka_red {background:#ffe3e3; padding:5px;border-bottom:1px solid #f0abab;font-weight:bold;font-size:13px;font-family:tahoma;  
  color:#763d3d;text-shadow:1px 1px 0px #fff;}  
  .text_red {padding:5px; font-family:tahoma;font-size:11px; }


Серая таблица

Ставите там где хотите видеть таблицу:

Code
<div class="ramka_cep">  
  <div class="hed_ramka_cep">Серая таблица</div>  
  <div class="text_cep">Ваш текст</div>  
  </div>


CSS:

Code
.ramka_cep {border:1px solid #ccc; background:#f7f7f7; }  
  .hed_ramka_cep {background:#eaeaea; padding:5px;border-bottom:1px solid #ccc;font-weight:bold;font-size:13px;font-family:tahoma;  
  color:#555;text-shadow:1px 1px 0px #fff;}  
  .text_cep {padding:5px; font-family:tahoma;font-size:11px; }


Зеленая таблица

Ставите там где хотите видеть таблицу:

Code
<div class="ramka_gre">  
  <div class="hed_ramka_gre">Зеленая таблица</div>  
  <div class="text_gre">Ваш текст</div>  
  </div>


CSS:

Code
.ramka_gre {border:1px solid #b5f0ab; background:#f4fff3; }  
  .hed_ramka_gre {background:#E3FFE7; padding:5px;border-bottom:1px solid #b5f0ab;font-weight:bold;font-size:13px;font-family:tahoma;  
  color:#41763d;text-shadow:1px 1px 0px #fff;}  
  .text_gre {padding:5px; font-family:tahoma;font-size:11px; }


Готово!

Источник: Не указан

Просмотров: 2930 | Написал: (o)-$erega-(o) | Дата: 15.12.2012 | Комментарии: (0)

info
Гостям нельзя оставлять комментарии. Зарегистрируйтесь или войдите под своим профилем

vk
Рекомендуем
Мини-чат
23:26
gameaslife
Парни помогите ! http://xn--g1acecr2a.xn--p1ai/board/skripty_ucoz/bot_dlja_mini_chata/1-1-0-581

19:05
380971489511
А как делать фон на сайте?

17:31
ferr-um
Страница материала - http://укозик.рф/board/skripty/umenshaem_izobrazhenija_v_informerakh_kommentakh/5-1-0-444

17:31
ferr-um
Скрипт хорош, решил потестировать и даже больше - использовать его и для уменьшения видео, так вот вроде бы все работает на IE и MF но вот Google Chrome вроде бы воспринимает скрипт, но после перезагрузки страницы картинки снова увеличенные ( кстати видео не увеличивается ) в чем может быть проблема? Заранее спасибо.

17:31
ferr-um
Я так понял сообщение отправить пока нет возможности, но вот ответ на вопрос хотелось бы получить, так как очень нужно и так:

23:02
Kulac
по моему, выглядит капельку лучше

00:51
Montik
Супер

04:46
Admin
Всем привет! Сайт переехал на новый хостинг!

Для добавления необходима авторизация
Реклама
Статистика
Яндекс.Метрика

Онлайн всего: 2
Гостей: 2
Пользователей: 0