Единый форум поддержки

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

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


Вы здесь » Единый форум поддержки » Корзина » Вопросы по дизайну форумов


Вопросы по дизайну форумов

Сообщений 1 страница 20 из 442

1

решила я заняться дизайном форума полностью.(форум http://sonicsegaallstarsracing.spybb.ru/)
http://savepic.org/718388m.jpg
то,что выделено красным на скриншоте.Там я хочу поменять синий фон на свой изображение.
то,что выделено ярким зелёным я хочу поменять на свою иконку.
и ещё я хочу каждый контейнер сделать в таком стиле:
http://savepic.org/674356m.jpg

можно это как-нибудь сделать?
помогите плиз :(

0

2

Shadow the hedgehog написал(а):

можно это как-нибудь сделать?помогите плиз

Картинки дожны быть либо во всю ширину форума - либо будут повторяцо по горизонтали ..

Выкладывайте картинки - они должны быть чистые > http://savepic.org/674356.jpg - или надписи тож входят в творческий план ?

(*При маленькой Высоте содержимого - картинка тож обрежицо - может стоит слегка ужать по высоте ??

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

(* если ставить синюю картинку на всю категорию целиком, то лучше либо без рисунка, поскольку она будет размножена по высоте и рисунок отнюдь не будет совпадать с делением на форумы, либо опять минимальная высота рисунка  для самой короткой категории в один - два форума и низ докрашиваем цветом

Отредактировано Deff (Чт, 9 Сен 2010 14:09:29)

0

3

пусть будут во всю ширину.Но какой формат?Я просто не знаю...

0

4

Shadow the hedgehog написал(а):

пусть будут во всю ширину.Но какой формат?Я просто не знаю...

Скриншот в реальную ширину (можно использовать в качестве подложки под рисование в фотошопе) http://s003.radikal.ru/i203/1009/ae/f19bc9a11c7e.png - хотя бы я ее сократил - вы забыли о людях с разрешением 1024
(стандарная ширина форума обычно от 780 до 900

Сейчас размер заголовков категорий 1216х26 (то шо у Вас красным *наверное

Отредактировано Deff (Чт, 9 Сен 2010 14:30:03)

0

5

И снова мои вопросы хД
Подскажите пожалуйста, где взять скрипт, который позволяет двигать стандартную рекламу по шапке? Влево, вправо и т.д.

0

6

Metto https://forum.mybb.ru/viewtopic.php?id=24126 п.п8.

Отредактировано Deff (Чт, 9 Сен 2010 16:32:47)

0

7

Deff
Большое спасибо))

0

8

Shadow the hedgehog
Здравствуйте.

Shadow the hedgehog написал(а):

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

Находите во втором окне стиля такой код:

/* CS1.8 */
#pun-navlinks .container {
        background: url(../../img/Mybb_Juice/menu.gif) #448aff repeat-x;
        color: #fff;
  }

Вместо выделенного красным вписывайте адрес своего изображения.

Shadow the hedgehog написал(а):

то,что выделено ярким зелёным я хочу поменять на свою иконку.

Используйте этот код:

Код:
<link rel="shortcut icon" href="Адрес изображения" type="image/vnd.microsoft.icon">
<link rel="icon" href="Адрес изображения" type="image/vnd.microsoft.icon">

Обращаю Ваше внимание, что:
1. Код нужно ставить в самое начало ХТМЛ-низ.
2. Формат изображения должен быть .ico.

Shadow the hedgehog написал(а):

и ещё я хочу каждый контейнер сделать в таком стиле:

А вот здесь не совсем понял, что именно Вы хотите сделать.

0

9

rps
спасибо вам
а под контейнером я имела ввиду такие части форума:
http://savepic.org/680530m.png

0

10

Shadow the hedgehog
Я понял, про какой элемент Вы говорили. Я не могу понять, что именно Вы с ним хотите сделать.

0

11

заменить на изображение http://savepic.org/674356m.jpg

0

12

Shadow the hedgehog Блин -вы учтите - оно так и будет в форуме с надписью содержимое - размноженное по всем форумам!

Если делать - то акуратно - на скриншоте шо дал - проставляете цифры - и в соответсвии с цифрой - даете ссылку на рисунок!

Отредактировано Deff (Чт, 9 Сен 2010 22:09:46)

0

13

Shadow the hedgehog
Так что-ли?

Код:
<style type="text/css">
.tcl, .tc2, .tc3, .tcr {
background: transparent none !important;
}
.category .container {
background-image: url(Адрес изображения) !important;
}
</style>

0

14

когда-то заменяли названия категорий изображениями.
Потом дважды меняли дизайн, возвращаясь к стандартно написанным категориям, но вместо них отображаются точки.
Устанавливать изображения вместо категорий тогда решился другой администратор, сейчас устранить эту проблему самостоятельно не могу =='
прошу помощи опытных.
http://color.artbb.ru/

0

15

элиса У вас картинки под категории каждая под свою или одна на всех ?

(Т.е. Скриптов или сss кодов на установку картинок под категории -не нашел >  http://color.artbb.ru/

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

<style>
.category h2 span {
display: none;
}
#pun-category1.category h2 {
background: url(Картинка под категорию 1) no-repeat left bottom;
height: 50px;
}
#pun-category2.category h2 {
background: url(Картинка под категорию 2) no-repeat left bottom;
height: 50px;
}
#pun-category3.category h2 {
background: url(Картинка под категорию 3) no-repeat left bottom;
height: 50px;
}
#pun-category4.category h2 {
background: url(Картинка под категорию 4) no-repeat left bottom;
height: 50px;
}
#pun-category5.category h2 {
background: url(Картинка под категорию 5) no-repeat left bottom;
height: 50px;
}
#pun-category6.category h2 {
background: url(Картинка под категорию 6) no-repeat left bottom;
height: 50px;
}
#pun-category7.category h2 {
background: url(Картинка под категорию7) no-repeat left bottom;
height: 50px;
}
#pun-category8.category h2 {
background: url(Картинка под категорию8) no-repeat left bottom;
height: 50px;
}
#pun-category9.category h2 {
background: url(Картинка под категорию 9) no-repeat left bottom;
height: 50px;
}
#pun-category10.category h2 {
background: url(Картинка под категорию 10) no-repeat left bottom;
height: 50px;
}
</style>

