Собираем свой стиль форума mybb ver 1.0

Поделиться12012-01-06 20:36:53

Автор: Адель Камински
Администратор
Зарегистрирован: 2011-07-18
Приглашений: 0
Сообщений: 3896
Уважение: +235
Возраст: 24 [1999-07-04]
Провел на форуме:
8 дней 15 часов
Последний визит:
2013-12-08 08:25:31

Автор - Adel Kаminski
При перепечатке всего урока или его части активная видимая ссылка на фриарт http://photoshop.bestbb.ru обязательна.

Это мой первый урок по css, поэтому заранее извиняюсь за ошибки, неточности и неясности.
В этом уроке я научу вас собирать свой стиль mybb. Я дам только основы, не рассказывая, как создавать графику, как делать отдельные навороты - это не цель моего урока и при желании вы самостоятельно найдете интересующую вас информацию в интернете. Например, советую всем пользоваться справочником http://htmlbook.ru/css, где дается подробное объяснение всех css-свойств.
Итак, в этом уроке я расскажу принцип сборки таких дизайнов:

Свернутый текст

Что у них общего? У таких дизайнов нестандартная шапка, выходящая за пределы основной таблицы форума, а также есть низ. Ну и плюс таким способом проще всего собирать дизайны с рамками.

Начинать создавать дизайн я рекомендую с макета. Создаете в фотошопе документ 1600х1000, при помощи инструмента прямоугольник ("U") делаете по центру основное тело форума и делаете набросок того, как должен выглядеть форум. Помните, что ваш макет должен легко делиться на три части - шапку, фон и низ:

Если рассмотреть на конкретном примере, то вот:

Правда, в моем примере фон сделан заливкой - так при сборке не возникнет проблем со стыками. А если вы задумали фон картинкой, то нужно либо делать бесшовник высотой с саму шапку, либо шапку и низ обрабатывать ластиком по нижнему и верхнему краям соответственно, убирая стык, и сохранять в png формате.

Итак, предположим, вы уже сделали это, разрезали ваш макет с помощью кропа на три части и получили шапку, фон и низ, а также сделали иконки форума (старые сообщения, новые сообщения, закрытая тема, важная тема - итого 4 штуки) и картинки категории. Начинаем сборку.

Создаем тестовый форум на сервисе mybb, на нем мы будем ставить все наши эксперименты. Только когда вас устроит результат, будете переносить готовый стиль на ваш основной форум.
Заходим Администрирование>>Свой стиль. Ставим галочку на ДА в пункте "Хотите ли Вы использовать собственный стиль оформления?" и сохраняем. Начинаем работать с чистым кодом стиля.

+5

Поделиться22012-01-06 20:38:20

Автор: Адель Камински
Администратор
Зарегистрирован: 2011-07-18
Приглашений: 0
Сообщений: 3896
Уважение: +235
Возраст: 24 [1999-07-04]
Провел на форуме:
8 дней 15 часов
Последний визит:
2013-12-08 08:25:31

ВЫСТАВЛЯЕМ ШИРИНУ И РАСПОЛОЖЕНИЕ ТАБЛИЦЫ ФОРУМА.
Ищем в первом окошке стиля

/* A5.1 */
#pun {
margin: 30px;
position: relative;
}

/* A5.2 */
.punbb {
float: left;
width: 100%;
height: auto;
}

Заменяем его на следующий код:

/* A5.1 */
#pun {
margin: 0px auto auto auto;
float: none;
padding: 0px 0px 0px 0px;
border: none;
width: 850px;
}

/* A5.2 */
.punbb {
width: 100%;
height: auto;
}

Разберем теперь сам код.
Жирным выделено значение ширины вашего форума.
А эта часть ставит нашу таблицу по центру.

margin: 0px auto auto auto;
float: none;
padding: 0px 0px 0px 0px;

Если хотим расположить ее слева или справа, меняем float: none; на float: left; или float: right; соответственно.

Свойство margin поочередно устанавливает отступ от верхнего, правого, нижнего и левого краев окна, поэтому необходимо прописать нужное значение в нужном месте.
Если хотим немного опустить таблицу форума вниз, в строке margin: 0px auto auto auto; вместо 0px ставим нужное вам значение.
Если нужно задать точный отступ от таблицы форума до левого или правого края окна, опять же, используем эту строку.
Например, 50px от левого края окна браузера - margin: 0px auto auto 50px;

+2

