Оформление фона и тела форума

Перевести Поделиться1Вт, 17 Мар 2015 21:05:22

Автор: Senra
Заслуженный
Зарегистрирован: Пт, 18 Фев 2011
Сообщений: 14
Уважение: 0
Позитив: 0
Последний визит:
Вт, 31 Мар 2015 20:18:40

Добрый день. Использовала найденные на этом форуме скрипты

Фиксированный фон

<style type="text/css">
html, body {
background: transparent none !important;
}
</style>
<img src="http://s018.radikal.ru/i510/1503/5e/a9c155b97f10.jpg" style="position: fixed; top: 0; left: 0; z-index: -1; width: 100%; height: 100% ; margin: 0 0 0 0;"/>

(необходим, т.к. картинка слишком большая и вся не видна на экране )

Прозрачное тело

<style>
#pun{
filter:alpha(opacity=80);
opacity: 0.8;
-moz-opacity: 0.8;
}
.punbb img{
filter:alpha(opacity=100);
opacity: 1.0;
-moz-opacity: 1.0;
-khtml-opacity: 1.0;
}
</style>

Но при использовании обоих скриптов фон весь форум тускнеет и все. Я не знаю как это исправить. Другие скрипты полупрозрачного тела не работают вообще, просто через rgba делать прозрачность чтобы только тело было полупрозрачным пыталась, но не получилось ничего. Помогите разобраться ,пожалуйста)

Адрес сайта на котором провожу эксперименты - http://soulofworld.newbb.ru

Отредактировано Senra (Вт, 17 Мар 2015 21:07:17)

0

Перевести Поделиться2Вт, 17 Мар 2015 22:12:00

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51726
Уважение: +15542
Позитив: +12351
Последний визит:
Сегодня 13:52:03

Senra
1. Зачем Вам прозрачное тело ?

0

Перевести Поделиться3Вт, 17 Мар 2015 22:49:07

Автор: Senra
Заслуженный
Зарегистрирован: Пт, 18 Фев 2011
Сообщений: 14
Уважение: 0
Позитив: 0
Последний визит:
Вт, 31 Мар 2015 20:18:40

Deff

картинка на фон не бесшовная, а сплошная - хочу чтобы ее было видно полностью

0

Перевести Поделиться4Вт, 17 Мар 2015 22:54:53

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51726
Уважение: +15542
Позитив: +12351
Последний визит:
Сегодня 13:52:03

Senra
Я не знаю, как это реализовать, создайте макет в ФШ, как это должно выглядеть в Итоге

0

Перевести Поделиться5Вт, 17 Мар 2015 22:57:59

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51726
Уважение: +15542
Позитив: +12351
Последний визит:
Сегодня 13:52:03

Senra
Можно найти стиль с очищенными границами, http://forumd.ru/viewforum.php?id=97
поставить на тело форума полупрозрачную картинку, сквозь которую на главной будет виден фон, но в топике, типично его всё одно перекрывают непрозрачным фоном в сообщениях, ибо полупрозрачность в топике - убивает общение

0

Перевести Поделиться6Вт, 17 Мар 2015 23:03:22

Автор: Senra
Заслуженный
Зарегистрирован: Пт, 18 Фев 2011
Сообщений: 14
Уважение: 0
Позитив: 0
Последний визит:
Вт, 31 Мар 2015 20:18:40

Я, наверное запуталась в терминах.
http://s57.radikal.ru/i156/1503/ff/87b449239e49.png - то как выглядит форум сейчас ( потускневший)

выделенное зеленым по задумке должно быть полупрозрачным (около 80%)

http://s020.radikal.ru/i704/1503/2a/77041b324454.jpg вот на всякий случай фоновая картинка (заодно видно как изменился цвет)

0

Перевести Поделиться7Вт, 17 Мар 2015 23:04:46

Автор: Senra
Заслуженный
Зарегистрирован: Пт, 18 Фев 2011
Сообщений: 14
Уважение: 0
Позитив: 0
Последний визит:
Вт, 31 Мар 2015 20:18:40

