Фон и логотип слитно

Поделиться141Вс, 26 Сен 2010 21:31:46

Автор: rps
Стремясь к новому...
Зарегистрирован: Вс, 12 Окт 2008
Сообщений: 22652
Уважение: +4738
Позитив: +3431
Пол: Мужской
Предупреждения: ‡ 1. 2. 3. ... 10!
Последний визит:
Вс, 14 Мар 2021 21:42:57

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

Только вот появилась новая проблема с областью, где написано Форум, Участники, произошли странные вещи - Так отображает Опера.

Попробуйте этот код добавить в ХТМЛ-верх:

Код:

<style type="text/css">
#pun-title TABLE, #pun-title h1 {
height: 120px !important;
}

#pun-navlinks #navprofile {
padding-left: 0 !important;
}
</style>

0

Поделиться142Пн, 27 Сен 2010 14:39:49

Автор: Sumoro
Заслуженный
Зарегистрирован: Сб, 25 Сен 2010
Сообщений: 12
Уважение: 0
Позитив: 0
Пол: Женский
Последний визит:
Вт, 30 Ноя 2010 21:29:47

rps, Deff

Все получилось!) спасибо вам еще раз!)))

0

Поделиться143Вт, 5 Окт 2010 15:17:26

Автор: scary doll
Стремящийся
Зарегистрирован: Чт, 23 Сен 2010
Сообщений: 4
Уважение: 0
Позитив: 0
Последний визит:
Ср, 16 Фев 2011 23:01:36

ещё хотела спросить.. можно вот эту часть форума сделать прозрачной и чтобы края чуток закруглёные были?

http://unknown.0bb.ru/

0

Поделиться144Вт, 5 Окт 2010 16:34:25

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51193
Уважение: +15226
Позитив: +11641
Последний визит:
Сегодня 01:17:47

scary doll

Попробуйте заменить весь код в HTML верх на этот

<img src="http://savepic.ru/1826393.png" style="width: 100%;margin: -40px 0 0 0;"/>
<style type="text/css">
#pun-navlinks.section .container {margin-top: -565px!important; }
HTML {
background:#1e1a1a url(http://i066.radikal.ru/1010/cc/7f4f292e0f71.jpg) no-repeat top center;
}

body {
background: transparent none !important;
}

#pun {
width: 850px;
margin: 850px auto 0 auto;
</style>

Отредактировано Deff (Вт, 5 Окт 2010 16:59:44)

0

Поделиться145Вт, 5 Окт 2010 23:36:33

Автор: scary doll
Стремящийся
Зарегистрирован: Чт, 23 Сен 2010
Сообщений: 4
Уважение: 0
Позитив: 0
Последний визит:
Ср, 16 Фев 2011 23:01:36

Deff
спасибочки..)) теперь всё как надо^^

0

Поделиться146Сб, 9 Окт 2010 23:45:33

Автор: Pigalle
Заслуженный
Зарегистрирован: Вс, 25 Апр 2010
Сообщений: 133
Уважение: +3
Позитив: +45
Пол: Женский
Последний визит:
Чт, 1 Дек 2016 15:52:53

Решила все-таки последовать этим сравнительно новым модным тенденциям и попробовать соорудить дизайн основанный на принципе слитного фона и логотипа. Долго и нудно читала эту тему - кстати,вы бы хоть как-то структурировали ее, что ли... ну, в первый пост, например, какое-то подобие инструкции вынесли или хотя бы коды основные.... ну да ладно, - и теперь, когда проблема с самим фоном и заливкой форума, казалось, решена, возникла другая.
Возможно ли сделать фон под объявлением прозрачным? Дело в том, что код заливки фона между таблицами, как я понимаю, перекрывает любые коды прозрачности остальных элементов... а если этот код (фона между таблицами) убрать, то ширина форума странным образом начинает изменяться. %-) Подскажите, как можно решить эту проблему, пожалуйста.
Заранее спасибо.

тестовик здесь >> http://fraumoser.4bb.ru/

0

Поделиться147Вс, 10 Окт 2010 13:31:39

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51193
Уважение: +15226
Позитив: +11641
Последний визит:
Сегодня 01:17:47

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

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

