Wmaster.ru - дизайн портал, все для вебмастера. (comp.design.wmaster) : Рассылка : Subscribe.Ru

Мы опять продвигаемся и опять открыли новый раздел. На этот раз это раздел, посвящённый редактору Photosop (http://www.wmaster.ru/photoshop/). Также раздел Perl (http://www.wmaster.ru/perl/) пополнился новым учебником, а раздел Журналы (http://www.wmaster.ru/journals/) пополнился 9-ым выпуском журнала ADOLO и юбилейным 20-ым выпусков журнала Web Creation.Также открылся раздел Контакты (http://www.wmaster.ru/contacts.htm)- Сейчас трудимся над 4-ым выпуском журнала Wmaster :) Не скучайте с нашим порталом ;)

Предлагаем вам общаться и задавать свои вопросы в нашем стильном форуме и почаще заходить на наш портал ( www.wmaster.ru ) . У нас каждую неделю обязательные обновления. Также вы можете заказать рекламу на нашем сайте, арендовать домены ( www.boutique.cd ) и услуги web-дизайна и поддержки web-сайтов на сайте www.superjaguar.com .

Уважаемые авторы. Если вы хотите повысить посещаемость вашего сайта, вы можете присылать свои статьи в нашу рассылку. За каждую авторскую статью вы получаете 1000 показов RLE Classic 468*60 или 2000 показов RLE Classic 100*100. Также вы можете попросить поставить вашу кнопку на первую страницу нашего сайта. Ждём ваших статей.

:: *Лучший хостинг* ::

ValueHost : Самый популярный и профессиональный хостинг. Лучший выбор это "План А": 200 mb, mySQL, cgi-bin, perl, PHP, FTP, неограниченно POP3 Email, SSI, и всё это всего за $8.95 в месяц. "Заказывайте на Valuehost !!". И если вы решились заказать хостинг у Валехост, то нажмите на эту ссылку --> ValueHost-лучший хостинг или при регистрации укажите наш промо код: 5394. Будем очень рады !

:: Несвоевременные мысли о CSS ::

Автор: Земсков Юрий

Источник: LIST.ee

Да простит меня Максим Горький за плагиат названия статьи (первой его части, конечно же :).

Цель данной публикации - на практике показать полезность каскадных таблиц стилей.
Не пугайтесь. Не смотря на такое страшное название, все не так уж и сложно. Данная статья ни в коем случае не претендует на звание инструкции по CSS. Всего лишь пара хитростей / уловок / "фишек" при работе с этой технологией.

Что это за зверь такой?

CSS - это набор команд, которые говорят браузеру как именно должна выглядеть отображаемая страница. Все современные браузеры этих команд "слушаются".

Выглядит стандартная CSS-команда примерно так:

Идентификатор { его свойство: значение свойства; свойство 2: его значение } и т.д.

Набор таких команд помещается между <head></head> в html файле.

Или же команды пишутся в отдельный файл с расширением CSS и вызываются из html файла примерно такой командой:

<link rel=StyleSheet href="style.css" TYPE="text/css" MEDIA=all>

"style.css" - это произвольное название файла с CSS-командами. В данном случае css файл находится в корне сайта. Можно задать положение файла и с помощью относительного url - /cssfolder/style.css например.

А теперь несколько полезных примеров применения CSS.

"Цветастый" скролл.

Насчет полезности данной функции что-либо сказать сложно. Но выглядит красиво, жалко, что отображается только в IE 5.5 и выше.
Задается примерно так:

BODY {
scrollbar-face-color:#FFCC00;
scrollbar-highlight-color:#FFCC00;
scrollbar-3dlight-color:#FFFFFF;
scrollbar-darkshadow-color:#FFFFFF;
scrollbar-shadow-color:#FFCC00;
scrollbar-arrow-color:#FFFFFF;
scrollbar-track-color:#E0E0E0;
}

Свойства "SCROLLBAR - что-то там" отвечают за цвет каждого из элементов полосы прокрутки, их значение (собственно сам цвет) задается цветовым кодом #…… Узнать код необходимого вам цвета можно с помощью пипетки в любом графическом редакторе. Также цвет можно задать и обычными red, blue…

Собственно разобраться какой параметр отвечает за цвет какой части скролла не очень сложно. Посмотрите на их названия и поэкспериментируйте.

Стили абзацев и заголовков.

Предыстория: у меня, по неизвестным причинам, сложилось стойкое отвращение к шрифту Times и использовать его при оформлении сайтов очень не хотелось. Зато нравился шрифт Verdana.

Раньше, без CSS это выглядело примерно так:

<p><font face="Verdana, Arial, Helvetica, sans-serif" size="-1">Это первый абзац. Эх, тяжело, наверное, приходилось древним без CSS :)</font></p>
<p><font face="Verdana, Arial, Helvetica, sans-serif" size="-1">Это второй абзац и опять тот же самый html код. Жуть как не эстетично! Да, кстати, в любом случае НЕ советую задавать только один шрифт (написав в коде только Verdana, например), это может привести к "крякозябрам" вместо текста, если данного шрифта не будет на компьютере посетителя. Всегда лучше прописать несколько похожих между собой шрифтов.</font></p>

