Home sims форум

http://homesims.ru/forum/ Home sims форум Tue, 07 Jan 2014 19:13:38 GMT uCoz Web-Service Основные HTML-тэги для сайта и форума http://homesims.ru/forum/73-4071-1 Tue, 07 Jan 2014 19:13:38 GMT Форум: <a href="http://homesims.ru/forum/73">Web-дизайн</a> Автор темы: WOLF Автор последнего сообщения: WOLF Количество ответов: 2 Итак, Вы решили создать свою страничку в Интернет. С чего начать? Воплотить задуманное можно с помощью существующих программ, позволяющих заниматься веб-строительством, не зная HTML. Таких программ существует великое множество: Microsoft FrontPage, Adobe GoLive, Macromedia Dreamweaver, HomeSite и т.д. Можно попробовать и самый простой вариант - взять готовую страничку, сохранить ее HTML код, с помощью любого текстового редактора скорректировать ее: по вашему усмотрению изменить её название, установить ссылки на ваш E-mail (почтовый ящик) и т.д. Для начала создания сайта рекомендую воспользоваться программой Microsoft FrontPage 2000, входящей в комплект поставки Microsoft Office 2000. Разобраться с ней можно за неделю. Приступим. Итак, сначала создайте на диске папку, в которой будут храниться все файлы вашего будущего сайта. Стартовый файл должен иметь имя index.html или default.html. Запустите Microsoft FrontPage 2000 , создайте в вашей папке стартовый файл с именем index.html и начнем его заполнять. <a href="javascript://" onclick="openLayerB('LF',0,'/index/40','Login',250,130,1);return false;">Доступно только для пользователей</a>[spoiler]Начало Наберем простейший код страницы <HTML> <HEAD> <TITLE> Моя персональная страничка </TITLE> </HEAD> <BODY> Всем привет </BODY> </HTML> Сохраните ваш файл и запустите его через браузер, например "Internet Explorer". Обратите внимание, что HTML страница содержит как обычный текст, так и команды разметки (tags или теги), заключенные в угловые скобки (< и >). Теги языка HTML задают правила, по которым браузер отображает документ на экране. Большинство тегов языка HTML, такие как <HTML>, <HEAD>, <TITLE> и другие, требуют соответствующую команду с символом </....> для ее закрытия, то есть тега конца команды. Рассмотрим теги нашего документа <HTML> Данный тег используется для открытия HTML-документа. Каждая Web-страница начинается тегом <HTML> и заканчивается закрывающим тегом </HTML>. <HEAD> Любой HTML-документ состоит как минимум из двух частей: заголовка и собственно документа. Данный тег определяет заголовок Web-страницы и должен иметь обязательный закрывающий тег </HEAD>. Также обязательным атрибутом этого тега явля-ется тег <TITLE>. <TITLE> Каждый HTML-документ имеет название, заключенное между тегами <TITLE> и </TITLE>. По названию документа HTML броузеры могут найти информацию, поэтому место для названия всегда определено - оно находится вверху и отдельно от содержимого HTML-документа. Отображается название в заголовке окна броузера, поэтому на него накладывается ограничение: максимальная длина названия - 40 символов. <BODY> Данный тег заключает в себе непосредственно документ. Также необходим закрывающий тег </BODY>. Атрибуты тега <BODY> Почти все теги в языке разметки Web-страниц имеют некоторые параметры, которые принято называть атрибутами. Они предназначены для модифицирования параметров документа, а их значения принято заключать в кавычки. Тег <BODY> имеет атрибуты, которые перечислены ниже: * bgcolor="..." - определяет цвет фона документа. Работа с цветами в HTML-документах будет рассмотрена ниже; * background="..." - указывает броузеру местоположение файла (*.gif или *.jpg), который необходимо использовать в качестве фонового рисунка. В кавычках указывается абсолютный или относительный путь к файлу. Окно полностью заполняется изображением, начиная с верхнего левого угла; * text="..." -устанавливает цвет текста; * alink=" .." - определяет цвет активной ссылки; * link="..." - определяет цвет не просмотренной ссылки; * vlink="..." - определяет цвет просмотренной ссылки; * topmargin="..." - устанавливает границу верхнего поля; * leftmargin="..." - граница левого поля; * bgproperties="fixed" - в случае установки данного параметра в значение fixed фоновое изображение не будет прокручиваться вместе с текстом; * onload="..." - определяет те действия броузера, которые должны произойти после загрузки документа из сети. Очень часто исходные коды программ сопровождаются комментариями. Они предназначены для сопровождения исходного кода программы пояснениями, которые, в свою очередь, облегчают понимание кода как самим разработчиком при его модифицировании, так и при чтении кода другими людьми. В спецификации HTML для комментариев определен специальный тег, который начинается символами . Текст, заключенный в теге комментария, не отображается в броузере. Цвета документа. Выбор цвета можно производить двумя способами: заданием имени или определением номера цвета по цветовой схеме RGB (Red, Green, Blue). Язык HTML поддерживает следующие имена Цветов: AQUA, BLACK, BLUE, FUCHSIA, GRAY, GREEN, LIME, MAROON, NAVY, OLIVE, PURPLE, RED, SILVER, TEAL, WHITE, YELLOW. Номер цвета RGB задается тремя двухзначными шестнадцатеричными числами, причем каждое число принадлежит интер-валу от 00 до FF и определяет интенсивность соответствующего цвета. Например, номер цвета #FFOOOO соответствует красному цвету, так как имеет максимальную интенсивность для красного цвета, а зеленый и голубой имеют значения, равные нулю. Соот-ветственно, номер #OOFFOO кодирует зеленый цвет, а номер #OOOOFF - синий. Белый цвет образуется в результате насыще-ния всех основных цветов, т.е. его кодом будет число #FFFFFF. В случае полного отсутствия всех трех цветов можно получить абсолютно черный цвет (код #000000). Очевидно, что, используя такую комбинацию шестнадцатеричных чисел, можно получить очень большое количество цветов. Для удобства, основные шестнадцать цветов, их коды и названия приведены в таблице. Основные цвета и их коды Цвет Код RGB Имя Цвет Код RGB Имя черный #000000 black серебряный #СОСОСО silver темно-бордовый #800000 maroon красный #FFOOOO red зеленый #008000 green известь #OOFFOO lime оливковый #808000 olive желтый #FFFFOO yellow темно-синий #000080 navy синий #OOOOFF blue фиолетовый #800080 purple фуксия #FFOOFF fuchsia чирок #008080 teal аква #OOFFFF aqva серый #808080 gray белый #FFFFFF white Гиперссылки Важнейшим понятием в HTML является гиперссылка, которая позволяет связать текст или какой-либо объект с другими гипертекстовыми документами. Текст, который является гиперссылкой, как правило, выделяется цветом и подчеркивается. Для определения ссылки используется тег <А>, структура которого имеет следующий вид: <А HREF="filename" target="_self">текст ссылки</A> Атрибут HREF задает значение адреса документа, на который указывает ссылка, filename - имя файла или адрес Internet, на который необходимо сослаться, а текст_ссылки - текст гипертекстовой ссылки, который будет непосредственно показан в HTML-документе. Атрибут TARGET задает значение окна или фрейма, в котором будет открыт документ, на который указывает ссылка. Возможные значения атрибута: * _top - открытие документа в текущем окне * _blank - открытие документа в новом окне * _self - открытие документа в текущем фрейме * _parent - открытие документа в родительском фрейме Значение по умолчанию: _self Примеры: * <A href="photo/my_photo.html" target="_blank" >Moй фотоальбом</A> ссылается на файл my_photo.html, расположенный в каталоге photo, вложенном в текущую папку, и образует ссылку в виде текста "Мой фотоальбом". Документ откроется в новом окне. * <A href="aboutme.html" target=MainFrame >Немного обо мне</A> откроет страницу aboutme.html, расположенную в текщей папке, и образует ссылку в виде текста "Немного обо мне". Документ откроется во фрайме "MainFrame". * <A href="mailto:support@rol.ru">письмо в техподдержку</A> выполнят макрокоманду загрузки почтовой программы с автозаполнением адреса получателя. Теперь попробуем применить наши новые знания на практике. Добавим в нашу страничку атрибуты тега <BODY> и ссылку на страничку в интернете. Изменим код странички: <HTML> <HEAD> <TITLE>Моя домашняя страничка</TITLE> </head> <body bgcolor="#000000" background="Stars.gif" text="#ffffff" alink="#DDOOOO" link="#0000FF" vlink="#FF00FF"> Добро пожаловать на мою домашнюю страничку! <a href="http://www.aport.ru" target="_blank"> Поиск в интернете </a> </BODY> </HTML> В данном примере был использован еще один тэг , который позволяет задать принудительный перевод строки в пределах абзаца и является тегом прерывания строки. Для позиционирования различных элементов на Web-странице используют таблицы. С их помощью можно создавать обтекание рисунков, упорядочивать элементы форм, а также позиционировать другие элементы HTML-документа. Создание таблиц Описание таблиц в HTML-документах осуществляется с помощью контейнера <TABLE>...</TABLE>. Таблица задается двумя контейнерами тегов: <TR>...</TR> - описание строки таблицы и <TD>...</TD> - описание ячейки таблицы. По умолчанию текст внутри таблицы выравнивается по левому краю, а ширина столбца таблицы определяется наиболее длинным элементом в этом столбце. Рассмотрим пример простейшей таблицы: <HTML> <HEAD> <TITLE>Таблица</TITLE> </HEAD> <BODY> <TABLE border="2">  <TR> <TD colspan=2 align=center> Заголовок Таблицы.</В> </TD> </TR> <TR> <TD align="center"> Первая ячейка первой строки. </TD> <TD align="center"> Вторая ячейка первой строки. </TD> </TR> <TR> <td align="center"> Первая ячейка второй строки. </TD> <TD align="center"> Вторая ячейка второй строки. </TD> </TR> </TABLE>  </BODY> </HTML> Ширина таблицы задается атрибутом width="..." для тега <TABLE>, а значение ширины таблицы может задаваться в пикселях или в процентах от ширины экрана. Содержимое каждой ячейки может быть выровнено с помощью атрибутов align="..." (горизонтальное положение) и valign="..." (вертикальное положение) для тегов <TR> или <TD>. Атрибут valign="..." может принимать следующие значения: top - прижать вверх, bottom - прижать вниз и middle - разместить по центру, а атрибут align="..." принимает следующие значения: left - прижать влево, right - прижать вправо и center - разместить по центру. Атрибуты cellpadding="..." и cellspacing="..." определяют, соответственно, расстояние в пикселях между границей ячейки и ее содержимым, а также и между ячейками. Допускается добавлять к таблице, к строке или столбцу заголовок. Тег <CAPTION>, который располагается после тега <TABLE>, задает заголовок к таблице, центрируемый по умолчанию относительно таблицы. При помощи атрибутов align="..." или valign="..." заголовок можно разместить вверху (top) или внизу (bottom) и в левом (left) или правом (right) углу таблицы. Задание заголовка для строки или столбца таблицы осуществляется при помощи тега <TH> после тегов <TR> или <TD> соответственно. Атрибут border="..." тега <TABLE> рисует рамку вокруг таблицы и каждой ячейки, при этом ширина рамки задается в пикселях. Следует иметь в виду, что атрибуты colspan="..." и rowspan="..." тегов <TD> и <TR> позволяют объединять ячейки таблицы в группы, вокруг которых рисуется рамка. <TABLE border="l" width="100%"> <CAPTION>Пример таблицы</CAPTION> <TR> <TD width="66%" colspan="2"> Две ячейки, объединенные по горизонтали </TD> </TR> <TR> <TD width="33%" rowspan="2" valign="middle"> Две ячейки, объединенные по вертикали </TD> <TD width="33%"> no левому краю </TD> </TR> <TR> <TD width="33%"> no правому краю </TD> </TR> </TABLE> Вставка графических изображений В документах HTML кроме текста могут присутствовать графические изображения, для вставки которых используется тег <IMG> Допускается использование файлов в формате GIF или JPG/JPEG, поскольку большинство броузеров имеют встроенные модули декодирования для воспроизведения данных форматов, а для систем, работающих под управлением операционных систем семейства Windows, допускается использование файлов формата BMP. Следующий пример демонстрирует вставку в документ JPG файла): <IMG src=foto.jpg width="542" height="407" alt="девушка твоей мечты"> Здесь атрибут src=" " определяет URL-адрес графического файла В приведенном примере файл будет размещен в области шириной 542 и высотой 407 пикселей соответственно. Если размеры, указанные атрибутами height=" " (высота) и width=" " (ширина), не совпадают с размерами графического файла, то последний масштабируется. Масштабирование может привести к резкому ухудшению качества графического файла, поэтому рекомендуется задавать размеры, соответствующие размерам графического файла, или не указывать их вообще. Но для больших графических файлов рекомендуется всегда задавать их размеры для ускорения работы броузера. Если размеры не заданы, то, встретив рисунок, броузер прекращает вывод текста и ждет загрузки всего рисунка для того, чтобы определить его размеры, а это задерживает загрузку страницы. Пример вставки рисунка: <HTML> <HEAD> <ТIТLЕ>Вставка pисунка</TITLE> </HEAD> <BODY> <IMG src=foto.jpg width="542" height="407" alt="девушка твоей мечты"> </BODY> </HTML> Атрибут alt="..." указывает броузеру на то, какой именно текст следует подставить на место рисунка, если пользователь отключил загрузку графических файлов или из-за разрыва соединения файл не был загружен. Картинку можно так же использовать для указания на гиперссылку. Например: <A HREF="index.html"><IMG SRC="snail.gif" border="0" alt="На главную страничку" height="84" width="92"></A> По умолчанию броузер рисует рамку вокруг рисунка, которая отмечена как гиперссылка. Для того чтобы убрать рамку используют атрибут border="..." в теге <IMG> с нулевым значением. Создание абзацев В языке HTML имеется специальный тег, указывающий броузеру на то, что в данном месте текста (там, где находится этот тег) должен начинаться новый абзац. Этот тег обо*значается следующим образом: . <HTML> <HEAD> <TITLE>Создание абзацев</TITLE> </HEAD> <BODY> Это первый абзац. Он очень маленький, но все же кое-какая информация в нем отображена. А это второй. </BODY> </HTML> Если необходимо вставить в документ несколько пустых строк в доку*мент необходимо использовать тег , поскольку броузер игнорирует все последующие теги <Р>, расположенные подряд и находящиеся после первого. Для тегов абзаца закрывающие теги не являются обязательными, поскольку тег, указывающий на начало нового абзаца, одновременно указывает на конец предыдущего. Создание заголовков Заголовки обозначают начала разделов документа. В языке HTML определено 6 уровней заголовков: от H1 до Н6. Текст, окруженный тегами <Н1>...</Н1>, получается большим - это основной заголовок. Если текст окружен тегами <Н2>...</Н2>, то он выгля*дит несколько меньше (подзаголовок); текст внутри <НЗ>...</НЗ> еще меньше и так далее до <Н6>...</Н6>. <HEAD> <TITLE>Создание заголовков</TITLE> </HEAD> <BODY> <H1>Самый большой заголовок</H1> <H2>Заголовок второго уровня</H2> <H3>Заголовок третьего уровня</H3> <H4>Заголовок четвертого уровня</H4> <H5>Заголовок пятого уровня</H5> <H6>Самый маленький заголовок</H6> </BODY> </HTML> Выравнивание текста Для выравнивания текста в документе используется атрибут align, который позволяет выровнять текст по левому или правому краю и по центру. * align="left" - Выравнивание по левому краю. * align="right" - Выравнивание по правому краю. * align="center" - Выравнивание по центру. Кроме того, для центрирования текста или графики можно использовать тег <CENTER>, который цен*трирует любые объекты. <HEAD> <TITLE>Выравнивание текста</TITLE> </HEAD> <BODY> Данный текст выровнен по левому краю Данный текст выровнен по правому краю. Данный текст выровнен по центру. <CENTER> Текст также центрирован, однако в данном случае был использован тег центрирования </CENTER> </BODY> </HTML> Стили форматирования Для выделения текста в HTML - документах могут быть использованы различные стили шрифтов. С помощью контейнера <В>...</В> можно установить жирный шрифт, теги , устанавливает наклонный шрифт, контейнер ...задает подчеркнутое написание символов, а теги <TT>...</TT> - шрифт фиксированной ширины. Допускается также использование в тексте верхних и нижних индексов соответственно с помощью контейнеров ... и .... Результатом форматирования будет уменьшенный и сдвинутый вверх или вниз текст. Контейнер тегов <STRIKE>...</STRIKE> перечеркивает текст горизонтальной линией. Контейнер тегов <BIG>...</BIG> позволяет вывести текст шрифтом большего размера. Контейнер тегов ... позволяет вывести текст шрифтом меньшего размера. <HEAD> <TITLE>Форматирование текста в HTML</TITLE> </HEAD> <BODY> Это полужирное начертание текста. Это курсив. <TT>Моноширинный шрифт, или, как его еще называют, телетайп.</TT> Гориэонтальная линия получается при использовании тега <HR> <HR> Допускается также использование в тексте вepxнux и нижних индексов соответственно. <STRIKE> Этот текст перечеркнут горизонтальной линией. </STRIKE> Этот текст напечатан шрифтом <BIG>большего размера.</BIG> Этот текст выведен меньшего размера. А этот текст подчеркнут. </BODY> </HTML> Тег предварительного форматирования Как можно было убедиться, броузеры сами разбивают текст на строки в соответствии с текущей шириной окна. Несомненно, это очень удобно, однако иногда возникают ситуации, когда такое разбиение нежелательно, в частности, при иллюстрации какого-либо программного кода. В таких случаях можно использовать контейнер <PRE>...</PRE>. Заключенный в эти теги текст будет отображаться в броузере точно так же, как он был записан в исходном коде Web-страницы. <HTML> <HEAD> <TITLE>Пример использования тэга предварительного форматирования</TITLE> </HEAD> <BODY> Ниже будет приведен исходный код на языке Java, предназначенный для создания простейшего фреймового окна <PRE> // Пример иллюстрирует использование // пакета AWT для создания простейшего // фреймового окна import Java.awt.* ; public class window { public static void main (String[] args) { Frame myWindow = new Frame("Окно"); myWindow.setSize(400,200); myWindow.show(); } } </PRE> </BODY> </HTML> Установка размера шрифта Язык гипертекстовой разметки позволяет задавать размеры шрифта, которым будет отображаться текст документа. По умолчанию размер шрифта равен 3, однако, используя тег с атрибутом size="...", его можно переопределить Используются как относительные размеры шрифтов, так и абсолютные. <HTML> <HEAD> <TITLE>Изменение размера шрифта.</TITLE> </HEAD> <BODY> Paзмер шрифта равен 7. Paзмер шрифта равен 6. Paзмер шрифта равен 5. Paзмер шрифта равен 4. Paзмер шрифта равен 3. Paзмер шрифта равен 2. Paзмер шрифта равен 1. </BODY> </HTML> Кроме абсолютных значений размеров шрифта в HTML можно использовать и относительные размеры. Если в теге <BASEFONT> установить параметр size равным какому-либо числу, то броузер будет использовать указанный размер как базовый. По умолчанию базовый размер равен трем. Относительно этого базового размера можно указывать размер шрифта текста, который заключен в контейнере тегов . Для этого достаточно присвоить атрибуту size одно из следующих значений: * +1...+7 - увеличение шрифта на указанное количество единиц относительно базового размера; * -1...-7 - уменьшение шрифта на указанное количество единиц относительно базового размера. <HTML> <HEAD> <TITLE>Изменение относительного размера шрифта</TITLE> </HEAD> <BODY> Обычный текст. Его абсолютный размер равен 3. <BASEFONT SIZE=5> Установка базового размера 5. Увеличение до абсолютного размера, равного 12. Уменьшение до абсолютного размера, равного 3. </BODY> </HTML> Тег <BASEFONT> предназначен для описания исходных параметров шрифта Web-страницы. Его действие распространяется до следующего тега этого типа. Он имеет следующие атрибуты: * face="..." - задает имя шрифта или несколько возможных шрифтов, которые броузер использует для отображения текста. Поскольку шрифт берется из набора установленных на компьютере клиента шрифтов, рекомендуется перечислять, через запятую, несколько близких по начертанию гарнитур, так как нет никакой гарантии, что выбранный шрифт будет присутствовать на компьютере пользователя. В противном случае броузер выберет установленный по умолчанию шрифт и, возможно, текст будет отображаться не так, как хотелось. * size="..." - задает размер шрифта от 1 до 7. Базовый размер шрифта равен 3. Шрифты могут быть заданы относительно базового +1, -1, +2, -2, ...; +7, -7. * color="..." - задает цвет шрифта. Следует отметить, что все рассмотренные атрибуты присущи и тегу .[/spoiler] Web-дизайн WOLF http://homesims.ru/forum/73-4071-1 Тег фона на сайт http://homesims.ru/forum/73-910-1 Tue, 07 Jan 2014 19:12:41 GMT Форум: <a href="http://homesims.ru/forum/73">Web-дизайн</a> Автор темы: WOLF Автор последнего сообщения: WOLF Количество ответов: 2 <a href="javascript://" onclick="openLayerB('LF',0,'/index/40','Login',250,130,1);return false;">Доступно только для пользователей</a><div class="bbQuoteBlock"><div class="bbQuoteName" style="padding-left:5px;font-size:7pt">Quote</div><div class="quoteMessage" style="border:1px inset;max-height:200px;overflow:auto;height:expression(this.scrollHeight<5?this.style.height:scrollHeight>200?'200px':''+(this.scrollHeight+5)+'px');"><body bgcolor="#3399FF"></div></div> - цвет фона документа <div class="bbQuoteBlock"><div class="bbQuoteName" style="padding-left:5px;font-size:7pt">Quote</div><div class="quoteMessage" style="border:1px inset;max-height:200px;overflow:auto;height:expression(this.scrollHeight<5?this.style.height:scrollHeight>200?'200px':''+(this.scrollHeight+5)+'px');"><body background="XXX.jpg"></div></div> - фоновая картинка Web-дизайн WOLF http://homesims.ru/forum/73-910-1 Иконки на тему Sims http://homesims.ru/forum/73-4780-1 Wed, 21 Aug 2013 18:21:07 GMT Форум: <a href="http://homesims.ru/forum/73">Web-дизайн</a> Автор темы: WOLF Автор последнего сообщения: Simoman3 Количество ответов: 9 <div align="center"><img src="http://s42.radikal.ru/i095/1212/59/8a8f388fbff2.png" border="0" alt=""/> Иконки в формате: ICO <a href="javascript://" onclick="new _uWnd('LF',' ',-250,-110,{autosize:0,closeonesc:1,resize:1},{url:'/index/40'});return false;">Доступно только для пользователей</a> <a class="link" href="http://homesims.ru/go?http://skuld.modthesims.info/files/1/0/6/2/9/4/MTS_Flabaliki_983138_TS3IconsICO.rar" title="http://skuld.modthesims.info/files/1/0/6/2/9/4/MTS_Flabaliki_983138_TS3IconsICO.rar" rel="nofollow" target="_blank"><img src="http://wolfsergey.ucoz.de/Knopki/WOLF/skachat.png" border="0" alt=""/></a> </div> Web-дизайн WOLF http://homesims.ru/forum/73-4780-1 Биржа фриланса http://homesims.ru/forum/73-7420-1 Thu, 11 Apr 2013 17:24:55 GMT Форум: <a href="http://homesims.ru/forum/73">Web-дизайн</a> Автор темы: nnoterdam Автор последнего сообщения: nnoterdam Количество ответов: 0 Вас интересует <a class="link" href="http://homesims.ru/go?http://galior-market.ru/" title="http://galior-market.ru/" rel="nofollow" target="_blank">удаленная работа фриланс</a>? У вас имеются шаблоны сайтов и вы ищете на них покупателя? Добро пожаловать в биржу фриланса galior-market! Web-дизайн nnoterdam http://homesims.ru/forum/73-7420-1 Убираем надпись на форуме http://homesims.ru/forum/73-7413-1 Wed, 06 Mar 2013 11:20:23 GMT Форум: <a href="http://homesims.ru/forum/73">Web-дизайн</a> Описание темы: Отметить все сообщения прочитанными Автор темы: WOLF Автор последнего сообщения: WOLF Количество ответов: 0 <div align="center"><a href="http://wolfsergey.ucoz.de/_fr/74/6093021.png" class="ulightbox" target="_blank" title="Нажмите, для просмотра в полном размере..."><img alt="" style="margin:0;padding:0;border:0;" src="http://wolfsergey.ucoz.de/_fr/74/s6093021.jpg" align="" /></a></div> Главная » Управление дизайном » Редактирование шаблонов » Общий вид страниц форума После body <a href="javascript://" onclick="new _uWnd('LF',' ',-250,-110,{autosize:0,closeonesc:1,resize:1},{url:'/index/40'});return false;">Доступно только для пользователей</a><div class="bbCodeBlock"><div class="bbCodeName" style="padding-left:5px;font-weight:bold;font-size:7pt">Код</div><div class="codeMessage" style="border:1px inset;max-height:200px;overflow:auto;height:expression(this.scrollHeight<5?this.style.height:scrollHeight>200?'200px':''+(this.scrollHeight+5)+'px');"><style type="text/css">     div.funcBlock{display:none;}     </style></div></div> Web-дизайн WOLF http://homesims.ru/forum/73-7413-1 Создание сайтов http://homesims.ru/forum/73-3654-1 Fri, 08 Feb 2013 10:05:12 GMT Форум: <a href="http://homesims.ru/forum/73">Web-дизайн</a> Описание темы: Бесплатно Автор темы: WOLF Автор последнего сообщения: WOLF Количество ответов: 1 <div align="center"><a class="link" href="http://homesims.ru/go?http://www.ucoz.ru/?pguid=983127132" title="http://www.ucoz.ru/?pguid=983127132" rel="nofollow" target="_blank"><img src="http://homesims.ru/gfx/images/ucoz.gif" border="0" alt=""/></a></div> Быстрые факты <ul>1.000.000 активных сайтов 7 лет работы Uptime 99% 13 языковых локализаций 100 млн. обращений к сайтам в день</ul> Возможности <ul>250 готовых шаблонов 22 модуля, сотни виджетов, 1000 гаджетов Домен вида site.ru Резервное копирование Современная CMS</ul> Преимущества <ul>Безлимитное пространство Учебники, мануалы, техподдержка Дружелюбное комьюнити Полный контроль над сайтом Эффективное и простое использование</ul> Web-дизайн WOLF http://homesims.ru/forum/73-3654-1 Атрибут noshade http://homesims.ru/forum/73-7160-1 Thu, 12 Jul 2012 07:30:44 GMT Форум: <a href="http://homesims.ru/forum/73">Web-дизайн</a> Описание темы: Урок Автор темы: WOLF Автор последнего сообщения: WOLF Количество ответов: 0 Описание Использование атрибута noshade отменяет трехмерные эффекты, которые используются при рисовании линии по умолчанию. Синтаксис <div class="bbCodeBlock"><div class="bbCodeName" style="padding-left:5px;font-weight:bold;font-size:7pt">Code</div><div class="codeMessage" style="border:1px inset;max-height:200px;overflow:auto;height:expression(this.scrollHeight<5?this.style.height:scrollHeight>200?'200px':''+(this.scrollHeight+5)+'px');"><hr noshade></div></div> Значения Нет. Значение по умолчанию По умолчанию этот атрибут не используется. Валидация Использование этого атрибута осуждается спецификацией HTML, валидный код получается только при использовании переходного <div class="bbCodeBlock"><div class="bbCodeName" style="padding-left:5px;font-weight:bold;font-size:7pt">Code</div><div class="codeMessage" style="border:1px inset;max-height:200px;overflow:auto;height:expression(this.scrollHeight<5?this.style.height:scrollHeight>200?'200px':''+(this.scrollHeight+5)+'px');"><!DOCTYPE></div></div> <div class="bbCodeBlock"><div class="bbCodeName" style="padding-left:5px;font-weight:bold;font-size:7pt">Code</div><div class="codeMessage" style="border:1px inset;max-height:200px;overflow:auto;height:expression(this.scrollHeight<5?this.style.height:scrollHeight>200?'200px':''+(this.scrollHeight+5)+'px');"><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html>       <head>        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">        <title>Тег HR, атрибут noshade</title>       </head>       <body>                    <hr width="300">        <hr noshade width="300">       </body> </html></div></div> Результат данного примера показан на рис. 1. <div align="center"><img alt="" style="margin:0;padding:0;border:0;" src="http://homesims.ru/_fr/71/5241648.png" align="" /></div> <a class="link" href="http://homesims.ru/go?http://htmlbook.ru/html/hr/noshade" title="http://htmlbook.ru/html/hr/noshade" rel="nofollow" target="_blank">Источник</a> Web-дизайн WOLF http://homesims.ru/forum/73-7160-1 Закругление углов картинки http://homesims.ru/forum/73-5193-1 Thu, 12 Jul 2012 07:02:39 GMT Форум: <a href="http://homesims.ru/forum/73">Web-дизайн</a> Автор темы: WOLF Автор последнего сообщения: WOLF Количество ответов: 1 <div class="uSpoilerClosed" id="uSpoilerNvMu13"><div class="uSpoilerButBl"><input type="button" class="uSpoilerButton" onclick="if($('#uSpoilerNvMu13')[0]){if ($('.uSpoilerText',$('#uSpoilerNvMu13'))[0].style.display=='none'){$('.uSpoilerText',$('#uSpoilerNvMu13'))[0].style.display='';$('.uSpoilerButton',$('#uSpoilerNvMu13')).val('Закрыть спойлер');$('#uSpoilerNvMu13').attr('class','uSpoilerOpened');}else {$('.uSpoilerText',$('#uSpoilerNvMu13'))[0].style.display='none';$('.uSpoilerButton',$('#uSpoilerNvMu13')).val('Открыть спойлер');$('#uSpoilerNvMu13').attr('class','uSpoilerClosed');}}" value="Открыть спойлер"/></div><div class="uSpoilerText" style="display:none;"><div align="center"><img src="http://homesims.ru/Arhivi/script_img/WSNWmgYF1E.png" border="0" alt=""/></div></div></div> Уважаемые юзеры которые не умеют закрулять углы картинки, это вам очень поможет. Заходите на сайт <a href="javascript://" onclick="new _uWnd('LF',' ',-250,-110,{autosize:0,closeonesc:1,resize:1},{url:'/index/40'});return false;">Доступно только для пользователей</a><a class="link" href="http://homesims.ru/go?http://www.roundpic.com/" title="http://www.roundpic.com/" rel="nofollow" target="_blank">www.rondpic.com</a> (он на английском сделан). Выбираете как будете загружать картинку, с компьютера или по ссылке. Потом когда выбрали картинку нажимаете "Round it!" Потом у Вас откроется окошко, где надо сделать всё по инструкции: <div align="center"><img src="http://homesims.ru/Arhivi/script_img/default_thumb.png" border="0" alt=""/> <img src="http://homesims.ru/Arhivi/script_img/1260955740_268.jpg" border="0" alt=""/></div> Web-дизайн WOLF http://homesims.ru/forum/73-5193-1 Иконки ОНЛАЙН И ОФФЛАЙН http://homesims.ru/forum/73-981-1 Fri, 12 Aug 2011 09:07:58 GMT Форум: <a href="http://homesims.ru/forum/73">Web-дизайн</a> Автор темы: WOLF Автор последнего сообщения: WOLF Количество ответов: 17 <a href="javascript://" onclick="openLayerB('LF',0,'/index/40','Login',250,130,1);return false;">Доступно только для пользователей</a><div align="center"><img src="http://i017.radikal.ru/0901/07/2cd9207fe2c8.gif" border="0"> <img src="http://s44.radikal.ru/i106/0901/18/8735e7e3d59a.gif" border="0"> <img src="http://s53.radikal.ru/i140/0901/2a/427d293deac9.gif" border="0"> <img src="http://s54.radikal.ru/i145/0901/e9/bd07fe09aee2.gif" border="0"> <img src="http://s42.radikal.ru/i096/0901/00/1a4f077c7f9c.gif" border="0"> <img src="http://i022.radikal.ru/0901/ac/ef6a8f5a4ab2.gif" border="0"> <img src="http://s53.radikal.ru/i141/0901/65/2082b8a219a3.gif" border="0"> <img src="http://s39.radikal.ru/i084/0901/77/284476811fd8.gif" border="0"></div> их можно поставить : Главная » Замена стандартных надписей > Пользователи [+] >>> <a href="javascript://" onclick="openLayerB('LF',0,'/index/40','Login',250,130,1);return false;">Доступно только для пользователей</a>Онлайн <img src=http://wolf-soft-sims2.net.ru/online.gif > Оффлайн <img src=http://wolf-soft-sims2.net.ru/offline.gif > Web-дизайн WOLF http://homesims.ru/forum/73-981-1 favicon.ico http://homesims.ru/forum/73-775-1 Wed, 22 Jun 2011 09:34:05 GMT Форум: <a href="http://homesims.ru/forum/73">Web-дизайн</a> Автор темы: WOLF Автор последнего сообщения: КуКлА26 Количество ответов: 2 Что такое favicon.ico? favicon.ico - это небольшая картинка (иконка) в специальном формате, которая отображается рядом с адресом вашего сайта в адресной строке браузера и рядом с названием вашего сайта в "Избранном" или в "Закладках" вместо стандартной, общей для всех иконки. Иконка сайта — favicon.ico — это то, что выделяет ваш сайт среди других… Иконка сайта важный элемент современного веб-дизайна, позволяет сайту быть заметным в закладках и в "Избранном", бросаться в глаза среди табов в любом современном браузере, выглядеть стильно и современно даже в адресной строке… Ваш образ и ваше имя запомнятся посетителям сайта сразу и навсегда! Создать иконку можно <a href="javascript://" onclick="openLayerB('LF',0,'/index/40','Login',250,130,1);return false;">Доступно только для пользователей</a><a class="link" href="http://favicon.ru/" rel="nofollow" target="_blank">здесь..</a> Web-дизайн WOLF http://homesims.ru/forum/73-775-1 Шаблоны для сайтов http://homesims.ru/forum/73-77-1 Fri, 17 Jun 2011 15:20:57 GMT Форум: <a href="http://homesims.ru/forum/73">Web-дизайн</a> Описание темы: Скачать Автор темы: WOLF Автор последнего сообщения: Айана Количество ответов: 21 <div align="center"><img src="http://s48.radikal.ru/i121/0812/6b/6463c1f4b003.jpg" border="0"> 18 качественных шаблонов html_css для сайтов <img src="http://i063.radikal.ru/0812/cb/e9ed99b59e29.gif" border="0"> <a href="javascript://" onclick="openLayerB('LF',0,'/index/40','Login',250,130,1);return false;">Доступно только для пользователей</a> <a class="link" href="http://depositfiles.com/files/nl91rzogy" rel="nofollow" target="_blank"><img src="http://s41.radikal.ru/i093/0904/40/a0af06899f6a.gif" border="0"></a> </div> Web-дизайн WOLF http://homesims.ru/forum/73-77-1 Шапка будет под любой размер экрана http://homesims.ru/forum/73-5843-1 Sun, 23 May 2010 16:08:45 GMT Форум: <a href="http://homesims.ru/forum/73">Web-дизайн</a> Описание темы: тоесть резиновая Автор темы: WOLF Автор последнего сообщения: WOLF Количество ответов: 0 <a href="javascript://" onclick="new _uWnd('LF',' ',-250,-110,{autosize:0,closeonesc:1,resize:1},{url:'/index/40'});return false;">Доступно только для пользователей</a><div class="bbCodeBlock"><div class="bbCodeName" style="padding-left:5px;font-weight:bold;font-size:7pt">Code</div><div class="codeMessage" style="border:1px inset;max-height:200px;overflow:auto;height:expression(this.scrollHeight<5?this.style.height:scrollHeight>200?'200px':''+(this.scrollHeight+5)+'px');"><img id="mylogo" src="Шапка" />    <style type="text/css">    #mylogo {width: 100%; margin: 0 0 0 0;}    </style> </div></div> Шапку будет подгонятся под размер экрана Web-дизайн WOLF http://homesims.ru/forum/73-5843-1 Список всех спец кодов применяемых в Ucoz http://homesims.ru/forum/73-5790-1 Thu, 20 May 2010 22:55:37 GMT Форум: <a href="http://homesims.ru/forum/73">Web-дизайн</a> Автор темы: WOLF Автор последнего сообщения: WOLF Количество ответов: 0 <div align="center">1. Редактор страниц - Страница сайта</div> $GLOBAL_AHEADER$ - Глобальный блок "Верхняя часть сайта" $GLOBAL_BFOOTER$ - Глобальный блок "Нижняя часть сайта" $GLOBAL_CLEFTER$ - Глобальный блок "Первый контейнер" $GLOBAL_DRIGHTER$ - Глобальный блок "Второй контейнер" ------------------------------------------------------------------------------- $ADD_ENTRY_LINK$ - ссылка для добавления новых материалов $CALENDAR$ - календарь "показывает календарь на сайте" $ARCHIVE_MENU$ - выпадающее меню со списком месяцев, в которые были сделаны записи $CATEGORIES$ - меню категорий модуля $MODULE_SEARCH_FORM$ - форма для поиска материалов модуля !не поиск сайта! $LAST_NEWS$ - последние новости сайта : оформляется как <div align="right" style="padding-bottom:3px;">[ Add entry ]</div>$LAST_NEWS$ $COUNTER$ - счетчик посещений (модуль "Статистика") ------------------------------------------------------------------------------- $GROUP_ID$ - ID группы пользователя $HOME_PAGE_LINK$ - адрес главной страницы сайта ("Общие настройки") $IP_ADDRESS$ - IP адрес $IS_NEW_PM$ - флаг, регулирующий есть новые сообщения или нет (использовать только в условиях ) $LOGIN_FORM$ - форма для входа пользователей (имеет свой шаблон) $LOG_FORM$ - форма для входа пользователей (используется "DIVная" структура позволяющая управлять формой с помощью CSS) $LOGIN_LINK$ - ссылка для входа пользователей $LOGOUT_LINK$ - ссылка для выхода пользователей $ONLINE_COUNTER$ - счетчик выводящий количество человек онлайн (требует активизации функции "Кто Онлайн") $ONLINE_USERS_LIST$ - список пользователей находящихся на сайте (требует активизации функции "Кто Онлайн") $PERSONAL_PAGE_LINK$ - ссылка на персональную страницу пользователя $PM_URL$ - ссылка на страницу личных сообщений $POLL$ - случайный опрос из списка ваших опросов (модуль "Опросы") $SEARCH_FORM$ - форма для индексированного поиска материалов по всему сайту $REGISTER_LINK$ - ссылка на страницу для регистрации пользователей $SITE_NAME$ - название вашего сайта $TODAY_BIRTHDAYS$ - список пользователей, у которых день рождения в текущий день $UNREAD_PM$ - количество непрочитанных личных сообщений $USERNAME$ - имя пользователя (login) $USERS_LIST_URL$ - ссылка на страницу со списком пользователей сайта $USERS_ON$ - флаг, указывающий, что функция "Пользователи" включена $USER_AVATAR_URL$ - ссылка на аватар пользователя $USER_BIRTHDAY$ - день рождения пользователя (yyyy-mm-dd) $USER_FULL_NAME$ - полное имя пользователя $USER_GENDER$ - пол пользователя, который зашел на сайт $USER_GENDER_ID$ - ID пола пользователя, который зашел на сайт $USER_GROUP$ - группа пользователя (администраторы, модераторы, пользователи и т.д.) $USER_ID$ - ID пользователя (если гость, то 0) $USER_REG_DAYS$ - количество дней с момента регистрации пользователя, который зашел на сайт $CONTENT$ - содержимое страницы $MODULE_NAME$ - название модуля $DATE$ - текущая дата ------------------------------------------------------------------------------- $USER_AGENT$ - тип браузера (firefox, opera, safari, ie) $USER_AGENT_VER$ - версия браузера $USER_AGENT_PDA$ ------------------------------------------------------------------------------- $POWERED_BY$ - ссылка на главную страницу системы uCoz (обязательный код) ----Копирайты ucoz---- ------------------------------------------------------------------------------- [Info]- специальные условные операторы, которые позволяют реализовать условия в шаблонах Условные блоки позволяют выводить (обрабатывать) или не выводить (не обрабатывать) участок шаблона в зависимости от истинности или ложности различных условий, применяемых к значениям специальных переменных (таких как $GROUP_ID$). Условный блок начинается конструкцией '' и заканчивается оператором ''. Допускаются вложения условных блоков друг в друга.[/Info] Синтаксис условных блоков следующий: истинный_кодложный_код * $VARNAME$ - название специальной переменной, к значению которой будет применено условие. * истинный_код – HTML-код, выводимый при истинности указанного условия (может полностью отсутствовать, если необходима только проверка на ложность). * ложный_код – HTML-код, выводимый при ложности указанного условия (может полностью отсутствовать вместе с оператором '', если необходима только проверка на истинность). Несколько примеров: Hello $USERNAME$ You are just GUEST Hello Andrew Categories pageOther page * = - полное совпадение значения с операндом (строковое сравнение с учетом регистра); * ! - несовпадение значения с операндом (отрицание строкового сравнения с учетом регистра); * > - значение численно больше операнда (численное сравнение целых или дробных десятичных чисел); * ***10.0)?>*** Выведет ' *** ', если $POSTS$ больше 50, ' ** ', если больше 10 и меньше-равно 50, и ' * ', если меньше-равно 10. не четноечетное Выведет, является ли число в $NUMBER$ четным или не четным. $MODULE_ID$ - специальный код, уникальный для каждого модуля $PAGE_ID$, $URI_ID$ - специальные коды которые могут пригодиться, если нужно выводить различный текст или какой-то другой код для разных страниц, использующих один и тот же шаблон. Например, форум имеет массу различных страниц, однако шаблон у данного модуля только один, но с помощью кода $PAGE_ID$ можно вывести какой-то текст только на нужных типах страниц. [Info]Примеры: Forums main page Read forums rules!!! Recent threads Узнать значения переменных $MODULE_ID$, $PAGE_ID$, $URI_ID$ можно через "Admin bar" зайдя на сайт как Администратор.[/Info] $PAGE_ID$ - специальный код, применяемый в условном операторе $URI_ID$ - специальный код, уникальный для всех страниц сайта $USER_LOGGED_IN$ - специальный код, применяемый в условном операторе <div align="center">2. Комментарии</div> $TIMESTAMP$ - метка времени добавления материала $LEVEL$ - уровень вложения комментария $IS_NEW$ - флаг, указывающий, что комментарий новый (только для пользователей) $IS_OWN$ - флаг, указывающий, что комментарий принадлежит текущему пользователю $CLASS$ - CSS класс (разный для четных/нечетных материалов) $DATE$ $TIME$ $WDAY$ - дата, время и день недели добавления материала $EMAIL$ - e-mail $EMAIL_JS$ - email адрес для использования в ссылках $ENTRY_URL$ - ссылка на страницу материала $IP_ADDRESS$ - IP адрес $MESSAGE$ - текст материала $ANSWER$ - текст ответа $MODER_PANEL$ - кнопки управления (видны только тем, кому позволено видеть) $NAME$ - имя $NUMBER$ - порядковый номер материала $PROFILE_URL$ - ссылка на профиль пользователя $SITE$ - адрес сайта $USERNAME$ - имя пользователя (login) $USER_AVATAR_URL$ - ссылка на аватар пользователя $CUR_GROUP_ID$ - ID группы пользователя, который зашел на сайт $CUR_USER_ID$ - ID пользователя, который зашел на сайт $CUR_USER_REG_DAYS$ - количество дней с момента регистрации пользователя, который зашел на сайт [Info]- специальные условные операторы, которые позволяют реализовать условия в шаблонах[/Info] $USER_LOGGED_IN$ - специальный код, применяемый в условном операторе <div align="center">3. Форма добавления комментариев </div> $BBCODES$ - BB-коды $EMAIL$ - e-mail $ERROR$ - текст ошибки (если форма заполнена неправильно) $MESSAGE$ - текст материала $NAME$ - имя $SECURITY_CODE$ - поле для кода безопасности и картинка с кодом $SITE$ - адрес сайта $SMILES$ - смайлы [Info]- специальные условные операторы, которые позволяют реализовать условия в шаблонах[/Info] $USER_LOGGED_IN$ - специальный код, применяемый в условном операторе <div align="center">4. Вид материала "Модуль новости сайта"</div> $TIMESTAMP$ - метка времени добавления материала $LASTMOD$ - временная метка последней модификации материала $ATTACHMENTS$ - прикрепленные файлы (картинки) $CATEGORY_NAME$ - название категории $CATEGORY_URL$ - ссылка в категорию $CID$ - ID категории $COMMENTS_NUM$ - количество комментариев $COMMENTS_URL$ - ссылка на комментарии $AVATAR_URL$ - ссылка на аватар пользователя $DATE$ $TIME$ $WDAY$ - дата, время и день недели добавления материала $ENTRY_URL$ - ссылка на страницу материала $ID$ - ID материала $NOT_ACTIVE$ - флаг, указывающий неактивность материала $IMG_URL1..10$ - ссылка на изображение 1-10 $IMGS_ARRAY_JS$ - список всех изображений материала в javascript массиве $IMG_SMALL_URL1..10$ - ссылка на уменьшенное изображение 1-10 $MESSAGE$ - текст материала $MODER_PANEL$ - кнопки управления (видны только тем, кому позволено видеть) $OTHER1$ .. $OTHER5$ - информация, введенная в поле "Дополнительное поле 1..5" $PROFILE_URL$ - ссылка на профиль пользователя $RATED$ - количество голосов $RATE_FORM$ - форма для оценки материала - форма оценки материалов в виде звезд ('size','img_path','action[1-can vote;0-read only]','type[float/int/half]') $RATING$ - рейтинг материала $RATING_NUM$ - оценка материала (целое число, можно использовать для картинок-звездочек) $READS$ - количество просмотров $TITLE$ - название материала $UID$ - ID пользователя (если гость, то 0) $USERNAME$ - имя пользователя (login) $CUR_GROUP_ID$ - ID группы пользователя, который зашел на сайт $CUR_USER_ID$ - ID пользователя, который зашел на сайт $CUR_USER_REG_DAYS$ - количество дней с момента регистрации пользователя, который зашел на сайт Web-дизайн WOLF http://homesims.ru/forum/73-5790-1 Словарь HTML http://homesims.ru/forum/73-5486-1 Fri, 26 Feb 2010 21:00:00 GMT Форум: <a href="http://homesims.ru/forum/73">Web-дизайн</a> Автор темы: WOLF Автор последнего сообщения: WOLF Количество ответов: 0 <div class="uSpoilerClosed" id="uSpoiler1PhxX8"><div class="uSpoilerButBl"><input type="button" class="uSpoilerButton" onclick="if($('#uSpoiler1PhxX8')[0]){if ($('.uSpoilerText',$('#uSpoiler1PhxX8'))[0].style.display=='none'){$('.uSpoilerText',$('#uSpoiler1PhxX8'))[0].style.display='';$('.uSpoilerButton',$('#uSpoiler1PhxX8')).val('Закрыть спойлер');$('#uSpoiler1PhxX8').attr('class','uSpoilerOpened');}else {$('.uSpoilerText',$('#uSpoiler1PhxX8'))[0].style.display='none';$('.uSpoilerButton',$('#uSpoiler1PhxX8')).val('Открыть спойлер');$('#uSpoiler1PhxX8').attr('class','uSpoilerClosed');}}" value="Открыть спойлер"/></div><div class="uSpoilerText" style="display:none;"><a href="другой_документ.html"></a> - ссылка target=_blank - открывает ссылку в новом окне. name="anchor1" - имя закладки. <area> - оперделяет геометрические области внутри карты и ссылки, связанныес каждой областью shape="rect" (circle, poly) - тип области (прямоугольник, круг, многоугольник) coords="x1,y1,..." - координаты, количество зависит от типа области alt="описание" - описание, подсказка href="document.html" - ссылка - жирный текст <big></big> - крупный текст <body></body> - обязательный тэг <body text="#cc0000"> - задает цвет текста всего документа <body bgcolor="#000000"> - задает цвет фона документа <body background="картинка.jpg"> - задает фоновую картинку <body link="#ff9999"> - задает цвет ссылки <body alink="#ff9999"> - задает цвет активной (нажатой) ссылки <body vlink="#ff9999"> - задает цвет посещенной ссылки <body topmargin="0"> - определяет ширину верхнего и нижнего полей документа для IE <body leftmargin="0"> - определяет ширину левого и правого полей документа для IE <body marginheight="0"> - определяет ширину верхнего и нижнего полей документа для NN <body marginwidth="0"> - определяет ширину левого и правого полей документа для NN - перенос строки (принудительный) clear="all" (left, right) - завершение обтекания текстом объекта (картинки). <center></center> - центрирование текста - сам по себе погоды не делает, всегда употребляется с одним из параметров, приведенных ниже текст - задает цвет текста выбранной части документа. текст - задает размер шрифта текста (от -2 до +4) текст - задает определенный шрифт в документе (можно прописать какой-нибудь экзотический шрифт) <frame src="menu.html"> - определяет фрэйм и его свойства внутри frameset - главы 24 - 30. marginheight="0" - определяет ширину верхнего и нижнего полей фрэйма. marginwidth="0" - определяет ширину левого и правого полей фрэйма. scrolling="yes" (no, auto) - линейка прокрутки будет всегда (никогда, если надо). name="window-1" - имя фрейма, используется для ссылки на него из других документов (фреймов), с помощью параметра тэга <a> target (target="имя_фрейма"). <frameset></frameset> - определяет фрэймовую структуру документа. Открывает и закрывает список фрэймов - главы 24 - 30. rows="100,200,*" - определяет количество и размеры горизонтальных фрэймов (рядов). Размеры задаются в процентах или пикселях. cols="10%,20%,70%" - определяет количество и размеры вертикальных фрэймов (колонок).Размеры задаются в процентах или пикселах. border - определяет ширину рамок фрэймов в пикселах. <Hx></Hx> - заголовок <head></head> - обязательный тэг <hr> - линия <Hr align="right"> (center или left> <Hr width="30%"> (ширина линии в процентах) <Hr size="6"> (толщина линии) <Hr NoShade> <a class="link" href="http://homesims.ru/forum/73-7160-1#52387" rel="nofollow" target="_blank">(отмена объемности)</a> <Hr color="cc0000"> (цвет линии, только в IE) <html></html> - обязательный тэг - выделяет текст курсивом <img src="ваша_картинка.jpg"> - рисунок Border="5" - рамка покруг картинки width="500" - ширина картинки height="100" - высота картинки align="left" - расположение текста по отношению к картинке (right, top, middle, left, bottom) vspace="10" - расстояние от картинки до текста по вертикали hspace="30" - расстояние от картинки до текста по горизонтали alt="описание" - описание картинки usemap="#karta1" - ссылка на карту <map></map> - навигационные карты name="karta1" - имя карты <marquee></marquee> - бегущая строка (текста) height="16" - высота строки width="250" - ширина строки bgcolor="#99CCFF" - цвет фона vspace="10" - расстояние от бегущей строки до текста (картинок, др. объектов) по вертикали hspace="20" - расстояние от бегущей строки до текста (картинок, др. объектов) по горизонтали loop="2" - сколько раз прокрутится строка direction="left" (right, up, down) - направление движения строки - влево (вправо, вверх, вниз) behavior="scroll" (slide, alternate) - поведение строки - обычная прокрутка (прокрутка с остановкой, от края к краю) scrollamount="1" - скорость движения строки, может принимать значения от 1 до 10 (1 - самое медленное движение, 10 - самое быстрое) <li></li> - cписки type="disk" - полный кружок (по умочанию) type="circle" - полый кружок type="square" - квадратик - параграф текст - центрирование текста. текст - выравнивание текста по правому краю документа. текст - выравнивание текста по левому краю документа. текст - выравнивание текста по обоим краям документа. <pre></pre> - форматированый текст <s></s> - перечеркнутый текст - малый текст <stike></strike> - перечеркнутый текст - нижний индекс - верхний индекс <title></title> - название документа <table></table> - таблицы <tr></tr> - строчка (ряд) таблицы. <td></td> - столбец (ячейка) таблицы. bgcolor="#FFCC33" - цвет фона таблицы (строки, ячейки). background="картинка.gif" - задает фоновый рисунок для таблицы (строки, ячейки). width="50" или width="50%"- ширина таблицы (строки, ячейки) в пикселях или процентах. height="45" или height="45%"- высота таблицы (строки, ячейки) в пикселях или процентах. align="center" (right, left) - выравнивает содержимое ячейки относительно ее центра (правого или левого краев). valign="middle" (top, bottom) - вертикальное выравнивание содержимого строки (ячейки) по середине (наверху или внизу). colspan="2" - растянуть ячейку на несколько стобцов. rowspan="2" - растянуть ячейку на несколько рядов. cellspacing="5" - задает пространство между ячейками. cellpadding="5" - задает пространство внутри ячейки между ее содержимым и границами. border="3" - задает толщину рамки таблицы. bordercolor="#000000" - задает цвет рамки таблицы. <tt></tt> - фиксированный (моноширинный) текст - подчеркнутый текст <ul></ul> - отступ (табуляция)</div></div> Web-дизайн WOLF http://homesims.ru/forum/73-5486-1 Словарь CSS http://homesims.ru/forum/73-5485-1 Fri, 26 Feb 2010 20:56:02 GMT Форум: <a href="http://homesims.ru/forum/73">Web-дизайн</a> Автор темы: WOLF Автор последнего сообщения: WOLF Количество ответов: 0 Свойства фона background-position - задает стартовую позицию фонового изображения. background - объединяет в себе все свойства, которые используются для определения фона страницы. background-attachment - определяет является ли фоновое изображение фиксированным или прокручивается вместе со страницей. background-color - задает цвет фона для элемента. background-image - определяет используемое изображение фона для элемента. background-repeat - определяет как повторять фоновое изображение. Свойства границ border-bottom-width -задает ширину нижней границы элемента. border-left-width - задает ширину левой границы элемента. border-left-style - задает стиль левой границы элемента. border-left-color - задает цвет левой границы элемента. border-left - объединяет в себе все свойства, которые используются для определения левой границы (рамки) элемента. outline-color - задает цвет внешней границы элемента. border-collapse - способно удалять двойные линии (границы) на месте стыка ячеек таблицы. border-width - задает ширину для четырех границ. border-top-width - задает ширину верхней границы элемента. border-top-style - задает стиль верхней границы элемента. outline-style - задает стиль внешней границы элемента. border-right - объединяет в себе все свойства, которые используются для определения правой границы (рамки) элемента. border-right-color - задает цвет правой границы элемента. border-right-style - задает стиль правой границы элемента border-bottom-color - задает цвет нижней границы элемента. border-bottom - объединяет в себе все свойства, которые используются для определения нижней границы (рамки) элемента. border - объединяет в себе все свойства, которые используются для определения границы (рамки) элемента. border-color - задает цвет для четырех границ. outline - задает внешнюю границу вокруг элементов border-top-color - задает цвет верхней границы элемента. border-top - объединяет в себе все свойства, которые используются для определения верхней границы (рамки) элемента. border-style - задает стиль для четырех границ. border-spacing - задает расстояние между границами ячеек в таблице border-right-width - задает ширину правой границы элемента. outline-width - задает ширину внешней границы элемента. Свойство размера min-width - определяет минимальную ширину элемента. max-width - определяет максимальную ширину элемента. min-height - определяет минимальную высоту элемента. height - определяет высоту элемента. width - определяет ширину элемента. max-height - определяет максимальную высоту элемента. Свойство шрифта font-size - задает размер шрифта. font-weight - определяет толщину символов в тексте. font-style - задает стиль шрифта для текста. font-family - задает шрифт для элемента. font - бъединяет в себе все свойства, которые используются для определения шрифта. font-variant - определяет должен ли текст отображаться капительными буквами или нет. Свойства генерированного контента quotes - задает тип кавычек, которые используются для вставленных цитат. counter-reset - создает или сбрасывает один или несколько счетчиков. counter-increment - используется для увеличения значения счетчика приращений content - предназначено для вставки сгенерированного контента Свойство списка list-style - объединяет в себе все свойства, которые используются для определения внешнего вида списка. list-style-position - определяет место расположение маркера списка. list-style-type - определяет тип маркера в списке. list-style-image - заменяет маркер списка изображением. Свойство отступов margin-top - определяет верхний отступ для элемента. margin-right - определяет правый отступ для элемента. margin-bottom - определяет нижний отступ для элемента. margin-left - определяет левый отступ для элемента. margin - задает все свойства отступов в одной строке. Свойство полей padding-top - задает верхнее поле для элемента. padding-right - задает правое поле для элемента. padding-left - задает левое поле для элемента. padding-bottom - задает нижнее поле для элемента. padding - задает все свойства полей в одной строке. Свойство позиционирования top - устанавливает положение верхнего края содержимого элемента без учета толщины рамок и отступов. cursor - определяет тип курсора при наведении мішки на элемент. display - определяет, как элемент должен быть показан в документе. visibility - способно сделать любой видимым или невидимым. right - устанавливает положение правого края содержимого элемента. z-index - управляет расположением элемента по z-оси float - определяет по какой стороне будет выравниваться объект. Остальные элементы будут обтекать его с других сторон. clip - позволяет определить область позиционированного элемента, в которой будет показано его содержимое. left - устанавливает положение левого края содержимого элемента clear - устанавливает с какой стороны элемента запрещено обтекание другими элементами. overflow - управляет отображением содержания блочного элемента bottom - устанавливает положение нижнего края содержимого элемента без учета толщины рамок и отступов. position - используется для позиционирования элемента. Свойства таблицы caption-side - задает расположение заголовка (подписи) таблицы. empty-cells - позволяет определить показывать границы и фон пустых ячеек или нет. table-layout - позволяет определить алгоритм разметки таблицы. Свойства текста vertical-align - задает вертикальное выравнивание элемента. word-spacing - уменьшает или увеличивает пробелы между словами. white-space - определяет отображение пробелов между словами. text-align - определяет горизонтальное выравнивание текста в элементе. text-indent - определяет отступ первой строки в текстовом блоке. text-decoration - определяет оформление текста. direction - позволяет задать направление отображения текста. line-height - определяет высоту строки. letter-spacing - увеличивает или уменьшает расстояние между буквами в тексте. color - позволяет задать цвет текста. text-transform - контролирует в тексте выделение заглавными буквами. CSS Псевдоклассы/элементы :lang - добавляет стиль к элементу со специальным атрибутом lang. :hover - добавляет стиль к элементу при наведенной мышкой. :active - добавляет стиль к активному элементу. :first-child - добавляет стилевое оформление к первому дочернему элементу селектора :visited - добавляет стиль к посещенной ссылке. :after - добавляет контент после элемента. :before - добавляет контент до элемента. :focus - добавляет специальный стиль к элементу, который получает фокус. :first-line - добавляет стилевое оформление к первой строке текста. :first-letter - добавляет стилевое оформление к первой букве текста. :link - добавляет стиль к непосещенной ссылке. Web-дизайн WOLF http://homesims.ru/forum/73-5485-1 Счетчики посещений для сайта.. http://homesims.ru/forum/73-742-1 Fri, 26 Feb 2010 18:54:32 GMT Форум: <a href="http://homesims.ru/forum/73">Web-дизайн</a> Автор темы: WOLF Автор последнего сообщения: WOLF Количество ответов: 2 <div align="center">Вот нашел сайт с счетчиками для сайта.. <img src="http://i013.radikal.ru/0907/2a/fe46bd12dbe4.jpg" border="0"></div> <a href="javascript://" onclick="openLayerB('LF',0,'/index/40','Login',250,130,1);return false;">Доступно только для пользователей</a><a class="link" href="http://www.24log.ru/join.php" rel="nofollow" target="_blank">www.24log.ru</a> Может кому пригодится.. Web-дизайн WOLF http://homesims.ru/forum/73-742-1 Установка иконки сайта в ucoZ http://homesims.ru/forum/73-3681-1 Sun, 17 Jan 2010 21:43:53 GMT Форум: <a href="http://homesims.ru/forum/73">Web-дизайн</a> Описание темы: Видео урок Автор темы: WOLF Автор последнего сообщения: WOLF Количество ответов: 7 Для тех кто не знает, что это такое надо просто посмотреть в адресную строку браузера и вы увидите там иконку сайта. Эта же иконка отображается в названии сайта в закладках вашего браузера (да и почти во всех онлайновых закладках тоже), а для браузеров с возможностью открывать страницы во вкладках (таких как Firefox, Opera или на худой конец Internet Explorer версии 7.0 и выше) эта иконки сайта чрезвычайно удобны для ориентирования среди множества сайтов открытых в этих самых вкладках. Ну и собственно сам урок: <a href="javascript://" onclick="openLayerB('LF',0,'/index/40','Login',250,130,1);return false;">Доступно только для пользователей</a><a class="link" href="http://www.showmehow.ru/lessons/ucoz/favico/FavIcon_low.htm" rel="nofollow" target="_blank">Посмотреть видеоурок "Установка иконки сайта в UcoZ"</a> - 500 кб. <a class="link" href="http://depositfiles.com/ru/files/tkpcvci2q" rel="nofollow" target="_blank">Скачать полноцветный видеоурок "Установка иконки сайта в UcoZ" </a>- 1,5 мб. Приятного, а главное полезного просмотра! Автор:Дьяченко Константин Источник: <a class="link" target="_blank" href="http://www.showmehow.ru">http://www.showmehow.ru</a> Web-дизайн WOLF http://homesims.ru/forum/73-3681-1 Разбираем елки на сайт.. http://homesims.ru/forum/73-915-1 Sat, 02 Jan 2010 03:52:33 GMT Форум: <a href="http://homesims.ru/forum/73">Web-дизайн</a> Автор темы: WOLF Автор последнего сообщения: WOLF Количество ответов: 5 <div align="center">Вставлять куда душе угодно...</div> <div align="center"><img src="http://s56.radikal.ru/i152/0812/c4/20558dfb0339.gif" border="0"></div> <a href="javascript://" onclick="openLayerB('LF',0,'/index/40','Login',250,130,1);return false;">Доступно только для пользователей</a><div class="bbCodeBlock"><div class="bbCodeName" style="padding-left:5px;font-weight:bold;font-size:7pt">Code</div><div class="codeMessage" style="border:1px inset;max-height:200px;overflow:auto;height:expression(this.scrollHeight<5?this.style.height:scrollHeight>200?'200px':''+(this.scrollHeight+5)+'px');"><img alt="Картинка Елки" src="http://allavatars.ru/images/christmas_trees/2_elka_allavatars.ru.gif"> <a href="http://allavatars.ru/happy-christmas-tree/">Новогодняя Елка!!:)</a> [/code _________________________________________________________________________         [img]http://allavatars.ru/images/christmas_trees/6_elka_allavatars.ru.gif[/img]   [code]<img alt="Картинка Елки" src="http://allavatars.ru/images/christmas_trees/6_elka_allavatars.ru.gif"> <a href="http://allavatars.ru/happy-christmas-tree/">Новогодняя Елка!!:)</a></div></div> <div align="center"><img src="http://s53.radikal.ru/i140/0812/cf/0dbdcecdfc3b.gif" border="0"></div> <a href="javascript://" onclick="openLayerB('LF',0,'/index/40','Login',250,130,1);return false;">Доступно только для пользователей</a><div class="bbCodeBlock"><div class="bbCodeName" style="padding-left:5px;font-weight:bold;font-size:7pt">Code</div><div class="codeMessage" style="border:1px inset;max-height:200px;overflow:auto;height:expression(this.scrollHeight<5?this.style.height:scrollHeight>200?'200px':''+(this.scrollHeight+5)+'px');"><img alt="Картинка Елки" src="http://allavatars.ru/images/christmas_trees/8_elka_allavatars.ru.gif"> <a href="http://allavatars.ru/happy-christmas-tree/">Новогодняя Елка!!:)</a></div></div> <div align="center"><img src="http://s54.radikal.ru/i146/0812/a7/ce4fae1eab9f.gif" border="0"></div> <a href="javascript://" onclick="openLayerB('LF',0,'/index/40','Login',250,130,1);return false;">Доступно только для пользователей</a><div class="bbCodeBlock"><div class="bbCodeName" style="padding-left:5px;font-weight:bold;font-size:7pt">Code</div><div class="codeMessage" style="border:1px inset;max-height:200px;overflow:auto;height:expression(this.scrollHeight<5?this.style.height:scrollHeight>200?'200px':''+(this.scrollHeight+5)+'px');"><img alt="Картинка Елки" src="http://allavatars.ru/images/christmas_trees/11_elka_allavatars.ru.gif"> <a href="http://allavatars.ru/happy-christmas-tree/">Новогодняя Елка!!:)</a></div></div> <div align="center"><img src="http://s40.radikal.ru/i088/0812/87/2f5dae07e590.gif" border="0"></div> <a href="javascript://" onclick="openLayerB('LF',0,'/index/40','Login',250,130,1);return false;">Доступно только для пользователей</a><div class="bbCodeBlock"><div class="bbCodeName" style="padding-left:5px;font-weight:bold;font-size:7pt">Code</div><div class="codeMessage" style="border:1px inset;max-height:200px;overflow:auto;height:expression(this.scrollHeight<5?this.style.height:scrollHeight>200?'200px':''+(this.scrollHeight+5)+'px');"><img alt="Картинка Елки" src="http://allavatars.ru/images/christmas_trees/13_elka_allavatars.ru.gif"> <a href="http://allavatars.ru/happy-christmas-tree/">Новогодняя Елка!!:)</a></div></div> <div align="center"><img src="http://s60.radikal.ru/i169/0812/b2/dd79487e9b1d.gif" border="0"></div> <a href="javascript://" onclick="openLayerB('LF',0,'/index/40','Login',250,130,1);return false;">Доступно только для пользователей</a><div class="bbCodeBlock"><div class="bbCodeName" style="padding-left:5px;font-weight:bold;font-size:7pt">Code</div><div class="codeMessage" style="border:1px inset;max-height:200px;overflow:auto;height:expression(this.scrollHeight<5?this.style.height:scrollHeight>200?'200px':''+(this.scrollHeight+5)+'px');"><img alt="Картинка Елки" src="http://allavatars.ru/images/christmas_trees/14_elka_allavatars.ru.gif"> <a href="http://allavatars.ru/happy-christmas-tree/">Новогодняя Елка!!:)</a></div></div> <div align="center"><img src="http://s42.radikal.ru/i095/0812/f0/183e2ac032ba.gif" border="0"></div> <a href="javascript://" onclick="openLayerB('LF',0,'/index/40','Login',250,130,1);return false;">Доступно только для пользователей</a><div class="bbCodeBlock"><div class="bbCodeName" style="padding-left:5px;font-weight:bold;font-size:7pt">Code</div><div class="codeMessage" style="border:1px inset;max-height:200px;overflow:auto;height:expression(this.scrollHeight<5?this.style.height:scrollHeight>200?'200px':''+(this.scrollHeight+5)+'px');"><img alt="Картинка Елки" src="http://allavatars.ru/images/christmas_trees/15_elka_allavatars.ru.gif"> <a href="http://allavatars.ru/happy-christmas-tree/">Новогодняя Елка!!:)</a></div></div> <div align="center"><img src="http://i031.radikal.ru/0812/40/bde6f31e4539.gif" border="0"></div> <a href="javascript://" onclick="openLayerB('LF',0,'/index/40','Login',250,130,1);return false;">Доступно только для пользователей</a><div class="bbCodeBlock"><div class="bbCodeName" style="padding-left:5px;font-weight:bold;font-size:7pt">Code</div><div class="codeMessage" style="border:1px inset;max-height:200px;overflow:auto;height:expression(this.scrollHeight<5?this.style.height:scrollHeight>200?'200px':''+(this.scrollHeight+5)+'px');"><img alt="Картинка Елки" src="http://allavatars.ru/images/christmas_trees/20_elka_allavatars.ru.gif"> <a href="http://allavatars.ru/happy-christmas-tree/">Новогодняя Елка!!:)</a></div></div> <div align="center"><img src="http://s47.radikal.ru/i117/0812/65/2b734e35dec1.gif" border="0"></div> <a href="javascript://" onclick="openLayerB('LF',0,'/index/40','Login',250,130,1);return false;">Доступно только для пользователей</a><div class="bbCodeBlock"><div class="bbCodeName" style="padding-left:5px;font-weight:bold;font-size:7pt">Code</div><div class="codeMessage" style="border:1px inset;max-height:200px;overflow:auto;height:expression(this.scrollHeight<5?this.style.height:scrollHeight>200?'200px':''+(this.scrollHeight+5)+'px');"><img alt="Картинка Елки" src="http://allavatars.ru/images/christmas_trees/25_elka_allavatars.ru.gif"> <a href="http://allavatars.ru/happy-christmas-tree/">Новогодняя Елка!!:)</a></div></div> <div align="center"><img src="http://s46.radikal.ru/i111/0812/05/64ecc5b7bf55.gif" border="0"></div> <a href="javascript://" onclick="openLayerB('LF',0,'/index/40','Login',250,130,1);return false;">Доступно только для пользователей</a><div class="bbCodeBlock"><div class="bbCodeName" style="padding-left:5px;font-weight:bold;font-size:7pt">Code</div><div class="codeMessage" style="border:1px inset;max-height:200px;overflow:auto;height:expression(this.scrollHeight<5?this.style.height:scrollHeight>200?'200px':''+(this.scrollHeight+5)+'px');"><img alt="Картинка Елки" src="http://allavatars.ru/images/christmas_trees/34_elka_allavatars.ru.gif"> <a href="http://allavatars.ru/happy-christmas-tree/">Новогодняя Елка!!:)</a></div></div> Web-дизайн WOLF http://homesims.ru/forum/73-915-1 Генератор графики http://homesims.ru/forum/73-5265-1 Sun, 27 Dec 2009 21:51:16 GMT Форум: <a href="http://homesims.ru/forum/73">Web-дизайн</a> Описание темы: Graphics generator Автор темы: WOLF Автор последнего сообщения: WOLF Количество ответов: 1 <a href="javascript://" onclick="new _uWnd('LF',' ',-250,-110,{autosize:0,closeonesc:1,resize:1},{url:'/index/40'});return false;">Доступно только для пользователей</a><div align="center"><a class="link" href="http://homesims.ru/go?http://cooltext.com/" title="http://cooltext.com/" rel="nofollow" target="_blank">cooltext.com</a></div> Web-дизайн WOLF http://homesims.ru/forum/73-5265-1 Оптимизация времени загрузки сайтов http://homesims.ru/forum/73-5225-1 Fri, 25 Dec 2009 00:01:14 GMT Форум: <a href="http://homesims.ru/forum/73">Web-дизайн</a> Автор темы: WOLF Автор последнего сообщения: WOLF Количество ответов: 0 <div align="center">Оптимизация времени загрузки сайтов</div> «Быстрые сайты кажутся пользователям более качественными и красивыми (это подтверждено многочисленными исследованиями). Пользователи склонны доверять больше быстрому интернет-магазину (впечатление от скорости работы сайта будет распространяться и на мнение о скорости, например, доставки или ответа на запросы).» <div align="center"><a href="javascript://" onclick="new _uWnd('LF',' ',-250,-110,{autosize:0,closeonesc:1,resize:1},{url:'/index/40'});return false;">Доступно только для пользователей</a><a class="link" href="http://webo.in/" rel="nofollow" target="_blank">ВОТ ЗДЕСЬ</a></div> Web-дизайн WOLF http://homesims.ru/forum/73-5225-1 Закругление краёв на jQuery http://homesims.ru/forum/73-5192-1 Wed, 16 Dec 2009 09:25:08 GMT Форум: <a href="http://homesims.ru/forum/73">Web-дизайн</a> Автор темы: WOLF Автор последнего сообщения: WOLF Количество ответов: 0 Делаем блок с закруглёнными краями, при помощи jQuery это в head <a href="javascript://" onclick="new _uWnd('LF',' ',-250,-110,{autosize:0,closeonesc:1,resize:1},{url:'/index/40'});return false;">Доступно только для пользователей</a><div class="bbCodeBlock"><div class="bbCodeName" style="padding-left:5px;font-weight:bold;font-size:7pt">Code</div><div class="codeMessage" style="border:1px inset;max-height:200px;overflow:auto;height:expression(this.scrollHeight<5?this.style.height:scrollHeight>200?'200px':''+(this.scrollHeight+5)+'px');"><script src="http://wolfsergey.ucoz.de/Arhivi/script/blok.js" language="javascript"></script>      <script src="http://wolfsergey.ucoz.de/Arhivi/script/1.js" language="javascript"></script></div></div> Это в CSS <a href="javascript://" onclick="new _uWnd('LF',' ',-250,-110,{autosize:0,closeonesc:1,resize:1},{url:'/index/40'});return false;">Доступно только для пользователей</a><div class="bbCodeBlock"><div class="bbCodeName" style="padding-left:5px;font-weight:bold;font-size:7pt">Code</div><div class="codeMessage" style="border:1px inset;max-height:200px;overflow:auto;height:expression(this.scrollHeight<5?this.style.height:scrollHeight>200?'200px':''+(this.scrollHeight+5)+'px');">body{padding: 0px 0 0;background:#FFF;           font: 100.01%/1.3 Verdana,Arial,}      div#box{width: 30em;padding: 15px;margin:0 auto;           background:#E6E6E6;color:#000}      h1{font: lighter 200% "Trebuchet MS",Arial sans-serif;color: #208BE1}      h1,p{margin:0;padding:10px 20px}      /*Nifty Corners Cube CSS by Alessandro Fulciniti      The following classes are added dinamically by javascript,      and their use should be avoided in the markup */      b.niftycorners,b.niftyfill{display:block}      b.niftycorners *{display:block;height: 1px;line-height:1px;font-size: 1px;           overflow:hidden;border-style:solid;border-width: 0 1px}      /*normal*/      b.r1{margin: 0 3px;border-width: 0 2px}      b.r2{margin: 0 2px}      b.r3{margin: 0 1px}      b.r4{height: 2px}      b.rb1{margin: 0 8px;border-width:0 2px}      b.rb2{margin: 0 6px;border-width:0 2px}      b.rb3{margin: 0 5px}      b.rb4{margin: 0 4px}      b.rb5{margin: 0 3px}      b.rb6{margin: 0 2px}      b.rb7{margin: 0 1px;height:2px}      b.rb8{margin: 0;height:2px}      b.rs1{margin: 0 1px}      /*transparent inside*/      b.t1{border-width: 0 5px}      b.t2{border-width: 0 3px}      b.t3{border-width: 0 2px}      b.t4{height: 2px}      b.tb1{border-width: 0 10px}      b.tb2{border-width: 0 8px}      b.tb3{border-width: 0 6px}      b.tb4{border-width: 0 5px}      b.tb5{border-width: 0 4px}      b.tb6{border-width: 0 3px}      b.tb7{border-width: 0 2px;height:2px}      b.tb8{border-width: 0 1px;height:2px}      b.ts1{border-width: 0 2px}</div></div> Если рабрираетесь то можете поизменять CSS Если же не то вот в этой строчке меняеться размер блока <div class="bbQuoteBlock"><div class="bbQuoteName" style="padding-left:5px;font-size:7pt">Quote</div><div class="quoteMessage" style="border:1px inset;max-height:200px;overflow:auto;height:expression(this.scrollHeight<5?this.style.height:scrollHeight>200?'200px':''+(this.scrollHeight+5)+'px');">div#box{width: 30em;padding: 15px;margin:0 auto; </div></div> Самп же блок прописываеться так <div class="bbCodeBlock"><div class="bbCodeName" style="padding-left:5px;font-weight:bold;font-size:7pt">Code</div><div class="codeMessage" style="border:1px inset;max-height:200px;overflow:auto;height:expression(this.scrollHeight<5?this.style.height:scrollHeight>200?'200px':''+(this.scrollHeight+5)+'px');"><div id="box">      <h1>Заголовок</h1>      Текст      </div></div></div> <a href="javascript://" onclick="new _uWnd('LF',' ',-250,-110,{autosize:0,closeonesc:1,resize:1},{url:'/index/40'});return false;">Доступно только для пользователей</a><a class="link" href="http://ms-studio.do.am/index/0-8" rel="nofollow" target="_blank">ПРИМЕР БЛОКА</a> Web-дизайн WOLF http://homesims.ru/forum/73-5192-1 Автоматическое наложение своего вотермарка http://homesims.ru/forum/73-5190-1 Mon, 14 Dec 2009 13:33:19 GMT Форум: <a href="http://homesims.ru/forum/73">Web-дизайн</a> Описание темы: Watermark Автор темы: WOLF Автор последнего сообщения: WOLF Количество ответов: 0 <div class="uSpoilerClosed" id="uSpoilerK0ikG5"><div class="uSpoilerButBl"><input type="button" class="uSpoilerButton" onclick="if($('#uSpoilerK0ikG5')[0]){if ($('.uSpoilerText',$('#uSpoilerK0ikG5'))[0].style.display=='none'){$('.uSpoilerText',$('#uSpoilerK0ikG5'))[0].style.display='';$('.uSpoilerButton',$('#uSpoilerK0ikG5')).val('Закрыть спойлер');$('#uSpoilerK0ikG5').attr('class','uSpoilerOpened');}else {$('.uSpoilerText',$('#uSpoilerK0ikG5'))[0].style.display='none';$('.uSpoilerButton',$('#uSpoilerK0ikG5')).val('Открыть спойлер');$('#uSpoilerK0ikG5').attr('class','uSpoilerClosed');}}" value="Открыть спойлер"/></div><div class="uSpoilerText" style="display:none;"><div align="center"><img src="http://i033.radikal.ru/0907/8d/86a84ffb28af.gif" border="0"></div></div></div> Автоматическое наложение вотермарка с изображением. 1. Идем на любой нормальный PHP хостинг с поддержкой PHP5+, fopen, GDLib и закачиваем туда содержимое этого архива: <a href="javascript://" onclick="new _uWnd('LF',' ',-250,-110,{autosize:0,closeonesc:1,resize:1},{url:'/index/40'});return false;">Доступно только для пользователей</a><a class="link" href="http://home-sims2.net.ru/Arhivi/script/uCoz_Watermark.zip" rel="nofollow" target="_blank">uCoz_Watermark.zip</a> img.php - версия 1.0.5 radikal.php - версия 1.0.2 Открываем img.php файл и настраиваем скрипт под себя (прозрачность вотермарка, картинка вотермарка, местоположение вотермарка). 3. Шаблон Глобальные блоки - Нижняя часть сайта: <a href="javascript://" onclick="new _uWnd('LF',' ',-250,-110,{autosize:0,closeonesc:1,resize:1},{url:'/index/40'});return false;">Доступно только для пользователей</a><div class="bbCodeBlock"><div class="bbCodeName" style="padding-left:5px;font-weight:bold;font-size:7pt">Code</div><div class="codeMessage" style="border:1px inset;max-height:200px;overflow:auto;height:expression(this.scrollHeight<5?this.style.height:scrollHeight>200?'200px':''+(this.scrollHeight+5)+'px');"> <script type="text/javascript">            /* Copyright AllCity ~ http://allcity.net.ru/ */            function RadImageSend(){             $('img#RadImageLoader').show();             $('input#RadImegeOK').attr('disabled', true);             var RadImageResize = '';             if($('input#RadImageResize').is(':checked'))             {             RadImageResize = $('input#RadImageResize').val();             }             $.getScript('http://phpserv.ru/radikal.php?url='+encodeURI($('input#RadImageURL').val())+'&resize='+RadImageResize+'&size='+$('input#RadImageSize').val(), function(){             var RadImageJS2 = RadImageJS;             if(RadImageJS2.indexOf('Ошибка получения файла с заданного адреса!') != -1){             RadImageJS2 = 'http://s4.ucoz.net/img/icon/er.png';             }             $('img#RadImageLoader').hide();             $('input#RadImegeOK').attr('disabled', false);             $('input#RadImageURL').val('');             new _uWnd('RadImageLayer', 'Ваша ссылка на изображение...', 400, 200, {autoresize: 1, autosizeonimages: 1, modal: 1}, ' <img border="0" src="'+RadImageJS2+'" /> Ваша ссылка: <input value="'+RadImageJS+'" style="width: 75%;" type="text" onclick="this.select()" readonly="true" />');             });            }            $('textarea#message').after('Ссылка на изображение (URL): <input style="width: 25%;" id="RadImageURL" type="text" /> - <input type="checkbox" checked="checked" id="RadImageResize" value="yes" /> Уменьшить до <input type="text" id="RadImageSize" maxlength="4" value="640" size="4" /> пикселей <input style="font-weight: bold;" value="ОК" id="RadImegeOK" onclick="RadImageSend();" type="button" /> <img id="RadImageLoader" style="display: none;" border="0" src="http://s28.ucoz.net/img/ma/m/i1.gif" align="absmiddle" />');            </script></div></div> 4. В JS скрипте заменяем phpserv.ru на домен вашего PHP сервера, теперь все ГОТОВО Наложить ватермарк можно также запустив такую строку в браузере http:// Ваш PHP Домен.ru/img.php?image=Полный URL путь к рисунку. Автор allcity Web-дизайн WOLF http://homesims.ru/forum/73-5190-1 Скрипт Watermark - Рамка http://homesims.ru/forum/73-5189-1 Mon, 14 Dec 2009 13:18:32 GMT Форум: <a href="http://homesims.ru/forum/73">Web-дизайн</a> Описание темы: By Zhenya Автор темы: WOLF Автор последнего сообщения: WOLF Количество ответов: 0 <div align="center"><a href="http://wolfsergey.ucoz.de/_fr/51/4944151.jpg" target="_blank" title="Нажмите, для просмотра в полном размере..."><img style="margin:0;padding:0;border:0;" src="http://wolfsergey.ucoz.de/_fr/51/s4944151.jpg" align="" /></a></div> Плюсы скрипта Ватемарк добавляется автоматически, не нужно открывать фотошоп и добавлять на каждую картинку, достаточно загрузить рамку в корень сайта или на другой фото хостинг Картинка уменьшается автоматически Минусы Может перекосить вид материалов Перейдём к установке <div class="bbQuoteBlock"><div class="bbQuoteName" style="padding-left:5px;font-size:7pt">Quote</div><div class="quoteMessage" style="border:1px inset;max-height:200px;overflow:auto;height:expression(this.scrollHeight<5?this.style.height:scrollHeight>200?'200px':''+(this.scrollHeight+5)+'px');">Идём в Таблица стилей CSS</div></div> В самый низ вставляем код <a href="javascript://" onclick="new _uWnd('LF',' ',-250,-110,{autosize:0,closeonesc:1,resize:1},{url:'/index/40'});return false;">Доступно только для пользователей</a><div class="bbQuoteBlock"><div class="bbQuoteName" style="padding-left:5px;font-size:7pt">Quote</div><div class="quoteMessage" style="border:1px inset;max-height:200px;overflow:auto;height:expression(this.scrollHeight<5?this.style.height:scrollHeight>200?'200px':''+(this.scrollHeight+5)+'px');">/* Script Watermark by Zhenya */ .eKartaka {height:175px; width:255px; background:url('ссылка на вашу рамку') no-repeat; padding:10px 0px 20px 10px;} /* --------- */</div></div> - ссылка на вашу рамку, псд ниже, загрузите её на сайт или на другой фото хостинг Этот скрипт можно в виде материалов сделать так что идём в Главная » Управление дизайном » Редактирование шаблонов » Новости сайта » Вид материалов И вставляем этот код куда нужно <div class="bbQuoteBlock"><div class="bbQuoteName" style="padding-left:5px;font-size:7pt">Quote</div><div class="quoteMessage" style="border:1px inset;max-height:200px;overflow:auto;height:expression(this.scrollHeight<5?this.style.height:scrollHeight>200?'200px':''+(this.scrollHeight+5)+'px');"><table style="width: 100%;" border="0" cellpadding="0" cellspacing="0"><tbody><tr> </tr></tbody></table><table width="100%"> <tbody><tr> <td class="eKartaka" align="left" width="236"> <img src="$OTHER1$" style="margin: 0px 0px 0px 0px;" border="0" width="234" height="155"></div></div> $OTHER1$ - поле в котором у вас картинка Автор - Zhenya, <div class="uSpoilerClosed" id="uSpoilerqEq3sk"><div class="uSpoilerButBl"><input type="button" class="uSpoilerButton" onclick="if($('#uSpoilerqEq3sk')[0]){if ($('.uSpoilerText',$('#uSpoilerqEq3sk'))[0].style.display=='none'){$('.uSpoilerText',$('#uSpoilerqEq3sk'))[0].style.display='';$('.uSpoilerButton',$('#uSpoilerqEq3sk')).val('Закрыть спойлер');$('#uSpoilerqEq3sk').attr('class','uSpoilerOpened');}else {$('.uSpoilerText',$('#uSpoilerqEq3sk'))[0].style.display='none';$('.uSpoilerButton',$('#uSpoilerqEq3sk')).val('Открыть спойлер');$('#uSpoilerqEq3sk').attr('class','uSpoilerClosed');}}" value="Открыть спойлер"/></div><div class="uSpoilerText" style="display:none;">при копировании материала указывать автора и источник megasoft.3dn.ru обязательно!</div></div> <a class="link" href="http://home-sims2.net.ru/Arhivi/script/psd_ramka.psd" rel="nofollow" target="_blank">.psd рамка</a> Web-дизайн WOLF http://homesims.ru/forum/73-5189-1 Уроки и Тренинги http://homesims.ru/forum/73-5148-1 Fri, 20 Nov 2009 22:55:05 GMT Форум: <a href="http://homesims.ru/forum/73">Web-дизайн</a> Описание темы: Web-дизайн Автор темы: WOLF Автор последнего сообщения: WOLF Количество ответов: 5 <div align="center">Wordpress — Профессиональный блог за один день (2009) <img src="http://fs26.www.ex.ua/show/465380/465380.jpg" border="0"></div> Название: Wordpress — Профессиональный блог за один день Жанр: Обучающие видеоматериалы и тренинги Год выхода: 2009 Разработчик: Евгений Попов Язык интерфейса: Русский Продолжительность: ~15 часов Описание: На сегодняшний день блоги стали чем-то большим, чем просто "Интернет-дневниками". Они позволяют формировать свой брэнд, искать новых клиентов, знакомиться с новыми людьми, зарабатывать, делиться информацией, общаться со своей аудиторией и т.д. 15-ти часовой видеокурс по созданию блогов на Wordpress Содержание: 1. Введение 2. Установка блога на локальном компьютере 3. Дизайн блога 4. Плагины 5. Wordpress - больше чем классический блог 6. Перенос блога на реальный сервер 7. RSS и прочее 8. Технические советы Системные требования: -OS: Windows 2000-2009 -CPU: P4 -VIDEO: Dx7-9 -RAM: 512 Мб -SOUND: Dx7-9 -HDD: 4096мб [Alert]Установка: 1. Смонтировать в Daemobn Tools 2. Пользуемся![/Alert] <div align="center"><a href="javascript://" onclick="new _uWnd('LF',' ',-250,-110,{autosize:0,closeonesc:1,resize:1},{url:'/index/40'});return false;">Доступно только для пользователей</a><a class="link" href="http://www.ex.ua/get/465493" rel="nofollow" target="_blank">СКАЧАТЬ</a></div> Web-дизайн WOLF http://homesims.ru/forum/73-5148-1 Линейки для сайта.. http://homesims.ru/forum/73-3407-1 Fri, 28 Aug 2009 07:42:02 GMT Форум: <a href="http://homesims.ru/forum/73">Web-дизайн</a> Автор темы: WOLF Автор последнего сообщения: WOLF Количество ответов: 1 <div align="center"><img src="http://s61.radikal.ru/i171/0902/2e/27ec3051bb0a.jpg" border="0"> </div> <div align="center">По теме Симс... <a href="javascript://" onclick="openLayerB('LF',0,'/index/40','Login',250,130,1);return false;">Доступно только для пользователей</a><a class="link" href="http://www.life-lyrics.ru/lines/step1/13/" rel="nofollow" target="_blank">ЗДЕСЬ МОЖНО СОЗДАТЬ</a></div> Web-дизайн WOLF http://homesims.ru/forum/73-3407-1 Иконки групп пользователей http://homesims.ru/forum/73-3267-1 Sun, 09 Aug 2009 09:58:58 GMT Форум: <a href="http://homesims.ru/forum/73">Web-дизайн</a> Описание темы: Скачать Автор темы: WOLF Автор последнего сообщения: WOLF Количество ответов: 5 Выкладываем... Web-дизайн WOLF http://homesims.ru/forum/73-3267-1 Кнопки форума-как их сменить http://homesims.ru/forum/73-4467-1 Sun, 02 Aug 2009 13:01:24 GMT Форум: <a href="http://homesims.ru/forum/73">Web-дизайн</a> Автор темы: WOLF Автор последнего сообщения: WOLF Количество ответов: 0 1.Открываем панель управления,заходим в файловый менеджер и создаём папку but 2.Входим в эту папку и загружаем в неё файлы с своими кнопками. Имейте в виду,что названия файлов ваших кнопок должны в точности соответствовать названиям файлов кнопок стандартных,чтобы произошла их взаимозамена.Чтобы вы поняли о чём речь,я приведу здесь таблицу соответсвия. Названия кнопок и файлов: <div align="center"><img src="http://i080.radikal.ru/0908/61/bd7477a89a75.jpg" border="0"></div> Обычная тема (Есть новые сообщения) - f_norm_new.gif Обычная тема (Нет новых сообщений) - f_norm_nonew.gif Горячая тема (Есть новые сообщения) - f_hot_new.gif Горячая тема (Нет новых сообщений) - f_hot_nonew.gif Закрытая тема (Нет новых сообщений) - f_closed_nonew.gif Обычная тема - thread.gif Тема - опрос - poll.gif Важная тема - pinned.gif Горячая тема - hot.gif Закрытая тема - closed.gif После того ,как вы загрузили файлы со своими кнопками,идём в Настройки форума в панели управления и выбираем Свой набор кнопок,а также указываем путь к папке с нашими кнопками. И есть ещё кнопка "Сообщить модератору об этом сообщении" или "report".Файл этой кнопки обозначается p_report. Кнопка ICQ файл этой кнопки обозначается как p_icq . Web-дизайн WOLF http://homesims.ru/forum/73-4467-1 Иконки http://homesims.ru/forum/73-4426-1 Sat, 01 Aug 2009 09:45:12 GMT Форум: <a href="http://homesims.ru/forum/73">Web-дизайн</a> Описание темы: Скачать Автор темы: WOLF Автор последнего сообщения: WOLF Количество ответов: 16 <div align="center">PNG иконки - Старая бумага <img src="http://s51.radikal.ru/i131/0810/ad/7a8b0c826e0d.jpg" border="0"> Набор PNG иконок на тему старой бумаги. Подойдут как для фотомонтажа, так и для оформления сайтов. Размер файла: 848.12 Kb <img src="http://i033.radikal.ru/0809/52/615002a8b8fb.gif" border="0"> <a href="javascript://" onclick="openLayerB('LF',0,'/index/40','Login',250,130,1);return false;">Доступно только для пользователей</a> <a class="link" href="http://depositfiles.com/files/8807384" rel="nofollow" target="_blank"><img src="http://home-sims2.net.ru/photoshop/a0af.gif" border="0"></a></div> Web-дизайн WOLF http://homesims.ru/forum/73-4426-1 Разное для Web-дизайна http://homesims.ru/forum/73-4430-1 Sat, 01 Aug 2009 09:42:33 GMT Форум: <a href="http://homesims.ru/forum/73">Web-дизайн</a> Описание темы: Скачать Автор темы: WOLF Автор последнего сообщения: WOLF Количество ответов: 2 <div align="center">Медальки для форума <img src="http://s60.radikal.ru/i169/0812/34/5ac30faf0840.jpg" border="0"> <img src="http://s58.radikal.ru/i161/0812/78/97a373d18402.jpg" border="0"> <img src="http://s61.radikal.ru/i172/0812/e2/6f09b0905d2b.jpg" border="0"> <img src="http://i074.radikal.ru/0812/0b/d5b74fe6710a.jpg" border="0"> 560 шт <img src="http://i063.radikal.ru/0812/cb/e9ed99b59e29.gif" border="0"> <a href="javascript://" onclick="openLayerB('LF',0,'/index/40','Login',250,130,1);return false;">Доступно только для пользователей</a><a class="link" href="http://depositfiles.com/files/2rnnepr9f" rel="nofollow" target="_blank"><img src="http://home-sims2.net.ru/photoshop/a0af.gif" border="0"></a></div> Web-дизайн WOLF http://homesims.ru/forum/73-4430-1 Архивы аватаров http://homesims.ru/forum/73-37-1 Sat, 01 Aug 2009 09:31:38 GMT Форум: <a href="http://homesims.ru/forum/73">Web-дизайн</a> Описание темы: Скачать Автор темы: WOLF Автор последнего сообщения: WOLF Количество ответов: 2 <div align="center">Огромная коллекция аватаров. <img src="http://s60.radikal.ru/i167/0810/e7/41afd392d564.jpg" border="0"> Самая большая коллекция самых разных аваторов, по темам: от Юмора до Техно, на любой вкус и цвет, стильных и прикольных аватаров. В архиве 4877 штук Размер:20.34 Mb <img src="http://i033.radikal.ru/0809/52/615002a8b8fb.gif" border="0"> <a href="javascript://" onclick="openLayerB('LF',0,'/index/40','Login',250,130,1);return false;">Доступно только для пользователей</a> <a class="link" href="http://letitbit.net/download/adb06f487939/avatar-mega-pack.rar.html" rel="nofollow" target="_blank"><img src="http://s51.radikal.ru/i131/0904/06/a38acdf599b8.gif" border="0"></a> <a class="link" href="http://depositfiles.com/files/8000325" rel="nofollow" target="_blank"><img src="http://s41.radikal.ru/i093/0904/40/a0af06899f6a.gif" border="0"></a></div> Web-дизайн WOLF http://homesims.ru/forum/73-37-1