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

Объявление

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

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

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

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

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

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

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

Страница:   1 … 15 16 17 18 19  

Сообщений 321 страница 340 из 375

321

  • Автор: 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

Near, ответы на первые 2 вопроса элементарно находятся в теме
FAQ по дизайну форума в CSS в первом (искать text-align и font) и восьмом посте
Третий: Администрирование -> Поля профиля и выставить нужный порядок полей перетаскиванием.

+1

322

  • Автор: Near
  • Любитель
  • Near
  • Зарегистрирован: 28 Ноя 2009
  • Приглашений: 0
  • Сообщений: 84
  • Уважение: +1
  • Позитив: +11
  • Провел на форуме:
    1 день 18 часов
  • Последний визит:
    4 Апр 2012 20:58:32

zloy.MH
вроде разобрался.

Свернутый текст
Код:
/* CS1.2 */
.punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer {
background-color: transparent;
  color: #374887;
  text-align: center;
  }

в этом коде поставил центр. но как мне сделать чтобы сообщения были по левому краю?

0

323

  • Автор: 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

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

Код:
.punbb .post .post-author ul, .punbb .post .post-author p { 
  /*font: ...*/
  text-align: center;
}

+1

324

  • Автор: Near
  • Любитель
  • Near
  • Зарегистрирован: 28 Ноя 2009
  • Приглашений: 0
  • Сообщений: 84
  • Уважение: +1
  • Позитив: +11
  • Провел на форуме:
    1 день 18 часов
  • Последний визит:
    4 Апр 2012 20:58:32

zloy.MH
ещё раз спасибо)

0

325

  • Автор: Near
  • Любитель
  • Near
  • Зарегистрирован: 28 Ноя 2009
  • Приглашений: 0
  • Сообщений: 84
  • Уважение: +1
  • Позитив: +11
  • Провел на форуме:
    1 день 18 часов
  • Последний визит:
    4 Апр 2012 20:58:32

Ещё раз здравствуйте.
Как сделать рамку кода, спойлера, цитаты в сообщении с закругленными краями?

0

326

  • Автор: 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

Near, в том же сообщении есть селекторы для кода и цитаты. спойлер обычно использует стиль цитаты
Закругление углов border-radius (в бескрайних просторах иннета указаны его параметры и специфические вендорные префиксы)

0

327

  • Автор: Беверли Олсен
  • Любитель
  • Беверли Олсен
  • Зарегистрирован: 23 Апр 2010
  • Приглашений: 0
  • Сообщений: 51
  • Уважение: 0
  • Позитив: +4
  • Провел на форуме:
    22 часа 42 минуты
  • Последний визит:
    13 Окт 2013 22:55:40

Добрый день!

Такой вопрос: увидела на одном сайте вот такую вещь - http://i.pixs.ru/thumbs/2/9/7/Bezimyanni_2559855_3889297.jpg

(ссылка на сайт: http://cyberzone.2bb.ru/)

Как такую можно сделать? Это своего рода таблица? Нужно оставлять заказ в теме таблиц?

0

328

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

Беверли Олсен
Да, это таблица со вкладками. Вам в тему с заказом таблиц)

0

329

  • Автор: Near
  • Любитель
  • Near
  • Зарегистрирован: 28 Ноя 2009
  • Приглашений: 0
  • Сообщений: 84
  • Уважение: +1
  • Позитив: +11
  • Провел на форуме:
    1 день 18 часов
  • Последний визит:
    4 Апр 2012 20:58:32

http://smotr.im/3Fna
как убрать этот отступ между датой и текстом сообщения?

0

330

  • Автор: 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

Near, чтобы убрать эти отступы, нужно в коде объявления(который скопирован) разобраться и закрыть все незакрытые теги (div, tr, table, center) [в соответствующих местах]
Тогда разметка страницы не будет ломаться, и к элементам страницы не будут применяться ненужные свойства.

UPD. После появления более точных данных по проблеме:
В собственном стиле не хватает свойства float для контейнера с данными о авторе поста

Код:
.punbb .post .post-author {
/* ... */
float: left;
}

+1

331

  • Автор: Near
  • Любитель
  • Near
  • Зарегистрирован: 28 Ноя 2009
  • Приглашений: 0
  • Сообщений: 84
  • Уважение: +1
  • Позитив: +11
  • Провел на форуме:
    1 день 18 часов
  • Последний визит:
    4 Апр 2012 20:58:32

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

***

http://dreamd.0pk.ru/
вокруг форума видна белая рамка. как её убрать?

0

332

  • Автор: 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

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

Код:
body {
  background-color: #171112; /* фон страницы */
}
#pun {
  background-color: #FFFFFF; /* фон форума */
}

+1

333

  • Автор: Near
  • Любитель
  • Near
  • Зарегистрирован: 28 Ноя 2009
  • Приглашений: 0
  • Сообщений: 84
  • Уважение: +1
  • Позитив: +11
  • Провел на форуме:
    1 день 18 часов
  • Последний визит:
    4 Апр 2012 20:58:32

