Форум поддержки пользователей ZeroParking

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

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

Вы здесь » Форум поддержки пользователей ZeroParking » Архив тем » Множество вопросов по дизайну форума.

Множество вопросов по дизайну форума.

Страница: 1

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

1

  • Автор: Hiroki
  • Форумчанин
  • Откуда: Киев
  • Зарегистрирован: 2009-02-08
  • Приглашений: 0
  • Сообщений: 260
  • Уважение: +4
  • Позитив: +33
  • Пол: Мужской
  • Возраст: 29 [1995-03-23]
  • Провел на форуме:
    3 дня 19 часов
  • Последний визит:
    2012-08-02 03:14:22

Множество вопросов по дизайну форума.
Здравствуйте. Я бы хотел узнать несколько вопрос по оформлению форума.
Вопросы о фоне:
1) Дайте, пожалуйста, скрипт или код Css, что бы получилось такое: http://thelordofthering.rolevaya.ru/
Тоесть картинка, которая умножается по вертикали (Обрамляющий элемент) -
Вот пример такой картинки:https://forumupload.ru/uploads/0009/42/8c/1539-1-f.jpg
2) Хотелось бы узнать код или скрипт который, перекрывает вверху обрамляющий элемент и получается, что этот обрамляющий соединяется с шапкой (картинкой). Вот пример: https://forumupload.ru/uploads/0009/42/8c/1546-1-f.jpg
3) Такой же код или скрипт в низу форума. Пример: https://forumupload.ru/uploads/0009/42/8c/1548-1-f.jpg
Вот сам сайт (Естественно для примера, плагита не будет!) - http://thelordofthering.rolevaya.ru/
И само собой скрипт фона который лежит ниже всех предыдущих - что бы шапки и обрамляющий элемент не закрывал основной фон
.
И как сузить форум, что бы обрамляющий элемент был полностью виден. Был не обрезан, а форум стоял в центре этого фона.
4) Вот сайт, в котором очень интересно сделана таблицы. Помогите сделать такую же красивую табличку. (при нажатии сверху на картинки появлялась новая инфа.)

Отредактировано Hiroki (2011-05-12 21:46:59)

0

2

  • Автор: Hiroki
  • Форумчанин
  • Откуда: Киев
  • Зарегистрирован: 2009-02-08
  • Приглашений: 0
  • Сообщений: 260
  • Уважение: +4
  • Позитив: +33
  • Пол: Мужской
  • Возраст: 29 [1995-03-23]
  • Провел на форуме:
    3 дня 19 часов
  • Последний визит:
    2012-08-02 03:14:22

Люди ну помогите пожалуйста, с меня плюсик и красивая ролевая. Пожалуйсто

0

3

  • Автор: Ви
  • Может и модератор
  • Ви
  • Зарегистрирован: 2008-12-29
  • Приглашений: 0
  • Сообщений: 2220
  • Уважение: +253
  • Позитив: +31
  • Пол: Женский
  • Возраст: 29 [1994-11-23]
  • Провел на форуме:
    1 месяц 4 дня
  • Последний визит:
    2012-08-16 18:17:18

1 и 2:
Разумеется, вам понадобятся две картинки.
Эту часть вставляем в самый верх кода:

body {
background-color: #цвет вашего основного фона;
background-image: url(картинка фона);
background-position: top center;
background-repeat: no-repeat;
}

Эту в самый низ:

#pun-title table {background-color: #цвет таблицы форума ;
background-image : url(картинка логотипа);
background-repeat : no-repeat;
background-position: bottom center;
height: высота вашего логотипа в px;
}

4:
Как сделать такую таблицу, описано здесь: http://forumd.ru/viewtopic.php?id=1453

+1

4

  • Автор: Hiroki
  • Форумчанин
  • Откуда: Киев
  • Зарегистрирован: 2009-02-08
  • Приглашений: 0
  • Сообщений: 260
  • Уважение: +4
  • Позитив: +33
  • Пол: Мужской
  • Возраст: 29 [1995-03-23]
  • Провел на форуме:
    3 дня 19 часов
  • Последний визит:
    2012-08-02 03:14:22

