Техническая поддержка SpyBB

Объявление

Ответы на часто задаваемые вопросы  |  FAQ по администрированию форума  |  FAQ по дизайну форума в CSS  |  Абсолютный помощник по дизайну  |  Навигатор по форуму

Перед регистрацией прочтите правила форума
При поиске ответа на заданный вопрос рекомендуем пользоваться «Поиском».
В случае проблемы с форумом, обязательно указывайте его адрес, иначе мы не сможем Вам помочь!

● 24 марта 2012г. - Закрепление первого сообщения
● 23 марта 2012г.: Изменения в форме ответа - Добавлен стандартный спойлер. Доработан функционал кнопок

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

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » Техническая поддержка SpyBB » Архив » Вопросы по "Оформлению"


Вопросы по "Оформлению"

Сообщений 761 страница 780 из 1000

761

Good
жду

0

762

Near
Удалите всё из HTML верх и поставьте это

Код:
<style>
HTML, BODY {
background-image: url(http://img3.immage.de/28119fc6.png); 
background-attachment: fixed;
}
<style>

<style type="text/css">
#part1,#part2,#part3,#part4 {
z-index: 2;
position: absolute;
visibility: hidden;
}
</style>

<style> 
div .splLink {width: 115px; height: 40px; border: 2px solid #E6E6FA; background: #F0FFFF; text-align: center; font-family: Comic Sans Ms; font-size: 15px; padding: 5px;}
.spll {width: 130px; height: 70px; }
.spll div .splCont {height: auto; width: 150px; background:  url(http://img4.immage.de/2811c07.png); padding: 5px; z-index: 1000; margin-top: 5px; border: 2px solid #FFD700; font-size: 12px; font-family: Microsoft Sans Serif; text-align: center;}
</style>

<style>
#pun {
  background-color: #C9ECFF;
  margin: 0px auto;
  width : 900px;
  border: 4px ridge #0269A1;
  padding: 4px 4px 4px 4px;
}
</style>

0

763

Good
Всё отлично. Спасибо вам огромное. Выручили) Но наверно скоро вопросы опять будут.

0

764

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

Но наверно скоро вопросы опять будут.

Для этого наш форум и существует.

+1

765

Снова вопрос. Вот как вставить картинку вместо этого синего цвета. И ещё как поменять фон категории на картинку.

0

766

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

Вот как вставить картинку вместо этого синего цвета.

Это меню навигации

<style>
#pun-navlinks .container {
background-image : url(Картинка);
}
</style>

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

И ещё как поменять фон категории на картинку.

<style>
#pun-main h1, #pun-main h2, #pun-stats h2 {
background: url(Картинка);
}
</style>

0

767

Good
И ещё раз спасибо.

0

768

Near, вам полезно будет прочитать тему FAQ по дизайну форума в CSS.
Я сам начинал с этой темы и много из этого для себя почерпнул.Там все элементы показаны на скринах и всё очень понятно.

0

769

Good
хорошо, спасибо за информацию

0

770

Теперь вопрос на счёт шапки... Как её удлинить я понял... И я понял что рекламу удалять нельзя. Дайте код который аккуратно подвинет баннер к верхнему правому углу шапки этого форума. И ещё как убрать название форума?

0

771

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

Дайте код который аккуратно подвинет баннер к верхнему правому углу шапки этого форума. И ещё как убрать название форума?

Во первых я нашёл ошибку в коде заднего фона

<style>
HTML, BODY {
background-image: url(http://img3.immage.de/28119fc6.png);
background-attachment: fixed;
}
</style>

выделенное отсутствует

Реклама в верхнем правом углу

<style>
#pun-title TD.title-logo-tdr {
vertical-align : top;
padding-right : 2px;
padding-top : 2px;
}
</style>

Удаление стандартного лого

<style>
#pun-title .title-logo { display : none; }
</style>

0

772

Good
всё сделал и поправил. Спасибо. Как поставить картинку перед названием форума New и Old сообщения? Надеюсь вы меня поняли...

0

773

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

Как поставить картинку перед названием форума New и Old сообщения?

Иконки тем, статистики и др.

0

774

Good
Форум. Вот я поставил иконки... Но они у меня с обводкой и сверху названия темы... а надо чтобы были слева. Что делать?

0

775

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

Вот я поставил иконки... Но они у меня с обводкой и сверху названия темы... а надо чтобы были слева. Что делать?

Вы не внимательно читаете. Если вы решили поставить иконки в стиль то надо до конца проделать процедуру.
Вы не сделали следующее

Далее идёте в верхнее окно и находите пункты

/* C2.14 */ и /* C2.15 */
меняете их содержимое на это

/* C2.14 */
.punbb td div.tclcon {
margin-left: 50px;
}

/* C2.15 */
.punbb div.icon {
float: left;
display: block;
width: 30px;
height: 30px;
padding-top: 1px;
margin-top: 1px;
}

Отступ текста от левого края
Ширина ваших иконок
Высота ваших иконок
Значения меняйте как вам надо

Пункт

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

удалите совсем.

0

776

Good
Всё) Теперь нормально... В тысячный раз спасибо)

0

777

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

Теперь нормально...

В пункте

/* C2.14 */
.punbb td div.tclcon {
margin-left: 50px;
}

значение 50 поменяйте примерно на 110
Это отступ текста от края форума. Он у вас перекрывается иконками

0

778

Good
исправил. А как вставить картинку вместо этого фона?

0

779

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

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

FAQ по дизайну форума в CSS

0

780

вот форум http://aionstorm.spybb.ru, помогите сделать что нибудь с шапкой плиз, чтоб она пропорционально растягивалась в зависимости от ширины окна браузера. размер картинки 964*200, на моем 17" монике и разрешении экрана 1027*768 все ок, на более высоком разрешении она сильно растягивается. мб лучше будет разрезать эту картинку на 3 части и с ними уже что то делать?

это щас стоит в html-верх

Код:
<div id="html-header">
     <div id="html-header">
     <img src="http://img7.imageshost.ru/imgs/091128/ba8032c825/5d0ad.jpg" width="100%">

</div>
</div>

Отредактировано MaD_Storm (29 Ноя 2009 14:19:51)

0


Вы здесь » Техническая поддержка SpyBB » Архив » Вопросы по "Оформлению"