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

Объявление

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

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

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

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

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

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

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

Страница:   1 2 3 4 5 6 7 … 19  

Сообщений 81 страница 100 из 375

81

  • Автор: Hayase
  • Светлая сторона
  • Hayase
  • Откуда: тыковка :з
  • Зарегистрирован: 12 Дек 2009
  • Приглашений: 0
  • Сообщений: 156
  • Уважение: +24
  • Позитив: +11
  • Пол: Женский
  • Провел на форуме:
    3 дня 17 часов
  • Последний визит:
    27 Окт 2012 01:05:04
zloy.MH написал(а):

Hayase, раз уж вы пользуетесь Opera Dragonfly, то потрудитесь в окне кода выискать нужные селекторы.Для выделенного элемента страницы подчеркнут его класс(слева), селектор через который ему присвоен стиль(справа) и файл в котором он находится(справа). Дальше уж сами.

дык я пыталась)) только руки кривые и как бы я не читала FAQ по ксс никак понять не могу где что и как писать.
вот
http://ipicture.ru/uploads/101027/Q5eHcTKSrW.jpg
и...
как прописать в ксс - я не понимаю. что именно копировать, чтобы фон заработал.
если скопирую #pun-redirect, #pun-maint и добавлю {background-image: url (bla-bla-bla.jpeg)}, то ничего не выйдет ведь.

Отредактировано Hayase (27 Окт 2010 23:49:55)

0

82

  • Автор: zloy.MH
  • A little bit more and I will answer your questions
  • zloy.MH
  • Откуда: kh.ua (lg.ua)
  • Зарегистрирован: 23 Июл 2010
  • Приглашений: 0
  • Сообщений: 439
  • Уважение: +79
  • Позитив: +4
  • Пол: Мужской
  • Провел на форуме:
    9 дней 16 часов
  • Последний визит:
    29 Ноя 2013 04:50:40

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

+1

83

  • Автор: Hayase
  • Светлая сторона
  • Hayase
  • Откуда: тыковка :з
  • Зарегистрирован: 12 Дек 2009
  • Приглашений: 0
  • Сообщений: 156
  • Уважение: +24
  • Позитив: +11
  • Пол: Женский
  • Провел на форуме:
    3 дня 17 часов
  • Последний визит:
    27 Окт 2012 01:05:04

zloy.MH
лан, буду размышлять на эту тему) спасибо за терпение xD

0

84

  • Автор: Carrie
  • Умеющий
  • Carrie
  • Зарегистрирован: 19 Июн 2009
  • Приглашений: 0
  • Сообщений: 30
  • Уважение: 0
  • Позитив: +3
  • Провел на форуме:
    1 день 1 час
  • Последний визит:
    5 Окт 2011 12:19:15

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

Отредактировано Carrie (28 Окт 2010 21:08:47)

0

85

  • Автор: zloy.MH
  • A little bit more and I will answer your questions
  • zloy.MH
  • Откуда: kh.ua (lg.ua)
  • Зарегистрирован: 23 Июл 2010
  • Приглашений: 0
  • Сообщений: 439
  • Уважение: +79
  • Позитив: +4
  • Пол: Мужской
  • Провел на форуме:
    9 дней 16 часов
  • Последний визит:
    29 Ноя 2013 04:50:40

Carrie, с учетом того, что вы превратили блочный форум в кучу вложенных таблиц, то разобраться стало практически невозможно.(Возможно, но долго, и столько времени у меня нет).
Для быстрой загрузки форума и его корректной работы нужно все максимально упрощать.
Верх съезжает из-за того, что он находится в ячейке таблицы(которая шире моего экрана(и возможно большинства) и для которой заданы отступы), лучше это сделать фоном элемента body, и просто сдвинуть форум ниже.
Таблицы с картинкой лучше использовать отступ и фоновый рисунок для этого элемента.

По-моему, намного лучше упростить это все больше делая упор на CSS(FAQ по дизайну форума в CSS), и возможно это более простой вариант, чем делать кучу "заплаток", которые только увеличат код и запутают вас.

0

86

  • Автор: MariZZa
  • 天使 - Ангел
  • MariZZa
  • Откуда: Урал
  • Зарегистрирован: 3 Май 2008
  • Приглашений: 0
  • Сообщений: 497
  • Уважение: +56
  • Позитив: +10
  • Пол: Женский
  • Возраст: 32 [1991-11-06]
  • Провел на форуме:
    7 дней 12 часов
  • Последний визит:
    22 Янв 2019 08:49:47

