Форум Тэг DIV

Статус
В этой теме нельзя размещать новые ответы.

deecee

Megan Fox
так как некоторые не умеют пользоваться тэгом дивом я решил запостить пост посвящённый диву!

И так начнём
сперва покажу разновидность дивов:
просто див
див с рамкой
див с фоном
див с фоном и с овальной рамкой
Код:
div#1
[div="background: white; padding: 5px; color: black;"]просто див[/div]
div#2
[div="background:white; color:black; padding:5px; border:5px solid black"]див с рамкой[/div]
div#3
[div="background: #000000 url(attachments/39101/?temp_hash=3d1460eb0a25b69edfd3dfa1388c4b6c); color: #fff; border:10px solid #555555;"]див с фоном[/div]
div#4
[div="border-radius: 50px; background: #000000 url(attachments/39101/?temp_hash=3d1460eb0a25b69edfd3dfa1388c4b6c); color: #fff; border:10px solid #555555;"]див с фоном и с овальной рамки[/div]

div - сам тэг. Его надо открыть и потом закрыть.
Вот так закрывается правильно:
Код:
[div]текст[/div]

Вот эти варианты не закрывают его вообще:
Код:
[div]текст

Код:
[div /]текст

этот способ закрывания не правилен, то тогда весь див закрывается перед текстом:
Код:
[div][/div]text[/div]


style - стиль, внутри него помещается код стиля, который может состоять из нижеследующих свойств. Они записываются в следующем виде: "название: значение;".

1) background - одна из составляющих стиля, которая отвечает за фон. Цвет задаётся в формате RGB (например, #FFFFFF означает белый цвет, а #000000 чёрный) или прописью (например, white относится к белому цвету, yellow к жёлтому). Узнать код цвета можно в графическом редакторе, где есть палитра цветов, например в Photoshop.

Чтобы задать фоном картинку, надо прописать url('ссылка на картинку'), взаимоисключающие значения есть repeat-x (повторять изображение по оси x), repeat-y (повторять изображение по оси y), no-repeat (не повторять изображение), по умолчанию изображение повторяется и по х, и по у.

2) color - цвет текста в тэге div. Задаётся так же, как и background.

3) padding - отступ от краёв div'а. Нужен он для того, чтобы буквы не липли сразу к границе. Задаётся в пикселях, поинтах, процентах и так далее. Лучше всего использовать десять пикселей (10px).

4) border - граница div'а. Имеет три параметра: ширина, тип и цвет. Цвет и ширину мы рассматривали уже выше. Типы бывают следующие: solid - сплошная, dotted - точкам, dashed - пунктир, ridge - выпуклый, groove - впуклый (не знаю как правильно говорить, но похож он именно на это), inset - вдавленный, outset - выдавленный, double - двойная линия.

Это основы оформления поста. Существует множество нюансов и способов, которые я не буду описывать именно потому что их ОЧЕНЬ много. Чтобы узнать о них, изучайте HTML.
Если кто-то уже знает основы HTML и хотел бы красиво оформить пост, но не знает как, то он может обратиться ко мне в мирке (если найдет, аххахахаха).

форму рамки можно изменять т.е. изменять его вид, округлять и тп с помощью команды border-radius: количествоpx(50px) тем больше радиус тем больше округляется рамка, тем меньше тем более выпрямляется

Фон в дивах можно вставлять только с этого сайта и оно начинается с attachments/и тп https://minecraft.get9.su/ убирайте фон из др. сайтов не возможен

P.s: admins: если удаляете этот пост то пожалуйста скажите мне причину, а так этот пост для тех кто не знает и не понимает в тэгах ПЛЗ не удаляйте, все вопросы в коментариях, оффтоп, флуд и тп запрещён
 

Вложения

  • brick.png
    brick.png
    134.1 KB · Просмотры: 2,819
Пожалуйста,скопируйте в сообщение все коды из примера!Просто не могу просмотреть!

Код:
[div="background: white; padding: 5px; color: black;"] это пишешь в начале поста потом закрываешь командой [/div] в самом конце (обычный цветной фон)
 
 
[div="background:white; color:black; padding:5px; border:5px solid black"] это пишешь в начале поста потом закрываешь командой [/div] в самом конце  (рамочка)
 
 
[div="background: #000000 url(attachments/12506/?temp_hash=dd08a4667e1a03592b45e0f5f6c811f6); color: #fff; border:10px solid #555555;"] это пишешь в начале поста потом закрываешь командой [/div] в самом конце (фон с картинкой)
 
 
[div="border-radius: 50px; background: #000000 url(attachments/12506/?temp_hash=dd08a4667e1a03592b45e0f5f6c811f6); color: #fff; border:10px solid #555555;"]  это пишешь в начале поста потом закрываешь командой [/div] в самом конце (фон с картинкой овальный)
 
  • Нравится
Реакции: ton
Статус
В этой теме нельзя размещать новые ответы.
Сверху