Поделиться32012-01-06 20:39:11

Автор: Адель Камински
Администратор
Зарегистрирован: 2011-07-18
Приглашений: 0
Сообщений: 3896
Уважение: +235
Возраст: 24 [1999-07-04]
Провел на форуме:
8 дней 15 часов
Последний визит:
2013-12-08 08:25:31

ЗАДАЕМ РАЗМЕР ИКОНОК
Ищем опять же в первом окошке браузера

/* C2.15 */
.punbb div.icon {
border-style: solid;
border-width: 0.6em 0.6em 0.6em 0.6em;
height: 0;
line-height: 0.0;
margin-top: 0.1em;
width: 0;
}

/* C2.16 */
.punbb table div.icon {
font-size: 1.05em;
position: absolute;
margin-left: -2.2em;
}

Заменяем это на следующий код:

/* C2.15 */
.punbb div.icon {
float: left;
display: block;
width: 105px;
height: 66px;
padding-top: 2px;
margin-top: 1px;
background-position: center center;
}

float: left; указывает на то, что иконки будут слева. Хотите, чтобы иконки были как бы внутри форума, что очень часто встречается в стилях разных мастеров, замените его не float: right;
width: 105px; и height: 66px; - это ширина и высота вашей иконки. Прописывайте в зависимости от ваших заготовленных иконок.
Остальные параметры трогать не нужно, только при желании.

+1

Поделиться42012-01-06 20:39:38

Автор: Адель Камински
Администратор
Зарегистрирован: 2011-07-18
Приглашений: 0
Сообщений: 3896
Уважение: +235
Возраст: 24 [1999-07-04]
Провел на форуме:
8 дней 15 часов
Последний визит:
2013-12-08 08:25:31

ЗАДАЕМ ВЫСОТУ ШАПКИ
Ищем в первом окошке стиля

/* D1.4 */
#pun-title h1 span {
font-size: 1.5em;
}

#pun-title table {
border: none;
height: 40px;
width: 100%;
}

И вместо height: 40px; прописываем высоту вашей шапки в пикселях.
Также меняем часть кода

/* D1.4 */
#pun-title h1 span {
font-size: 1.5em;
}

на это

/* D1.4 */
#pun-title h1 span {
display: none;
}

так мы уберем название форума из шапки.

+1

Поделиться52012-01-06 20:39:56

Автор: Адель Камински
Администратор
Зарегистрирован: 2011-07-18
Приглашений: 0
Сообщений: 3896
Уважение: +235
Возраст: 24 [1999-07-04]
Провел на форуме:
8 дней 15 часов
Последний визит:
2013-12-08 08:25:31

ВСТАВЛЯЕМ САМУ ШАПКУ, ФОН И НИЗ ФОРУМА
Теперь обращаемся ко второму окошку стиля.
Добавляем в него в самый верх следующий код

/*Убираем слово объявление из таблицы*/
#pun-announcement h2 {display: none}
#pun-announcement .container {padding-top: 1em}

/*Ставим шапку*/
body {
background-image: url("картинка");
background-repeat: no-repeat;
background-position: top center;
background-color: transparent;
}

/*Ставим фон*/
HTML {
background-color: фоновый цвет;
background-image: url("картинка");
background-repeat: repeat-xy;
background-position: center top;
}

/*Ставим низ*/
#pun_wrap {
background-image: url("картинка");
background-repeat: no-repeat;
background-position: center bottom;
}

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

Также, чтобы стало видно шапку, задник форума и низ, прописываем везде во втором окошке в блоке CS1 в свойстве background-color значение transparent.

+1

Поделиться62012-01-06 20:40:21

Автор: Адель Камински
Администратор
Зарегистрирован: 2011-07-18
Приглашений: 0
Сообщений: 3896
Уважение: +235
Возраст: 24 [1999-07-04]
Провел на форуме:
8 дней 15 часов
Последний визит:
2013-12-08 08:25:31

ДВИГАЕМ РЕКЛАМНЫЙ БАННЕР
Добавляем в конец второго окошка вот этот код и играемся со значениями left: 300px; top: 350px;

#pun-title table tbody tr .title-logo-tdr {position: absolute; z-index: 1; left: 300px; top: 350px;}

0

Поделиться72012-01-06 20:41:00

Автор: Адель Камински
Администратор
Зарегистрирован: 2011-07-18
Приглашений: 0
Сообщений: 3896
Уважение: +235
Возраст: 24 [1999-07-04]
Провел на форуме:
8 дней 15 часов
Последний визит:
2013-12-08 08:25:31