http://schuttgart.rolka.su/ - вот что получилось

0

5

  • Автор: Lonely_wolf
  • Помощник ZeroParking
  • Lonely_wolf
  • Откуда: Сургут
  • Зарегистрирован: 2011-02-22
  • Приглашений: 0
  • Сообщений: 1798
  • Уважение: +177
  • Позитив: +148
  • Пол: Мужской
  • Провел на форуме:
    20 дней 13 часов
  • Последний визит:
    2014-01-18 13:23:53
Hiroki написал(а):

http://schuttgart.rolka.su/ - вот что получилось

:D  :crazyfun:  :crazy:

Hiroki
может быть вы что то не правильно делали!???

0

6

  • Автор: Ви
  • Может и модератор
  • Ви
  • Зарегистрирован: 2008-12-29
  • Приглашений: 0
  • Сообщений: 2220
  • Уважение: +253
  • Позитив: +31
  • Пол: Женский
  • Возраст: 29 [1994-11-23]
  • Провел на форуме:
    1 месяц 4 дня
  • Последний визит:
    2012-08-16 18:17:18

Тогда так:

Код:
body {
    background: url(http://s50.radikal.ru/i127/1010/01/946e2b3e904b.jpg) background-attachment: fixed;
background-position: top center;
    }

    body {
    background-color: transparent !important;
    background-image: url(http://s50.radikal.ru/i127/1010/01/946e2b3e904b.jpg);  
    background-repeat: no-repeat;
    }
    html {
    background: #1a1716 url(http://s61.radikal.ru/i171/1010/89/169d7841653b.jpg) repeat-y; 
    background-position: center top;
    }

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

+1

7

  • Автор: Hiroki
  • Форумчанин
  • Откуда: Киев
  • Зарегистрирован: 2009-02-08
  • Приглашений: 0
  • Сообщений: 260
  • Уважение: +4
  • Позитив: +33
  • Пол: Мужской
  • Возраст: 29 [1995-03-23]
  • Провел на форуме:
    3 дня 19 часов
  • Последний визит:
    2012-08-02 03:14:22

Лого не стает с ним единым! Его вообще нету там походу
http://schuttgart.rolka.su/

0

8

  • Автор: Ви
  • Может и модератор
  • Ви
  • Зарегистрирован: 2008-12-29
  • Приглашений: 0
  • Сообщений: 2220
  • Уважение: +253
  • Позитив: +31
  • Пол: Женский
  • Возраст: 29 [1994-11-23]
  • Провел на форуме:
    1 месяц 4 дня
  • Последний визит:
    2012-08-16 18:17:18

Hiroki, шапка и фон уже должны быть слиты фотошопом или любым другим графическим редактором.
Чтобы опустить сам форум вниз, дабы открыть шапку, находите в первом окне стиля:

D - PUNBB SECTIONS OTHER THAN MAIN CONTENT
**************************************************************/

/* D1.1 */
#pun-title {
  margin: 0;
  border: none;
}

/* D1.2 */
#pun-title h1 {
  display : block;
  height : 610px;
  margin-bottom: 0px;
}

/* D1.3 */
#pun-title .container {
  border-style: none ;
  padding: 0.2em 1em 0.8em 1em;
  }

/* D1.4 */
#pun-title h1 span {
  display: none;
}

#pun-title TABLE {
  border: none;
  height: 610px;
  width: 100%;
  margin-bottom: 0px;
}

#pun-title TD.title-logo-tdl {
  border: none;
  width: 100%;
}

#pun-title TD.title-logo-tdr {
  border: none;
  width: 610px;
  vertical-align: top center;
  padding-top: 0px;
  padding-right: 0px;
}

И меняете выделенные значения на свои (согласно размерам вашей шапки).

