<< КАК отмотать остановить любые электросчетчики. Схемы, инструкции...
<< Подделка печатей, штампов, кассовых чеков. Бланки документов...
<< Взлом паролей. Все для анонимности. Инструменты, программы...
<< Шпионское ПО для мобил и ПК, перехват SMS, глушилки gsm и gps...

Если Вы хотите разместить любую рекламу на этой странице обращайтесь в [службу поддержки]

FAQ Web Design

Чтобы сделать заголовок или текст с тенью от букв ( как здесь ) ненужно возиться с графичес-
ким редактором или скриптами. Достаточно вставить следующий код фильтра тени
( смотрите заголовок ):

<I Style="font-size=40; color='#006666'; width=500; height=60;
Filter: Shadow(color=669966, direction=130, strength=7)"> <b> FAQ Web Design </b></I>

Здесь: font-size - размер букв, color: '#006666' - цвет текста, width= 500; height= 60; - размер
окна фильтра, shadow(color='#669966', direction=130) - цвет тени и её угол отбрасывания,
strength - длинна тени.
Кроме того этот фильтр также можно использовать и для отбрасывания тени от картинок.
Для ненаклонного шрифта используйте тег: <div style=".." > ..</div> или <p style=".." > ..</p>

Вот ещё один пример кода фильтра тени (здесь #669999 - цвет тени, а #003333 - цвет текста,
OffX и OffY - координаты смещения тени:
<div style="FILTER: dropShadow(Color=#669999,OffX=3,OffY=3,Positive=1 );
COLOR: #003333; HEIGHT: 100%; " >
<font size="4"> образец текста ..</font> </div>

Есть и другие фильтры, например:
<div style="Filter: Glow(color=CCCC99,strength=6); height: 30; width: 700; font-size=18">
<b> <font color="#996600">Текст Filter Glow</font> </b> </div>

Текст с фильтром Filter Glow

Текст с фильтром dropShadow..

Примеры других фильтров смотрите здесь: http://webb.bip.ru/css/

Тег <Stile> и Scroll bar

С помощью тега стилей <Style> можно изменять не только параметры шрифта текста и ссылок, но и самого Scroll бара (с помощью него мы перемещаем или прокручиваем экран броузера в горизонтальном и верти-кальном направлении). Вот пример, использованный в коде этой страницы:

<STYLE> BODY { SCROLLBAR-FACE-COLOR: #9BBFB9; SCROLLBAR-HIGHLIGHT-COLOR: #FFFFFF; SCROLLBAR-SHADOW-COLOR: #666666; SCROLLBAR-3DLIGHT-COLOR: #B0ceee; SCROLLBAR-ARROW-COLOR: #000000; SCROLLBAR-TRACK-COLOR: #B5D1D2; SCROLLBAR-DARKSHADOW-COLOR: #000000; } </STYLE>

Здесь Face-color задаёт основной цвет бара, Arrow-color - цвет стрелок, Highligt-color - светлые окан-товки, Shadow-color - теневые окантовки бара. Track-color - цвет фоновой полосы.

При необходимости содержание тега <Style> можно вынести в отдельный файл - name.css, а затем вызвать его следующим кодом ( из заголовка ):

Теперь вы без труда можете сделать скролл бар в одной цветовой гамме с вашей страницей..

Прозрачное наложение вывода страницы

Если следующий код вставить в хидер вашей страницы, то она будет выводится плавно меняя свою прозрачность на фоне предыдущей страницы:

Параметр Duration= здесь регулирует время задержки этого эффекта наложения, который используется в коде данной страницы..

Шапка для таблицы

Как сделать закруглённую форму шапки для обычной прямоугольной таблицы?..
Рассмотрим код данной шапки ( непосредственно с этой страницы ):

<table width="96%" border="0" cellspacing="0" cellpadding="0" align="center" height="18">
<tr>
<td height="20" width="2%"><img src="faq/le.gif"></td>
<td height="20" width="96%" background="faq/ft.gif">
<div align="center"><font face="Verdana, Arial, Helvetica, sans-serif"
size=2><strong>Шапка для таблицы</strong></font></div></td>
<td height="20" width="2%"><img src="faq/ri.gif"></td>
</tr>
</table>

Как видно из кода - это обычная горизонтальная таблица из 3-х ячеек <td>, чтобы сделать линии ячеек невидимыми задаём border="0". Теперь делаем фон для шапки в любом графическом редакторе - (файл ft.gif ) и два рисунка для закругления углов левый - ( le.gif ) и правый - ( ri.gif ). Фоны у этих gif файлов устанавливаем прозрачным ( в Gif редакторе ). Главное подогнать их размеры так, чтобы не было видно стыков. Можно дорисовать рамки, изменить форму и т. п. - это уже на ваш вкус..
Также часто используют вложение нескольких таблиц внутри основной, изменяя их фон и рамки.
Текст в таблице можно выравнивать тегом: <p align="justify">т е к с т</p>, а перенос строки с помощью тега <br>. Также нужно учитывать, что для оптимизации таблицы для разных разрешений экрана нужно указывать её размеры не в пикселях, а в процентах - <table width="98%" >

Курсор мыши

Курсор мыши меняется при наведении на ссылку, но оказывается его вид можно изменять:
для текста:
<span style="cursor: имя;">текст</span>
для ссылки:
<a href="адрес" style="cursor: имя">ссылка</a>

Здесь имена типов курсора с примером для текста:

crosshair move wait help hand n-resize ne-resize e-resize nw-resize

<Form> button menu

Кроме различных меню с графическими кнопками вы также можете использовать и стандартные кнопки html форм (<form>), особенно если важен малый размер меню:

Код такой [кнопки] в общем случае выглядит так:
<input type=button style="background: #D9CC91; color: #000000"; line-height:15px;
value=" имя кнопки "
height:40px; width:20px; OnClick="namosw_goto('http://адрес', '')">

Здесь: background - цвет кнопки, color - цвет названия, line-height - позиция названия, value="название", height: width: - размеры, http://адрес - адрес ссылки кнопки, хотя обязательными являются лишь параметры - type и value

Вот ещё один пример формы простого меню:

Это его код:
<form> <select name="menu">
<option value="1.html">Страница 1</option>
<option value="2.html">Страница 2</option>
<option value="3.html">Страница 3</option>
</select><input type="button" value="ссылка" onclick="top.location.href=this.form.menu.options[this.form.menu.selectedIndex].value">
</form>

Alpha фильтр для рисунков

Этот фильтр удобно использовать для изменения прозрачности картинок при наведении курсора мыши, в частности баннеров, чтобы их пестрота не выбивалась из цветовой гаммы страницы,
пример кода:

<img src="1.gif" style="filter:alpha(opacity=50)" onMouseOver="this.filters.alpha.opacity=100" onMouseOut="this.filters.alpha.opacity=50">

собственно прозрачность фильтра регулируется параметром opacity= и задаётся в %

Развернуть/свернуть >>> Развернуть/свернуть окно с комментариями

Тарас Киев	Спасибо за информацию! Добавил в закладки, обязательно вернусь!
E-mail: shram.com.ua@mail.ru, Home page: www.shram.com.ua
№1, написано 02.12.10 10:43:14

Перешли этот пост трем друзьям, и твой цветочек аси превратится в значок доллара. Я попробовал, у меня так :)

			
			<input class="v" type="text" value="http://shram.com.ua/site/faq/&nbsp;-&nbsp;http://shram.com.ua/site/faq/" readonly />
			ссылка:
		
			<input class="v" type="text" value="<a href=default.htm>http://shram.com.ua/site/faq/</a>" readonly />
			сайт:
		
			<input class="v" type="text" value="[url=http://shram.com.ua/site/faq/]http://shram.com.ua/site/faq/[/url]" readonly />
			форум:

Выгодная партнерская программа Отличный заработок для вебмастеров
Заработай на сайте Размещай триззеры у себя на сайте, привлекай партнеров и получай доход на webmoney
Легкий заработок Заработай $0,015 за 20 секунд и $0,005 за рефералов без ограничений и вложений
Покупаем руские/украинские клики продажа рекламы на вашем сайте по $0,2 за клик
Эффективная расскрутка $1.0 за 1000 уникальных визитов по 30 секунд на ваш сайт
Знакомства в мире Более 20000000 анкет со всего мира для вас бесплатно
Online Казино Супер казино для азартных людей с контролем честности

www.shram.com.ua

FAQ Web Design