Защищаем ссылки mailto Защищаем ссылки mailto Автор: 15daysofjquery.com Перевод: Isis Защитить email адреса на своем сайте от спамеров легко с использованием AJAX. В данноме случае будем использовать библиотеку jQuery: http://www.jquery.com Пример с кнопкой. Без эффекта. Пример с ссылкой. Эффект выпадания. При загрузке страницы. Эффект выпадания. При загрузке страницы. Без эффекта. JS Код: Code: $(document).ready(function(){ $.post('mailtoInfo.php',{ pass: "secret" },function(txt){ $('div.email').html(txt); $('div.email').slideDown("slow"); }); }); Т.е. отправляем POST запрос с параметром pass и его значением secret на mailtoInfo.php Ответ выводится в <div id="email"></div> Тем самым никакой робот не выловит email, а пользователям не добавится сложности
Решил поддержать нашего любимого Isis`a Выплывающее меню, скрипт откуда достал не помню но меню выплывает прикольно короче выглядит прикольно и можно подстроить под любой дизайн! Для полной работоспособности нужны картинки, которые вы можете поменять под свой дизайн! Вот сами файлы:http://rapidshare.com/files/118392597/menu.rar.html Скрипт выкладывать не вижу смысла, скрипт большой (имеется внутри архива)
.png и експлорер часто сталкивался во время верстки с проблемой отображения изображений формата .png (помоему только в нем можно сохранять полупрозрачные изображения) в Internet Explorer, собственно нашел фильтр с помошью которого можно решить эту проблему: в css прописываем это: Code: .img_png { width:100px; height:100px; background-image:url('image.png'); background-repeat:no-repeat; //background-image:none; //filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='image.png',sizingMethod='scale'); } а в самом коде создаем для этой картинки отдельную таблицу с размерами картинки, это необходимо из за того что експлорер растягивает изображение на всю ячейку и получается полное гэ : HTML: <td> <table width="100" height="100" border="0" cellspacing="0" cellpadding="0"> <tr> <td class="img_png" width="100" height="100"> <img style="visibility:hidden;" src="0.gif" width="100" height="100"> </td> </tr> </table> </td> надеюсь каму нибудь пригодится...
jQuery: [jquery] Создаем красивый просмотрщик галереи [jquery] Работаем с drag&drop (перемещение+сбрасыввание) .png и експлорер у jquery есть плагин phg_fix, я про него писал
Несколько полезных Css приемов Несколько полезных CSS приемов: Альтернатива NOBR HTML: .nobr{white-space:nowrap;} Альтернатива cellspacing и cellpadding HTML: <style type="text/css"> /* cellspacing=0 */ TABLE {border-collapse:collapse;} /* cellpadding=0 */ TABLE TD {padding:0px;} /* cellspacing=2 */ TABLE {border-collapse: separate; border-spacing:2px;} /* cellpadding=2 */ TABLE TD {padding:2px;} </style> Цвет hr через CSS (IE, Opera, Mozilla) HTML: hr { color:red; background-color:red; height: 1px; border-width:0px; } Рамки таблицы и ячеек толщиной в 1px HTML: table.table1, table.table1 td { border:1px solid blue; border-collapse:collapse; } Лишнее пространство вокруг формы HTML: form { margin:0; } Запрет полосы прокрутки HTML: body { overflow:hidden; }
Лучше писать без обозначений + ко всему это снижает скорость загрузки стиля.. Если хочешь, можем тут поспорить. //Машка ;-)
В таких вопросах надо полагаться на спецификацию, которая гласит: Таким образом, оба варианта одинаково допустимы и грамотны.
Согласно спецификациям - да. Но теория и практика вещи разные: существуют браузеры, которые не очень-то и уважают стандарты и трактуют величины так, как им удобнее, а не так как правильно. Т.е. ваше height: 10, по задумке измеряющееся в пикселах вполне может быть распознано в эмах. Кроме того есть еще т.н. quirks mode (популянро читаем тут и тут), который способен убить много нервных клеток в организме горе-верстальщика, не указавшего величину измерения. Отcюда вывод - единицы измерения ставим обязательно, хотя бы ради того, чтобы тыблицы стилец были красивыми и читаемыми. ЗЫ: а по поводу мнимой экономии траффика - единицы измерения ничего не решают. Решает сжатие файла - как структурное (убрать whitespace), так и физическое (gzip)
я же сразу написал что у каждого свое мнение, и спорить тут можно вечно , все равно каждый будет по своему делать=)
Подключаем нестандартные шрифты. Для того, чтобы подгрузить нестандартный шрифт на веб-странцу нужно сделать следующее. Первое установить специальную программу которая преобразует ttf в eot формат, что позволит нам потом подключить его в css. (программа тут). После установки запускаем программу и затем tools->font to embed и добавляем шрифты которые хотим конвертировать (замечание: не все шрифты можно конвертить). Затем на панели меню (главное окно) ищим кнопку "Embed" (сразу пере ) "help". Появляется окошко в котором указываем путь куда будет сохранен файл, указываем ссылку для какой страницы будет использоваться фонт, и ставим галочку показать сразу css в итоге получаем Code: <STYLE TYPE="text/css"> <!-- /* $WEFT -- Created by: Unknown (Unknown) on 18.12.2007 -- */ @font-face { font-family: Palatino Linotype; font-style: normal; font-weight: normal; src: url(file:///c:\PALATIN0.eot); } --> </STYLE> Копируем стиль в stylesheet.css копируем eot файл и меняем src, все готово! В целом что этой штукой нужно пользоваться очень осторожно и в крайне редких случаях.
life_is_shit угу... только здесь встает очень резонный вопрос об авторских правах =) Ибо почти все нормальные шрифты требуют отчислений - а на свободнораспросьтраняемые без слез не глянешь.
Ну это конечно да... если проект не оч крупный - то к тебе претензии вряд ли будут предъявлять... хотя кто их знает, что им в голову стукнуть может
Не то чтобы статья..... но вот такую я написал css-ку для резки рекламы на nnm.ru тестил в опере 9.5 ОБНОВИЛ
