Gifik - logo Rambler's Top100
|  обзор сайта |  наша жизнь |  увлечения |  разное |  отдых |  ссылки |

Новость: открылся сайт!
www.gifik.ru
Поделитесь Вашим жизненным опытом с другими!
главная
увлечения


WEB-дизайн

Разместите что хотите где хотите:

Вы представляете свой сайт слоёным? - Ага, а как это? Моя главная страничка - использование тэгов <div> позволило мне удобно разместить список новостей(давно это было, сейчас уже не так, но если вам нужно, то вы можете принять этот приём на вооружение :).Правда,правда!!! Используя эту уловку Вы можете разместить картинку или текст в !!!любой!!! части своего документа. Картинку на картинку , текст на картинку , картинку в текст.Это реально. Притом я проверял результат в IE 6,Opera 5,Mozilla 1.0 - всё соответствует действительности(почти - я ниже объясню).
Вот как это выглядит:
<div style="position:absolute; top:125; left:399;width:300; height:100; margin:10">
<img src="2.gif">
</div>
top - количество пикселей отступа от верхнего края окна, left - количество пикселей отступа от левого края окна,width - ширина области слоя, height - высота области слоя, margin - отступ от края окна.
Эксплорер начинает считать от начала документа(с отступами от краёв окна), а Опера считает от края окна. Для совместимости лучше указывать значения в слое немного больше, если, конечно, не портится внешний вид вашего документа!

Изменение цвета ссылки при наведении:

Нам помогут листы стилей. Между <head> и </head> вставляем :

<style type="text/css">A:hover {
color= #ffffff
}
</style>

Цвет пишем любой.
У меня возникал часто вопрос с цветом ссылок и текста.На чёрном фоне белый цвет виден, а на той же странице на светлом фоне нет.Что делать.Помогут нам листы стилей.
Между <head> и </head> пишете :
<style type="text/css">
.nazvanie {
FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: white; LINE-HEIGHT: 13pt; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;text-decoration:none
}
</style>
font-weight характеризует текст, как жирный(bold),курсив(italic).Font-size - высота текста;Color - цвет;Line-height - высота каждой строчки;font-family - шрифт;text-decoration - подчёркнутый(underline),зачёркнутый(strike). Мoжете характеризовать любой текст(вставляете в дескрипторы <p>,<h1-h6>,<td> и так далее).
Например - <a class=nazvanie href="...">Ssyllka</a>

Меняем цвет прокрутки:

Между <head> и </head> вставляем :
<style><!--
body {
scrollbar-face-color: #ffffff;
scrollbar-shadow-color: #ffffff;
scrollbar-highlight-color: #ffffff;
scrollbar-3dlight-color: #ffffff;
scrollbar-darkshadow-color: #ffffff;
scrollbar-track-color: #ffffff;
scrollbar-arrow-color: #ffffff; }
//-->
</style>

Вам остаётся только заменить цвета.Пока всё.Следите за обновлениями!

Примечание:
Разберёмся с листами стилей.В первом примере "Изменение цвета ссылки при наведении" мы писали <style type="text/css">.Это даёт понять браузеру, что мы в этом стиле хотим характеризовать текст.В примере с прокруткой мы писали <style><!--body{... Характеристика части окна.Всё, что связано с текстом пишите в <style type="text/css">...</style>



увлечения


© Дизайн : Gifik, Брест, 2005 © Design : Gifik, Brest, 2005
Rambler's Top100   Яндекс цитирования     Rating All.BY  
Сайт управляется системой uCoz