zloy.MH
Спасибо. Разобрался

0

334

  • Автор: Ema
  • Стремящийся
  • Ema
  • Откуда: Ukraine)
  • Зарегистрирован: 6 Апр 2012
  • Приглашений: 0
  • Сообщений: 13
  • Уважение: 0
  • Позитив: +4
  • Пол: Женский
  • Провел на форуме:
    13 часов 53 минуты
  • Последний визит:
    8 Май 2013 19:36:20

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

Мой вопрос: как убрать эту голубую рамочку вокруг шапки форума?

Скрин:
http://uploads.ru/i/3/C/i/3CikK.png

Мой форум:
http://gfgalactikfootball.spybb.ru/

Заранее огромное спасибо за помощь!

0

335

  • Автор: 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

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

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

0

336

  • Автор: Ema
  • Стремящийся
  • Ema
  • Откуда: Ukraine)
  • Зарегистрирован: 6 Апр 2012
  • Приглашений: 0
  • Сообщений: 13
  • Уважение: 0
  • Позитив: +4
  • Пол: Женский
  • Провел на форуме:
    13 часов 53 минуты
  • Последний визит:
    8 Май 2013 19:36:20

zloy.MH, спасибо, все работает)

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

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

что получается ? o.O  я просто с ноута сижу
может лучше ширину зафиксировать?

И еще вопрос: как в статистике заменить фоновое изображение под словами "Статистика форума" на свое? В дизайне не нашла.
http://s019.radikal.ru/i634/1204/ea/a9f7ef4fe778.jpg

Отредактировано Ema (14 Апр 2012 23:18:39)

0

337

  • Автор: 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

Ema

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

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

тут как говорится на вкус и цвет все товарищи разные :) Если есть желание - можно закрепить.
Приблизительно(!) увидеть как выглядит форум на большем разрешении, можно выставив в браузере масштаб меньше 100%.

селектор #pun-stats h2, дальше менять стиль можно как угодно.

0

338

  • Автор: Ema
  • Стремящийся
  • Ema
  • Откуда: Ukraine)
  • Зарегистрирован: 6 Апр 2012
  • Приглашений: 0
  • Сообщений: 13
  • Уважение: 0
  • Позитив: +4
  • Пол: Женский
  • Провел на форуме:
    13 часов 53 минуты
  • Последний визит:
    8 Май 2013 19:36:20
zloy.MH написал(а):

селектор #pun-stats h2, дальше менять стиль можно как угодно.

спасибо вам большое)
как будет достаточно сообщений, обязательно поставлю вам +

0

339

  • Автор: Moliren
  • Стремящийся
  • Moliren
  • Зарегистрирован: 26 Дек 2010
  • Приглашений: 0
  • Сообщений: 5
  • Уважение: 0
  • Позитив: 0
  • Провел на форуме:
    6 часов 54 минуты
  • Последний визит:
    22 Апр 2012 12:12:35

Доброго времени суток!
Заранее извините, если такой вопрос уже был.
Стиль делался через "Свой стиль", вот ссылка на тестовик
Проблема состоит в том, что название категорий "уехало" вверх (http://savepic.su/1707567.jpg)
Возможно ли выровнять его по середине? Заранее спасибо)

Структура style.css
Код:
/* A3.4 */
.punbb h1, .punbb h2, .punbb h3, .punbb th {
  font-size: 1em;
  font-weight: normal;
vertical-align: middle

  }

.punbb h4, .punbb table {
  font-size: 1em;
  font-weight: normal;
vertical-align: middle
  }

/* A3.5 */
.punbb h1 span, .punbb h2 span, .punbb legend span {
  font-size: 1.1em;
vertical-align: middle

  }
Цвета style_cs.css
Код:
/* CS1.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
background-image: url("http://savepic.su/1725120.jpg");
height: 40px;
color: #0e110f; 
font-family: Times New Roman;
font-style: normal;
text-align: center;
font-size: medium;

  }

Отредактировано Moliren (20 Апр 2012 13:41:50)

0

340

  • Автор: 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

Moliren, уменьшить высоту блока в

код
Код:
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 { 
background-image: url("http://savepic.su/1725120.jpg");
color: #0E110F;
font-family: "Times New Roman";
font-size: medium;
font-style: normal;
height: 40px;/*уменьшить высоту*/
text-align: center;
}

и увеличить padding в

код
Код:
#pun-main h2 { 
border-bottom-style: dotted;
border-bottom-width: 1px;
border-left-style: dotted;
border-left-width: 1px;
border-right-style: dotted;
border-right-width: 1px;
border-top-style: dotted;
border-top-width: 1px;
padding: 0.3em 1em;/*первое число - отступ сверху (возможно стоит использовать px)*/
}

0

Страница:   1 … 15 16 17 18 19  

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