Нарисуйте итог того, что хотите видеть ( надеюсь, что скриншот обработать в Фотошопе Вы сможете... - *туго понятно - что хочется в результате

0

Поделиться148Вс, 10 Окт 2010 13:42:46

Автор: lady_bobo.
Заслуженный
Зарегистрирован: Вт, 13 Июл 2010
Сообщений: 19
Уважение: 0
Позитив: +1
Последний визит:
Сб, 25 Дек 2010 14:50:06

<style type="text/css">
html {
background: url(рр) repeat-y;
}
body {
background-color: transparent !important;
background-image: url(http://savepic.ru/1831587.png);
background-repeat: no-repeat;
}
</style>

появилась такая проблема... ставлю код так, весь форум становится белым.

<style type="text/css">
html {
background: #000 url(рр) repeat-y;
}
body {
background-color: transparent !important;
background-image: url(http://savepic.ru/1831587.png);
background-repeat: no-repeat;
}
</style>

ставлю так весь форум становится черным... ничего не понимаю. помогите

0

Поделиться149Вс, 10 Окт 2010 14:09:12

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51193
Уважение: +15226
Позитив: +11641
Последний визит:
Сегодня 01:17:47

lady_bobo. :crazyfun: А форум в Африке ??

0

Поделиться150Вс, 10 Окт 2010 14:21:02

Автор: Farming
Заслуженный
Зарегистрирован: Сб, 13 Мар 2010
Сообщений: 788
Уважение: +33
Позитив: +85
Пол: Мужской
Предупреждения: 3)
Последний визит:
Пн, 1 Фев 2016 19:51:48

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

lady_bobo. А форум в Африке ??

почему тошто он весь черный :crazyfun:

0

Поделиться151Вс, 10 Окт 2010 14:41:06

Автор: rps
Стремясь к новому...
Зарегистрирован: Вс, 12 Окт 2008
Сообщений: 22652
Уважение: +4738
Позитив: +3431
Пол: Мужской
Предупреждения: ‡ 1. 2. 3. ... 10!
Последний визит:
Вс, 14 Мар 2021 21:42:57

Pigalle
У Вас вообще почти всё не так сделано, как описано в этой теме. Начиная с фона, который не совпадает с фоном форума и будет видна граница, когда он закончится. И в самом коде масса ошибок. Тут только переделывать, или пусть кто-то другой над этим голову ломает.

0

Поделиться152Вс, 10 Окт 2010 14:55:25

Автор: rps
Стремясь к новому...
Зарегистрирован: Вс, 12 Окт 2008
Сообщений: 22652
Уважение: +4738
Позитив: +3431
Пол: Мужской
Предупреждения: ‡ 1. 2. 3. ... 10!
Последний визит:
Вс, 14 Мар 2021 21:42:57

lady_bobo.
Здравствуйте.

lady_bobo. написал(а):
ставлю так весь форум становится черным... ничего не понимаю. помогите

Поставьте лучше вот так:

<style type="text/css">
body {
background: #000 url(http://savepic.ru/1831587.png) repeat-y top center !important;
}

#pun {
width: 770px;
margin: 0 220px 0 auto;
}

#pun * {
color: #fff;
}
</style>

Красное - цвет фона. Синее - ширина форума. Зелёное - цвет текста. В принципе я уже немного подогнал, но без адреса форума тяжело сказать точно. Пробуйте.

0

Поделиться153Вс, 10 Окт 2010 16:30:35

Автор: lady_bobo.
Заслуженный
Зарегистрирован: Вт, 13 Июл 2010
Сообщений: 19
Уважение: 0
Позитив: +1
Последний визит:
Сб, 25 Дек 2010 14:50:06

rps
всё равно...
http://prostoku.0pk.ru/
цвет накрывает изображение... как то так оО

0

Поделиться154Вс, 10 Окт 2010 17:16:42

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51193
Уважение: +15226
Позитив: +11641
Последний визит:
Сегодня 01:17:47