ЦВЕТ ТЕКСТА НА ФОРУМЕ И КАТЕГОРИИ
Ищем во втором окошке стиля и заменяем все выделенное жирным на ваш цвет. Обычно я проставляю везде одинаковые значения. Также заменяем выделенное синим на background-color: transparent; Выделенное красным - это заливка цитат и кода, меняете на свой цвет.

/* CS1 Background and text colours
-------------------------------------------------------------*/

/* CS1.1 */
.punbb .section .container, .punbb .post-body, .punbb .post-links, .punbb td.tc2, .punbb td.tc3,
.punbb .formal fieldset .post-box, #viewprofile li strong, #viewprofile li div, #setmods dd,
.punbb .info-box, .punbb #pun-main .info-box .legend {
background-color: #f1f1f1;
color: #333;
}

/* CS1.2 */
.punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer {
background-color: #f7f7f7;
color: #333;
}

/* CS1.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
background-color: #1474C3;
color: #fff;
}

/* CS1.4 */
#pun-title, #pun-title .container, .punbb .modmenu .container {
background-color: #E1EDF7;
color: #333;
}

/* CS1.5 */
.punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span {
background-color: #f7f7f7;
color: #005EAB
}

/* CS1.6 */
.punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl {
background-color: #dedfdf;
color: #333
}

/* CS1.7 */
.punbb .quote-box, .punbb .code-box {
background-color: #f9f9f9;
color: #333
}

/* CS1.8 */
#pun-navlinks .container {
background-color: #0F5995;
color: #f1f1f1;
}

Также если вам нужно поставить картинки категорий или вообще изменить сам стиль текста на категориях, ищете во втором окошке стиля код

/* CS1.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
background-color: #1474C3;
color: #fff;
}

Добавляем туда по своему вкусу

font-size: 7pt; /*размер шрифта*/
text-align: center; /*выравнивание по центру, также можно поставить left или right*/
text-transform: uppercase; /*переводит буквы в ВЕРХНИЙ РЕГИСТР*/
background-image: url(""); /*картинка категории*/
background-position: top center; /*выравнивание картинки категории*/
background-repeat: no-repeat; /*картинка категории не дублируется*/

+1

Поделиться82012-01-06 20:42:18

Автор: Адель Камински
Администратор
Зарегистрирован: 2011-07-18
Приглашений: 0
Сообщений: 3896
Уважение: +235
Возраст: 24 [1999-07-04]
Провел на форуме:
8 дней 15 часов
Последний визит:
2013-12-08 08:25:31

УБИРАЕМ РАМКИ ФОРУМА
У вас могут остаться рамки таблицы форума, которые будут некрасиво выглядеть на вашем фоне. Чтобы их убрать, ищем во втором окошке стиля. Везде, кроме выделенного, я проставляю border-color: transparent;
Выделенное - это цвет рамок цитат и кода, меняем на свой вкус или тоже убираем.

/* CS2 Border colours
-------------------------------------------------------------*/

/* CS2.1 */
.punbb .container, .punbb .post-body, .post h3, #pun-title {
border-color: #ccc #ccc #aaa #ccc
}

/* CS2.2 */
.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info,
.punbb .category, .punbb .post {
border-color: #f5f5f5
}

/* CS2.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
border-color: #004F90;
}

/* CS2.4 */
.punbb td, .punbb fieldset, #viewprofile ul, #profilenav ul, .punbb .post .post-body,
.punbb .post h3 span, .post-links ul, .post-links, .usertable table {
border-color: #C9D6E0;
}

/* CS2.5 */
.punbb th {
border-color: #dedfdf
}

/* CS2.6 */
.punbb .quote-box, .punbb .code-box {
border-color: #ccc #fff #fff #ccc;
}

#pun-ulinks li, #pun-announcement h2 span, li#onlinelist, #pun-help .formal .info-box h3.legend span {
border-color: #ccc
}

#pun-ulinks li a, #pun-announcement h2, li#onlinelist div, #pun-help .formal .info-box h3.legend {
border-color: #fff
}

.punbb .divider {
border-color: #ccc #fff #fff #fff
}

.punbb .formal fieldset .post-box, .punbb .info-box {
border: 1px solid #dedfdf
}

li.pa-online {
border-left-color: #005EAB;
}

0