Отредактировано Ви (2011-05-14 16:21:32)

+1

9

  • Автор: Hiroki
  • Форумчанин
  • Откуда: Киев
  • Зарегистрирован: 2009-02-08
  • Приглашений: 0
  • Сообщений: 260
  • Уважение: +4
  • Позитив: +33
  • Пол: Мужской
  • Возраст: 29 [1995-03-23]
  • Провел на форуме:
    3 дня 19 часов
  • Последний визит:
    2012-08-02 03:14:22

Спосибо вроде понял, но может быть вы мне ещё понадобитесь - с меня плюсики за все сообщения - большое спосибо

0

10

  • Автор: Hiroki
  • Форумчанин
  • Откуда: Киев
  • Зарегистрирован: 2009-02-08
  • Приглашений: 0
  • Сообщений: 260
  • Уважение: +4
  • Позитив: +33
  • Пол: Мужской
  • Возраст: 29 [1995-03-23]
  • Провел на форуме:
    3 дня 19 часов
  • Последний визит:
    2012-08-02 03:14:22
Код:
body {
    background: url(Картинка) background-attachment: fixed;
background-position: top center;
    }

ЗАчем это?

Отредактировано Hiroki (2011-05-14 19:19:23)

0

11

  • Автор: Ви
  • Может и модератор
  • Ви
  • Зарегистрирован: 2008-12-29
  • Приглашений: 0
  • Сообщений: 2220
  • Уважение: +253
  • Позитив: +31
  • Пол: Женский
  • Возраст: 29 [1994-11-23]
  • Провел на форуме:
    1 месяц 4 дня
  • Последний визит:
    2012-08-16 18:17:18

Hiroki, задает положение фона по центру и не дает ему прокручиваться.

0

12

  • Автор: Juli.B
  • Новичок
  • Juli.B
  • Зарегистрирован: 2011-05-14
  • Приглашений: 0
  • Сообщений: 9
  • Уважение: 0
  • Позитив: 0
  • Провел на форуме:
    3 часа 41 минуту
  • Последний визит:
    2011-06-22 16:28:10

Ви
как сделать так чтоб фон,не обрывался на середине пути? сделать его больше?

0

13

  • Автор: Ви
  • Может и модератор
  • Ви
  • Зарегистрирован: 2008-12-29
  • Приглашений: 0
  • Сообщений: 2220
  • Уважение: +253
  • Позитив: +31
  • Пол: Женский
  • Возраст: 29 [1994-11-23]
  • Провел на форуме:
    1 месяц 4 дня
  • Последний визит:
    2012-08-16 18:17:18

Juli.B, а можно сначала посмотреть на форум, где фон стоит?

0

14

  • Автор: Juli.B
  • Новичок
  • Juli.B
  • Зарегистрирован: 2011-05-14
  • Приглашений: 0
  • Сообщений: 9
  • Уважение: 0
  • Позитив: 0
  • Провел на форуме:
    3 часа 41 минуту
  • Последний визит:
    2011-06-22 16:28:10

Ви
http://nashmirinichegodrygovo.spybb.ru/
фона там нету,просто когда я его ставила,он шел,потом обрывался,я делала больше,но все равно не сработало.

0

15

  • Автор: Ви
  • Может и модератор
  • Ви
  • Зарегистрирован: 2008-12-29
  • Приглашений: 0
  • Сообщений: 2220
  • Уважение: +253
  • Позитив: +31
  • Пол: Женский
  • Возраст: 29 [1994-11-23]
  • Провел на форуме:
    1 месяц 4 дня
  • Последний визит:
    2012-08-16 18:17:18

Juli.B, так а как я могу вам помочь, если не могу посмотреть, как становится фон? Поставьте минут на пять.

0

16

  • Автор: Juli.B
  • Новичок
  • Juli.B
  • Зарегистрирован: 2011-05-14
  • Приглашений: 0
  • Сообщений: 9
  • Уважение: 0
  • Позитив: 0
  • Провел на форуме:
    3 часа 41 минуту
  • Последний визит:
    2011-06-22 16:28:10
