Помоги-и-ите, пожалуйста.

Поделиться1Пн, 22 Авг 2011 12:32:26

Автор: Fransabella Morgan
Заслуженный
Зарегистрирован: Пн, 22 Авг 2011
Сообщений: 11
Уважение: 0
Позитив: 0
Последний визит:
Сб, 3 Сен 2011 12:11:34

Здравствуйте.
Целую неделю сижу за компьютером пытаюсь выучить html и разобраться в css. Вроде что-то есть, но все таки мало. Помогите мне, пожалуйста, с фоном и шапкой! Везде нахожу что-то типа этого

body {
background-color: #(цвет);
background-image: url(ссылка на картинку);
background-attachment: fixed;
background-position: top center;

}

пишут, вставьте в Цвета style_cs.css в самый верх. Получается вот что...(ну, конечно я и цвет и ссылку на картинку вставляла)

/* CS1 Background and text colours
-------------------------------------------------------------*/

body {
background-color: #(цвет);
background-image: url(ссылка на картинку);
background-attachment: fixed;
background-position: top center;

}

/* CS1.1 */
.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 {
background-color: #f1f1f1;
color: #333;
}

... и т.д.

Но дизайн остается таким, какой и был до этого. Помогите!!! Что не так?

0

Поделиться2Пн, 22 Авг 2011 12:47:28

Автор: Laktonika
Заслуженный
Зарегистрирован: Вс, 12 Дек 2010
Сообщений: 796
Уважение: +112
Позитив: +238
Последний визит:
Чт, 6 Фев 2025 16:53:30

Fransabella Morgan написал(а):

Но дизайн остается таким, какой и был до этого. Помогите!!! Что не так?

Покажите код именно в том виде, в котором Вы ставите.

0

Поделиться3Пн, 22 Авг 2011 13:23:02

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51456
Уважение: +15416
Позитив: +12026
Последний визит:
Вчера 12:01:03

Fransabella Morgan Сделайте Эскиз Итога желаний(на счёт Шапки и фона

Выложите ссылки на картинки, и ссылку на форум

Отредактировано Deff (Пн, 22 Авг 2011 13:23:22)

0

Поделиться4Пн, 22 Авг 2011 16:21:15

Автор: Fransabella Morgan
Заслуженный
Зарегистрирован: Пн, 22 Авг 2011
Сообщений: 11
Уважение: 0
Позитив: 0
Последний визит:
Сб, 3 Сен 2011 12:11:34

Форум http://chernovikrolka.rolka.su/

Картинки я нашла на вашем форуме, пока учусь на этом.
Фон http://xmages.net/storage/10/1/0/d/d/up … 8d76a3.png
Шапка(я так понимаю) http://xmages.net/storage/10/1/0/d/d/up … 81ef96.png

У меня получилось сделать фон,

Что делать с шапкой?

Ах да...вот код

/* CS1 Background and text colours
-------------------------------------------------------------*/

body {
background-color: #(00000);
background-image: url(http://xmages.net/storage/10/1/0/d/d/up … 8d76a3.png);
background-attachment: fixed;
background-position: top center;

}

/* CS1.1 */
.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 {
background-color: #f1f1f1;
color: #333;
}

...

Отредактировано Fransabella Morgan (Пн, 22 Авг 2011 16:22:45)

0

Поделиться5Пн, 22 Авг 2011 16:49:52

Автор: Fransabella Morgan
Заслуженный
Зарегистрирован: Пн, 22 Авг 2011
Сообщений: 11
Уважение: 0
Позитив: 0
Последний визит:
Сб, 3 Сен 2011 12:11:34

Кстати, можно фон как-нибудь зафексировать?

0

Поделиться6Пн, 22 Авг 2011 17:16:38

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51456
Уважение: +15416
Позитив: +12026
Последний визит:
Вчера 12:01:03

Fransabella Morgan

Пробуйте Искать в Поиске - вбейте тег background

Внизу Выставляйте - поиск по сообщениям(не по темам)
------------------------------------------------------------
Мну завтра сделай - сегодня задёргали...

0

Поделиться7Пн, 22 Авг 2011 17:21:31

Автор: Laktonika
Заслуженный
Зарегистрирован: Вс, 12 Дек 2010
Сообщений: 796
Уважение: +112
Позитив: +238
Последний визит:
Чт, 6 Фев 2025 16:53:30

Fransabella Morgan написал(а):

background-color: #(00000);

Скобки убрать надо.

0

Поделиться8Пн, 22 Авг 2011 17:46:54

Автор: Fransabella Morgan
Заслуженный
Зарегистрирован: Пн, 22 Авг 2011
Сообщений: 11
Уважение: 0
Позитив: 0
Последний визит:
Сб, 3 Сен 2011 12:11:34

DeffСпасибо* У меня все-таки получилось поставить шапку. http://chernovikrolka.rolka.su/
Но как вы видите, мешает реклама, шапка получилась больше нужного. Помогите сделать форум уже и фон плюс надо зафексировать.

Скобки убрать надо.

Спасибо

Отредактировано Fransabella Morgan (Пн, 22 Авг 2011 17:47:49)

0

Поделиться9Пн, 22 Авг 2011 18:37:33

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51456
Уважение: +15416
Позитив: +12026
Последний визит:
Вчера 12:01:03

Fransabella Morgan :glasses: Ошибки
1. Никогда не делайте для HTML изображения в png - если они не прозрачные и если можно сделать в jpg
поскольку формат jpg в 4-6 раз меньше по объёму загрузки!
2. Не заливайте изображения на инохостинг, если можно залить на свой форум >
Типовые Вопросы п.п.25

3. Для фиксации форума относительно фона необходимо зафиксировать ширину фора в пискселах
Обычно

#pun{
width:980px;
margin:0 auto;
}

980 - ширина - когда еще виден фон на мониках от 1024 пиксел по горизонтали

4. Итого - замените HTML верх на такое

Код:

	<img src="http://savepic.org/2140395.jpg" style="width: 100%; margin: 0 0 -98px 0;"/>
<style type="text/css">
#pun{
  width:980px;
  margin:0 auto;
  background-image:none !important;
  padding-top:70px;
}
#pun-title td.title-logo-tdr {
position:absolute!important;
top:0;
left:50%!important;
margin-left:-240px;
display:block!important;
}
#pun-title *{
  background: transparent none;
}
</style>