Carrie
Я завтра приеду домой и посмотрю на вашу проблему и дам точные указания

0

87

  • Автор: Elliar
  • Стремящийся
  • Зарегистрирован: 13 Сен 2010
  • Приглашений: 0
  • Сообщений: 9
  • Уважение: 0
  • Позитив: +1
  • Провел на форуме:
    2 часа 35 минут
  • Последний визит:
    28 Ноя 2010 20:52:20
Код:
<td>
<div style="width: 500px; height: 250px; background-image: url(картинка);">
<div style="position: relative; left: 170px; top: -190px; width: 520px; height: 250px;">
<font style="font-family: Courier New; font-size: 12px; line-height: 12px;" font-color="#">
<div style="overflow: auto; width: 420px; height: 200px;"><center>
<br>
<b>Здравствуйте, добро пожаловать на ролевой форум "Жизнь"</b><br>
<br>
Рейтинг игры NС - 21. Мы не несем ответственность за вашу психику и за последствия игры у нас.
<br><br>
<b>Игровое время</b><br>
Начало весны 2011 года.  Ночь.
<br>
<br><b>Внимание!</b></center><br>
<br>ПРОСЬБА УЧАСТНИКОВ ОТПИСАТЬСЯ <A href="http://royalfight.spybb.ru/viewtopic.php?id=1743#p112687">ПЕРЕПИСЬ</A> ДО 14 НОЯБРЯ.
<br>
<br>1. Временно не принимаются персонажи, чей возраст менее 23 лет. <br>
<br>2. Персонажи, отсутствующие  без разъяснения причин более двух недель, снимаются с должностей. Если же вы решили вернуться, то пишите в ЛС администратору.<br>
<br>3. Время суток на форуме меняется каждые четыре дня. <br>
<br>4. Срочно требуются персонажи, входящие в клан "Черных драконов" или "Белых драконов".<br>
<br>5. Просьба всех участников отписаться в теме <A href="http://royalfight.spybb.ru/viewtopic.php?id=1735">Вакансии</A><br>
</div></font></div>
</div></td></tr>
</tbody>

подскажите, пожалуйста, где здесь ошибка. Баг в "списке активных пользователей" все на главной странице.

0

88

  • Автор: severin
  • Любитель
  • severin
  • Зарегистрирован: 20 Ноя 2008
  • Приглашений: 0
  • Сообщений: 53
  • Уважение: +1
  • Позитив: +10
  • Провел на форуме:
    1 день 12 часов
  • Последний визит:
    17 Июл 2011 23:50:32
zloy.MH написал(а):

Сложный: на вашем форуме все аватары имеют различные размеры. Тогда нужно искать/писать скрипт, сложность которого очень сильно зависит от сложности рисунка наличника.

очень интересно, а вы мне с этим не поможете, если я найду подходящий наличник? или тут только советы?

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

Можете воссоздать вид главной страницы.

вот как раз это бы и хотелось, именно сделать вторую страницу в виде такого же форума и снести туда старые темы из главной страницы, понимаете? как мне воссоздать вид первой страницы? или это тоже был лишь совет...
:unsure:

0

89

  • Автор: Richard
  • Умеющий
  • Richard
  • Зарегистрирован: 30 Окт 2010
  • Приглашений: 0
  • Сообщений: 22
  • Уважение: +1
  • Позитив: +8
  • Провел на форуме:
    10 часов 54 минуты
  • Последний визит:
    30 Окт 2011 07:39:32

Здравствуйте, помогите пожалуйста!

Как вставить картинку в описание форума, как на этом сайте http://fox.newbb.ru/ ?
И как вставить картинку в таблицу, например в объявлении?

Заранее спасибо.

0

90

  • Автор: Iriniya
  • Любитель
  • Iriniya
  • Зарегистрирован: 27 Окт 2009
  • Приглашений: 0
  • Сообщений: 47
  • Уважение: +3
  • Позитив: +5
  • Пол: Женский
  • Возраст: 29 [1994-09-01]
  • Провел на форуме:
    1 день 4 часа
  • Последний визит:
    4 Ноя 2011 14:35:52