Ви написал(а):

Поставьте минут на пять.

ок,все готово.

0

17

  • Автор: Ви
  • Может и модератор
  • Ви
  • Зарегистрирован: 2008-12-29
  • Приглашений: 0
  • Сообщений: 2220
  • Уважение: +253
  • Позитив: +31
  • Пол: Женский
  • Возраст: 29 [1994-11-23]
  • Провел на форуме:
    1 месяц 4 дня
  • Последний визит:
    2012-08-16 18:17:18

Juli.B, а каким кодом пользуетесь?

0

18

  • Автор: Juli.B
  • Новичок
  • Juli.B
  • Зарегистрирован: 2011-05-14
  • Приглашений: 0
  • Сообщений: 9
  • Уважение: 0
  • Позитив: 0
  • Провел на форуме:
    3 часа 41 минуту
  • Последний визит:
    2011-06-22 16:28:10
Ви написал(а):

а каким кодом пользуетесь?

Код:
background-image: url(http://www.10pix.ru/img1/911798/4369102.jpg);
background-repeat: no-repeat;
background-position: top center; color: black;}

0

19

  • Автор: Ви
  • Может и модератор
  • Ви
  • Зарегистрирован: 2008-12-29
  • Приглашений: 0
  • Сообщений: 2220
  • Уважение: +253
  • Позитив: +31
  • Пол: Женский
  • Возраст: 29 [1994-11-23]
  • Провел на форуме:
    1 месяц 4 дня
  • Последний визит:
    2012-08-16 18:17:18

Juli.B, поставьте:

body {
background-image: url(http://www.10pix.ru/img1/911798/4369102.jpg); background-attachment: fixed;
background-repeat: no-repeat;
background-position: top center; color: black;}

0

20

  • Автор: Juli.B
  • Новичок
  • Juli.B
  • Зарегистрирован: 2011-05-14
  • Приглашений: 0
  • Сообщений: 9
  • Уважение: 0
  • Позитив: 0
  • Провел на форуме:
    3 часа 41 минуту
  • Последний визит:
    2011-06-22 16:28:10

Ви
спасибо большое,фон теперь не обрывается)

0

21

  • Автор: Хэдвинс
  • Новичок
  • Хэдвинс
  • Зарегистрирован: 2011-05-15
  • Приглашений: 0
  • Сообщений: 12
  • Уважение: 0
  • Позитив: +3
  • Пол: Мужской
  • Возраст: 38 [1986-01-13]
  • Провел на форуме:
    6 часов 55 минут
  • Последний визит:
    2011-10-31 09:23:43

подскажите, возможно ли убрать то, что на картинке обведенно красным? и кнопки поставить в "самопальную"шапку? ( на плавующую вверху недоделки пока не обращать внимания ^_^ )

Отредактировано Хэдвинс (2011-05-15 16:49:57)

0

22

  • Автор: Ви
  • Может и модератор
  • Ви
  • Зарегистрирован: 2008-12-29
  • Приглашений: 0
  • Сообщений: 2220
  • Уважение: +253
  • Позитив: +31
  • Пол: Женский
  • Возраст: 29 [1994-11-23]
  • Провел на форуме:
    1 месяц 4 дня
  • Последний визит:
    2012-08-16 18:17:18

Хэдвинс, совсем убрать нельзя по той простой причине, что тогда у вас просто не будет доступа... к администрированию, скажем. А что такое "самопальная" шапка?

0

23

  • Автор: Хэдвинс
  • Новичок
  • Хэдвинс
  • Зарегистрирован: 2011-05-15
  • Приглашений: 0
  • Сообщений: 12
  • Уважение: 0
  • Позитив: +3
  • Пол: Мужской
  • Возраст: 38 [1986-01-13]
  • Провел на форуме:
    6 часов 55 минут
  • Последний визит:
    2011-10-31 09:23:43

