Делаем рамку

xcrazyx

Заблокирован
Сообщения
370
Реакции
61
Баллы
5,530
Как сделать такую рамку?:) Желательно в футере!
2603e2495e.jpg
 
Заключаешь содержимое в див с классом, где указан бордюр
Код:
<div class="ramka">содержимое</div>
В EXTRA.css указываешь класс
Код:
.ramka {
  border: 1px solid #ff0000;
  padding: 10px;
}

И хоть в футере, хоть в хейдере, и хоть в любом месте! И когда уж будете голову включать?
 
Заключаешь содержимое в див с классом, где указан бордюр
Код:
<div class="ramka">содержимое</div>
В EXTRA.css указываешь класс
Код:
.ramka {
  border: 1px solid #ff0000;
  padding: 10px;
}

И хоть в футере, хоть в хейдере, и хоть в любом месте! И когда уж будете голову включать?
sps

Вот
Заключаешь содержимое в див с классом, где указан бордюр
Код:
<div class="ramka">содержимое</div>
В EXTRA.css указываешь класс
Код:
.ramka {
  border: 1px solid #ff0000;
  padding: 10px;
}

И хоть в футере, хоть в хейдере, и хоть в любом месте! И когда уж будете голову включать?
что получилось:
9a3c7e9f21.jpg
А можно как то выровнить?
 
Последнее редактирование модератором:
Вот все вроде как обижаются когда ссылаешься на htmlbook, но ведь это простой вариант посмотреть решение.
Помимо внутреннего отступа есть внешний - margin

Так же в классе ramka можно указать все для форматирования текста:
font-family:Tahoma, sans-serif – определяет вид и семейство шрифта.
font-size:13px – устанавливает размер шрифта в пикселях или процентах.
font-style:italic – преобразует текст в наклонный (еще его называю курсивным).
font-variant:small-caps – капитель – большие буквы маленького размера.
font-weight:bold – определяет жирный текст.
letter-spacing:2px – дополнительное расстояние между символами в пикселях.
word-spacing:7px – создает дополнительное расстояние между словами в пикселях.
color:#cc0033 – определяет цвет текста.
text-indent:40px – устанавливает отступ строки в пикселях или процентах.
text-decoration:underline – выводит подчеркнутый текст.
text-decoration:overline – выводит надчеркнутый текст.
text-decoration:line-through – выводит перечеркнутый текст.
text-transform:capitalize – отображает каждое слово с заглавной буквы.
text-transform:lowercase – преобразует все буквы в маленькие.
text-transform:uppercase – преобразует все буквы в заглавные.
vertical-align:super – отображает текст в верхнем индексе.
vertical-align:sub – отображает текст в нижнем индексе.

И все это можно найти с помощью google и не задавать глупые вопросы не относящиеся к xenforo
 
C
Вот все вроде как обижаются когда ссылаешься на htmlbook, но ведь это простой вариант посмотреть решение.
Помимо внутреннего отступа есть внешний - margin

Так же в классе ramka можно указать все для форматирования текста:
font-family:Tahoma, sans-serif – определяет вид и семейство шрифта.
font-size:13px – устанавливает размер шрифта в пикселях или процентах.
font-style:italic – преобразует текст в наклонный (еще его называю курсивным).
font-variant:small-caps – капитель – большие буквы маленького размера.
font-weight:bold – определяет жирный текст.
letter-spacing:2px – дополнительное расстояние между символами в пикселях.
word-spacing:7px – создает дополнительное расстояние между словами в пикселях.
color:#cc0033 – определяет цвет текста.
text-indent:40px – устанавливает отступ строки в пикселях или процентах.
text-decoration:underline – выводит подчеркнутый текст.
text-decoration:overline – выводит надчеркнутый текст.
text-decoration:line-through – выводит перечеркнутый текст.
text-transform:capitalize – отображает каждое слово с заглавной буквы.
text-transform:lowercase – преобразует все буквы в маленькие.
text-transform:uppercase – преобразует все буквы в заглавные.
vertical-align:super – отображает текст в верхнем индексе.
vertical-align:sub – отображает текст в нижнем индексе.

И все это можно найти с помощью google и не задавать глупые вопросы не относящиеся к xenforo
Всё сделал,но получился очень большой отступ от самого форума!
Скрин:
91d5460ecb.jpg

cdelal!!!
 
Современный облачный хостинг провайдер | Aéza
Назад
Сверху Снизу