А если таких абзацев много и на целом сайте нет ни одной строчки Times'ом? Все это выливается в неоправданное увеличение размера страницы.

Проблема решается элементарно! Как вы уже догадались - с помощью CSS.

P { font: 10pt Verdana, Arial, Helvetica, sans-serif }

Теперь каждый абзац, помещенный стандартным для него тегов <p> будет отображаться так, как вам надо.

Также можно задавать и стили заголовков. Вот как я сделал на http://www.LIST.ee

H1 { font: 14pt Verdana, Arial, Helvetica, sans-serif; COLOR: #FFCC00; font-weight: bold }

Вообще, с помощью CSS можно задать уйму параметров для шрифтов, ссылок, таблиц...

Использование CSS очень удобно, а иногда и просто необходимо.

Заходите на сайт "Web... Просто Web", чтобы прочесть еще множество интересных статей о веб-строительстве.
Предлагаю также обсудить интересующие вас вопросы на Форуме обо Всем!

:: Обзоры недели ::

На этой неделе поступила заявка на обзор сайта http://keeper.bip.ru .

Посмотрел я на этот сайт. Что по нему можно сказать..... Очень очень простенький дизайн. Сейчас такие не везде найдёшь :) Нужно чуть поприбамбасить сайтик :) Ну добавить графики, дизайну и всего прочего для красоты. Многого про этот сайт не скажешь так как это простая Home Page, но есть такие разделы как Flash, Музыка, Футбол....... Вот и всё.

Товарищи подписчики, то бишь заядлые интернетчики и web-мастера.... Неужели не у кого нет собственных сайтов....???? Тык если есть,то не сидите , а присылайте заявки на обзоры ваших творений.....это даже какая-то реклама для ваших проектов. Так что не сидите...и присылайте.

:: Вопросы ::

Вопрос №33

Мне нужен исходник для маленькой баннерной системы. Ответить

:: Вопрос-Ответ ::

Ответов нет так как в прошлом выпуске не поступало вопросов.

:: Темы форума http://forum.wmaster.ru ::

Вам предствлены темы нашего форума http://forum.wmaster.ru . Чтобы пообщаться или задать вопрос зайдите на www.forum.wmaster.ru

Гостевая книга
Все советы, вопросы Веб-мастеру, предложения по обмену кнопками и ссылками.

Флейм
Обсуждение любых тем.

Новости портала
Всё обновления и новости портала

Оценка ваших сайтов
Пишите - оценим.

Электронный журнал Wmaster
Ваши мнения, советы и посты по поводу выпусков нашего электронного журнала

Программы
Темы про SOFT

Flash
Обсуждение вопросов по теме "Flash"

Каскадные таблицы стилей (CSS)
Форум сайта http://mtk.on.ufanet.ru/. Обсуждения по теме CSS