0

Поделиться10Пн, 22 Авг 2011 20:56:29

Автор: Fransabella Morgan
Заслуженный
Зарегистрирован: Пн, 22 Авг 2011
Сообщений: 11
Уважение: 0
Позитив: 0
Последний визит:
Сб, 3 Сен 2011 12:11:34

Deff спасибо вам большое за то, что мне *бестолковой* помогаете.
У меня сейчас вот что http://chernovikrolka.rolka.su/.
Я попробовала уменьшить шапку*получилось^^*, а еще мне очень помогла вот эта темка FAQ: Введение в основы составления CSS-кодов, с её помощью я разобралась как сделать фоновую картинку единственной (чтоб не повторялась).

Но как вы видите, мешается реклама, сзади старая шапка, а цвет фона белый (с цветом я долго копалась, в итоге ничего не получилось) Что мне делать?

0

Поделиться11Пн, 22 Авг 2011 23:38:19

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51456
Уважение: +15416
Позитив: +12026
Последний визит:
Вчера 12:01:03

Fransabella Morgan :glasses: Поменяйте еще раз Весь HTML верх

Код:

<style type="text/css">
#pun{
  width:802px;
  margin:1140px auto 0 auto;
  background-image:none !important;
  padding-top:70px;
  background-color:#B7D2FE;
}
body{
 background-color:#020103;
}
#pun-title td.title-logo-tdr {
position:absolute!important;
top:0;
left:50%!important;
margin-left:-240px;
display:block!important;
}
#pun-title *{
  background: transparent none;
}
</style>

Отредактировано Deff (Пн, 22 Авг 2011 23:38:46)

0

Поделиться12Вт, 23 Авг 2011 14:30:20

Автор: Fransabella Morgan
Заслуженный
Зарегистрирован: Пн, 22 Авг 2011
Сообщений: 11
Уважение: 0
Позитив: 0
Последний визит:
Сб, 3 Сен 2011 12:11:34

Deff, ваай :flirt: Спасибо, у меня все таки получилось (точнее вы мне код скинули) :jumping:
А можете скинуть ссылку на тему где, можно со всем остальным разобраться?

Отредактировано Fransabella Morgan (Вт, 23 Авг 2011 14:49:03)

0

Поделиться13Вт, 23 Авг 2011 14:53:29

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51456
Уважение: +15416
Позитив: +12026
Последний визит:
Вчера 12:01:03

Fransabella Morgan Собственно судя по дизайну
1. -Вам нужно прочистить От фонов и бордюров все секции
2.И, я рекомендую опять жи

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

1. Никогда не делайте для HTML изображения в png - если они не прозрачные и если можно сделать в jpgпоскольку формат jpg в 4-6 раз меньше по объёму загрузки!2. Не заливайте изображения на инохостинг, если можно залить на свой форум >Типовые Вопросы п.п.25

Страница грузицо 20-30 сек из-за объёма фоновой картинки

По первому вопросу - возьмите готовый очищенный стиль > Общие вопросы по оформлению (35) пост 149

0

Помогите, пожалуйста, с оформлением	Корзина	Сб, 7 Июл 2012
Общие вопросы от новичков (63)	Архив	Ср, 27 Апр 2022

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

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

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

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