Поделиться92012-01-06 20:42:56

Автор: Адель Камински
Администратор
Зарегистрирован: 2011-07-18
Приглашений: 0
Сообщений: 3896
Уважение: +235
Возраст: 24 [1999-07-04]
Провел на форуме:
8 дней 15 часов
Последний визит:
2013-12-08 08:25:31

ЦВЕТ И СТИЛЬ ССЫЛОК
Для изменения цвета и стиля ссылок находим во втором окошке код и заменяем выделенное жирным на выбранный вами цвет ссылок на форуме. Лучше всего, если он будет везде один

/* CS3 Links
-------------------------------------------------------------*/

/* CS3.1 */
.punbb a, .punbb a:link, .punbb a:visited,
.punbb-admin #pun-admain a, .punbb-admin #pun-admain a:link, .punbb-admin #punbb-admain a:visited {
color: #005EAB
}

.punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
color: #333
}

/* CS3.2 */
.punbb a:hover, .punbb a:focus, .punbb a:active, .punbb-admin #pun-admain .nodefault,
.punbb-admin #punbb-admain a:hover, .punbb-admin #punbb-admain a:focus, .punbb-admin #punbb-admain a:active {
color: #B42000;
}

/* CS3.3 */
#pun-navlinks a {
color: #eee;
text-decoration: none
}

/* CS3.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
color: #fff;
text-decoration: underline
}

#pun-pagelinks a:active, #pun-pagelinks a:focus {
background-color: #333;
color: #fff;
}

Если хотите, чтобы при наведении ссылки подчеркивались, в пункте

/* CS3.2 */
.punbb a:hover, .punbb a:focus, .punbb a:active, .punbb-admin #pun-admain .nodefault,
.punbb-admin #punbb-admain a:hover, .punbb-admin #punbb-admain a:focus, .punbb-admin #punbb-admain a:active {
color: #B42000;
}

добавьте text-decoration: underline;
Если хотите, чтобы ссылки выделялись цветом при наведении, то добавьте в этот пункт background: #цвет;

0

Поделиться102012-01-06 20:43:44

Автор: Адель Камински
Администратор
Зарегистрирован: 2011-07-18
Приглашений: 0
Сообщений: 3896
Уважение: +235
Возраст: 24 [1999-07-04]
Провел на форуме:
8 дней 15 часов
Последний визит:
2013-12-08 08:25:31

ВСТАВЛЯЕМ КАРТИНКИ ИКОНОК
Находим во втором окошке стиля код

/* CS4 Post status icons
-------------------------------------------------------------*/

div.icon {border-color: #E6E6E6 #DEDEDE #DADADA #E2E2E2}
tr.iredirect div.icon {border-color: #F7F7F7 #F7F7F7 #F7F7F7 #f7f7f7}
div.inew {border-color: #0080D7 #0065C0 #0058B3 #0072CA}

#pun-main div.catleft, #pun-main div.catright {display: none}

Заменяем его на

/* CS4 Post status icons
-------------------------------------------------------------*/

/*Старые сообщения*/
Div.icon {
background-image : url('картинка');
background-repeat: no-repeat;
}

/*Новые сообщения*/
TR.inew Div.icon {
background-image : url('картинка');
background-repeat: no-repeat;
}

/*Важные темы*/
TR.isticky Div.icon {
background-image : url('картинка');
background-repeat: no-repeat;
}

/*Закрытые темы*/
TR.iclosed Div.icon {
background-image : url('картинка');
background-repeat: no-repeat;
}

Вставляем ссылки на свои иконки.

0

Поделиться112012-01-06 20:45:44

Автор: Адель Камински
Администратор
Зарегистрирован: 2011-07-18
Приглашений: 0
Сообщений: 3896
Уважение: +235
Возраст: 24 [1999-07-04]
Провел на форуме:
8 дней 15 часов
Последний визит:
2013-12-08 08:25:31

НАСТРАИВАЕМ ССЫЛКИ "ФОРУМ", "УЧАСТНИКИ" И Т.Д.
Когда я собираю стиль таким образом, то всегда настраиваю расположение меню форума, так как очень часто оно наезжает на саму шапку.
В первом окошке стиля ищем

/* D3.2 */
#pun-navlinks .container {
padding: 0.7em 1em;
}

Заменяем его на

/* D3.2 */
#pun-navlinks .container {
padding-top: 5px;
padding-left: 2px;
height: 15px;
width: 850px; /*должно соответствовать ширине форума*/
font-weight: bold; /*делает ссылки жирными*/
text-align: center; /*выравнивает по центру*/
position: absolute!important;
z-index: 1; top: 430px!important; /*должно соответствовать высоте шапки, впрочем настраиваете на свой вкус*/
}

Также сразу настроим меню пользователя - это ссылки "Новые сообщения", "Активные темы" и т.д.
Находим в первом окошке

/* D4.2 */
#pun-ulinks .container {
border-top: none;
padding: 0.7em 1em;
}