Front Page
Вопросы по теме работы Microsoft Front Page

Dreamweaver
Вопросы по теме работы Macromedia Dreamweaver.

Глюки
Просьба описывать все гнеполадки форума.

Форум vbulletin
Вопросы по установке и пользованию этим форумом

Ikonboard
Вопросы по установке и пользованию этим форумом

Оглавление y

:: Клуб друзей ::

Для того, чтобы повысить рейтинг вашего ресурса и стать другом, вы должны поставить кнопку нашего дизайн портала на главную страницу вашего сайта и сообщить его адрес и краткое описание по e-mail: rass@wmaster.ru с темой "klub". Принимаются все сайты, кроме порно-сайтов, и сайтов о заработке в Интернете.

Вот код кнопки:

Ждём заявок

:: Друзья ::

http://internat6.kominet.ru/ - Муниципальная общеобразовательная школа-интернат №6 для детей-сирот и детей, оставшихся без попечения родителей.

http://ane.by.ru - Самые лучшие анекдоты! Только здесь и только у нас! Заходите, не пожалеете.

Best Free Games - Лучшие бесплатные игры Интернета: Moorhuhn, Catch the Sperm, Tux Racer...

http://www.nemnogo.bigmir.net - сайт программ-приколов, также есть раздел аннекдотов.

http://theweb.h1.ru - Web... Просто Web...Статьи по web и не только, руководства к программам, интересные ссылки и полезные программы сети... В общем, милости просим...

www.crimeanman.narod.ru - анекдоты, автомобили и т.д.

http://webb.bip.ru - Все для настоящих и начинающих Веб-мастеров! Все от программ до шрифтов!

http://quakegate.narod.ru/ - Всё (или почти всё) о Quake, DOOM и Wolfenstein! Карты, модели, боты, патчи, утилиты... Короче всё, что нужно
настоящему игроку в Quake!

http://Zerk.far.ru - Смешные высказывания и рассказы,Музыка,Анекдоты,Аккорды и др.

www.pokefans.hut.ru - Сайт о покемонах. Здесь вы сможете зарабатывать значки и качать отличные новые программы о покемонах! Есть Фан-Клуб, конкурсы!

http://www.startdelo.narod.ru/ - Предложения и советы по организации Своего Дела. Сайт содержит предложения по простейшим делам, для реализации которых требуются минимальные начальные затраты.

http://wca.narod.ru - Мы выходим с плакатами на главные улицы города, проводим митинги, протесты против националистов (в т.ч. у власти), а также вешаем плакаты на всё, что можно повесить.

http://postinfo.km.ru - Информационно-поисковая система PostInfo - поиск фирм, организаций, предприятий, работы в Белгородской области. На сайте имеется доска объявлений, справочник фирм, рейтинг фирм.

http://designj.narod.ru/ - "Web Дизайн Студии "Design J" - создание сайтов под ключ. Бесплатное создание сайтов. Статьи, скрипты, графика и многое другое в помощь Web-мастеру."

Ведущий рассылки:

Cody (Bochkarev Anton)

ICQ: 148780826
mail: webmaster@wmaster.ru
Page: http://www.wmaster.ru
Город Уфа, Башкорстостан.

Wmaster Design Group предлагает услуги web-дизайна и поддержки веб-серверов. Цены и условия вы можете посмотреть на www.superjaguar.com

Перепечатка материалов разрешается, только после письменного разрешения автора (e-mail). При перепечатке любого материала с рассылки видимая ссылка на источник www.wmaster.ru и все имена, ссылки авторов обязательны.
© Copyright Wmaster Design Group 2002. © Все права защищены.

Количество подписчиков: 1670

http://subscribe.ru/
E-mail: ask@subscribe.ru

Отписаться
Убрать рекламу

В избранное

