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

Объявление

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

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

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

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

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


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


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

Сообщений 201 страница 220 из 375

201

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

0

202

Здравствуйте. Похоже вчера я нарушила какое-то правило, извините. Но все же у еня опять назрел вопрос. Есть ли какой-то скрипт, что бы свернуть не таблицу (объявление) а логотип (шапку)

0

203

Ночная Всадница, уточните что вы хотите. Если можно - со скриншотом(только выкладывать как превью или ссылкой на изображение)

0

204

Добрый день.
Возник вопрос: как сделать отдельную страницу с наградами для каждого участника, что бы при нажатии мини-картинки в профиле участника можно было перейти на страницу с его наградами, как тут - http://universitynu.rusff.ru/index.php? … amp;uid=4, на сколько я понимаю по адресу это не страница которая делается через администрирование и если нажать на "награды", то можно попасть на страницу где есть описание всех наград и где указано кто получил ту или иную награду - http://universitynu.rusff.ru/index.php?act=awards. Буду очень благодарна за помощь.

0

205

*99Problem, прежде чем спрашивать, нужно читать соответствующие темы в разделах и пользоваться поиском.
Ссылка на этот скрипт находится на в теме Навигатор по скриптам

0

206

Появился вопрос.
Смотрим ниже на кнопки "Отправить" и "Посмотреть".
Кнопку "Отправить" я подстроить под себя смогла, но кнопка "Посмотреть" присваивает себе стиль её соседа -_-"
если первую изменить легко (submit), то вторую (preview) ну никак не получается -_- он просто видит их как одну и  ту же. Помогите. Мне нужен код этой кнопки.

0

207

Hayase, значит вы использовали не тот(те) селектор(ы) :)
Если вы использовали селекторы прописанные в стандартных стилях, то они подходят для обеих кнопок.

Вот селекторы, которые должны работать корректно

Код:
<style type="text/css">
input[name=preview] {
/*стиль кнопки Просмотреть*/
}
input[name=submit] {
/*стиль кнопки Отправить*/
}
</style>

0

208

Доброго времени суток.
Хотела бы уточнить поднимался ли другими пользователями вопрос об оптимизации отображения стиля форума в различных браузерах. Если да то не могли бы вы дать ссылку для самостоятельного ознакомления.

Возникает проблема следующего характера:
При просмотре через Internet Explorer "sidebar" смещается вниз, из-за чего разрывается целостность декоративного элемента. При просмотре через иные браузеры проблема не актуальна (тестировалось на Mozilla Firefox, Opera, Google Chrome, Safari).
форум: http://impireacht.7il.ru/

спасибо...

0

209

Есть вопрос.
Вот, значит, у меня набросок стиля - http://testovik.bb10.ru/. Можно ли как-то регулировать прозрачность светло-розовой середины (на которой находится сам текст форума, собственно)? Или сделать так, что бы эта середина начиналась только после окончания фона форума? Просто вот у меня в ФШ сделана середина, а цвет ее перекрывает. И еще: на некоторых форумах вместо названия категории стоит картинка. Как можно сделать так же? Натыкалась на код, но потеряла((

0

210

Мarbh talamh, вопросы оптимизации если и обсуждались, то только вскользь.
Для начала нужно писать валидный CSS для вашего сайта. Это уменьшит количество проблем несовместимости с остальными браузерами.
Что-то сразу ссылки на решения распространенных проблем в иннете найти не могу, и не помню в какой книге это было.

Из того, что нашлось быстро(на английском): Как различить IE 6,7,8 с помощью 4 символов(CSS)(видео) и условные комментарии(HTML).
Дальше вы создаете отдельные стили для браузеров в которых наблюдаются проблемы.

Kitti, если под серединой вы понимаете все, что находиться внутри тега с ИД pun хотите сделать его абсолютно прозрачным, то попробуйте код:

Код:
<style type="text/css">
#pun {
background-color: transparent;
}
</style>

если нужен полупрозрачный фон - создайте полупрозрачное изображение в формате PNG-24 и поставьте его как фоновое изображение элемента pun.

Фон категорий и расположения названия можно задавать элементам с селектором:

Код:
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2

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

Код:
#pun-categoryN h2

где вместо N подставьте номер соответствующей категории.

+1

211

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

0

212

[Юин], что вы подразумеваете под оптимизацией под размеры ячеек?
Размеры ячейки таблицы зависят от размера содержимого, и растягиваются, если содержимое больше заданного размера ячейки.
Если ширина ячейки задана в процентах(а ширина таблицы в процентах от ширины форума, а он в процентах от ширины видимой области...), то размер изображения подогнать под такую таблицу стилями невозможно.
Отсюда два варианта решения:

Первый(и ИМХО более правильный) : создание дизайна с фиксированной шириной(в данный момент это должно быть 960px или 980px, для корректного отображения на разрешениях 1024х768 и т.д.)

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

Если вы подразумевали что-то другое - опишите подробней, чего вы хотите добиться.

+1

213

