Техническая поддержка сервиса Quadro.Boards

rose-

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

Код:

<style>
html, body {
background-color: #221518 url("http://s2.uploads.ru/0lrXJ.png"); background-repeat: repeat-y; background-position: top center;}
</style>

Код:

body {
	background-image: url("http://s2.uploads.ru/ERm0T.png"); background-repeat: no-repeat; background-color: #221518; background-position: top center;
}

0

Boris55

Подскажите, как загнать иконку в левый верхний угол?

Отредактировано Boris55 (10.01.2013 18:05:44)

0

sadhaka

rose-
Ничего не поняла, какой "прокручивающийся фон"?

Boris55
адрес в студию

Vartais
Поставьте вместо процентов фиксированную ширину

#pun-title table {
border: medium none;
height: 560px;
width: 1200px;
}

должно все быть нормально

0

rose-

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

Ничего не поняла, какой "прокручивающийся фон"?

вот, что я имела в виду:
http://savepic.org/2522905.png - прокручивающийся такой
http://savepic.org/2515737.png - шапка выходящая за границы

Отредактировано rose- (10.01.2013 21:57:53)

0

sadhaka

rose-
что значит прокручивающийся? Повторяющийся?

0

rose-

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

что значит прокручивающийся? Повторяющийся?

ну да, слово перепутала о.о дело в том, что когда я пытаюсь его поставить в скрипт в хтмл-верх, у меня начинает не он повторяться, а тот верхний, который должен быть сверху фиксированным.. вот я и не могу понять, что делаю не так...

0

sadhaka

rose-
//повторяющаяся часть

#pun_wrap {background: url("http://s2.uploads.ru/0lrXJ.png") repeat-y scroll center top transparent;}

+1

rose-

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

//повторяющаяся часть

а возможно как-то сделать, чтобы она была под той, которая не должна повторяться?

0

sadhaka

rose-
поменяйте местами

body {
background: url("http://s3.uploads.ru/neXFt.png") repeat-y scroll center top #221518;
}
#pun_wrap {
background: url("http://s3.uploads.ru/cCjO1.png") no-repeat scroll center top transparent;
}

+1

rose-

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

поменяйте местами

о, спасибо огромное, теперь всё в порядке)

0

.|Princess

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

ссылка

http://testtttestt.rusff.me/

0

Nocticula de Michi · [1989-11-07]

Как сделать чтобы в профиле, все было по центру, не к левому краю?

http://claymore.rusff.me/

0

Boris55

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

Подскажите, как загнать иконку в левый верхний угол?

Boris55 адрес в студию

http://klin.hutt.ru/

Отредактировано Boris55 (11.01.2013 12:10:38)

0

onda

Здравствуйте! Очень сильно нужна ваша помощь и совет, как исправить. Имеется форум, который расположен по адресу http://rite.rusff.me/ Вчера изменили дизайн. После смены дизайна - перестала работать таблица. То есть у кого-то она работает, а у кого-то нет. Скажите, пожалуйста, как можно исправить такое и чтобы она работала у всех? Кроме того, со слов одного из администраторов - у него никогда не работала таблица и нет в административном меню - пункта награды и подарки... Надеюсь на вашу помощь, так как хотелось бы, чтобы форум был удобен для всех.

0

Loki-Lion

Йэх, понеслась.

Собственно, первое - то что имеем сейчас. Второй скрин - то, что хочется получить.

sadhaka, спустя некоторое время после вставки того кода, что вы дали, появилась эта ненужная горизонтальная полоса прокрутки внизу экрана. Заметил недавно, честно. Её можно убрать? Или, если не получится убрать, скрыть как-нибудь?

Второе, что для меня важнее, это создания таблицы-слайдера в шапке через свой стиль. Не хтмл-верх/низ, а именно через структуру и цвета цсс - возможно ли это? Если да, то как сие учудить? о.о"

Пы.Сы.

Таблица-слайдер размерами 300*165, четыре слайда.
Доходя по четвёртого (последнего) слайда и нажав ещё раз на стрелку вправо, переход к первому слайду, то бишь некий "круговорот."

Отредактировано Loki-Lion (11.01.2013 22:24:23)

0

sadhaka

.|Princess написал(а):

Такая проблема, как уменьшить расстояние между верхними навигациями (Форум, Участники, Поиск...),

Попробуйте во втором окне стиля в этом блоке уменьшить размер шрифта

