Общие вопросы по оформлению (64)

Поделиться1Пн, 21 Май 2018 19:56:21

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51115
Уважение: +15197
Позитив: +11571
Последний визит:
Сегодня 22:00:08

Предыдущая тема: Общие вопросы по оформлению (63)


Инструменты для поиска и редактирования стиля (скриптов).	Как с помощью браузера можно определить элемент дизайна.
Каталог скриптов/CSS	Полезные скрипты, необходимые темы для новичков, а также ссылки на сайты рассказывающие что такое HTML и CSS.
Типовые Вопросы (ЧаВо)	Ответы на часто задаваемые вопросы.
Как задавать вопросы! Разница между стилем и скриптом. ( Советы)	Плюс к названию темы еще и Памятка.

Любой вопрос по оформлению/неполадкам сопровождайте ссылкой на форум, по которому возникли сложности.

Отредактировано Deff (Вт, 5 Июн 2018 18:07:41)

+1

Поделиться281Чт, 2 Авг 2018 19:27:43

Автор: kolobdur74
...
Зарегистрирован: Пн, 6 Сен 2010
Сообщений: 7338
Уважение: +5808
Позитив: +6437
Пол: Мужской
Последний визит:
Вс, 14 Апр 2024 13:30:41

Курама написал(а):

если сделать отступ то сместится и фон и тело.

С чего бы это? Задаете самому верхнему блоку position: relative; И фон не будет никуда смещаться..

0

Поделиться282Чт, 2 Авг 2018 19:48:15

Автор: Курама
Заслуженный
Зарегистрирован: Вт, 1 Ноя 2016
Сообщений: 275
Уважение: +63
Позитив: +83
Последний визит:
Вт, 19 Сен 2023 21:54:42

А это какой блок?

Я пробую смещать вот этим, но смещается всё.
#pun {margin-top:500px!important;}

0

Поделиться283Чт, 2 Авг 2018 20:02:57

Автор: kolobdur74
...
Зарегистрирован: Пн, 6 Сен 2010
Сообщений: 7338
Уважение: +5808
Позитив: +6437
Пол: Мужской
Последний визит:
Вс, 14 Апр 2024 13:30:41

Курама написал(а):

А это какой блок?

Ну, вот стандартное построение основных блоков на форумах Майбб:

html, body, pun_wrap, pun, punbb - как матрешка они находятся друг в друге, остальные основные блоки находятся внутри них и идут параллельно друг к другу.. Соответственно самый верхний видимый блок в данном случае - это pun-title..

Курама написал(а):

Я пробую смещать вот этим, но смещается всё.
#pun {margin-top:500px!important;}

Ну, если у вас фон на боди, то добавьте в ваш код:

Курама написал(а):

#pun {position: relative;margin-top:500px!important;}

Отредактировано kolobdur74 (Чт, 2 Авг 2018 20:03:50)

+1

Поделиться284Чт, 2 Авг 2018 20:51:44

Автор: Курама
Заслуженный
Зарегистрирован: Вт, 1 Ноя 2016
Сообщений: 275
Уважение: +63
Позитив: +83
Последний визит:
Вт, 19 Сен 2023 21:54:42

спасибо)

только вот то чего я добиваюсь, все равно не выходит

0

Поделиться285Чт, 2 Авг 2018 21:13:02

Автор: kolobdur74
...
Зарегистрирован: Пн, 6 Сен 2010
Сообщений: 7338
Уважение: +5808
Позитив: +6437
Пол: Мужской
Последний визит:
Вс, 14 Апр 2024 13:30:41

Курама написал(а):

только вот то чего я добиваюсь, все равно не выходит

А что надо конкретно? Лучше покажите на скриншоте, и адрес форума..

0

Поделиться286Чт, 2 Авг 2018 22:03:10

Автор: Курама
Заслуженный
Зарегистрирован: Вт, 1 Ноя 2016
Сообщений: 275
Уважение: +63
Позитив: +83
Последний визит:
Вт, 19 Сен 2023 21:54:42

вот как на том форуме
http://lostgeneration.f-rpg.ru/
чтобы шапка стояла

А вот тестовый ( стиль - 5-ая кнопка снизу)
http://testso.mybb.ru

шапка съежжает вниз вместе с телом форума. А если убрать отступ, то фон и шапка поднимаются вверх.