Richard, здравствуйте.
Здесь?
http://i53.tinypic.com/1xxjrm.jpg
Зайдите в Администрирование - Настройки - Редактирование форума.
Затем в Описании (HTML) вставляете код вашей картинки, он должен выглядеть вот так: <img src='адрес'/img> ... Размеры где-то 200х100, или чуть меньше. Если больше - иногда начинает "разрывать" форум. Но все это уже на ваше усмотрение.
***
Еще раз дорого времени суток всем.
Появился небольшой вопрос по дизайну форума. На многих форумах сейчас стоят подобные стили (см.: http://rolki.rusff.ru/, т.е. достаточно большая шапка, скругленный уголки, сплошной фон форума посередине)
Мне понравилась идея, но не могу понять, как заполнить разрывы (на картинке я отметила)
http://oi51.tinypic.com/1zd9gtz.jpg
Вот адрес пробника: http://interstate.bbfly.ru/
Да, судя по всему, на том форуме шапка прописана даже не как шапка, а как фон... В общем, запуталась совсем. Помогите пожалуйста )))
***
Проблему решила (вручную "удлинила" фон голубого цвета). Правда так и не поняла, как оформлено это все на том форуме - явно ведь не как у меня.

Не оверпостите! Используйте кнопку Редактировать внизу сообщения!
zloy.MH

Отредактировано Iriniya (1 Ноя 2010 12:13:17)

0

91

  • Автор: Richard
  • Умеющий
  • Richard
  • Зарегистрирован: 30 Окт 2010
  • Приглашений: 0
  • Сообщений: 22
  • Уважение: +1
  • Позитив: +8
  • Провел на форуме:
    10 часов 54 минуты
  • Последний визит:
    30 Окт 2011 07:39:32

Iriniya
благодарю.)

0

92

  • Автор: Iriniya
  • Любитель
  • Iriniya
  • Зарегистрирован: 27 Окт 2009
  • Приглашений: 0
  • Сообщений: 47
  • Уважение: +3
  • Позитив: +5
  • Пол: Женский
  • Возраст: 29 [1994-09-01]
  • Провел на форуме:
    1 день 4 часа
  • Последний визит:
    4 Ноя 2011 14:35:52

Richard
Не за что ))

0

93

  • Автор: zloy.MH
  • A little bit more and I will answer your questions
  • zloy.MH
  • Откуда: kh.ua (lg.ua)
  • Зарегистрирован: 23 Июл 2010
  • Приглашений: 0
  • Сообщений: 439
  • Уважение: +79
  • Позитив: +4
  • Пол: Мужской
  • Провел на форуме:
    9 дней 16 часов
  • Последний визит:
    29 Ноя 2013 04:50:40

Elliar, описывайте проблемы подробней, т.к. модераторы - не телепаты!
Если проблема в том, что этот элемент съезжает вверх, то уберите значение для верхней координаты(top) в строке

Код:
<div style="position: relative; left: 170px; top: -190px; width: 520px; height: 250px;">

Если что-то еще, то тогда отпишитесь с подробным описанием проблемы, со скринами(если нужно) и ссылкой на форум.
severin
1) вам совсем неинтересно самому разобраться в этом простом вопросе, при уже известном направлении решения?

Свернутый текст
Код:
<style type="text/css">
.pa-avatar {
height: XXXpx; /*высота элемента с аватарами*/
padding-top: YYpx !important; /*отступ сверху*/
padding-left: ZZpx !important; /*отступ слева*/
background: transparent url("ссылка_на_наличник") no-repeat;
}
</style>

2) Вы не поверите! Нужно экспериментировать!

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

Ctrl+C ... Ctrl+V Ваш выбор.

0

94

  • Автор: Carrie
  • Умеющий
  • Carrie
  • Зарегистрирован: 19 Июн 2009
  • Приглашений: 0
  • Сообщений: 30
  • Уважение: 0
  • Позитив: +3
  • Провел на форуме:
    1 день 1 час
  • Последний визит:
    5 Окт 2011 12:19:15

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

0

95

  • Автор: zloy.MH
  • A little bit more and I will answer your questions
  • zloy.MH
  • Откуда: kh.ua (lg.ua)
  • Зарегистрирован: 23 Июл 2010
  • Приглашений: 0
  • Сообщений: 439
  • Уважение: +79
  • Позитив: +4
  • Пол: Мужской
  • Провел на форуме:
    9 дней 16 часов
  • Последний визит:
    29 Ноя 2013 04:50:40