Deff
я даже скрипт замены фона тела на картинку не смогла найти. только частичные какие-то скрипты чуть ли не на каждый квадратик О_о

0

Перевести Поделиться8Вт, 17 Мар 2015 23:18:43

Автор: 103
Заслуженный
Зарегистрирован: Вт, 30 Сен 2014
Сообщений: 287
Уважение: +70
Позитив: +64
Предупреждения: 1) Флуд
Последний визит:
Ср, 1 Окт 2025 00:33:51

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

я даже скрипт замены фона тела на картинку не смогла найти

все что вы ставили до этого удалите
этот код в html верх фоновая картинка в коде ваша http://savepic.net/6487121.jpg но ее не мешало бы чуть
уменьшить, с такой форум будет долго загружаться

Код:

<script type="text/javascript"><!--Фон -->
var Myimg="<img id=Myimg src=\"http://savepic.net/6487121.jpg\" style=\"left:0!important;display:block;position:fixed!important;z-index:-1;width: 107%!important;margin: 0 4% 0 -4%;\"/>"
$("#pun").prepend(Myimg);</script>
<style>#Myimg {position:absolute;width:100%!important;height:100%!important;top:-10px!important;}
body{background-image:none;background-color:transparent!important;top:0!important;}
</style><!--end Фон -->

0

Перевести Поделиться9Вт, 17 Мар 2015 23:23:35

Автор: Senra
Заслуженный
Зарегистрирован: Пт, 18 Фев 2011
Сообщений: 14
Уважение: 0
Позитив: 0
Последний визит:
Вт, 31 Мар 2015 20:18:40