Вместо Картинка под категорию ХХ и 50 -адрес Вашей картинки и её высота

(*если есть полностью скрытые категории для просмотра гостями(ни один форум не просматриваецо) > либо ставьте такие категории в конце форума, либо ждите rps( возможно у него есть скрипт

Отредактировано Deff (Вс, 12 Сен 2010 13:41:17)

0

16

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

У вас картинки под категории каждая под свою или одна на всех ?

под каждую категорию устанавливалась своя картинка.

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

можно использовать такой код:

эм, мы его тогда и использовали. Несколько месяцев, обновляя дизайн, я его убрала и вернулась к обычному, стандартному тексту без оформления, без картинок вместо текста и бэкграунд-имейдж'ев. А сейчас проблема в том, что вместо текста в названии категории видна только точка.

0

17

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

эм, мы его тогда и использовали. Несколько месяцев, обновляя дизайн, я его убрала и вернулась к обычному, стандартному тексту без оформления, без картинок вместо текста и бэкграунд-имейдж'ев. А сейчас проблема в том, что вместо текста в названии категории видна только точка.

А текст сам есть ( или в названии категорий тожа точка ?? - посмотрите

-Администрирование -Категории

Отредактировано Deff (Вс, 12 Сен 2010 13:43:21)

0

18

элиса
Здравствуйте.

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

под каждую категорию устанавливалась своя картинка.

А попробуйте скриптом:

<script type="text/javascript">
var h2 = new Array()
h2[0] = new Array("Test", "http://s53.radikal.ru/i139/1008/9a/107973482c7b.png")
h2[1] = new Array("Тестовая категория", "http://s001.radikal.ru/i195/1008/cb/81d17152af68.png")

if(location.href == 'http://' + location.hostname + '/') {
var div = document.getElementById("pun-main").getElementsByTagName("div");
for (i in h2) {
for (j in div) {
if ((div[j].className == "category") && (div[j].childNodes[0].innerHTML.indexOf(h2[i][0]) != -1)) {
div[j].childNodes[0].setAttribute("style","height: 110px; background: transparent url(" + h2[i][1] + ") no-repeat top center; border-style: none;");
div[j].childNodes[0].innerHTML = "";
}}}}
</script>

Красное - название категории, зелёное - адрес изображения для фона, синее - высота изображения. Строчку

Код:
h2[1] = new Array("Тестовая категория", "http://s001.radikal.ru/i195/1008/cb/81d17152af68.png")

размножать столько раз, сколько нужно. Только номер не забудьте на 1 увеличить.

0

19

Deff
и там тоже точки стоят.

0

20

эм, всё. Проблема устанена.
Спасибо за помощь rps, Deff))) очень помогли)

0


Вы здесь » Единый форум поддержки » Корзина » Вопросы по дизайну форумов