{#template MAIN} <div id="loginForm" style="display:none;" class="subscriberu_popup"> <div class="popup_register"> {#include js_tmpl_auth_reg_tab} {#if $P.login_register_tab == 1} <form class="authentication-form" method="post" action="/MEMBERLOGIN_authen_cred"> <dl class="rg_block_options"> <dt id="js_tap_panel_auth"> <h1>Войти на сайт</h1> {* {#include js_tmpl_auth_reg_button} *} {#include js_tmpl_auth_reg_action} <hr class="logreg_line noPhones"> <div class="logreg_descr noPhones"><p>{#include js_tmpl_auth_reg_descr} </p></div> <div class="logreg_advice noPhones"> Если вы еще не с нами, то начните с <a href="#" onclick="rgNav('js_tab_reg');return false;" class="dashed" data-func="registr">регистрации</a> </div> <br><br> <a class="dashed auth-enter" href="/manage/author/"><b>Вход для авторов</b></a> </dt> </dl> </form> {#/if} {#if $P.login_register_tab == 2} <div class="rg_block_options"> <div id="js_tap_panel_auth"> <h1>Регистрация</h1> <div class="social_reg"> {* <div class="rg_description">{#include js_tmpl_soc_auth_reg_descr}</div> *} {#include js_tmpl_auth_reg_soc} <div class="rg_soc_auth_agree">{#include js_tmpl_auth_reg_agree}</div> </div> <div class="subscribe_reg"> {* <div class="rg_description"> #include js_tmpl_auth_reg_descr </div> *} {#include js_tmpl_auth_reg_action} </div> {* {#include js_tmpl_auth_reg_button} *} <div class="clr"> </div> <hr class="logreg_line noPhones"> <div class="logreg_descr noPhones">{#include js_tmpl_auth_reg_descr} {#include js_tmpl_soc_auth_reg_descr} </div> </div> </div> {#/if} </div> {* <div class="gray_bg register_shadow"></div> *} </div> {#/template MAIN} {#template js_tmpl_auth_reg_tab} <ul class="rg_nav"> <li id="js_tab_auth" class="{#if $P.login_register_tab == 1} rg_active_nav {#/if} rg_first_nav"><a onclick="rgNav('js_tab_auth');return false;" href="">Вход на сайт</a></li> <li id="js_tab_reg" class="{#if $P.login_register_tab == 2} rg_active_nav {#/if}"><a onclick="rgNav('js_tab_reg');return false;" href="">Регистрация </a></li> </ul> <span onclick="hidebo();" class="rg_closed"> </span> {#/template js_tmpl_auth_reg_tab} {#template js_tmpl_auth_reg_action} {#if $P.login_register_tab == 1} {#include js_tmpl_auth_reg_soc} {#/if} <div class="rg_forms"> <input type="hidden" id="login_register_destination" value="{$P.login_register_destination}"/> {#if $P.login_register_tab == 1} <div class="rg_for_input"> <span class="rg_text_inner">E-mail или код подписчика</span> <input id="credential_0" class="js_keydown_selector rg_input_text" data-js_submit="no" data-js_next_input_name="credential_1" name="" type="text" /> </div> <div class="rg_for_input"> <span class="rg_text_inner">Пароль</span> <input id="credential_1" class="js_keydown_selector rg_input_text" data-js_submit="yes" data-js_action="js_loginFormBut" name="" type="password" onkeyup="showAttention(this,!!window.event.shiftKey)" /> <span class="pswd_attention" id="attention_pswd"> <span class="icon_attention"></span> <span class="pswd_attention-text" id="attention-text_pswd1">Русская раскладка клавиатуры!</span> <span class="pswd_attention-text" id="attention-text_pswd2">У вас включен Caps Lock!</span> <span class="pswd_attention-text" id="attention-text_pswd3">У вас включен Caps Lock и русская раскладка клавиатуры!</span> </span> </div> <div class="rg_for_input input-alien"> <span class="chk noPhones"><input id="chk_alien" name="" type="checkbox" /></span><label for="chk_alien" class="noPhones"> Чужой компьютер</label> <a class="forgot_pass" href="/member/totalrecall">Забыли пароль?</a> </div> <div class="rg_for_input"> <em id="auth_msg" class="reg_error"></em> <input id="lf_typeauthid" value="email" type="hidden"> <input type="submit" class="button button-red logreg_submit" id="js_loginFormBut" value="Войти">  <div class="loading loading-cover" style="display: none;"><div class="loader"></div></div> </div> {#/if} {#if $P.login_register_tab == 2} <div class="rg_for_input"> <span class="rg_text_inner">E-mail</span> <input id="arfemail" class="js_keydown_selector rg_input_text" name="" type="text" data-js_submit="yes" data-js_action="js_regFormBut"/> </div> <div class="rg_for_input rg_set_lineh rg_for_input_wide"> <label class="js_tap_panel_checkbox"> <span class="chk"><input name="" id='js_tap_panel_checkbox_terms' type="checkbox" data-js_submit="yes" /></span> Я ознакомился и согласен с <a class="link_txd logreg_accLink" href="/faq/vereinbarung.html">условиями сервиса Subscribe.ru</a> </label> <br /> <label class="js_tap_panel_checkbox"> <span class="chk"><input name="" id='js_tap_panel_checkbox_personal' type="checkbox" data-js_submit="yes" /></span> Нажимая на кнопку "Готово!", я даю <a class="link_txd logreg_accLink" href="/faq/persverordnung.html">согласие на обработку персональных данных</a> </label> </div> {* <div style="float: left;position: absolute;left: 11em;"> <img src="http://www.kupivip.ru/images/vip/logo.png?1604" style="width: 86px; vertical-align: middle;display: block;"> </div> <div class="rg_for_input rg_set_lineh"> <label class="js_tap_panel_checkbox"><input name="" id="js_tap_panel_checkbox_kupivip" type="checkbox" data-js_submit="yes"> Я хочу получать новости о скидках на одежду</label> </div> *} <div class="rg_for_input"> <em id="reg_msg" class="reg_error rg_for_input_wide"></em> <em id="reg_msg2" class="reg_error rg_for_input_wide"></em> <input id="rf_typeauthid" value="email" type="hidden"> <a class="button button-red logreg_submit" id="js_regFormBut" href="#">Готово!</a> <div class="loading loading-cover" style="display: none;"><div class="loader"></div></div> </div> {#/if} </div> {#/template js_tmpl_auth_reg_action} {#template js_tmpl_auth_reg_agree} <div class="rg_for_input rg_set_lineh rg_for_input_wide"> <label class="js_tap_panel_checkbox"> <span class="chk"><input name="" id='js_tap_panel_checkbox_terms_reg' type="checkbox" data-js_submit="yes" /></span> Я ознакомился и согласен с <a class="link_txd logreg_accLink" href="/faq/vereinbarung.html">условиями сервиса Subscribe.ru</a></label> <em id="reg_msg_soc" class="reg_error rg_for_input_wide"></em> </div> {#/template js_tmpl_auth_reg_agree} {#template js_tmpl_auth_reg_button} <div class="rg_butons_socials"> {#if $P.login_register_tab == 1} <a class="rg_btn_soc rg_bs_01 js_tap_panel_selector" action="auth_email" href="#"><span><i></i>Email</span></a> <a class="rg_btn_soc rg_bs_01 js_tap_panel_selector" action="auth_openid" href="#"><span><i></i>OpenID</span></a> <a class="rg_btn_soc rg_bs_02 js_tap_panel_selector" action="auth_vkontakte" href="#"><span><i></i>Вконтакте</span></a> <a class="rg_btn_soc rg_bs_02 js_tap_panel_selector" action="auth_mailru" href="#"><span><i></i>Mail.Ru</span></a> {#/if} {#if $P.login_register_tab == 2} <a class="rg_btn_soc rg_bs_01 js_tap_panel_selector" action="reg_email" href="#"><span><i></i>Email</span></a> <a class="rg_btn_soc rg_bs_01 js_tap_panel_selector" action="reg_openid" href="#"><span><i></i>OpenID</span></a> <a class="rg_btn_soc rg_bs_02 js_tap_panel_selector" action="reg_vkontakte" href="#"><span><i></i>Вконтакте</span></a> <a class="rg_btn_soc rg_bs_02 js_tap_panel_selector" action="reg_mailru" href="#"><span><i></i>Mail.Ru</span></a> {#/if} </div> {#/template js_tmpl_auth_reg_button} {#template js_tmpl_auth_reg_descr} {#if $P.login_register_tab == 1} Для оформления подписки на выбранную рассылку, работы с интересующей вас группой или доступа в нужный вам раздел, просим авторизоваться на Subscribe.ru {#/if} {#if $P.login_register_tab == 2} Для регистрации укажите ваш e-mail адрес. Адрес должен быть действующим, на него сразу после регистрации будет отправлено письмо с инструкциями и кодом подтверждения. {#/if} {#/template js_tmpl_auth_reg_descr} {#template js_tmpl_soc_auth_reg_descr} Или зарегистрируйтесь через социальную сеть. {#/template js_tmpl_soc_auth_reg_descr} {#template js_tmpl_auth_reg_soc} <div class="rg_soc"> {#if $P.login_register_tab == 1} <a onclick="return _checkSocConfirm(event)" href="https://oauth.vk.com/authorize?client_id=3954260&scope=wall,offline,photos,groups,video,audio,email&redirect_uri={location.protocol+'//'+location.host}/member/login/vk/&response_type=code&v=5.15" class="login_register_vk_button"> <span class="login_register_vk_icon"></span> </a> {#/if} {#if $P.login_register_tab == 2} <a onclick="return _checkSocConfirm(event)" href="https://oauth.vk.com/authorize?client_id=3954260&scope=wall,offline,photos,groups,video,audio,email&redirect_uri={location.protocol+'//'+location.host}/member/join/vk&response_type=code&v=5.15" class="login_register_vk_button"> <span class="login_register_vk_icon"></span> </a> {#/if} </div> {#/template js_tmpl_auth_reg_soc}

{#template MAIN} <div id="loginForm" style="display:none;" class="subscriberu_popup"> <div class="popup_register"> {#include js_tmpl_auth_reg_tab} <dl class="rg_block_options"> <dt id="js_tap_panel_auth"> <p class="rg_description">{#include js_tmpl_auth_reg_descr}</p> <div class="clr"> </div> {#include js_tmpl_auth_reg_action} <div class="clr"> </div> </dt> </dl> </div>  </div> {#/template MAIN} {#template js_tmpl_auth_reg_tab} <ul class="rg_nav"> <li id="js_tab_reg" class="rg_active_nav rg_first_nav"><a href="" onclick="return false;" >Регистрация</a></li> </ul> <span onclick="hidebo();" class="rg_closed"> </span> {#/template js_tmpl_auth_reg_tab} {#template js_tmpl_auth_reg_descr} <strong>Пожалуйста, подтвердите ваш адрес.</strong><br><br>Вам отправлено письмо для подтверждения вашего адреса {$P.register_confirm_mail}.<br>Для подтверждения адреса перейдите по ссылке из этого письма. {#/template js_tmpl_auth_reg_descr} {#template js_tmpl_auth_reg_action} <div class="rg_forms confirm_code_from_letter"> <div class="rg_for_input"> <span class="rg_inp_descr" style="width:15em;">Или введите код из письма:</span> <input type="text" value="" id="confirm_code" name="" data-js_submit="yes" data-js_action="js_confirmFormBut" class="js_keydown_selector rg_input_text_conf" > </div> <div class="rg_for_input"><label>Не пришло письмо? <b>Пожалуйста, проверьте папку Спам</b><br /> (папку для нежелательной почты).</label><br /> <a href="" onclick="ajax_recall_code();return false" >Вышлите мне письмо еще раз!</a></div> <div class="rg_for_input"> <em class="reg_error" id="confirm_msg"></em> <a href="#" class="button button-red" id="js_confirmFormBut">Готово</a> <div class="loading loading-cover" style="display: none;"><div class="loader"></div></div> <br> </div> </div> {#/template js_tmpl_auth_reg_action}