103
картинка встала нормально (не считая кривой зеленой полосы внизу) но код прозрачности тела все равно не работает ( но хоть не делает все тусклым) ((( но все равно спасибо

0

Перевести Поделиться10Вт, 17 Мар 2015 23:23:42

Автор: 103
Заслуженный
Зарегистрирован: Вт, 30 Сен 2014
Сообщений: 287
Уважение: +70
Позитив: +64
Предупреждения: 1) Флуд
Последний визит:
Ср, 1 Окт 2025 00:33:51

Senra или подберите другую фоновую картинку пример

0

Перевести Поделиться11Вт, 17 Мар 2015 23:24:50

Автор: 103
Заслуженный
Зарегистрирован: Вт, 30 Сен 2014
Сообщений: 287
Уважение: +70
Позитив: +64
Предупреждения: 1) Флуд
Последний визит:
Ср, 1 Окт 2025 00:33:51

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

103
но код прозрачности тела все равно не работает ( но хоть не делает все тусклым) ((( но все равно спасибо

ну так удалите его

0

Перевести Поделиться12Вт, 17 Мар 2015 23:26:11

Автор: Senra
Заслуженный
Зарегистрирован: Пт, 18 Фев 2011
Сообщений: 14
Уважение: 0
Позитив: 0
Последний визит:
Вт, 31 Мар 2015 20:18:40

если бы я хотела поменять картинку или забить на прозрачный фон я бы вообще не стала обращаться сюда за помощью. суть как раз в том чтобы и то и то работало, а не что-то одно. Что-то одно и так работает

0

Перевести Поделиться13Вт, 17 Мар 2015 23:26:45

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51726
Уважение: +15542
Позитив: +12351
Последний визит:
Сегодня 13:52:03

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

я даже скрипт замены фона тела на картинку не смогла найти. только частичные какие-то скрипты чуть ли не на каждый квадратик О_о

Фон тела ставим на #pun (Если все контейнеры и секции очищены от бордеров и фонового цвета, ищите в стилях)
Во второе Окно, примерно так

#pun {
background: url(картинка размножаемая по Y) center top repeat-y;
}

0

Перевести Поделиться14Вт, 17 Мар 2015 23:29:58

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51726
Уважение: +15542
Позитив: +12351
Последний визит:
Сегодня 13:52:03

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

суть как раз в том чтобы и то и то работало

1.Я Вам пояснил, в каком случае будет работать корректно
2. Прозрачность в топике - не желательна, так что весь эффект будет виден лишь на главной, в топике в самом сообщении опыт и эксперимент заставит Вас отказаться от прозрачности. Поверьте пробам и запросам за пять лет

0

Перевести Поделиться15Вт, 17 Мар 2015 23:31:32

Автор: Senra
Заслуженный
Зарегистрирован: Пт, 18 Фев 2011
Сообщений: 14
Уважение: 0
Позитив: 0
Последний визит:
Вт, 31 Мар 2015 20:18:40

Deff
на в хтмл верх ни в низ не подошло, а в свой стиль я вообще боюсь залезать, одно что-то поменяешь там уже все слетит(

0

Перевести Поделиться16Вт, 17 Мар 2015 23:37:10

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51726
Уважение: +15542
Позитив: +12351
Последний визит:
Сегодня 13:52:03

Senra
Оно и не может подойти сразу и сейчас
Ибо у Вас стиль неочищен ни от бордеров, ни от фонового цвета
=================
В классических стилях имхо нет вообще прочищенных вариантов

Я Вам дал ссылку на дизайнерские.
=======================
Чтобы не бояться и переживать - сохраняйте всё, за что боитесь, перед изменением в Сообщении в блоке код
Одно окно с кодами в одно сообщение и подписывайте "что это" перед блоком код
======================
Вот, к примеру попытка очистки стиля:
: Общие вопросы по оформлению (35) пост 149
======================

0

Перевести Поделиться17Вт, 17 Мар 2015 23:41:43

Автор: Senra
Заслуженный
Зарегистрирован: Пт, 18 Фев 2011
Сообщений: 14
Уважение: 0
Позитив: 0
Последний визит:
Вт, 31 Мар 2015 20:18:40

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

Отредактировано Senra (Вт, 17 Мар 2015 23:46:23)

0

Перевести Поделиться18Вт, 17 Мар 2015 23:48:48

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51726
Уважение: +15542
Позитив: +12351
Последний визит:
Сегодня 13:52:03

Senra
Сохраните - что нужно из текущего, поставьте стиль, поставьте Вашу картинку - отпишитесь

0

Перевести Поделиться19Ср, 18 Мар 2015 00:09:17

Автор: Senra
Заслуженный
Зарегистрирован: Пт, 18 Фев 2011
Сообщений: 14
Уважение: 0
Позитив: 0
Последний визит:
Вт, 31 Мар 2015 20:18:40

Deff
фигня какая-то получается в итоге... в общем "свой стиль" это точно не мое. Попробую придумать что-то другое

0

Перевести Поделиться20Ср, 18 Мар 2015 00:20:05

Автор: 103
Заслуженный
Зарегистрирован: Вт, 30 Сен 2014
Сообщений: 287
Уважение: +70
Позитив: +64
Предупреждения: 1) Флуд
Последний визит:
Ср, 1 Окт 2025 00:33:51

Senra мой тестовый форум http://testingi.mybb.ru/ вы так хотите сделать ?

0

Общие вопросы по оформлению (59)	Архив	Вс, 17 Июл 2016
Общие вопросы по оформлению (37)	Корзина	Вс, 6 Ноя 2011
Общие вопросы по оформлению (65) #2	Вопросы по оформлению форума	Вт, 23 Дек 2025
Общие вопросы по оформлению (64)	Архив	Вт, 12 Фев 2019
Общие вопросы по оформлению (60)	Архив	Вс, 16 Окт 2016

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

Меню навигации

Пользовательские ссылки

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

Оформление фона и тела форума

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

Перевести Поделиться1Вт, 17 Мар 2015 21:05:22

Перевести Поделиться2Вт, 17 Мар 2015 22:12:00

Перевести Поделиться3Вт, 17 Мар 2015 22:49:07

Перевести Поделиться4Вт, 17 Мар 2015 22:54:53

Перевести Поделиться5Вт, 17 Мар 2015 22:57:59

Перевести Поделиться6Вт, 17 Мар 2015 23:03:22

Перевести Поделиться7Вт, 17 Мар 2015 23:04:46

Перевести Поделиться8Вт, 17 Мар 2015 23:18:43

Перевести Поделиться9Вт, 17 Мар 2015 23:23:35

Перевести Поделиться10Вт, 17 Мар 2015 23:23:42

Перевести Поделиться11Вт, 17 Мар 2015 23:24:50

Перевести Поделиться12Вт, 17 Мар 2015 23:26:11

Перевести Поделиться13Вт, 17 Мар 2015 23:26:45

Перевести Поделиться14Вт, 17 Мар 2015 23:29:58

Перевести Поделиться15Вт, 17 Мар 2015 23:31:32

Перевести Поделиться16Вт, 17 Мар 2015 23:37:10

Перевести Поделиться17Вт, 17 Мар 2015 23:41:43

Перевести Поделиться18Вт, 17 Мар 2015 23:48:48

Перевести Поделиться19Ср, 18 Мар 2015 00:09:17

Перевести Поделиться20Ср, 18 Мар 2015 00:20:05

Похожие темы

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

Меню навигации

Пользовательские ссылки

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

Оформление фона и тела форума

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

ПеревестиПоделиться1Вт, 17 Мар 2015 21:05:22

ПеревестиПоделиться2Вт, 17 Мар 2015 22:12:00

ПеревестиПоделиться3Вт, 17 Мар 2015 22:49:07

ПеревестиПоделиться4Вт, 17 Мар 2015 22:54:53

ПеревестиПоделиться5Вт, 17 Мар 2015 22:57:59

ПеревестиПоделиться6Вт, 17 Мар 2015 23:03:22

ПеревестиПоделиться7Вт, 17 Мар 2015 23:04:46

ПеревестиПоделиться8Вт, 17 Мар 2015 23:18:43

ПеревестиПоделиться9Вт, 17 Мар 2015 23:23:35

ПеревестиПоделиться10Вт, 17 Мар 2015 23:23:42

ПеревестиПоделиться11Вт, 17 Мар 2015 23:24:50

ПеревестиПоделиться12Вт, 17 Мар 2015 23:26:11

ПеревестиПоделиться13Вт, 17 Мар 2015 23:26:45

ПеревестиПоделиться14Вт, 17 Мар 2015 23:29:58

ПеревестиПоделиться15Вт, 17 Мар 2015 23:31:32

ПеревестиПоделиться16Вт, 17 Мар 2015 23:37:10

ПеревестиПоделиться17Вт, 17 Мар 2015 23:41:43

ПеревестиПоделиться18Вт, 17 Мар 2015 23:48:48

ПеревестиПоделиться19Ср, 18 Мар 2015 00:09:17

ПеревестиПоделиться20Ср, 18 Мар 2015 00:20:05

Похожие темы

Перевести Поделиться1Вт, 17 Мар 2015 21:05:22

Перевести Поделиться2Вт, 17 Мар 2015 22:12:00

Перевести Поделиться3Вт, 17 Мар 2015 22:49:07

Перевести Поделиться4Вт, 17 Мар 2015 22:54:53

Перевести Поделиться5Вт, 17 Мар 2015 22:57:59

Перевести Поделиться6Вт, 17 Мар 2015 23:03:22

Перевести Поделиться7Вт, 17 Мар 2015 23:04:46

Перевести Поделиться8Вт, 17 Мар 2015 23:18:43

Перевести Поделиться9Вт, 17 Мар 2015 23:23:35

Перевести Поделиться10Вт, 17 Мар 2015 23:23:42

Перевести Поделиться11Вт, 17 Мар 2015 23:24:50

Перевести Поделиться12Вт, 17 Мар 2015 23:26:11

Перевести Поделиться13Вт, 17 Мар 2015 23:26:45

Перевести Поделиться14Вт, 17 Мар 2015 23:29:58

Перевести Поделиться15Вт, 17 Мар 2015 23:31:32

Перевести Поделиться16Вт, 17 Мар 2015 23:37:10

Перевести Поделиться17Вт, 17 Мар 2015 23:41:43

Перевести Поделиться18Вт, 17 Мар 2015 23:48:48

Перевести Поделиться19Ср, 18 Мар 2015 00:09:17

Перевести Поделиться20Ср, 18 Мар 2015 00:20:05