Обрамление postbit

09-20-2012, 06:32 PM

Попросил администратора ledo-cheats.ru скинуть мне своё обрамление.
Скинул он мне в таком формате:

Code:

background: #D8E1E9;
border-radius: 6px;
box-shadow: 0px 1px 10px 0px #1C2837;
float: left;
font-size: 0.9em;
margin: 15px 15px 10px;
padding: 20px 0px 0px;
text-align: left;
width: 100px;

Т.к. я не понимаю почти нечего в css, подскажите пожалуйста куда его вставить чтобы у меня появилось его обрамление?
А вообще желательно получить полную инструкцию как установить обрамление, но именно такое как у него ;)

09-20-2012, 09:01 PM

Дописываешь код

HTML Code:

.border_ledo
{
background: #D8E1E9;
border-radius: 6px;
box-shadow: 0px 1px 10px 0px #1C2837;
float: left;
font-size: 0.9em;
margin: 15px 15px 10px;
padding: 20px 0px 0px;
text-align: left;
width: 100px;
}

Идёшь в админку. Открываешь вкладку со всеми стилями и в конце в поле для кода стилей вставляешь указанный код обрамления. Сохраняешь.
Далее, открываешь шаблон той странички где надо применить обрамление и пишешь

HTML Code:

<div class="border_ledo">
здесь код твоей странички
</div>

Если для всех страниц, то <div class="border_ledo"> помещаешь в конец кода хидера, а </div> в начало кода футера.

09-20-2012, 09:38 PM

Всё, понял ;)
Класс! Только проблема в одном... как обрамить этим кодом именно вот так http://cheaters-street.org/showthrea...&p=384#post384
или всё-таки как на ledo-cheats.ru ;) Не понимаю где какой код в css отвечает за ник, аву, титул, онлайн статус и т.п.

juLVeb добавил 09-20-2012 в 08:38 PM
Всё, не надо. Спасибо!

09-20-2012, 09:48 PM

Оффтоп

09-20-2012, 09:56 PM

Quote:

Originally Posted by juLVeb

Не понимаю где какой код в css отвечает за ник, аву, титул, онлайн статус и т.п.

Так таблица стилей одна для всех элементов страницы.

Ты можешь вставлять class="border_ledo" в любой уже существующий тэг в коде форума нужный тебе, например, в тег, который обрамляет профиль пользователя в постбите. У меня просто нет четвёрки поэтому не могу указать точное место где находится твой код.

Если используешь тот тэг, что в коде и там уже есть класс, то второй раз писать class= не надо
Предположим, есть такой код

HTML Code:

<div class="avatar">
код обрамления
</div>

Дописываем в это обрамление свой класс через пробел

HTML Code:

<div class="avatar border_ledo">
код обрамления
</div>

09-20-2012, 10:00 PM

Quote:

Originally Posted by Luntick

Открываешь вкладку со всеми стилями и в конце в поле для кода стилей

всё это замечательно, вот только вопрос - в разделе по 4ке

Quote:

Originally Posted by Luntick

Так таблица стилей одна для всех элементов страницы

эта информация безнадёжно устарела)

Quote:

Originally Posted by Shestak

Тему можно закрывать?

09-20-2012, 10:49 PM

Сделал. Результат:

09-20-2012, 10:55 PM

Хочешь сказать, что не то, что хотел?

09-20-2012, 11:05 PM

Quote:

Originally Posted by Luntick

Хочешь сказать, что не то, что хотел?

На самом деле я воспользовался твоим дополнением этого кода и тупо изменил под свой пост бит и обрамил сразу всё! ;)

09-20-2012, 11:25 PM

Quote:

Originally Posted by juLVeb

На самом деле я воспользовался твоим дополнением этого кода и тупо изменил под свой пост бит и обрамил сразу всё!

Способ встраивания стилей в страницу не важен с точки зрения внешнего вида.
В общем, можешь поиграться стилем и получить нужный вид
Вот этот код стиля отвечает за скругление углов и тень

HTML Code:

border-radius: 6px;
box-shadow: 0px 1px 10px 0px #1C2837;

Этот за цвет фона внутри контура

HTML Code:

background: #D8E1E9;

Этот за размер шрифта внутри контура

HTML Code:

font-size: 0.9em;

Этот за внешние отступы вокруг рамки

HTML Code:

margin: 15px 15px 10px;

Этот за внутренние отступы между рамкой и внутренним содержимым (текстом)

HTML Code:

padding: 20px 0px 0px;

Можешь добавить контур любого цвета

HTML Code:

border:3px solid #FFFFFF;

Будет, как на твоём примере, контур белого цвета шириной 3 пикселя.