forum.okis.ru
http://forum.okis.ru/

Названия некоторых элементов в CSS
http://forum.okis.ru/viewtopic.php?f=10&t=1403
Страница 1 из 12

Автор:  f-master [ 15 июн 2011, 02:22 ]
Заголовок сообщения:  Названия некоторых элементов в CSS

Здравствуйте. Хочу попросить небольшой справки. Дело в том, в процессе редактирования CSS возникают иногда сложности, связанные с отсутвием информации о названиях элементов. Вот например: как называется элемент рамки, вокруг странички? Нижняя "шапка"? Просто даже в поисковике крайне проблематично найти информацию по тем элементам, названия которых не знаешь, согласитесь. Если администрация не против, в этой теме можно было бы составлять список из названий всех имеющихся на сайтах Okis элементов.

Автор:  Okis [ 15 июн 2011, 05:25 ]
Заголовок сообщения:  Re: Названия некоторых элементов в CSS

Да, хорошая идея. Что касается того, откуда их брать – из исходного кода страницы, в большинстве броузеров он доступен через CTRL+U.

Автор:  f-master [ 15 июн 2011, 06:58 ]
Заголовок сообщения:  Re: Названия некоторых элементов в CSS

Добавлено 21.10.2011: Внимание! В связи с постоянным обновлением браузеров, некоторые коды, представленные в этом посте могут не вызывать должного эффекта. Подробнее - здесь: http://forum.okis.ru/viewtopic.php?f=10&t=1939. Как узнать новую версию кода, или подобрать код под собственные нужды - тут: http://forum.okis.ru/viewtopic.php?f=10&t=1718.


Фон сайта:
Код:
body{background: цвет (например, white);
background-repeat: значение, определяющее повторение рисунка фона (например, no-repeat);
background-attachment: значение, определяющее статичность, или динамичность фона, относительно зоны контента (например, fixed) ;
}

Не удаляйте точку с запятой, в конце строки!

Шапка сайта:
Код:
div.art-header-jpeg{background: }

Дописываем в фигурных скобках после пробела цвет заливки шапки (например #E8E8E8), либо дописываем url:(здесь вставляем ссылку на изображение).

Сайдбары (боковые блоки). В первом сайдбаре расположено боковое меню, во втором - новостной блок.
Код:
.art-content-layout .art-sidebar1

Код:
.art-content-layout .art-sidebar2

Далее, пропысываем соответствующие значения. Можно изменить цвет сайдбара (background:), или например, скрыть его совсем (display:none), что существенно расширит зону контента.

Меню:
Код:
.art-vmenu li {}

В фигурных скобках прописываем значение.



Код:
.art-vmenublockheader .t

Элемент текста в кнопке, с надписью "Меню".


Код:
div.art-vmenublockheader

Элемент блока меню (нижняя часть кнопки, с надписью "Меню").

Новости:
Код:
.art-blockcontent-body

Верхняя часть новостного блока (там, где написано "Новости").


Продолжение следует...

Автор:  Okis [ 16 июн 2011, 13:11 ]
Заголовок сообщения:  Re: Названия некоторых элементов в CSS

Спасибо за информацию! Надеюсь будет познавательно для пользователей!

Автор:  Lissa [ 18 июн 2011, 17:13 ]
Заголовок сообщения:  Re: Названия некоторых элементов в CSS

Спасибо за полезную информацию!!!
Вы написали как поменять боковые блоки, фон и т.д. А можно еще написать как поменять фон в середине?
Сайдбары (боковые блоки). В первом сайдбаре расположено боковое меню, во втором - новостной блок.
У меня получилоь поменять фон в блоке с меню, и новостях... надо поменять фон где пишется основной текст...

Автор:  impu1se [ 19 июн 2011, 15:22 ]
Заголовок сообщения:  Re: Названия некоторых элементов в CSS

Lissa писал(а):
надо поменять фон где пишется основной текст...

.art-post-body{background:#99CCFF} например

Автор:  f-master [ 19 июн 2011, 17:07 ]
Заголовок сообщения:  Re: Названия некоторых элементов в CSS

Lissa писал(а):
где пишется основной текст...

Lissa, если я правильно Вас понял, то Вы имеете в виду зону контента. Если хотите закрасить все полностью, не оставляя границ - вот вам код (который кстати уже не раз публиковался на этом форуме):

Код:
.art-content-layout {background: }

Если же Вам нужно оставить тонкую границу вокруг зоны контента, воспользуйтесь кодом из предыдущего поста.

Автор:  Lissa [ 19 июн 2011, 17:11 ]
Заголовок сообщения:  Re: Названия некоторых элементов в CSS

Спасибо большое!!!! Фон поменялся, а как его подогнать под ширину нужную? Он у меня копируется и по горизонтали и по вертикали.... :?

Автор:  Lissa [ 19 июн 2011, 17:14 ]
Заголовок сообщения:  Re: Названия некоторых элементов в CSS

такая же беда и с меню.... только оно копируется по горизонтали....
Я уже весь форум если честно пролистала и не один раз... подходящего не нашла что-то...

Автор:  f-master [ 19 июн 2011, 17:17 ]
Заголовок сообщения:  Re: Названия некоторых элементов в CSS

Lissa писал(а):
такая же беда и с меню.... только оно копируется по горизонтали....
Я уже весь форум если честно пролистала и не один раз... подходящего не нашла что-то...

Можете прикрепить скрин? Если честно, я не понимаю что Вы имеете в виду.

Страница 1 из 12 Часовой пояс: UTC + 3 часа [ Летнее время ]
Powered by phpBB® Forum Software © phpBB Group
http://www.phpbb.com/