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

Поделиться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
Сообщений: 51422
Уважение: +15369
Позитив: +11882
Последний визит:
Сегодня 14:56:20

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
Сообщений: 51422
Уважение: +15369
Позитив: +11882
Последний визит:
Сегодня 14:56:20

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

0

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

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51422
Уважение: +15369
Позитив: +11882
Последний визит:
Сегодня 14:56:20

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) Флуд
Последний визит:
Чт, 12 Сен 2024 22:56:20

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) Флуд
Последний визит:
Чт, 12 Сен 2024 22:56:20

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

0

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

Автор: 103
Заслуженный
Зарегистрирован: Вт, 30 Сен 2014
Сообщений: 287
Уважение: +70
Позитив: +64
Предупреждения: 1) Флуд
Последний визит:
Чт, 12 Сен 2024 22:56:20

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
Сообщений: 51422
Уважение: +15369
Позитив: +11882
Последний визит:
Сегодня 14:56:20

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

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

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

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

0

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

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51422
Уважение: +15369
Позитив: +11882
Последний визит:
Сегодня 14:56:20

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
Сообщений: 51422
Уважение: +15369
Позитив: +11882
Последний визит:
Сегодня 14:56:20

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