а переместить , допустим, в самый низ форума?
самопальная, в смысле, написанная самостоятельно хотя бы на половину)

0

24

  • Автор: Ви
  • Может и модератор
  • Ви
  • Зарегистрирован: 2008-12-29
  • Приглашений: 0
  • Сообщений: 2220
  • Уважение: +253
  • Позитив: +31
  • Пол: Женский
  • Возраст: 29 [1994-11-23]
  • Провел на форуме:
    1 месяц 4 дня
  • Последний визит:
    2012-08-16 18:17:18

Хэдвинс, и вниз нельзя. Единственное, что с ней можно сделать, это с помощью своего стиля сместить все эти кнопки ("Форум", "Участники" и т.д.) либо вправо, либо влево.

0

25

  • Автор: Хэдвинс
  • Новичок
  • Хэдвинс
  • Зарегистрирован: 2011-05-15
  • Приглашений: 0
  • Сообщений: 12
  • Уважение: 0
  • Позитив: +3
  • Пол: Мужской
  • Возраст: 38 [1986-01-13]
  • Провел на форуме:
    6 часов 55 минут
  • Последний визит:
    2011-10-31 09:23:43

ыгы..... и меньше  уже эту полоску не сделать? *грустно*

0

26

  • Автор: Ви
  • Может и модератор
  • Ви
  • Зарегистрирован: 2008-12-29
  • Приглашений: 0
  • Сообщений: 2220
  • Уважение: +253
  • Позитив: +31
  • Пол: Женский
  • Возраст: 29 [1994-11-23]
  • Провел на форуме:
    1 месяц 4 дня
  • Последний визит:
    2012-08-16 18:17:18

Хэдвинс, а чего вы именно этот стиль выбрали? Ну там же наверняка есть и те, где полоски поменьше будут.

0

27

  • Автор: Хэдвинс
  • Новичок
  • Хэдвинс
  • Зарегистрирован: 2011-05-15
  • Приглашений: 0
  • Сообщений: 12
  • Уважение: 0
  • Позитив: +3
  • Пол: Мужской
  • Возраст: 38 [1986-01-13]
  • Провел на форуме:
    6 часов 55 минут
  • Последний визит:
    2011-10-31 09:23:43

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

0

28

  • Автор: Ви
  • Может и модератор
  • Ви
  • Зарегистрирован: 2008-12-29
  • Приглашений: 0
  • Сообщений: 2220
  • Уважение: +253
  • Позитив: +31
  • Пол: Женский
  • Возраст: 29 [1994-11-23]
  • Провел на форуме:
    1 месяц 4 дня
  • Последний визит:
    2012-08-16 18:17:18

Хэдвинс, ну что ли закажите где-нибудь стиль, коль у самих не получается

0

29

  • Автор: Хэдвинс
  • Новичок
  • Хэдвинс
  • Зарегистрирован: 2011-05-15
  • Приглашений: 0
  • Сообщений: 12
  • Уважение: 0
  • Позитив: +3
  • Пол: Мужской
  • Возраст: 38 [1986-01-13]
  • Провел на форуме:
    6 часов 55 минут
  • Последний визит:
    2011-10-31 09:23:43

видать придется)))

0

30

  • Автор: Juli.B
  • Новичок
  • Juli.B
  • Зарегистрирован: 2011-05-14
  • Приглашений: 0
  • Сообщений: 9
  • Уважение: 0
  • Позитив: 0
  • Провел на форуме:
    3 часа 41 минуту
  • Последний визит:
    2011-06-22 16:28:10

Здравствуйте,я хотела спросить,а сделать так что бы слова форум,поиск, участники,сообщения были под шапкой,а не на ней?
http://nashmirinichegodrygovo.spybb.ru/

0

Страница: 1

Вы здесь » Форум поддержки пользователей ZeroParking » Архив тем » Множество вопросов по дизайну форума.

Рейтинг форумов | Создать форум бесплатно