Скрипты и шаблоны для uCoz uCoz
uCoz Главная | HTML справочник | Создание баннера | Шаблоны баннеров | Заработок на сайте!
Скрипты и шаблоны

Скрипты для uCoz

Шаблоны для uCoz

Меню сайта
Портал веб-мастеров Vse-ForuCoz.3dn.ru

Наша кнопка
Наша кнопка:


Получить код:

Портал веб-мастеров Vse-ForuCoz.3dn.ru

Категории раздела
Скрипты [76]
Шаблоны [4]
Разное [7]
Портал веб-мастеров Vse-ForuCoz.3dn.ru

Мини-чат


200
Портал веб-мастеров Vse-ForuCoz.3dn.ru

Поиск
Портал веб-мастеров Vse-ForuCoz.3dn.ru

Наш опрос
Вы ещё вернетесь?
Всего ответов: 87
Портал веб-мастеров Vse-ForuCoz.3dn.ru

Друзья сайта
  • Блог о хобби
  • Заработай на сайте
  • КОСМОС: все обо всем
  •  
    Banneroobmen
     
    Портал веб-мастеров Vse-ForuCoz.3dn.ru

    Статистика

    Полная статистика



    Онлайн всего: 1
    Гостей: 1
    Пользователей: 0
    Сайт сегодня посетили:

    Бесплатный анализ сайта
    Портал веб-мастеров Vse-ForuCoz.3dn.ru

    Главная » Статьи » Скрипты

    Синие блоки для сайта
    Установка:

    1. Вставьте данный код в таблицу стилей (в неё можно зайти так: ПУ -> Дизайн[в админбаре] -> Управление дизайном CSS.

    Code
    </p>

    .title {width: 210px; background: url('http://pro100ucoz.ru/demo/blocks/style/box-top.png') no-repeat; margin: 0 auto; height:27px;} <br> .block-title {width: 210px; text-align: left; font-size: 15px; color:#fff; font-weight: bold; margin: 0; padding: 5px 10px; height:25px;} <br> .block-content {width: 210px; background: url('http://pro100ucoz.ru/demo/blocks/style/box-content.png') repeat-y;text-align: left; padding:0px 9px 1px 9px; color:#333;} <br> .block-content a {text-align: left; padding:2px 9px 1px 9px; color:#333; text-decoration:none;} <br> .block-content a:hover {text-align: left; padding:2px 9px 1px 9px; color:#105784; text-decoration:underline;} <br> .block-bottom {width: 210px; background: url('http://pro100ucoz.ru/demo/blocks/style/box-bottom.png') bottom no-repeat; height:9px; margin-bottom:10px;}

    2. Этот код вставьте туда, где вы хотите видеть блок.

    Code
    </p>

    <div align="center"> <br> <div style="width: 210px;"> <br> <div class="title"><h4 class="block-title">Название Блока</h4></div> <br> <div class="block-content"> <br> <a href="http://pro100ucoz.ru" target="_blank" title="Pro100uCoz.ru - все для uCoz">Главная</a><br /> <br> <a href="http://pro100ucoz.ru/load/1" target="_blank">Шаблоны для uCoz</a><br /> <br> <a href="http://pro100ucoz.ru/load/2" target="_blank">Скрипты для uCoz</a><br /> <br> <a href="http://pro100ucoz.ru/load/4" target="_blank">Иконки для uCoz</a><br /> <br> <a href="http://pro100ucoz.ru/publ" target="_blank">Уроки по uCoz</a> <br> </div><div class="block-bottom" ></div> <br> </div> <br> </div>

    Должно все получиться.

    Также можно вставить сразу весь код вместе с css туда, где вы планируете разместить блок, но лучше использовать первый вариант.

    Code
    </p>

    <style> <br> .title {width: 210px; background: url('http://pro100ucoz.ru/demo/blocks/style/box-top.png') no-repeat; margin: 0 auto; height:27px;} <br> .block-title {width: 210px; text-align: left; font-size: 15px; color:#fff; font-weight: bold; margin: 0; padding: 5px 10px; height:25px;} <br> .block-content {width: 210px; background: url('http://pro100ucoz.ru/demo/blocks/style/box-content.png') repeat-y;text-align: left; padding:0px 9px 1px 9px; color:#333;} <br> .block-content a {text-align: left; padding:2px 9px 1px 9px; color:#333; text-decoration:none;} <br> .block-content a:hover {text-align: left; padding:2px 9px 1px 9px; color:#105784; text-decoration:underline;} <br> .block-bottom {width: 210px; background: url('http://pro100ucoz.ru/demo/blocks/style/box-bottom.png') bottom no-repeat; height:9px; margin-bottom:10px;} <br> </style> <br> <div align="center"> <br> <div style="width: 210px;"> <br> <div class="title"><h4 class="block-title">Название Блока</h4></div> <br> <div class="block-content"> <br> <a href="http://pro100ucoz.ru" target="_blank" title="Pro100uCoz.ru - все для uCoz">Главная</a><br /> <br> <a href="http://pro100ucoz.ru/load/1" target="_blank">Шаблоны для uCoz</a><br /> <br> <a href="http://pro100ucoz.ru/load/2" target="_blank">Скрипты для uCoz</a><br /> <br> <a href="http://pro100ucoz.ru/load/4" target="_blank">Иконки для uCoz</a><br /> <br> <a href="http://pro100ucoz.ru/publ" target="_blank">Уроки по uCoz</a> <br> </div><div class="block-bottom" ></div> <br> </div> <br> </div>

    Категория: Скрипты | Добавил: RGX (25.01.2011) W
    Просмотров: 962 | Комментарии: 2 | Теги: блоки | Рейтинг: 5.0/1
    Всего комментариев: 0
    Добавлять комментарии могут только зарегистрированные пользователи.
    [ Регистрация | Вход ]
    Информация о сайте | Форум | Баннерообмен | Sitemap | Sitemap-forum
    © http://vse-forucoz.3dn.ru/ - на сайте вы найдете скрипты для uCoz и шаблоны для uCoz, а так же все для веб мастера и обычного юзера. Все материалы размещенные на нашем портале Вы сможете бесплатно скачать.
    Все материалы, размещенные на сайте, являются собственностью их изготовителя (владельца прав) и охраняются законом. Эти материалы предназначены исключительно только для ознакомления!