Carrie, добавьте в HTML-верх
Если проблемы наблюдаются только с изображениями вставленными тэгом [img] - используйте код ниже.

Код:
<style type="text/css">
.punbb .post-content img.postimg { 
max-width: 100%;
}
</style>

Если с прикрепленными тоже есть проблемы - добавьте во вторую строку сразу после селектора

Код:
, .punbb .post-content .userimage img

+1

96

  • Автор: Carrie
  • Умеющий
  • Carrie
  • Зарегистрирован: 19 Июн 2009
  • Приглашений: 0
  • Сообщений: 30
  • Уважение: 0
  • Позитив: +3
  • Провел на форуме:
    1 день 1 час
  • Последний визит:
    5 Окт 2011 12:19:15

zloy.MH
спасибо огромное, Вы очень помогли!

0

97

  • Автор: Carrie
  • Умеющий
  • Carrie
  • Зарегистрирован: 19 Июн 2009
  • Приглашений: 0
  • Сообщений: 30
  • Уважение: 0
  • Позитив: +3
  • Провел на форуме:
    1 день 1 час
  • Последний визит:
    5 Окт 2011 12:19:15

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

0

98

  • Автор: Kitti
  • Модератор
  • Kitti
  • Зарегистрирован: 1 Дек 2008
  • Приглашений: 0
  • Сообщений: 566
  • Уважение: +159
  • Позитив: +46
  • Пол: Женский
  • Возраст: 28 [1995-10-06]
  • Провел на форуме:
    10 дней 9 часов
  • Последний визит:
    20 Мар 2011 09:45:23
Carrie написал(а):

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

А вы между кодами баннеров тег <br> не вставляли?
Или может у вас сайдбар узкий, для того, чтобы там в одну строку баннеры расположились?

0

99

  • Автор: Jager
  • Умеющий
  • Jager
  • Зарегистрирован: 16 Янв 2010
  • Приглашений: 0
  • Сообщений: 39
  • Уважение: +1
  • Позитив: +4
  • Провел на форуме:
    19 часов 23 минуты
  • Последний визит:
    28 Дек 2010 21:07:52

Здравствуйте. У меня снова вопрос.
1)Как сдвинуть шапку влево/вправо от центра? Вот ссылка на форум http://dgraymanbrokenlife.spybb.ru/
Меня смущает граница серого цвета, которая от нее слева. Я хотел поставить шапку, которая шире таблиц (но чтоб она так же была, посредине и просто "вылезала" по бокам), но так она вылазит только в одну сторону в два раза больше.

2) Как сделать такой фон, чтобы он был только по две стороны от таблицы (ну там может рамка какая-то или еще что-то)?

3) как сделать так, чтоб от таблиц падала тень на фон?

Отредактировано Jager (6 Ноя 2010 14:53:23)

0

100

  • Автор: zloy.MH
  • A little bit more and I will answer your questions
  • zloy.MH
  • Откуда: kh.ua (lg.ua)
  • Зарегистрирован: 23 Июл 2010
  • Приглашений: 0
  • Сообщений: 439
  • Уважение: +79
  • Позитив: +4
  • Пол: Мужской
  • Провел на форуме:
    9 дней 16 часов
  • Последний визит:
    29 Ноя 2013 04:50:40

Jager, серая полоса возникает из-за того, что у вас весь фон форума серый и, по умолчанию (браузер использует свои настройки элемента если не задано других), для ячеек таблицы имеется отступ 1px.
1)Для сдвига элемента с шапкой

Код:
<style type="text/css">
#pun-title { 
position: relative;/*позиционирование относительно родительского элемента*/
left: -50px;/*сдвиг левого края(отрицательный - влево)*/
width: 1100px; /*необходимая ширина*/
}
</style>

2) Вы рисуете фон, который шире вашего форума, и выставляете выравнивание по центру. Подробнее здесь: FAQ по дизайну форума в CSS

3) Тень для элемента можно попытаться задать двумя способами: подбором цвета и толщины нижней и правой границ элемента, либо использовать заранее нарисованный фон с тенью для этого элемента.

0

Страница:   1 2 3 4 5 6 7 … 19  

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