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

Объявление

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

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

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

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

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


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


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

Сообщений 341 страница 360 из 375

341

zloy.MH
Большое спасибо!

0

342

Доброго времени суток. Никак не могу найти один скрипт. Помню как-то лазал у вас, нашел скрипт на сужение форума. То есть изначально при создании он широкий, скрипт его сужает. Не могли бы написать его тут? Заранее благодарю за помощь)

0

343

Пандемоний, ширину задать самостоятельно

Код:
#pun {
  margin: 0px auto auto;
  width: XXXpx;
}

Можно слегка отодвинуть вниз заменив 0px на нужное

0

344

всем привет. у меня вопросы по цсс.
http://uploads.ru/t/b/a/U/baU9A.png
поставила структуру - самолично лепившуюся (читай косячную).
1. форум залила, но фон не отображается почему-то.
может, ошибка в кодах?

цсс

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

body {
background-color: url(http://uploads.ru/i/n/Z/6/nZ6FS.png);
  background-attachment: fixed;
  background-repeat: repeat;
  background-position: center; center;
}

#pun {
Background: #71887e
}

/* 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: #71887e;
  color: #404040;
  }

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

/* CS1.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
  background-color: #71887e;
  color: #404040;
  font-weight: normal;
font-style: normal;

  }

/* CS1.4 */
#pun-title, #pun-title .container, .punbb .modmenu .container {
  background-color: #71887e;
  color: #404040;
  }

#pun-title  .title-logo{background: url(http://uploads.ru/i/G/g/L/GgLt3.png) no-repeat top center; padding: 0px;}
#pun-title table {
background: url() repeat-x;
background-position: 0px 1px;
}

/* CS1.5 */
.punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span {
  background-color: #71887e;
  color: #404040
  }

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

/* CS1.7 */
.punbb .quote-box, .punbb .code-box {
  background-color: #61786E;
  color: #404040
  }

/* CS1.8 */
#pun-navlinks .container {
  background-color: #71887e;
  color: #404040;
  }

.offline li.pa-online strong {
  font-weight: normal
  }

.punbb textarea, .punbb select, .punbb input {
  background-color: #71887e;
  color: #404040
}

или что?
2. где и как меняются параметры окошка с информацией о пользователе? у меня стало все жирным, в дополнительных полях проверила - не закрытых кодов нету.
форум - http://cats.bbnew.ru/

Отредактировано чайка` (30 Апр 2012 19:19:59)

0

345

чайка`, ну так прямо в первой же строчке ответ

Код:
body {
  background-color: url(http://uploads.ru/i/n/Z/6/nZ6FS.png); /* должно быть background-image*/
  background-attachment: fixed;
  background-repeat: repeat;
  background-position: center; center;
}

а еще лучше использовать сокращенные формы

Код:
background: #092323 url(http://uploads.ru/i/n/Z/6/nZ6FS.png) 50% 50% repeat fixed;

+1

346

работает, спасибо большое)
а по поводу второго вопроса?

0

347

