Перейти к содержимому

Добро пожаловать к нам на сайт! Про Ваш статус и права можно прочитать в Этой теме

Для просмотра картинок и скачивания файлов с форума - пройдите регистрацию!   Проблемы с регистрацией - вам сюда




Фотография

Линии для Оформления сайта

Створив: RUS_D , 11 сер 2010 18:32

  • Авторизуйтесь для відповіді у темі
У темі одне повідомлення

#1
RUS_D
Надіслано 11 серпень 2010 - 18:32

RUS_D

    Главный АДМИН

    • Не в сети
  • Тех. Админ
  •  Администратор
    • Старожил сайта
<- Информация ->
  • PipPipPipPip
  • Регистрация:
    08-грудень 08
  • 5 026 Cообщений
    • Пропуск №: 2

0 баллов предупреждения
Репутация: 8 176

Репутация: 8176 Постов: 5026
  • Skype:rus_did
  • Страна проживания:Украина
  • Реальное имя:Руслан
  • Пол:Мужчина
  • Город:Полтавская обл.
Линии для Оформления сайта
Типы линий и как их создавать

Линии можно применять, например, для того, чтобы делить пост на логические разделы, отделять друг от друга цитаты, мысли, афоризмы.
Замечу, что цветные линии отображаются на 100% корректно только в IE
Вот она, линия:

ее код:

Code
<hr>

Далее:

Code
<hr align=center width=60%>

По умолчанию линия имеет толщину 2 пиксела и некоторую объемность.

Необъемная линия:


Code
<hr noshade>


Code
<hr noshade width=60% size="3">


Code
<hr size=3 color="#FF0000">


Code
<hr size="5" width="60%" align="center" color="blue">


Code
<hr color="blue" size="7" style="border: dotted 5pt; border-color: red ">


Code
<hr color="red" size="9" style="border: dotted 5pt; border-color: blue ">


Code
<hr color="black" size="4" style="border: dashed 5pt; border-color: aqua ">

Повторюсь, что цветные линии корректно отображает только IE, поэтому иногда проще использовать клавиатурные или спец. символы:

~~~~~~~~~~~~~~~~~~~~~~~~


Code
<p align=center style=color:blue;>~~~~~~~~~~~~~~~~~~~~~~~~</p>

оформленные в виде текстового абзаца:


Code
<img src=http://img218.imageshack.us/img218/9140/line002va4.gif align=center>


Code
<img src=http://media.bigoo.ws/content/90/265890/Stars.gif align=center>


Code
<img src=http://img87.imageshack.us/img87/6087/hline13lz2.gif align=center>

Эти линии представляют собой картинки (и их должны корректно отображать все браузеры)
Собраний таких картинок в сети сейчас пруд пруди.

Наберите в поисковике divider - и вперед
Если нужно прижать линию к левой кромке записи, вместо align=center ставьте align=left
к правой - align=right

взято с ucozon.ru

#2
RUS_D
Надіслано 07 жовтень 2011 - 23:17

RUS_D

    Главный АДМИН

    • Не в сети
  • Тех. Админ
  •  Администратор
    • Старожил сайта
<- Информация ->
  • PipPipPipPip
  • Регистрация:
    08-грудень 08
  • 5 026 Cообщений
    • Пропуск №: 2

0 баллов предупреждения
Репутация: 8 176

Репутация: 8176 Постов: 5026
  • Skype:rus_did
  • Страна проживания:Украина
  • Реальное имя:Руслан
  • Пол:Мужчина
  • Город:Полтавская обл.
HTML линия может быть не только горизонтальной, но и вертикальной.
Вертикальная линия в HTML может являться стороной блока или ячейки таблицы.
Линия в HTML бывает любого размера и цвета, имеет или не имеет объемность.
Пример вертикальной линии красного цвета слева.

Code
<div style="height:30px; width:560px; border-left:2px solid #cc0033; background-color:#fc9; padding-left:10px">Пример вертикальной линии красного цвета слева.          
</div>


Code
<div style="height:40px; width: 2px; background-color:red" > </div>

Обратно в Скрипты для Сайта
  1. Stalker-worlds.games
  2. → Тематические форумы
  3. → Всё для Вебмастера
  4. → Скрипты для Сайта
  5. → Линии для Оформления сайта

реклама на сайте подключена

Использование материалов сайта только с разрешения Администрации!
Или с указанием прямой ссылки на источник. 2008 - 2017 © Stalker-Worlds