Заменяем код на

/* D4.2 */
#pun-ulinks .container {
padding-left: 2px;
height: 15px;
width: 850px; /*должно соответствовать ширине форума*/
text-align: center; /*выравнивает по центру*/
position: absolute!important;
z-index: 1; top: 450px!important; /*должно соответствовать высоте шапки +15-20 пикселей, впрочем настраиваете на свой вкус*/
font-size: 10px; /*меняет размер шрифта*/
}

Также можно поэксперементировать с остальными параметрами - text-align: center; padding-left: 2px; height: 15px;

На этом вроде бы и все, у нас есть готовый стиль. Надеюсь, что вам помог мой урок.

+1

Поделиться122012-01-12 12:58:06

Автор: rosenthal'
статус ставим сами
Зарегистрирован: 2012-01-06
Приглашений: 0
Сообщений: 5
Уважение: +0
Провел на форуме:
3 часа 5 минут
Последний визит:
2012-07-09 21:47:59

абсолютно ничего не встало на свои места :/
Все делалось четко по пунктам О-о

Отредактировано rosenthal' (2012-01-12 15:52:25)

0

Поделиться132012-01-12 17:32:18

Автор: Адель Камински
Администратор
Зарегистрирован: 2011-07-18
Приглашений: 0
Сообщений: 3896
Уважение: +235
Возраст: 24 [1999-07-04]
Провел на форуме:
8 дней 15 часов
Последний визит:
2013-12-08 08:25:31

rosenthal'
Дайте ссылку на тестовик.

0

Поделиться142012-01-14 18:35:06

Автор: perla
НАПАЛМ
Зарегистрирован: 2012-01-01
Приглашений: 0
Сообщений: 200
Уважение: +47
Пол: Женский
Провел на форуме:
2 дня 1 час
Последний визит:
2012-05-20 12:11:33

полдня трахалась с графикой, а она теперь не открывается Т.Т
http://perla.hutt.ru/
шапка и низ

0

Поделиться152012-01-14 20:02:36

Автор: Адель Камински
Администратор
Зарегистрирован: 2011-07-18
Приглашений: 0
Сообщений: 3896
Уважение: +235
Возраст: 24 [1999-07-04]
Провел на форуме:
8 дней 15 часов
Последний визит:
2013-12-08 08:25:31

perla
По ходу, криво стоит боковая табличка.
Я поставила сам стиль http://alalla.lolbb.ru/ - все видно. Правда, форум сдвинут.

+1

Поделиться162012-01-15 06:29:49

Автор: perla
НАПАЛМ
Зарегистрирован: 2012-01-01
Приглашений: 0
Сообщений: 200
Уважение: +47
Пол: Женский
Провел на форуме:
2 дня 1 час
Последний визит:
2012-05-20 12:11:33

Adel
и как тогда сдвинуть именно сам форум?

Отредактировано perla (2012-01-15 06:32:57)

0

Поделиться172012-01-15 11:22:29

Автор: Адель Камински
Администратор
Зарегистрирован: 2011-07-18
Приглашений: 0
Сообщений: 3896
Уважение: +235
Возраст: 24 [1999-07-04]
Провел на форуме:
8 дней 15 часов
Последний визит:
2013-12-08 08:25:31

perla
Посмотри у меня в коде стиля, я там сдвигала и еще кое-какие огрехи поправила.
Но в данном случае нужно сделать другую картинку фона. Отдельно фон с досками, отдельно фон под текстом и табличкой.
Примеры с того форума, что ты спрашивала - http://savepic.net/1512248.jpg, http://s54.radikal.ru/i146/1106/2d/83859894a276.jpg
И уже их ставить на сдвинутый форум. Потому что иначе на разных мониках все будет живописно съезжать.
И еще там по другому стиль собирать нужно, немного не так, как я описала, т.к. фон по-другому делается.

+1

Поделиться182012-01-15 11:41:36

