Главная
Случайная страница
Полезное:
Как сделать разговор полезным и приятным
Как сделать объемную звезду своими руками
Как сделать то, что делать не хочется?
Как сделать погремушку
Как сделать так чтобы женщины сами знакомились с вами
Как сделать идею коммерческой
Как сделать хорошую растяжку ног?
Как сделать наш разум здоровым?
Как сделать, чтобы люди обманывали меньше
Вопрос 4. Как сделать так, чтобы вас уважали и ценили?
Как сделать лучше себе и другим людям
Как сделать свидание интересным?
Категории:
АрхитектураАстрономияБиологияГеографияГеологияИнформатикаИскусствоИсторияКулинарияКультураМаркетингМатематикаМедицинаМенеджментОхрана трудаПравоПроизводствоПсихологияРелигияСоциологияСпортТехникаФизикаФилософияХимияЭкологияЭкономикаЭлектроника
|
Объемный заголовок без графики
Веб дизайн. Маленькие тонкости и хитрости создания красивых сайтов.
Для привлечения внимания пользователя к определённым элементам сайта веб дизайнерам не редко приходиться использовать маленькиехитростиитонкостивебдизайна. При этом дизайн сайта в целом остаётся не тронутым. Эти тонкости и хитрости веб дизайна, как правило, украшают веб страницы и придают сайту оживлённость. Не обычный дизайн привлекает внимание пользователя, тем самым увеличивает время пребывания на сайте. В итоге Вы получаете клик по нужной ссылке.
Мигающий текст
Для привлечения внимания к какому-то параграфу или тексту на веб-странице можно разместить мигающий текст. Для этого можно использовать Java скрипт: <body bgcolor=white text=black leftMargin=0 topMargin=0 marginwidth=0 marginheight=0 onLoad="show5();"> <font> <span id="liveclock"></span> <script language="JavaScript"> <!-- var trigg="0" function show5(){ if (!document.layers&&!document.all) return var Digital=new Date() var seconds=Digital.getSeconds() if (trigg=="0"){ trigg="1" myclock="Текст мигает" } else { if (trigg=="1"){ trigg="0" myclock=" " } } if (document.layers){ document.layers.liveclock.document.write(myclock) document.layers.liveclock.document.close() } else if (document.all) liveclock.innerHTML=myclock setTimeout("show5()",1000) } //--> </script> </font> Полный текст - в файле blink.htm. Посмотреть, как это работает. Если вы смотрите на своем компьютере, не забудьте разрешить выполнение Java скриптов.
quot;Объемный" заголовок без графики
Посмотрите на разные варианты одного и того же заголовка: Верхний, псевдообъемный, заголовок выглядит предпочтительнее. При этом он выполнен наложением трех одинаковых текстов разного цвета со сдвигом в 1 pixel. Для этого используем слои: <DIV id="waterMark" style="position:absolute;top:6;left:6"> <p align=center><table bgcolor=red border=0 cellpadding=0 cellspacing=0 width=750> <tr> <td><font size=7 color=black face="Arial,Tahoma,Helvetica"><b>Английский язык</b></font></a></td> </tr> </table> </DIV> Здесь показан HTML код только для самого нижнего (первого) слоя (color=black), а position:absolute;top:6;left:6 задают его абсолютные координаты на экране (координаты простой таблицы из одной строки). В данном примере - отступ 6 pix по вертикали и горизонтали. Полный текст HTML кода для псевдообъемного заголовка - смотрите в файле title.txt Каждый их этих текстов можно оформить как ссылку - все они проиндексируются. Тэг <DIV> позволяет выделить разделы в документе. <DIV> - блочный тэг, функционирующий подобно тэгу <P>. <DIV> может иметь атрибут align, который указывает отступ left, center или right. Каждый следующий раздел игнорирует, заданное для предыдущего раздела, значение align. Синтаксис: <DIV align= отступ > Текст раздела </DIV>
|