lady_bobo.
Вы бы взяли стиль из генертора стилей - шобы не бороца с ошибками предыдущих товарищей ..(этот стиль под сайд бар скорее

0

Поделиться155Вс, 10 Окт 2010 17:26:59

Автор: Pigalle
Заслуженный
Зарегистрирован: Вс, 25 Апр 2010
Сообщений: 133
Уважение: +3
Позитив: +45
Пол: Женский
Последний визит:
Чт, 1 Дек 2016 15:52:53

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

как описано в этой теме.

А покажите мне хоть один пост в этой теме, где доступно и наглядно будет объяснено, что и как делать. Извините, но в теме уже восемь страниц, а кроме нескольких сообщений с парой-тройкой кодов, в которых черт ногу сломает, и споров по поводу, какой из кодов правильнее, практически ничего нет.

Фон совпадает, так как после конца исходного фона он будет плавно переходить в однотонный. Так что дело не в моей тупости, а, скорее, в неорганизованности самой темы.

0

Поделиться156Вс, 10 Окт 2010 17:53:28

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51193
Уважение: +15226
Позитив: +11641
Последний визит:
Сегодня 01:17:47

rps у lady_bobo. float left (в HTML низ и непобежденное мной(в заочных опытах #pun{ margin:150px - в первом окне стиля

0

Поделиться157Вс, 10 Окт 2010 18:22:01

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51193
Уважение: +15226
Позитив: +11641
Последний визит:
Сегодня 01:17:47

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

А покажите мне хоть один пост в этой теме, где доступно и наглядно будет объяснено, что и как делать. Извините, но в теме уже восемь страниц, а кроме нескольких сообщений с парой-тройкой кодов, в которых черт ногу сломает, и споров по поводу, какой из кодов правильнее, практически ничего нет.

<style> /* --- ! Как установить Фон и логотип слитно !--- */
/* 1-е - Ставим картинку в самый низ и задаём фоновый цвет всего бекграунда;
картинка либо repeat, -если повторяющийся рисунок по всему полю, - либо repeat-y - если есть некие "рельсы" -бордюр, лежащие вне(но рядом) пределов самого форума */
html {background: #21547C url(Aдрес самой нижней картинки) repeat-y top center !important;
}
/* 2-е - Ставим картинку на фон, обычно это и есть Логотип - т.е картинку не размножаем и пристыковываем к самому верху */
body { background: transparent url(Aдрес второй картинки накладываемый на фон) no-repeat top center !important;
}
/* 3-е - делаем фоновую и логотип связанными, именно они и будут прокручивацо по экрану вместе с форумом*/
html, body { background: scroll!important; margin: 0 auto;
}
/*4-е - фиксируем форум, даём ему цвет (если есть, если нет вместо #225781 => transparent;
ставим размножаемую картинку по высоте форума ( опять жи, если она есть
600px - оцтуп от верха - регулируете */
#pun { background: #225781 url(Aдрес картинки размножаемой по высоте форума, если она есть) repeat-y top center fixed !important; margin: 600px auto 0 auto!important;
}
/*  */
</style>

Отредактировано Deff (Вт, 12 Окт 2010 20:41:00)

0

Поделиться158Вс, 10 Окт 2010 18:49:31

Автор: rps
Стремясь к новому...
Зарегистрирован: Вс, 12 Окт 2008
Сообщений: 22652
Уважение: +4738
Позитив: +3431
Пол: Мужской
Предупреждения: ‡ 1. 2. 3. ... 10!
Последний визит:
Вс, 14 Мар 2021 21:42:57

lady_bobo. написал(а):

rpsвсё равно...http://prostoku.0pk.ru/цвет накрывает изображение... как то так оО

Я не могу понять, чего Вы хотите. Либо изъясняйтесь по-русски, либо делайте скриншот и отмечайте на нём проблему.
Тем более, почему у Вас стоит только часть моего кода?

0

Поделиться159Вс, 10 Окт 2010 18:52:19

Автор: rps
Стремясь к новому...
Зарегистрирован: Вс, 12 Окт 2008
Сообщений: 22652
Уважение: +4738
Позитив: +3431
Пол: Мужской
Предупреждения: ‡ 1. 2. 3. ... 10!
Последний визит:
Вс, 14 Мар 2021 21:42:57

Pigalle написал(а):
А покажите мне хоть один пост в этой теме, где доступно и наглядно будет объяснено, что и как делать. Извините, но в теме уже восемь страниц, а кроме нескольких сообщений с парой-тройкой кодов, в которых черт ногу сломает, и споров по поводу, какой из кодов правильнее, практически ничего нет. Фон совпадает, так как после конца исходного фона он будет плавно переходить в однотонный. Так что дело не в моей тупости, а, скорее, в неорганизованности самой темы.

В 14 сообщении достаточно ясно и просто всё расписано. Почему-то люди до Вас справлялись с проблемой. И там же (ниже) написано, что фон должен переходить в цвет, чтобы не обрываться... Вы этого не сделали.
Написано, что основной цвет на фоне в месте форума должен совпадать по цвету с самим форумом, чтобы можно было наложить один на другой - Вы этого тоже не сделали.
Так что Вы хотите? Чтобы мы сделали всё сами за Вас и выложили готовый код?

0

Поделиться160Вс, 10 Окт 2010 18:57:02

Автор: Pigalle
Заслуженный
Зарегистрирован: Вс, 25 Апр 2010
Сообщений: 133
Уважение: +3
Позитив: +45
Пол: Женский
Последний визит:
Чт, 1 Дек 2016 15:52:53

Deff
Благодарствую)) Опробую в ближайшем будущем)