Форум Сайтостроение Веб-строительство

Подскажите с CSS. Вынести стили из <head> в <body>

arkadiy_a
На сайте с 11.06.2008
Offline
82
arkadiy_a
973

Есть скрипт php+css (вообще это слайдер, если это важно).

Копаю демку, разработчики захотели чтобы мы инклюдили код своей страницы в их слайдер. Естественно хочу наоборот - инлклудить их слайдер в свою страницу.

Настройка стилей производится в теле <head> вот так:

<style type="text/css">
			body {font-family:Arial,Verdana,Sans-serif;font-size:12px;color:#444;padding:0;margin:0;background:#eee;}
			a {color:#0073b9;font-weight:bold;text-decoration:none;}
			a:active,a:focus {outline:0;}
			a:hover {color:#c00;font-weight:bold;text-decoration:none;}
			#container {width:720px;padding:16px;margin:16px auto;background:#fff;}
			span#notice {font-style:italic;color:#999;}
			p#credits {font-size:11px;color:#999;margin:16px 0 0 0;padding:4px 0 0 0;border-top:1px dotted #ccc;text-align:right;}
			p#credits a {color:#777;}
			p#credits a:hover {color:#444;}
</style>

Дальше в демке в <body> происходит вызов слайдера:

<div id="container">

....здесь код слайдера...

</div>

Как правильно вынести настройки стилей слайдера из <head> в <body> перед вызовом слайдера (наверное, проще в span?), чтобы это было не в ущерб стилям, объявленных в шаблоне моего сайтика?

Т.е. нужно чтобы и слайдер работал как хотели разработчики и стили моего сайтика не перекосило.

yet_warm
На сайте с 26.05.2007
Offline
129
yet_warm
#1
arkadiy_a:

Дальше в демке в <body> происходит вызов слайдера:

<div id="container">
....здесь код слайдера...
</div>

Как правильно вынести настройки стилей слайдера из <head> в <body> перед вызовом слайдера (наверное, проще в span?), чтобы это было не в ущерб стилям, объявленных в шаблоне моего сайтика?
Т.е. нужно чтобы и слайдер работал как хотели разработчики и стили моего сайтика не перекосило.

Может не совсем правильно понял, но зачем их выносить.

Почему не сделать <div id="slider"> и назначить стили для слайдера #slider a {color:#0073b9;font-weight:bold;text-decoration:none;} и т.д.

<div id="container">

<div id="slider">

....здесь код слайдера...

</div>

</div>

Многие хотят попасть в рай, мало кто хочет для этого умирать.
eTarget 2011:Панельная дискуссия «Стратегия eTarget 2011: Круглый стол Могут ли «плохие» входящие
arkadiy_a
На сайте с 11.06.2008
Offline
82
arkadiy_a
#2
yet_warm:
назначить стили для слайдера #slider a {color:#0073b9;font-weight:bold;text-decoration:none;} и т.д.

Сорри, с синтаксисом CSS я чайник (на уровне обезяны - поиграться с уже готовыми значениями).

Полностью решение запостить можно?

Если это долго/сложно, готов заплатить.

arkadiy_a добавил 15.12.2011 в 16:37

Спасибки yet_warm в личке подсказал синтаксис как вставлять... это... код! :)

eTarget 2011:Панельная дискуссия «Стратегия eTarget 2011: Круглый стол Могут ли «плохие» входящие

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий