Спасибо всем, кто не отписался и дождался очередного выпуска рассылки. Мы выходим из затяжного отпуска, который был связан с написанием диплома, летними каникулами и поступлением в аспиарантуру. Скоро новый год, правда... Но до этого времени я как раз предлагаю ознакомиться с очередным выпуском рассылки - я постарался приготовить много интересного для вас.

Во-первых, это, конечно, статьи. Список обновлений данного раздела смотрите чуть ниже. Во-вторых, это очень интересные ссылки. В этот раз, благодаря нашему редактору раздела новостей и ссылок Наташе, материалы на любой вкус и вовсе не "баяны", что называется :) Не проходите мимо, иначе говоря.

Итак, обещаные новые статьи:

На этом все, приятного чтения, оставайтесь с нами!

Тестирование на кроссбраузерность, сервисы и утилиты

Автор: Smashing Magazine

Кроссбраузерность остается одной из самых сложных проблем в веб-разработке. Следование веб-стандартам само по себе дает достаточно высокий уровень совместимости, но не все браузеры совершенны, старые браузеры часто удивляют разработчиков своим творческим подходом к обработке (X)HTML/CSS кода. Перед разработчиком стоит задача, обеспечения максимальной совместимости сайта с наиболее популярными браузерами, чтобы каждый посетитель мог с удобством его использовать.

Тестирование на кроссбраузерность необходимо

Вы не можете знать, каким браузером пользуется очередной посетитель вашего сайта, а различия в поведении и причудах браузеров все еще велики, чтобы можно было игнорировать их. К примеру, различные браузеры и операционные системы используют различные способы вывода шрифтов (Win vs. Mac on handling fonts). Размеры шрифтов тоже не одинаковы в различных системах, а некоторые шрифты могут просто отсутствовать на компьютере пользователя.

Глобальная статистика использования браузеров: IE6 доминирует; пользователей IE 7 уже больше чем пользователей Firefox 2. По состоянию на: 01.10.2007.

Firefox в Linux отображает сайты не так, как Firefox в Windows. К тому же приходиться иметь дело с десятками различных версий браузеров, да еще и с Internet Explorer 6, божьим даром для хакеров, которым пользуются 46% пользователей . Практически невозможно постоянно помнить обо всех возможных проблемах, детальное тестирование в различных браузерах и операционных системах — это единственный способ обеспечить нормальное функционирование сайта.

Как протестировать сайт на кроссбраузерность

Кроме того, что вы можете просто установить несколько браузеров, существуют веб-сервисы, которые либо предоставляют удаленный доступ к браузеру через VPN либо позволяют просмотреть скриншоты отображения сайта:

в различных браузерах (семейство Mozilla, Internet Explorer, Opera, Safari, мобильные браузеры),
при различных разрешениях экрана (обычно 640?480, 800?600, 1024?768, 1280?800)
в различных операционных системах (Mac OS, Linux, Win).

Эффект от внесенных в разметку сайта изменений можно увидеть сразу же несмотря на то, что на вашем компьютере нет множества браузеров.

Проблема № 1: Internet Explorer

В Windows предусмотрена возможность установки только одной версии Internet Explorer, но, чтобы гарантировать правильное отображение сайта в наиболее популярных браузерах, вам нужно как минимум IE6 и IE7. Microsoft предлагает использовать Virtual PC , чтобы запускать браузеры одновременно, но есть и более простое решение, Multiple IE?s package от TredoSoft позволяет установить на компьютер несколько версий IE.

Установка очень проста, достаточно следовать инструкциям, а в результате вы получаете IE3, IE4.01, IE5, IE5.5, IE6 абсолютно не зависящие друг от друга, причем установочный файл занимает всего 10Mb. Обратите внимание, что браузеры установленные таким образом работают не очень устойчиво и иногда падают без видимых причин, но, несмотря на это, свои задачи пакет выполняет в полном объеме. Установщик работает в Windows XP, пользователям Windows Vista придется использовать have to use Microsoft Visual PC 2007 .

Если вы хотите протестировать сайт в IE7, не устанавливая его на компьютер, обратите внимание на ieCapture . Мгновенный результат абсолютно бесплатно.

Проблема № 2: Safari

Только одна версия Safari может быть установлена в Mac OS X. Способ рендеринга сайта определяет установленная версия Web Kit Framework. Но, как и в случае с IE, есть решение от стороннего производителя, Multi-Safari позволяет установить 10 версий Safari, начиная от 1.0 и до 2.0.4.

Проблема № 3: Linux

Чтобы протестировать сайт в браузерах для Linux, можно использовать Knoppix или Ubuntu . Knoppix позволяет запустить Debian GNU/Linux за 5 минут. В обоих случаях возможен запуск с CD-ROM без установки системы на компьютер.

В Knoppix установлены браузеры Konqueror и Mozilla, в Ubuntu Firefox 2.0. Загрузить обе системы можно бесплатно через BitTorrent или FTP (700Mb), а можно и заказать бесплатный CD.

Онлайновые сервисы и инструменты

Конечно, полное представление об отображении сайта в различных браузерах можно получить, только установив их на свой компьютер, но если нужно просто проверить все ли в порядке, то онлайновые сервисы могут быть весьма полезны. Ассортимент сервисов достаточно широк, но многие из них платные.

IE Web Renderer
IE NetRenderer позволяет посмотреть, как будет выглядеть сайт в IE 7, 6 или 5.5. Режимы Miixed и Difference показывают различия отображения в разных версиях (IE6 vs. IE7), накладывая скриншоты друг на друга
Browsershots
Позволяет тестировать сайты не только в Firefox, Opera, IE и Safari, но и в экзотических браузерах (Dillo, Epiphany, Flock, Galeon, Konqueror, Seamonkey), возможна настройка разрешения и глубины цвета, а также поддержки JavaScript и Flash.

Все отправленные URL добавляются в очередь, время ожидания их обработки зависит от загруженности сервера. Вы можете создать закладку, чтобы вернуться за результатами своего запроса или получить уведомление по E-Mail или RSS. Можно загрузить все свои скриншоты в виде zip архива.

Litmus
Не просто предоставляет вам скриншоты, но и содержит систему управления тестированием. Скриншоты создаются в почти в 30 различных браузерах в течении секунд, причем можно видеть всю страницу а не только ее верхнюю часть как в других сервисах. Сервис содержит систему контроля версий и отслеживания багов.

Сейчас сервис создает скриншоты в 17 браузерах для Windows и 6 браузерах для Mac OS X, а вскоре будут добавлены еще некоторые браузеры. И хотя сервис не столь всеобъемлющий как другие, цена достаточно высока и составляет 39$ в месяц за индивидуальную лицензию. Есть интересная возможность создания скриншотов рассылок в почтовых клиентах Outlook 2007, Outlook 2003, Outlook 2002, Outlook 2000, Gmail, Hotmail и AOL Mail.
Browser Photo
Скриншоты в Internet Explorer, Opera, FireFox и Safari под Windows, Mac, и Linux, всего 24 различных комбинации, 15$ за один раз и $150 за неограниченное использование в течении года или для определенного домена.
Browsrcamp
Бесплатно генерирует скриншоты в Safari 2.0.4 в пяти разрешениях. Есть и платная услуга, OS X Live Test — тестирование с полным контролем над системой Mac OS X, для этого вам нужен клиент VNC 16 (Virtual Network Computing) и быстрое соединение. В процессе тестирования доступны браузеры Camino, Firefox, Flock, iCab, Mozilla, Netscape, OmniWeb, Opera, Safari, SeaMonkey и Shiira. Цена от $3 за два дня до $99 за год.
Browsercam
Предводитель в семействе тестовых сервисов, кроме скриншотов возможно удаленное управление браузером. Количество доступных браузеров постоянно растет, на данный момент это более 70 браузеров под Linux, Win и Mac, а также эмуляторы мобильных устройств BlackBerry и Win Mobile. Есть настройка разрешений и доступа к защищенным сайтам, возможна загрузка скриншотов в zip архиве.

По большому счету этот сервис предоставляет все, что вам может понадобиться. Возможны тарифные планы от $20 до $1000 в месяц.

BrowserPool
При создании скриншота можно настроить все, что только можно придумать. Сотни различных сочетаний, десятки браузеров, тысячи скриншотов. Есть и удаленное управление браузером через VNC клиент. Цена $40 в месяц, в них включены 40 бесплатных часов. Возможна бесплатная тестовая регистрация.

Статьи

Как протестировать сайт в различных браузерах на одном компьютере
Количество браузеров в которых нужно тестировать сайты давно перешло все границы, это Internet Explorer (IE) 7, 6, 5.5 и 5.0, Firefox 2.0 и 1.5, Opera 9 и 8, несколько версий Safari, и еще множество не столь распространенных. При этом, они работают на различных платформах: Windows, Mac, Linux. Есть еще и проблема невозможности совместной установки различных версий для некоторых браузеров (наиболее заметный пример Internet Explorer для Windows. Автор этой стать предлагает несколько способов преодоления проблем с установкой нескольких версий различных браузеров на одном компьютере.

На что способен ваш браузер?

Новые версии браузеров дают новые возможности веб-разработчикам, к примеру, Safari поддерживает некоторые правила CSS3. Вот небольшой список тестов, позволяющих узнать, какие технологии поддерживает ваш браузер, и как обстоят дела с их поддержкой в других браузерах, чтобы определить, что можно использовать в своих проектах, а что не стоит.

Acid 2 Test
Современные браузеры должны отображать это сложно изображение созданное с помощью CSS. У большинства браузеров с этим пока проблемы.
Селекторы CSS 3
Поддерживает ли ваш браузер селекторы CSS3?
Набор страниц для тестирования поддержики CSS2 браузером
автор Эрик Майер
Acidic Float Tests
Тествы показывающие поведение плавающего блока, выходящего за границы родительского.
Набор CSS тестов
Набор страниц тестирующих все возможности CSS 2.
CSS Тесты и эксперименты
Множество примеров иллюстрирующих возможности браузеров.
Cascading Style Sheets Test Suites
Набор для тестирования поддержки CSS от W3C
PNG Test
Набор PNG иконок для тестирования PNG декодеров, программ для просмотра PNG и браузеров. Множество различных вариантов иконок с глубиной цвета от 1 до 64 бит, в оттенках серого, с палитрой и в truecolor, interlaced и нет, с простой прозрачностью и с альфа-каналом, с фоном, гамма коррекцией, комментариями и др. есть даже некорректные и поврежденные в результате ошибки при передаче.

Иллюстрированный вариант статьи можно прочесть на нашем сайте

Использованы материалы: http://designformasters.info

Интересные программы

Обращаем Ваше внимание! В рассылке публикуются далеко не все программы, а только подборка из 2-х последних выпусков. Очень много софта "проходит мимо" рассылки! Поэтому, мы Вам рекомендуем почаще заходить в раздел программ и следить за новинками.

The Lightsmark 1.2
Новая версия программы для тестирования современных видеокарт. The Lightsmark 1.2 производит трехмерное тестирование на основе световых эффектов и производительности. Данное приложение в процессе тестирования показывает сцены из игры World of Padman с динамическим освещением в реальном времени, тенями и полутенями. В завершении теста, The Lightsmark 1.2 выводит среднюю частоту кадров в секунду. Программой поддерживаются видеокарты NVIDIA GeForce 5xxx, 6xxx, 7xxx, 8xxx, Go и AMD/ATI Radeon 9500-9800, Xxxx, X1xxx, HD2xxx, Mobility Radeon и профессиональные серии FireGL и Quadro. В новой версии исправлена ошибка в драйвере для Radeon HD2xxx, улучшена совместимость с Windows Vista, добавлен исходный код программы. Обратите внимание: для работы программы необходимо, чтобы в системе был установлен пакет Microsoft .NET Framework.
Скачать!

HtmlReader 2.5.85.180
HtmlReader - это программа, предназначенная для просмотра, редактирования и создания новых html-страниц, позволяющая работать с html-кодом в стиле 1st Page 2000, HomeSite, AceHtml Pro и других подобных программ. Этот редактор имеет функцию быстрого просмотра во встроенном или в любом внешнем браузере, выбранным пользователем, а так же настраиваемую подсветку синтаксиса. Встроенный браузер LunarFox позволит вам просматривать веб-сайт под различных движками: Trudent (Internet Explorer), Gecko (Mozilla, FireFox), а так же корректировать его в WYSIWIG режиме. Множество функций и использование внешних программ для быстрой и удобной работы, делают редактор универсальным как для новичков, так и для опытных веб-разработчиков. В программе так же имеются уникальные функции создания релиза (обработанной копии файла), менеджер проектов, с возможностью создания заданий на файлы, удобная панель для вставки тегов, возможность настройки свойств и горячих клавиш, удобная работа с файлами (избранное, запоминание открытых файлов) - все это делает работу в редакторе оперативной и гибкой. Вы можете создавать любое количество собственных тегов и объединять их в наборы, которые могут быть отображены на панели вставки тегов. Имеется возможность работать с кодировками русского языка Windows, KOI, ISO, DOS, Translite, широкие функции вставки тегов и атрибутов, мастера вставки ссылок, изображений, разделителей, таблиц и т.п.
3.07 MB Поддерживаемые платформы WIN 98/ME/NT/2000/XP/2003, Free, EN
Скачать!

SMS4All v 2.25
Программа предназначена для отправки текстовых СМС-сообщений через мобильный телефон, подключённый к компьютеру. Подходит для любого GSM телефона, допускающего отправку текстовых СМС. Позволяет делать множество интересных вещей!
400.00 KB Поддерживаемые платформы WIN 9x/Me/2000/2003/NT/XP, Free, RU
Скачать!

AI RoboForm 6.9.85
Одна из лучших автозаполнялок форм в Интернете! Всем известны ситуевины, когда после регистрации на различных веб-сайтах приходится запоминать регистрационные данные и вводить их вручную. AI RoboForm позволит запомнить регистрационные данные и подставить их в нужные места на веб-сайтах при необходимости.
2.00 MB Поддерживаемые платформы Win 98/2K/XP/Vista, Free, Многояз
Скачать!

AIMP 2.08 beta
AIMP - это мощный аудиоплеер, который используя принципиально новую, в корне отличающуюся от Winamp и WMP технологию воспроизведения аудиофайлов, позволит вам слушать вашу любимую музыку с превосходным качеством звучания. Так как внешне он имеет достаточно сильное сходство с другим подобным классическим аудиоплеером - Winamp, поэтому вы привыкнете к нему очень быстро. Благодаря встроенным утилитам, вы легко сможете перекодировать музыку из одного формата в другой, записывать звук с микрофона или любого другого звукового устройства, редактировать тэги музыкальных файлов, а так же переименовывать или сортировать их. Программа обладает 18-полосным эквалайзером, окном визуализации для ритмичных визуальных эффектов и редактором плейлистов для организации и управления коллекцией ваших аудиофайлов. Неплохой эффект затухания звука делает ваш список песен похожим на бесконечный музыкальный цикл, а удобная функция нормализация громкости звука, поможет избежать излишних звуковых перепадов между треками. AIMP Classic основан на хорошо известном аудио движке BASS, так что вы легко можете подключать к плееру новые плагины, расширяя его функциональность.
2.63 MB Поддерживаемые платформы Win 98/2K/XP/2K3/Vista, Free, EN
Скачать!

Интересные ссылки

Веб-камеры по всему миру
Мне вот такие идеи ближе, чем реалити-шоу разные. Вроде принцип тот же- подсматриваешь, но за какими вещами!!! От египетских пирамид до аквариумов с рыбками, различные города, тематики, частная жизнь, офисы.... ну тьма всего просто! Каталог и поиск по тематикам и локациям.

www.darkroastedblend.com
Оч милый проект - этакий bash.org.net в картинках. Смешные остроумный подборки фото, рекламы, всего! Улыбает, без сомнений

Фото из под микроскопа
Интереснейший проект компании Nikon: ежегодный конкурс фотографий, сделанных с помощью микроскопа. Кстати, в этом году конкурс будет праздновать свое тридцатилетие. Победители за предыдущие 29 лет.

Креатив на дисках
Какой удивительный и неожиданный объект для креатива: отверстие в компакт-диске. А с другой стороны, объект как объект. Ничем не хуже всего остального. Почему бы и не обыграть, раз уж избавиться не выйдет?

Креативная реклама
Хотя и предмет такой невеселый - автобус, а нет, мыслят же люди! Ну просто хорошо местами!

Шаблоны для сайта
Понимаю возгласы тех, кто сейчас произнес "Ну сколько можно!?!?" Понимаю, но что делать! Иногда ведь человек и хочет, но не может, а в результате получается такое...., что уж лучше шаблон

CSS против спам-роботов
Изящный способ борьбы со спамом с помощью CSS. Хитрость заключается вот в чем: надо создать фиктивное поле в форме, скрытое с помощью CSS. Человек, пользующийся обычным браузером, это поле не увидит и не заполнит, в отличие от спамбота, которые в большинстве своем CSS вообще не понимают. А дальше дело техники: серверный скрипт проверяет, заполнено ли фиктивное поле, и, если оно заполнено, дает "отлуп". Все просто и изящно, однако, если будет применяться массово, спамботы научатся-таки распознавать CSS, и все вернется на круги своя.

Скачать бесплатные плагины для Adobe Photoshop
Подборка ссылок на бесплатные плагины для Adobe Photoshop. Есть пара новеньких, но, в основном, все те же старые знакомые: virtualPhotographer, Harry's Filters, Vanderlee и т.д.

Новости интернета

Несколько новостей из интернета за последние пару дней:

Последние темы форума:

Форум	Тема	Ответов	Просмотров	Последнее сообщение
Флейм	Щелкаем!	0	8	08/12/2007 15:27 YesPlease
Софт	Помогите новичку!	2	38	08/12/2007 2:30 Rodrigez
Обсуждение сайтов	[ВАЖНО!!!] Мой первый сайт зацените пожалуйста	2	70	07/12/2007 10:18 KlinT
Мастерская по ремонту и изготовлению сайтов	"непослушный" скрипт	2	105	07/12/2007 10:14 KlinT
Флейм	Кому надо, качайте бесплатно: программы, книги, бизнес-пакеты для манимейкера...	0	21	07/12/2007 4:51 AlexeyKul
Мастерская по ремонту и изготовлению сайтов	[Помогите!] как сделать такой сайт [1][2]	11	3835	04/12/2007 19:15 KlinT
Графические редакторы	[Новое!] MsAgent Java Script Editor + руссификатор	1	121	04/12/2007 4:35 AlexeyKul
Раскрутка	Где взять целевых посетителей для форума?	2	229	01/12/2007 22:33 Lizunoff
Раскрутка	[Новое!] Программа для раскрутки сайта, форума, блога, идеи - да всего что угодно...	8	2352	01/12/2007 22:21 Lizunoff
Мастерская по ремонту и изготовлению сайтов	[ВАЖНО!!!] Проблема с кодировкай	2	212	27/11/2007 17:43 Andremad

На сегодня это все, встретимся в следующем выпуске рассылки! Удачи!
Самую свежую информацию всегда можно найти на нашем сайте - Webstudent.ru
Архив рассылки доступен по адресу:
http://subscribe.ru/archive/inet.webbuild.webstudent

P.S И не забывайте - мы учимся вместе!

C уважением, Поликарпов Роман

В начало выпуска

Все материалы данной рассылки охраняются законом об авторском праве!
Вы можете свободно использовать и распространять материалы, подписанные именем Поликарпова Романа, с указанием автора и активной ссылки на сайт (http://webstudent.ru/). Желательно уведомить меня по e-mail :)

В избранное

{#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}