Там как-то по-другому такое оформление наверно делается, но я не знаю как.

0

Поделиться287Чт, 2 Авг 2018 22:14:39

Автор: kolobdur74
...
Зарегистрирован: Пн, 6 Сен 2010
Сообщений: 7338
Уважение: +5808
Позитив: +6437
Пол: Мужской
Последний визит:
Вс, 14 Апр 2024 13:30:41

Курама написал(а):

чтобы шапка стояла

Я не понимаю.. Покажите на скриншоте на вашем форуме как должно быть..

0

Поделиться288Чт, 2 Авг 2018 22:33:46

Автор: Курама
Заслуженный
Зарегистрирован: Вт, 1 Ноя 2016
Сообщений: 275
Уважение: +63
Позитив: +83
Последний визит:
Вт, 19 Сен 2023 21:54:42

Скриншот

Как-то так, надо шапку просто поднять чуть выше, припаять к верхушке тела
( картинки там конечно навскидку какие-попало)

0

Поделиться289Чт, 2 Авг 2018 22:39:12

Автор: kolobdur74
...
Зарегистрирован: Пн, 6 Сен 2010
Сообщений: 7338
Уважение: +5808
Позитив: +6437
Пол: Мужской
Последний визит:
Вс, 14 Апр 2024 13:30:41

Курама написал(а):

Как-то так, надо шапку просто поднять чуть выше, припаять к верхушке тела
( картинки там конечно навскидку какие-попало)

Так:

?

0

Поделиться290Чт, 2 Авг 2018 22:53:40

Автор: Курама
Заслуженный
Зарегистрирован: Вт, 1 Ноя 2016
Сообщений: 275
Уважение: +63
Позитив: +83
Последний визит:
Вт, 19 Сен 2023 21:54:42

Вроде того, только шапка планируется частично прозрачная,и чтобы ее низ выглядел как красивое обрамление над основным меню.

0

Поделиться291Чт, 2 Авг 2018 23:00:02

Автор: kolobdur74
...
Зарегистрирован: Пн, 6 Сен 2010
Сообщений: 7338
Уважение: +5808
Позитив: +6437
Пол: Мужской
Последний визит:
Вс, 14 Апр 2024 13:30:41

Курама написал(а):

Вроде того, только шапка планируется частично прозрачная,и чтобы ее низ выглядел как красивое обрамление над основным меню.

Ну, я могу только на том что вижу, на том что будет сложнее..))
Это убрать, он дублирует и мешается:

#pun-title table {background-image: url("http://www.imageup.ru/img178/3062928/sh-poslednyaya-2.jpg"); height:460px;}

Это убрать тоже мешается:

#pun {margin-top: -2px!important;}

Здесь вместо выделенного красным:

/* A5.1 */
#pun {
width : 975px;
margin: auto;
position: relative;
background: url(http://c.radikal.ru/c08/1805/72/8e607855db74.jpg) repeat-y; background-position: top center;
padding: 0 30px;
}

Поставить: margin: 800px auto auto auto;

Сюда:

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

Добавить:

position: absolute;
top: -460px;

Будет как я скинул скриншот..

+1

Поделиться292Чт, 2 Авг 2018 23:04:43

Автор: Курама
Заслуженный
Зарегистрирован: Вт, 1 Ноя 2016
Сообщений: 275
Уважение: +63
Позитив: +83
Последний визит:
Вт, 19 Сен 2023 21:54:42

спасиб)
буду пробовать (только уже завтра скорей всего)

+1

Поделиться293Пт, 3 Авг 2018 12:45:53

Автор: Шустов Павел Николаевич
Заслуженный
Зарегистрирован: Чт, 28 Июн 2018
Сообщений: 122
Уважение: +15
Позитив: +26
Последний визит:
Ср, 6 Мар 2019 22:32:39

На форуме ФЭС (Федеральная Экспертная Служба) стоит дизайн, который был давно сделан мной. До сего дня всё было хорошо. Сегодня начались проблемы. Браузер Opera обновился и, если я включаю блокировку рекламы, администрирование не отображается так, как на других сайтах. С другими сайтами проблем нет. Мне пришлось снять блокировку рекламы, но теперь на сайте очень много спама. Как сделать так, чтобы при включённой блокировке рекламы, администрирование отображалось правильно?

Скриншот того, что отображается при включённом блокировщике рекламы