Ogelai
Поправила, теперь картинки появились и нужно убирать рамки.
Собираем свой стиль форума mybb ver 1.0
Сообщений 31 страница 60 из 79
Поделиться312012-05-16 18:12:32
Поделиться322012-05-16 18:42:48
Adel
Спасибо, ну вверх я вижу) А вот низ там сквозь рамки чтоль идёт. А как мне рамки та убрать? Или для этого скрипт свой есть?
Поделиться332012-05-16 22:54:05
Kiki
Фон для начала нужно закрепить. А вообще киньте мне скрытым текстом пароль от админ-акка на тестовике, я прямо на нем поправлю, так быстрее будет.
Скинула в ЛС ну и тут продублирую.
Поделиться342012-05-16 22:58:28
А как мне рамки та убрать?
Если я правильно поняла о чем речь то Вам нужно вот тут /* CS1 Background and text colours заменить все background-color: с кодом цвета на background-color: transparent;
Поделиться352012-05-27 16:10:17
что-то у меня шапка не показывается, а низ вроде есть, но как-то частично. Вот коды которые ставила:
/*Ставим шапку*/ body { background-image: url("http://uploads.ru/i/C/r/L/CrLYy.png"); background-repeat: no-repeat; background-position: top center; background-color: transparent; }
/*Ставим низ*/ #pun_wrap { background-image: url("http://uploads.ru/i/B/p/L/BpLIH.png"); background-repeat: no-repeat; background-position: center bottom; }
форум: http://smart.2bb.ru
Поделиться362012-05-27 18:24:07
psycho
/* CS1.4 */
#pun-title, #pun-title .container, .punbb .modmenu .container {
background-color: #E1EDF7;
color: #333;
}
Во втором окне замени цвет на прозрачный, шапка появится.
Вообще в блоке CS1 надо везде прописать background-color: на transparent, иначе ничего не будет видно. Сейчас добавлю это в урок.
Поделиться372012-05-27 19:13:34
Адель Камински
скорее надо удалить таблицу форума, потому, что даже после того как пишешь везде transperent остаются линии всякие, только я такого кода не знаю. Глянь у меня на тестовике как вышло, ещё и все надписи широкие и не по центру форума
Отредактировано psycho (2012-05-27 19:14:44)
Поделиться382012-05-27 20:10:49
psycho
Это посмотри пост № 8.
А надписи нужно будет центрировать отдельно в селекторах с помощью text-align: center;
Поделиться392012-05-28 16:57:58
Адель Камински
ну одна чёрная осталась, вроде везде поставила transperent
Поделиться402012-05-28 18:19:35
psycho
А надо transparent.
Поделиться412012-05-28 18:52:45
Адель Камински
тот же эффект
Поделиться422012-05-29 16:29:20
psycho
Попробуй заменить весь кусок кода CS2 Border colours вот этим:
/* CS2 Border colours
-------------------------------------------------------------*//* CS2.1 */
.punbb .container, .punbb .post-body, .post h3, #pun-title {
border-color: transparent transparent transparent transparent;
}/* CS2.2 */
.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info,
.punbb .category, .punbb .post {
border-color: transparent
}/* CS2.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
border-color: transparent;
}/* 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: transparent;
}/* CS2.5 */
.punbb th {
border-color: transparent
}/* CS2.6 */
.punbb .quote-box, .punbb .code-box {
border-color: #655045 #655045 #655045 #655045;
}#pun-ulinks li, #pun-announcement h2 span, li#onlinelist, #pun-help .formal .info-box h3.legend span {
border-color: transparent
}#pun-ulinks li a, #pun-announcement h2, li#onlinelist div, #pun-help .formal .info-box h3.legend {
border-color: transparent
}.punbb .divider {
border-color: transparent transparent transparent transparent
}.punbb .formal fieldset .post-box, .punbb .info-box {
border: 1px solid transparent
}li.pa-online {
border-left-color: transparent;
}
Поделиться432012-05-29 19:56:55
Адель Камински
спасибо за помощь, я убрала границы, но другим кодом, вместо всех строк "border-color: transperent;" проставьте "border: none!important;"
Поделиться442012-05-30 14:59:31
psycho
Только что зарегила чистый форум http://aaaannnnnn.mybb.ru/ , поставила border-color: transparent; как в 8-м посту и у меня границы везде пропали. Видимо, вы в коде еще где-то что-то прописывали касательно границ.
Поделиться452012-06-05 21:12:35
Сама разобралась.
Отредактировано Silence (2012-06-05 22:42:53)
Поделиться462012-07-29 17:11:57
Адель Камински
Спасибо огромное за замечательный урок!
У меня вопросы по поводу оформления ссылок:
как сделать так, чтобы на всем форуме убралось подчеркивание ссылок?
И ещё один: есть ли возможность как-то сделать пунктирное подчеркивание?
Поделиться472012-07-29 18:47:39
Корчеватель
За это отвечает свойство text-decoration
none - нет подчеркивания
dashed - пунктир
Во втором окне в этот блок добавляете выделенное
/* 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: #466569;
text-decoration: none;
}
Поделиться482012-07-30 09:47:20
Адель Камински
- Cпасибо огромное)
Поделиться492012-08-04 18:44:10
уже разобрался...
Отредактировано Тень отца Гамлета (2012-08-06 12:51:31)
Поделиться502012-08-11 13:53:43
А у меня лого никак не отображается(( И вроде бы всё правильно
Поделиться512012-08-11 17:14:58
Charlie
проверь, нигде ли не забыла скобки поставить или точки с запятыми (или блок Д проверь, может высоту лого не так задала). на своей шкуре убедился: такая мелочь, а цсс сносит на раз.
Поделиться522012-08-11 19:57:47
Тень отца Гамлета
да нет,проверила всё.везде вс стаит и значения выставлены правильно
зы. я знаю,с цсс работаю))) сайт есть)
Поделиться532012-08-12 02:11:56
Charlie
Без ссылки на тестовый форум вы не получите толковый совет.
Поделиться542012-08-12 12:01:35
Адель Камински
вот форум
Поделиться552012-08-13 14:00:02
Charlie
http://uploads.ru/?g=8VSQG.png - это не прямая ссылка на картинку, а ссылка на страницу.
http://s1.uploads.ru/i/8VSQG.png - вот это вставьте в шапку.
Поделиться562012-08-14 17:43:21
Адель Камински
во дурная,спасибо)
Поделиться572012-09-04 14:48:31
Адель Камински
Подскажите, пожалуйста, как уменьшить расстояние между кнопками навигации?
Урок очень понравился, всё доходчиво и просто. Очень мне помог в некоторых вопросах. Спасибо, Вам, большое (:
Поделиться582012-11-08 13:24:51
огромное спасибо за столь доходчивый урок, очень помогло разобраться в ряде непоняток)
Поделиться592012-11-27 14:07:10
Отличный урок,правда есть один вопрос.Даже если тут всё описано про него всё равно подскажите,я хочу так сделать.
Как сделать фон как в этом форуме только со своей картинкой?
И ещё...
Как поставить фон или картинку на передний форум,ну если не понятно что я тут объяснила то спросите.
А то просто хочется как у всех только не знаю как делать.
Отредактировано Полина (2012-11-27 14:08:11)
Поделиться602012-11-28 17:42:48
Полина
Дизайн сделан по тому принципу, который я как раз и описала. Посмотрите первый и пятый пост, там все написано.