чайка`, ай, проглядел :(
Убрать font-weight в

Код:
/* C3.5 */
.punbb .post .post-author {
  float: left;
  width: 19em;
  margin-top: -1.5em;
  overflow: hidden;
  font-weight: bold;
}

0

348

zloy.MH
замечательно, мерси

0

349

Скажите, как сдвинуть контент, он у меня вылез за границы форума:
http://uploads.ru/t/3/Z/d/3Zdue.png
Через свой стиль, желательно.

И еще вопрос. Как вместо текстового названия категории поставить картинку? Тоже через свой стиль, если можно.

Отредактировано Ema (26 Май 2012 18:57:44)

0

350

Ema, каким образом на форум ставится фон?(возможно проблема в нем) Не вижу по ссылке в профиле :( Можно в ПМ. Тогда скажу точно.

Каждая категория имеет свой id pun-categoryN
Для добавления изобраджения можно использовать следующий код

Код:
#pun-main h2 {
 height: XXpx;  /* высота изображений, возможно стоит добавить padding: 0; */
}

#pun-category1 h2 { /* повторить блок для всех категорий изменяя 1 на номер категории */
  background: url(); /* ссылка на изображение */
}

[id^="pun-category"] span { /*скроет текст во всех категориях, код аналогичен используемому в коде форумов*/
  font-size: 0px;
  height: 0px;
  left: -9999px;
  line-height: 0;
  overflow: hidden;
  position: absolute;
  width: 0px;
}

P.S. практически любой код(кроме переопределяемого в подключаемом стиле extra.17.css), обычным способом можно писать как в элементах style так и в своем стиле ;)
Для тех, которые "конфликтуют" с указанным файлом стоит использовать !important для всех параметров.

+1

351

zloy.MH написал(а):

Ema, каким образом на форум ставится фон?(возможно проблема в нем) Не вижу по ссылке в профиле :( Можно в ПМ. Тогда скажу точно.

Это тестовый форум, его нет в профиле
http://mytestforum.7il.ru/
А что такое ПМ?
За объяснение спасибо)

0

352

Ema
пм - это лс)

такой вопрос. не первый раз вижу на форумах кнопку выделить код. тут, собственно, тоже имеется.
как такое сотворить? поискала по форуму, выдает мне просто сообщения, где есть код :С

0

353

Ema, как подсказивают выше ПМ = ЛС (привычка с англоязычных ресурсов)

Решение проблемы вылезеющих картинок

Коды

Код:
.punbb table div.icon { 
font-size: 1.05em;
margin-left: -2.2em;
position: absolute;
}

.punbb div.icon { 
display: block;
float: right;
height: 58px;
margin-right: 10px;
margin-top: 0px;
padding-top: 0px;
width: 93px;
}

заменить на(примерный вариант, подгонка значений уже самостоятельно):

Код:
.punbb div.icon { 
display: block;/*необязательно*/
float: left;
height: 40px;
margin: 0px 15px;
width: 40px;
}

чайка`, плохо искали ;)

0

354

zloy.MH
спасибо, кажется разобралась)

0

355

Добрый день!

Подскажите, пожалуйста, возникла проблема: в Объявлениях форума разместила таблицу с меняющимися вкладками на фоне картинки и заполнила таблицу информацией. Если смотреть на это "творение" с Гугл Хрома, то всё выглядит ровно. А если с других браузеров, то тексты во вкладках вылезают за границы.

Как это можно исправить?
Ссылка на тестовик: http://pandoraplanet.spybb.ru/

Спасибо!

Отредактировано Беверли Олсен (17 Июн 2012 15:09:31)

0

356

Беверли Олсен, думаю, что вам стоит обратиться к автору скрипта.
На моей машине ни в одном браузере я не заметил ровной работы.
Возможно стоит убрать лишние эффекты, т.к. главное содержание, а не то как оно появляется

0

357

zloy.MH
Лишние эффекты???

Вроде всё отладила. По крайней мере с четырех браузеров ничего не вылезает. Правда на Опере почему-то текст отображается без <br>, такое чувство, что браузер его просто не распознает))))

Отредактировано Беверли Олсен (18 Июн 2012 07:15:18)

0

358

Беверли Олсен, дело в том, что из-за эффекта плавного показа и скрытия содержимого вкладок, страдают стандартные стили элементов. К примеру в опере(в остальных в данное время глянуть не могу) стандартным значением свойства display для br является inline. Скрипт же ставит inline-block, что портит всю малину. В хроме(по первым наблюдения) тоже есть некоторые проблемы с разными размерами br после применения такого стиля.

Для начала я бы попробовал удалить

Код:
$("td.submenutext *").hide(1600)
и ниже
$("td.submenutext *").hide(1600)

Эффект слегка изменится, но проблемы с переносами должны будут решится.

0

359

zloy.MH
спасибо большое! Попробую так сделать!

0

360

Люди знающие, милые, помогите, а.... Я уже не знаю чего мне делать.. Пробую поставить ссылку на анкете в профиль (под аватарой) - ставит каляку-маляку: ссылкин тег и адрес страницы. Пробую в профиль поставить картинку - ставит всю ту же каляку-маляку. Пробовала и bb-кодами и хтмл-кой - не-хо-чет! В чем может быть причина? Думала, дело в скриптах. снесла все к чертям, сохранила. Форум голый, только стандартное оформление (даже шапки не было), попробовала с подписями поиграться (картинки в подпись и ссылку в инфо под авой), та же ерунда. Скрипты вернула на место...

Спустя....
Сообщение, если разрешите, оставлю, для таких же как я, недотумканных. Ответ нашла сама здесь.
Большое спасибо за то, что храните архивы. Они очень пригождаются

Отредактировано Лилиан (20 Июн 2012 10:37:46)

0


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