Автор: perla
НАПАЛМ
Зарегистрирован: 2012-01-01
Приглашений: 0
Сообщений: 200
Уважение: +47
Пол: Женский
Провел на форуме:
2 дня 1 час
Последний визит:
2012-05-20 12:11:33

Adel написал(а):

И еще там по другому стиль собирать нужно

не можешь подсказать, как? ^ ^

0

Поделиться192012-01-15 12:06:38

Автор: perla
НАПАЛМ
Зарегистрирован: 2012-01-01
Приглашений: 0
Сообщений: 200
Уважение: +47
Пол: Женский
Провел на форуме:
2 дня 1 час
Последний визит:
2012-05-20 12:11:33

так, передала фон и проблема ушла хд
спасибо, Адель, очень хороший урок, и спасибо за помощь ^ ^ lovelove

0

Поделиться202012-01-23 16:50:36

Автор: `Nancy Beatlejuice
LIKE MY LLAMA!
Зарегистрирован: 2012-01-09
Приглашений: 0
Сообщений: 253
Уважение: +23
Провел на форуме:
1 день 7 часов
Последний визит:
2012-08-17 22:26:23

Собственно, все встало.. да никак не встало =\

0

Поделиться212012-01-23 19:30:02

Автор: Адель Камински
Администратор
Зарегистрирован: 2011-07-18
Приглашений: 0
Сообщений: 3896
Уважение: +235
Возраст: 24 [1999-07-04]
Провел на форуме:
8 дней 15 часов
Последний визит:
2013-12-08 08:25:31

`Nancy Beatlejuice
Первое окошко стиля

/* D1.4 */
#pun-title h1 span {
display: none;
}

#pun-title table {
border: none;
height: 40px;
width: 100%;
z-index: 1;
opacity: 0.4;
}

Пропишите правильно высоту шапки.
Второе окошко стиля

/* CS1.4 */
#pun-title, #pun-title .container, .punbb .modmenu .container {
background-color: transparent;
color: #333;
}

Сделайте фон шапки прозрачным.

0

Поделиться222012-02-11 11:03:22

Автор: Summer
чувство вины отключает мозги.
Зарегистрирован: 2012-02-08
Приглашений: 0
Сообщений: 72
Уважение: +14
Пол: Женский
Возраст: 26 [1997-10-22]
Провел на форуме:
1 день 8 часов
Последний визит:
2012-09-20 20:10:33

Спасибо большое за урок.))

0

Поделиться232012-03-01 17:59:51

Автор: 'yestare
ушла
Зарегистрирован: 2012-01-18
Приглашений: 0
Сообщений: 164
Уважение: +27
Пол: Женский
Возраст: 30 [1993-09-10]
Провел на форуме:
21 час 14 минут
Последний визит:
2013-04-27 13:33:31

Adel написал(а):

Если хотите, чтобы ссылки выделялись цветом при наведении, то добавьте в этот пункт background: #цвет;

особо не вчитывалась, но тут все-таки сразу заметила
background-color: #цвет;

0

Поделиться242012-03-01 20:04:56

Автор: Адель Камински
Администратор
Зарегистрирован: 2011-07-18
Приглашений: 0
Сообщений: 3896
Уважение: +235
Возраст: 24 [1999-07-04]
Провел на форуме:
8 дней 15 часов
Последний визит:
2013-12-08 08:25:31

'yestare
Тут нет ошибки, так как свойство background - универсальное, оно может менять и цвет фона, и фоновое изображение, и расположение, и фиксацию, и повтор. Как все пять сразу можно указывать, так и какой-то один параметр.

0

Поделиться252012-03-03 22:34:14

Автор: гриффиндорка;
.и целого мира мало
Зарегистрирован: 2012-01-07
Приглашений: 0
Сообщений: 160
Уважение: +17
Провел на форуме:
2 дня 1 час
Последний визит:
2012-06-13 12:27:16

помогите...я делала стиль на пробнике, и там всё было без обводок, а как перенесла на форум...так появилась обводка, что делать?

0

Поделиться262012-03-04 07:58:17

Автор: гриффиндорка;
.и целого мира мало
Зарегистрирован: 2012-01-07
Приглашений: 0
Сообщений: 160
Уважение: +17
Провел на форуме:
2 дня 1 час
Последний визит:
2012-06-13 12:27:16

Сама разобралась.

0

Поделиться272012-05-16 13:49:29

