Форум поддержки пользователей ZeroParking

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

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » Форум поддержки пользователей ZeroParking » Архив тем » Стиль. Шапка с фоном - едины


Стиль. Шапка с фоном - едины

Сообщений 1 страница 30 из 89

1

Подскажите пожалуйста, как сделать такого вида форум. Особенно нужна помощь с тем как сделать такое сочетание шапки и фона, как единая картинка.

http://gg.love-mix.ru/

Теги: стиль, оформление, помощь

0

2

Savannah Kensington

для этого надо сделать 2 картинки. 1 - большое целое лого, то есть фон, и вторая - часть лого, которая находится непосредственно над таблицей.
пример:
фон
лого

и вставляем это в самый верх кода:

body {
background-color: #цвет вашего основного фона;
background-image: url(картинка фона);
background-position: top center;
background-repeat: no-repeat;
}

а это в самый низ, после картинок иконок:

#pun-title table {background-color: #цвет таблицы форума ;
background-image : url(картинка логотипа);
background-repeat : no-repeat;
background-position: bottom center;
height: высота вашего логотипа в px;
}

Автор Frau Angst Картинки - не тырить и не использоваться - сосчется за плагиат

+5

3

благодарю.

0

4

Toshiro-kun написал(а):

самый верх кода:

это куда?

0

5

Toshiro-kun написал(а):

а это в самый низ

и это где *facepalm*

0

6

Радиоактивное мясо написал(а):

и это где

Цвета css - самый низ

Радиоактивное мясо написал(а):

это куда?

цвета css - самый верх

0

7

черт. не могу, не получается хоть тресни.

0

8

Да, у меня тоже никак

0

9

Радиоактивное мясо
Юляффка
Тут все не так и трудно, если сделать все верно - для некоторых вариантов задумок есть более простые но в то же время муторные подбивки. Вообще фон и шапка слитно - это лишний нагруз на форум - проверенно моей отвратительной скоростью соединения х)

0

10

Что-то не получается

0

11

я никак не могу в пикселях сделать правильно, у меня все наезжает друг на друга(

0

12

Хммм...Ничего не понимаю)))

0

13

у меня не получается(((

http://cs11144.[эта ссылка запрещена]/u248221/9090496/x_e98c0205.jpg
эту фотку хочу в шапку сайта поставить
подскажите как это делать!!

Отредактировано P@triot (2011-02-27 10:45:17)

0

14

Помогите!!! Я хочу сделать шапку и фон. Как на фото.1 Фон 2 Шапкаhttp://1324354657687911.rolka.su/admin_groups.php

Отредактировано Асющечка (2011-02-28 18:58:28)

0

15

Асющечка
Во втором посте все расписано - что вам мешает сделать?

0

16

Спасибо, очень помогло)

0

17

Поскажите пожалуйста как название форума вверху убрать...  ии... сделать значки перед каждым форумом красивые...

0

18

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

Поскажите пожалуйста как название форума вверху убрать...

Найти

/* D1.4 */

добавить
#pun-title h1 span {
  display: none;
}

или же если стиль стандартный в HTML-верх это поставить

<style>
#pun-title h1 span {
  display: none;
}
</style>

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

сделать значки перед каждым форумом красивые...

<style>
.punbb table Div.icon {float: left; display: block; width: 121px; height: 101px; border-style: none; background-image: url(старые); background-repeat: no-repeat; position: relative; margin-right: 0px;}
TR.inew Div.icon {
background: url(новые) no-repeat;}
TR.isticky Div.icon {
background: url(важные) no-repeat;}
TR.iclosed Div.icon {
background: url(закрытые) no-repeat;}
</style>

в HTML -верх

+1

19