#pun-navlinks .container {
background-image: url("");
font-size: 20px;
position: absolute;
right: 150px;
text-align: center;
top: 70px;
width: 20px;
z-index: 1000;
}

.|Princess написал(а):

а так же хотелось бы сдвинуть эту самую навигацию в право, не первый час сидела, а так и не смогла.

Допишите, выделенное выше красным

0

sadhaka

Nocticula de Michi написал(а):

Как сделать чтобы в профиле, все было по центру, не к левому краю?

http://claymore.rusff.me/

Nocticula de Michi
Найдите в первом окне стиля блок, приведенный ниже и впишите выделенную жирным строку:

.punbb .post .post-author {
float: left;
margin-top: -1.5em;
overflow: hidden;
width: 19em;
text-align: center;
}

+1

sadhaka

Boris55
Найдите в первом окне стиля этот блок и выделенные строки приведите к такому виду

.punbb table div.icon {
font-size: 1.05em;
margin-left: -3.1em;
margin-top: -0.8em;
position: absolute;
}

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

Здравствуйте! Очень сильно нужна ваша помощь и совет, как исправить. Имеется форум, который расположен по адресу http://rite.rusff.me/ Вчера изменили дизайн. После смены дизайна - перестала работать таблица. То есть у кого-то она работает, а у кого-то нет. Скажите, пожалуйста, как можно исправить такое и чтобы она работала у всех?

Пусть почистят кэш (ctrl+f5), по поводу наград - рецепт тот же самый, если не поможет, пишите, будем разбираться.

0

sadhaka

Loki-Lion
по поводу прокрутки - дело в Ваших шапке и футере большого размера (посмотрите width, который Вы установили и сложите с отступами), прокрутка появляется на низкий разрешениях.

Можете ее отключить дописав, выделенную строку

body {
background: none repeat fixed 0 0 transparent;
overflow-x: hidden;
}

чтобы не было проблем на совсем маленьких разрешениях, где прокрутка нужна, можно поступить хитрее
//ставьте в первое окно стиля, после @import

@media screen and (min-width: 800px) {
body {overflow-x: hidden}
}
@media screen and (max-width: 800px) {
body {overflow-x: auto}
}

Первый блок - минимальное разрешение, при котором прокрутка скрыта, второй - максимальный - при котором прокрутка показана.

Loki-Lion написал(а):

Не хтмл-верх/низ, а именно через структуру и цвета цсс - возможно ли это? Если да, то как сие учудить? о.о"

Ну слайдер - это не только ~~ценный мех~~ CSS, но html и javascript, а это Вы никак не запихаете в файл стилей.
Но можно рога отдельно, копыта отдельно, т.е. все что касается CSS запихать в отведенное ей место, а хтмл и js поместить в хтмл-верх.

0

Nocticula de Michi · [1989-11-07]

sadhaka
Спасибо большое.

0

Вопросы по оформлению форума, дизайну и css (5)	Оформление форумов	03.10.2023
Вопросы по оформлению форума, дизайну и css (4)	Оформление форумов	21.01.2016
Вопросы по оформлению форума, дизайну и css (3)	Оформление форумов	04.07.2014
Вопросы по оформлению форумов, дизайну и css	Архив	14.12.2012
О разделе «Оформление форумов» + навигация по разделу	Оформление форумов	26.12.2012

Техническая поддержка сервиса Quadro.Boards

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

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

Объявление

Новости сервиса

О форуме

Полезные ссылки

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

Вопросы по оформлению форумов, дизайну и css - 2

Сообщений 41 страница 60 из 1000

Поделиться4109.01.2013 23:53:01

Поделиться4210.01.2013 18:05:00

Поделиться4310.01.2013 21:45:07

Поделиться4410.01.2013 21:57:29

Поделиться4510.01.2013 21:58:21

Поделиться4610.01.2013 22:01:00

Поделиться4710.01.2013 22:02:56

Поделиться4810.01.2013 22:13:17

Поделиться4910.01.2013 22:26:52

Поделиться5010.01.2013 22:38:17

Поделиться5111.01.2013 02:56:29

Поделиться5211.01.2013 08:12:15

Поделиться5311.01.2013 11:45:54

Поделиться5411.01.2013 12:46:07

Поделиться5511.01.2013 22:18:38

Поделиться5611.01.2013 23:07:33

Поделиться5711.01.2013 23:09:59

Поделиться5811.01.2013 23:11:26

Поделиться5911.01.2013 23:31:01

Поделиться6012.01.2013 01:43:05

Похожие темы