Добрый день. Хотела бы попросить помочь мне с фоном. Дело в том, что я хочу сделать эффект, вроде как здесь; помогите, пожалуйста.
Прозрачный фон
Страница: 1
Сообщений 1 страница 9 из 9
Поделиться1Вт, 13 Апр 2010 16:25:09
- Заслуженный
- Зарегистрирован: Ср, 25 Ноя 2009
- Сообщений: 244
- Уважение: 0
- Позитив: +80
- Пол: Женский
- Последний визит:
Вс, 3 Янв 2016 11:21:40
Поделиться2Вт, 13 Апр 2010 17:03:42
- Стремясь к новому...
- Зарегистрирован: Вс, 12 Окт 2008
- Сообщений: 22652
- Уважение: +4738
- Позитив: +3431
- Пол: Мужской
- Предупреждения: ‡ 1. 2. 3. ... 10!
- Последний визит:
Вс, 14 Мар 2021 21:42:57
Caroline
Здравствуйте.
Caroline написал(а):
Добрый день. Хотела бы попросить помочь мне с фоном. Дело в том, что я хочу сделать эффект, вроде как здесь; помогите, пожалуйста.
Код примерно такой:
<style type="text/css">
body{
background: url(Адрес изображения) no-repeat center top fixed !important;
}#pun {
width: 905px;
margin: auto;
}.punbb .section .container,.punbb .post-body,.punbb .post-links,.punbb td.tc2,.punbb td.tc3,.punbb .formal fieldset .post-box,#viewprofile li strong,#viewprofile li div,#setmods dd,.punbb .info-box,.punbb #pun-main .info-box .legend,.punbb .main .container,.punbb .post .container,.punbb .post h3, #pun-stats h2,.punbb .main h1,.punbb .main h2,#pun-title,#pun-title .container,.punbb .modmenu .container,#pun-navlinks .container,.punbb th,.punbb .post h3 span,#pun-main fieldset legend span,.punbb textarea, .punbb .quote-box, .punbb .code-box{
background: transparent none !important;
}* {
border: none !important;
}
</style>
Выделенное красным - адрес фонового изображения. Выделенное зелёным - ширина фона. Выделенное синим - убирает все рамки. Если не нужно - можете удалить этот фрагмент.
Ставить в ХТМЛ-верх.
Отредактировано rps (Ср, 2 Фев 2011 00:39:21)
Поделиться3Пн, 19 Апр 2010 01:26:05
- Заслуженный
- Зарегистрирован: Ср, 17 Фев 2010
- Сообщений: 41
- Уважение: 0
- Позитив: +3
- Последний визит:
Ср, 28 Апр 2010 22:05:42
А как сделать, чтобы задний фон не двигался а там где надписи и всё прочее, был полупрозрачный или вовсе не прозрачный?
Поделиться4Пн, 19 Апр 2010 17:19:06
- Стремясь к новому...
- Зарегистрирован: Вс, 12 Окт 2008
- Сообщений: 22652
- Уважение: +4738
- Позитив: +3431
- Пол: Мужской
- Предупреждения: ‡ 1. 2. 3. ... 10!
- Последний визит:
Вс, 14 Мар 2021 21:42:57
Sasha Fierce
Здравствуйте.
Sasha Fierce написал(а):
А как сделать, чтобы задний фон не двигался а там где надписи и всё прочее, был полупрозрачный или вовсе не прозрачный?
Воспользоваться кодом выше. Для полупрозрачности надо нарисовать .png изображение нужной прозрачности и вставить фоном в нужные элементы.
Поделиться5Пн, 19 Апр 2010 22:23:19
- Заслуженный
- Зарегистрирован: Ср, 17 Фев 2010
- Сообщений: 41
- Уважение: 0
- Позитив: +3
- Последний визит:
Ср, 28 Апр 2010 22:05:42
rps, здравствуйте! Можно подробнее?))
Поделиться6Пн, 19 Апр 2010 22:29:17
- Стремясь к новому...
- Зарегистрирован: Вс, 12 Окт 2008
- Сообщений: 22652
- Уважение: +4738
- Позитив: +3431
- Пол: Мужской
- Предупреждения: ‡ 1. 2. 3. ... 10!
- Последний визит:
Вс, 14 Мар 2021 21:42:57
Sasha Fierce написал(а):
Можно подробнее?))
О чём именно?
Поделиться7Пн, 19 Апр 2010 23:57:06
- Заслуженный
- Зарегистрирован: Ср, 17 Фев 2010
- Сообщений: 41
- Уважение: 0
- Позитив: +3
- Последний визит:
Ср, 28 Апр 2010 22:05:42
Как сделать его полупрозрачным или вовсе не прозрачным. Вот задний фон цветной, а передний нужен полупрозрачный, куда вставлять ссылку?))
Поделиться8Вт, 20 Апр 2010 20:25:03
- Стремясь к новому...
- Зарегистрирован: Вс, 12 Окт 2008
- Сообщений: 22652
- Уважение: +4738
- Позитив: +3431
- Пол: Мужской
- Предупреждения: ‡ 1. 2. 3. ... 10!
- Последний визит:
Вс, 14 Мар 2021 21:42:57
Sasha Fierce
Второе сообщение прочтите внимательно...
Поделиться9Ср, 21 Апр 2010 12:03:57
- Заслуженный
- Зарегистрирован: Ср, 17 Фев 2010
- Сообщений: 41
- Уважение: 0
- Позитив: +3
- Последний визит:
Ср, 28 Апр 2010 22:05:42
Спасибо!
Страница: 1