Со значками не выходит(((( Может я не туда вставляю....

ещё я не знаю как поменять цвет основного текста.... у ссылок всяких поменяла а остальное нет(((

Отредактировано Valushka (2011-03-22 20:00:47)

0

20

Toshiro-kun написал(а):

для этого надо сделать 2 картинки. 1 - большое целое лого, то есть фон, и вторая - часть лого, которая находится непосредственно над таблицей.

Вроде бы все делаю правильно, но над шапкой форума все равно остается отступ, из-за которого шапка "съезжает вниз".

http://sorrowteam.0pk.ru/

Все, поняла свою ошибку, исправила.
Прошу прощения за ложную тревогу.

Отредактировано Feya (2011-03-29 16:22:44)

0

21

У меня такая проблема - все делаю вроде правельно - пишу высоту нужную - таблица не поднимаеца (та где написано --------------------------------, и реклама)
http://testorkpk.clanbb.ru/ - вот сайт

Отредактировано Hiroki (2011-04-24 01:14:10)

0

22

У меня тоже ничего не получается. А нет такого варианта только с HTML?

0

23

Что то я не понял.
Вот излогаю полностью ситуацию:
1) Хочю зделать красивый дизайн что бы лого сливалось с фоном.
2) Я вставляю картинки, которые было показано в примере.
Вот коды которые вставил:

Код:
body {
background-color: #F0000;
background-image: url(http://xmages.net/storage/10/1/0/d/d/upload/6c8d76a3.png);
background-position: top center; 
background-repeat: no-repeat;
}
Код:
#pun-title table {background-color: #F0000 ;
background-image : url(http://xmages.net/storage/10/1/0/d/d/upload/b881ef96.png);
background-repeat : no-repeat; 
background-position: bottom center;
height: 1140px;
}

3) Фон встал полностю во весь форум, а лого не поднялось на высоту 1140 пх
4)Вот тестовый сайт - http://forumtest.0pk.ru/
Вот скриншот - http://i047.radikal.ru/1105/db/6ea4ac5d9a57t.jpg
4) С фоном я догадываюсь что надо зделать, а вот с лого вообще не пойму.
Можите мне помочь?

Отредактировано Hiroki (2011-05-05 16:23:27)

0

24

Помогите, плиз. Фон не хочет вставать по центру, так, чтобы по краям виднелась оранжевая текстура.
http://i.imgur.com/kMDeJ.jpg

Отредактировано Repnina (2011-06-09 22:17:24)

0

25

Repnina
Он не встает по центру, потому что расстояние от тела форума, которое вы на нем разметили, до краев картинки разное. Понятно дело, что центральная ось тогда не совпадает с центральной осью тела форума.
Попробуйте это:
http://s55.radikal.ru/i147/1106/de/02c8579392ce.jpg

0

26

Януш
Спасибо большое! Сейчас попробую. Тогда у меня такой вопрос - не могли бы вы объяснить мне, как подбирать это самое расстояние, а то я уже путаюсь. 0_0 Если, конечно, вас не затруднит.  ))) Просто мне главное понять, как это делается. )

0

27

Repnina
Ну, как бы сказать... смотря в каком редакторе вы работаете. Но если универсально, то:
1. Берете фон, просто некий фон. Находите в свойствах его ширину, делите ее пополам. У вас будет ширина ровно половины фона. Допустим, он у нас был 1400px, половина это 700px.
2. Теперь думаете, какой ширины у вас форум. Допустим, что 800px. Пополам будет 400px.
3. Вычитаем из первого второе, получаем 300px. Настолько тело форума должно отстоять от краев фона, чтобы быть ровно посередине. А дальше дело техники)

0

28

Януш
хм. как все сложно. ) лан, буду пробовать ) Спасибо за объяснение

0

29

В общем, я уже запарилась ((((( Делаю фон 1200 на 1080, и не ставится! Размер вычисляю, как написано, так, чтобы хватало на форум - 800 пикселей, и на края с боку - 200 пикселей. И ничего. ( Делаю в фотошопе. (

0

30

Repnina
Ну вы хоть покажите, что вы делаете и как ставите фон, м?

Отредактировано Януш (2011-06-10 20:58:50)

0


Вы здесь » Форум поддержки пользователей ZeroParking » Архив тем » Стиль. Шапка с фоном - едины


Рейтинг форумов | Создать форум бесплатно