zloy.MH, спасибо. Вот только картинка в категории не отображается. может, потому что стоит код для прозрачности?

Код:
#pun-title, #pun-navlinks, .punbb select,
.punbb .container, .punbb .post-body, .post h3,.punbb .section, .punbb
.forum,.punbb .formal, .punbb .modmenu, .punbb .info,
.punbb .post,
#pun-debug h2, .punbb-admin
#pun-admain h2,
.punbb td, .punbb fieldset, #viewprofile ul, #profilenav ul, .punbb .post
.post-body,
.punbb .post h3 span, .post-links ul, .post-links, .usertable table,
.punbb th,
.punbb .quote-box, .punbb .code-box,
#pun-ulinks li, #pun-announcement h2 span, li#onlinelist, #pun-help .formal
.info-box h3.legend span,
#pun-ulinks li a, #pun-announcement h2, li#onlinelist div, #pun-help .formal
.info-box h3.legend,
.punbb .divider,
.punbb .formal fieldset .post-box, .punbb .info-box,
li.pa-online {
border-style: none !important;
background-color: transparent !important; 
background-image: none;
}

.punbb .main .container,
.punbb td.tc3,
.punbb .section .container,punbb td.tc2,.punbb td.tcr,#pun .tc2, #pun-title .title-logo, #pun-title table, 
#pun th, #pun-main .post h3 span, #pun-main .post h3, #pun-navlinks .container, #pun-main .post-body, #pun-main h1,#pun-stats h2, 
#pun-main .formal textarea  {background-color: transparent; }

Из него надо что-то убрать?

0

214

Kitti, это находиться либо перебором(удалением свойств по одному) либо смотрится в Opera Dragonfly, FireBug и т.д. какие естили применены к элементу у удаляются лишние селекторы.

0

215

zloy.MH, спасибо.
Не могу подравнять всплывающие блоки... Хочу , чтобы они ровно все располагались, а не съезжали...
http://lovesims3.ipbb.ru/
Собственно, код:

Код:
<style> 
div .splLink {width: 90px; height: 30px; border: 0px solid #000; background: transparent; text-align: center; font-family: tahoma; font-size: 14px; padding: 5px; text-shadow: 1px 1px 1px; color: #b56246;}
.spll {width: 130px; height: 70px;}
.spll div .splCont {height: auto; width: 300px; background: #decbc9; padding: 5px; z-index: 1100; margin-top: 5px; border: 2px solid #c87052; font-size: 12px; font-family: tahoma; text-align: center;}
</style>

0

216

Kitti, а можно скриншот и подробное описание проблемы?
В смысле съезжают? У меня во всех браузерах всплывающие элементы находятся на одном уровне по вертикали.
Если вы имеет в виду то, что они налазят друг на друга, то вам просто нужно задать другую ширину(width) для блоков с  селектором

Код:
.spll div .splCont

(последняя строка в вашем коде)

0

217

zloy.MH, вот скриншот:
От края форума блоки достаточно далеко "уплывают". И еще один вопрос: на некоторых форумах объявление (таблица) находятся прямо в шапке, над меню навигации... Как это сделано?

0

218

Kitti, чтобы изменить расположение ваших меню вам нужно отредактировать и подобрать значения ширины колонок таблицы и выравнивания содержимого ячеек по вашему вкусу.
Чтобы шапка находилась в начале страницы, ее содержимое нужно помещать в HTML-верх

0

219

здраствуйте.
проблемы таковы:
1.хочется навание форума перенести в правый верхний угол.пыталась поработать над ХТМЛ кодами,ничего не двигается.
2.рекламу спустить ниже в самый конец.тоже работала с ХТМЛ кодами,ничего не получилось.
3.после того как поставила шапку появилось её продолжение,то чего не было на самой картинке.пыталась в ХТМЛ обрезать размеры шапки,и опять же ничего не получилось.
форум: http://hetaliareallife.spybb.ru/

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

http://i039.radikal.ru/1103/68/b29dfedc17c0.png

Большие изображения выкладываются либо в виде ссылок, либо как превью.
zloy.MH

0

220

Трейси., а как же вы работаете с HTML-кодом, который генерируется на сервере? JavaScript? :)

1) Добавьте этот код в HTML-верх

Код:
<style type="text/css">
#pun-title h1 { 
  position: absolute;
  right: 0px;
  top: 0px;
}
</style>

2) Ну вы же уже сдвинули его вниз(ваш второй код в HTML-верх) просто увеличьте значение параметра top.
(у вас же общая высота 500px, тут около 440-460px нужно использовать, а не 310px)
3) Когда вы задаете фоновое изображение, не указывая дополнительных параметров, то браузер подставляет свои.

Код:
background-repeat: repeat;

Вам нужно явно запретить повторение

Код:
<style type="text/css">
#pun-title table { 
  background-image: url("http://i031.radikal.ru/1103/32/8ee27edab9f2.png");
  background-repeat: no-repeat;
  height: 500px;
}
</style>

0


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