Форум » CSS » у меня уже новая .. » Ответить

у меня уже новая ..

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

Ответов - 5

studprog: 1. CSS я не скоро начну делать, да и вообще, занят своей темой, а не этим форумом. Для "анимационного фона", как минимум надо знать стили, а ты еще толком с HTML-ем не разобралась (типа рано еще ;) Можно сделать так <style><!--Стиль в файле HTML--> a.name1 {background-image: url("адрес картинки");} a.name1:hover {background-image: url("адрес анимированной картинки");} </style> ..... <a class="name1" ....>Ссылка у которой фоном будет обычная картинка, а при наведении курсора, фон будет меняться на анимированый рисунок.</a> 2. Что б делать "слева-справа" можно использовать таблицы. Например: делаешь таблицу из одной строки и двух ячеек. В первой ячейке - ссылки, во второй - текст. Так ссылки будут слева от текста.

Nastusha2552: попробую...

Nastusha2552: ну...вообще...хочу спросить что такое стили,зачем они нужны и какие они бывают.Заранее спасибо.


studprog: CSS - Cascading Style Sheet - каскадные листы стилей - язык определяющий офомление. Обычно, подразумевается совместное использование с языками разметки типа HTML. Язык стиля не является частью языка разметки, но в браузерах интерпретация происходит относительно синхронно. Языки разметок, как правило, содержат рудиментарные методы визуального оформления. Стили бывают (по способу связывания с разметкой) 1. Встроеные (в тэг) 2. Внедренные (в страницу) 3. Связанные (со страницей) 1. <p style="color: red;">Абзац красного текста</p> 2. как правило в заголовке страницы пишут <style><!-- /*некоторый перечень стилей*/ p.big_red {font-size: 200%; color: red;} a.green {color: green;} --></style> А в теле той же страницы можно написать <p>Просто абзац, но с <a href="" class="green">зеленой ссылкой</a>.</p> <p class="green">Это обычный абзац, т.к. класс "green" не определен.</p> <p class="big_red">Ну, а этот абзац будет - угадайте сами цвет и размер шрифта.</p> 3. В заголовке страницы пишем <link rel="stylesheet" type="text/css" href="style.css"> Значение href подчиняется правилам URL и указывает на чисто-текстовый файл, содержание которого повторяет (по стурктуре) возможное содержание тэга <style>. В этом файле просто перечисляются "стили". Элемент стиля определяется селектором, после которого в фигурных скобках идет определение стиля p {color: red;} //Селектор "p" указывает на то, что данный стиль будет применен ко всем абзацам на странице к которой подключен стиль. h2.blue {color: yellow;} //Селектор для заголовков второго уровня с class="blue" будет выводиться желтым цветом *.complex {color: red; background-color: blue; font-size: 300%; margin: 100px; padding: 300px; border: pink 5px solid;} //этот стиль будет применен ко всем тегам типа <... class="complex">Bla-Bla Blah</...>

Nastusha2552: ооооооой...как же это всё сложноо...это надо хорошо знать html...ну ладно...попробую как поняла...надеюсь получится...Просто я захожу на другие сайты моих знакомых там так всё хорошо оформленно,и скрипты,и курсоры,и фон для ссылок другой...можно перечислять и перечислять...думаю я буду не хуже:)



полная версия страницы