 |
 |
 |
 |
|
 |
|||||||||||||||||||
 |
 |
||||||||||||||||||
 |
 |
||||||||||||||||||
 |
 |
||||||||||||||||||
 |
Гостевая | ||||||||||||||||||
 |
Статьи | ||||||||||||||||||
 |
Веб-дизайн | ||||||||||||||||||
|
Фотошоп | ||||||||||||||||||
|
Система | ||||||||||||||||||
|
Биос | ||||||||||||||||||
|
|||||||||||||||||||
|
|||||||||||||||||||
Секреты web-дизайна
Фиксированный бекграунд.
Наверное видели, когда прокручиваем текст, а бекграунд остается на месте, довольно красивый эффект.Так вот это достигается путем использования Каскадных Таблиц Стилей (CSS). А вот и код:
<style type="text/css">
BODY { background-image: url(название_бэкграунда.gif);
background-attachment: fixed}
</style>Опыты с полосой прокрутки.
Данный код изменяет внешний вид полосы прокрутки, полезный эффект, когда полоса не вписывается в общий дизайн сайта. Достигается такой эффект с помощью , опять же, Каскадных Таблиц Стилей. Код следующий:
<style type="text/css">
<!--
BODY { scrollbar-arrow-color:#color;
scrollbar-3d-light-color:#color;
scrollbar-highlight-color:#color;
scrollbar-face-color:#color;
scrollbar-shadow-color:#color;
scrollbar-dark-shadow-color:#color;
scrollbar-track-color:#color;
scrollbar-base-color:#color; }
-->
</style>Объемный текст.
Эффект объемного текста делается с помощью CSS, с использыванием FILTER, посмотрите код и поймете сами:
<div style="FILTER: Shadow(color=#000000, direction=100); WIDTH: 410px; HEIGHT: 20px">
<font color="#cccccc" size="5">Ваш текст.</font>
</div>Ваш рисунок в меню "Избранное"
С помощью этого кода, Вы можете добавить свою иконку в пункт "Избранное." Изображение должно быть размером 16х16 пикселей. Этот код нужно вставить между тегами <HEAD>
<LINK REL="SHORTCUT ICON" HREF="mypage.ico">Как убрать полосу прокрутки в TEXTAREA?
Точнее будет не убрать, а скрыть. Вообщем все дело в том, что мы делаем полосу прокрутки одного цвета с фоном и все. Сделать этот трюк нам поможет опять же CSS, смотрите:
<TEXTAREA rows="2" cols="2" style="
background-color:#dddddd;
scrollbar-face-color: #dddddd;
scrollbar-highlight-color: #dddddd;
scrollbar-shadow-color: #dddddd;
scrollbar-3dlight-color: #dddddd;
scrollbar-arrow-color: #dddddd;
scrollbar-track-color: #dddddd;
scrollbar-darkshadow-color: #dddddd">
</TEXTAREA>