Автор: Kiki
статус ставим сами
Зарегистрирован: 2012-01-26
Приглашений: 0
Сообщений: 3
Уважение: +0
Провел на форуме:
1 час 38 минут
Последний визит:
2012-05-29 20:40:14

Adel
Доброго времени суток.
Я к Вам за помощью и советом. Попыталась сделать дизайн, пропарилась с графикой, но пока не в ней суть. Вопрос вот в чем.
Как сделать так, чтобы "коопирайт", был ниже чем надпись с создание форума.
Конечно желательно Вам самим конечно посмотреть. Вот ссылка. http://xnya.rolka.su/

0

Поделиться282012-05-16 16:38:07

Автор: Ogelai
статус ставим сами
Зарегистрирован: 2012-05-01
Приглашений: 0
Сообщений: 3
Уважение: +0
Провел на форуме:
10 часов 32 минуты
Последний визит:
2013-07-16 14:43:21

Adel
Здравствуйте у меня проблема с дизайном форума. Я вставил вот этот ваш код -

Adel написал(а):

/*Убираем слово объявление из таблицы*/
#pun-announcement h2 {display: none}
#pun-announcement .container {padding-top: 1em}
/*Ставим шапку*/
body {
background-image: url("картинка");
background-repeat: no-repeat;
background-position: top center;
background-color: transparent;
}
/*Ставим фон*/
HTML {
background-color: фоновый цвет;
background-image: url("картинка");
background-repeat: repeat-xy;
background-position: center top;
}
/*Ставим низ*/
#pun_wrap {
background-image: url("картинка");
background-repeat: no-repeat;
background-position: center bottom;
}

Фон он поставил нормально а вверх и вниз нет. Вот сайт форума http://fatemobiys.rolka.su/, посмотрите пожалуйста и скажите, что не так?

0

Поделиться292012-05-16 16:55:57

Автор: Адель Камински
Администратор
Зарегистрирован: 2011-07-18
Приглашений: 0
Сообщений: 3896
Уважение: +235
Возраст: 24 [1999-07-04]
Провел на форуме:
8 дней 15 часов
Последний визит:
2013-12-08 08:25:31

Kiki
Фон для начала нужно закрепить. А вообще киньте мне скрытым текстом пароль от админ-акка на тестовике, я прямо на нем поправлю, так быстрее будет.

Ogelai
Тоже, киньте пароль скрытым текстом, я поправлю все на тестовике.

0

Поделиться302012-05-16 17:37:20

Автор: Ogelai
статус ставим сами
Зарегистрирован: 2012-05-01
Приглашений: 0
Сообщений: 3
Уважение: +0
Провел на форуме:
10 часов 32 минуты
Последний визит:
2013-07-16 14:43:21

Adel
Пароль на акк? Хорошо

http://fatemobiys.rolka.su/
Скажите сюда или в личку, когда работа будет готова

0

Free Art

Меню навигации

Пользовательские ссылки

Объявление

Информация о пользователе

Собираем свой стиль форума mybb ver 1.0

Сообщений 1 страница 30 из 79

Поделиться12012-01-06 20:36:53

Поделиться22012-01-06 20:38:20

Поделиться32012-01-06 20:39:11

Поделиться42012-01-06 20:39:38

Поделиться52012-01-06 20:39:56

Поделиться62012-01-06 20:40:21

Поделиться72012-01-06 20:41:00

Поделиться82012-01-06 20:42:18

Поделиться92012-01-06 20:42:56

Поделиться102012-01-06 20:43:44

Поделиться112012-01-06 20:45:44

Поделиться122012-01-12 12:58:06

Поделиться132012-01-12 17:32:18

Поделиться142012-01-14 18:35:06

Поделиться152012-01-14 20:02:36

Поделиться162012-01-15 06:29:49

Поделиться172012-01-15 11:22:29

Поделиться182012-01-15 11:41:36

Поделиться192012-01-15 12:06:38

Поделиться202012-01-23 16:50:36

Поделиться212012-01-23 19:30:02

Поделиться222012-02-11 11:03:22

Поделиться232012-03-01 17:59:51

Поделиться242012-03-01 20:04:56

Поделиться252012-03-03 22:34:14

Поделиться262012-03-04 07:58:17

Поделиться272012-05-16 13:49:29

Поделиться282012-05-16 16:38:07

Поделиться292012-05-16 16:55:57

Поделиться302012-05-16 17:37:20