Blog. Just Blog

Web-мастеру и не только

Полезные решения для Web-мастеров
Web-мастеру и не только - RSS-канал Web-мастеру и не только - Карта сайта

CSS: текст, зачеркнутый линией другого цвета

10.03.2013 | Категория: Web-мастеру и не только | Автор: ManHunter
Несколько вариантов реализации на CSS простенького эффекта выделения текста - зачеркивание его линией другого цвета. Когда-то передо мной встала такая задача, я с ней успешно справился. Потом решил поэкспериментировать и добиться этого же эффекта, но другими способами. Вот что у меня получилось. Общая суть всех примеров в том, что создается контейнер с перечеркивающей линией одного цвета, а в нем содержится текст другого цвета.

Первый вариант, которым и была решена задача, - использование HTML-тега <s> или <strike>. Оба этих тега поддерживаются всеми браузерами, но с HTML 4.01 strike считается устаревшим, а в HTML5 вообще упразднен. Тем не менее, такой вариант имеет место быть.
Code (HTML) : Убрать нумерацию
  1. <style type="text/css">
  2. .fixed_text_1 {
  3.     color:#FF0000;  /* цвет зачеркивающей линии */
  4. }
  5. .fixed_text_1 span {
  6.     color:#000000;  /* цвет зачеркиваемого текста */
  7. }
  8. </style>
  9.  
  10. <s class="fixed_text_1"><span>Исправленному</span></s> верить
  11. <strike class="fixed_text_1"><span>Исправленному</span></strike> верить
Если почитать документацию по HTML, то там написано, что вместо этих тегов рекомендуется использовать тег &lt;del&gt;. Кроме визуального эффекта, он является еще и семантически более правильным, если требуется выделить текст, который утратил актуальность.

Читать статью целиком »
Просмотров: 21065 | Комментариев: 2

Подсветка результатов поиска на странице

05.02.2013 | Категория: Web-мастеру и не только | Автор: ManHunter
Сложно представить современный web-сайт без поиска. И хорошим тоном считается не просто выводить все страницы, на которых был найден запрошенный результат, но и как-нибудь выделять искомые слова в тексте. Если контент сайта представляет собой обычный текст без html-разметки, то тут все просто, достаточно использовать что-то типа str_replace. А как быть, если на странице имеются html-теги, и надо выделить только тот текст, который не заключен внутри тегов? Например, нам надо выделить слово "поиск" в такой тестовой строке:
Code (HTML) : Убрать нумерацию
  1. Для поиска и просмотра <a href="/search" title="Результаты поиска">результатов
  2. поиска</a> пройдите по поисковой ссылке.
После простой замены она превратится в нечто чудовищное:
Code (HTML) : Убрать нумерацию
  1. Для <b>поиск</b>а и просмотра <a href="/search" title="Результаты <b>поиск</b>а">
  2. результатов <b>поиск</b>а</a> пройдите по <b>поиск</b>овой ссылке.
Как видите, текст в атрибутах title нарушен. Это простейший пример, на деле это может привести к полному развалу верстки, а то и еще хуже. При правильно сформированных поисковых запросах злоумышленники смогут даже внедрить в код страницы вредоносные скрипты. Для решения этой проблемы воспользуемся регулярными выражениями:
Code (PHP) : Убрать нумерацию
  1. // Искомая строка для подсветки на странице
  2. $search = 'html';
  3. // Создаем строку для регулярного выражения
  4. $pattern = "/((?:^|>)[^<]*)(".$search.")/si";
  5. // Подсвеченная строка
  6. $replace = '$1<b style="color:#FF0000; background:#FFFF00;">$2</b>';
  7. // Заменяем
  8. $html = preg_replace($pattern, $replace, $html);
Код также немного упрощен для удобства восприятия. В реальных проектах при составлении регулярного выражения $pattern надо обязательно экранировать в искомой строке все служебные символы, которые могут быть использованы в регулярных выражениях.

Читать статью целиком »
Просмотров: 12243 | Комментариев: 7

Удаленное управление питанием сервера через Rack PDU

15.12.2012 | Категория: Web-мастеру и не только | Автор: ManHunter

Удаленное управление питанием сервера через Rack PDU

Когда-то по работе возникла необходимость автоматизированного управления серверами в стойке дата-центра. Вопрос с контролем за питанием был решен через power-свич (Switched Rack PDU), который имел возможность удаленного управления по telnet. Для эмуляции действий пользователя я написал вот такой небольшой класс на PHP. Может быть пригодится кому-нибудь еще.

Читать статью целиком »
Просмотров: 5218 | Комментариев: 0

Оценка качества изображения для печати

15.10.2012 | Категория: Web-мастеру и не только | Автор: ManHunter

Оценка качества изображения для печати

Качество изображения измеряется в количествах пикселей (точек) на дюйм (1 дюйм = 25.4 мм), единица измерения - dpi (Dots Per Inch). К типографской печати обычно принимаются изображения не менее 150 dpi, а вот для фотопечати качество должно быть уже 300 dpi и больше. Однако, при оценке качества изображения обязательно надо учитывать и размер печати. К примеру, исходный файл из цифромыльницы с разрешением 1200х900 пикселов будет неплохо смотреться на фотокарточке 10х15 см, но для печати на плакате его качества будет недостаточно. А кадры с Nikon D800 разрешением 7360х4912 пикселов можно без проблем распечатать на формате A1 и повесить на стенку.

Для вычисления dpi надо желаемые размеры печати перевести в дюймы, а затем поделить разрешение исходного файла на эти значения по ширине и высоте. Полученные значения dpi и будут искомым результатом оценки качества изображения. Осталось оформить это все вот в такую несложную функцию:
Code (PHP) : Убрать нумерацию
  1. // Функция для расчета dpi изображения
  2. function get_dpi($picture, $print_x, $print_y) {
  3.     if (file_exists($picture)) {
  4.         list ($x,$y)=GetImageSize($picture);
  5.         if ($x && $y && $print_x && $print_y) {
  6.             // "Повернуть" изображение под размер печати
  7.             if ($print_x<$print_y) {
  8.                 if ($x>$y) {
  9.                     list ($x,$y)=array($y,$x);
  10.                 }
  11.             }
  12.             // Посчитать dpi по ширине и высоте
  13.             $dpi=array(
  14.                 'dpi_x'=>intval($x/($print_x/2.54)),
  15.                 'dpi_y'=>intval($y/($print_y/2.54))
  16.             );
  17.             return $dpi;
  18.         }
  19.         else {
  20.             return false;
  21.         }
  22.     }
  23.     else {
  24.         return false;
  25.     }
  26. }
Параметры функции: $picture - путь к файлу с изображением, $print_x - ширина печати в сантиметрах, $print_y - высота печати в сантиметрах. На выходе массив со значениями dpi по высоте и ширине для данного изображения или false, если файл отсутствует, имеет неправильный формат или заданы неправильные размеры печати. В случае необходимости изображение будет "повернуто" под размер печати.

Читать статью целиком »
Просмотров: 6641 | Комментариев: 2

Определение мобильных браузеров с помощью .htaccess

09.09.2012 | Категория: Web-мастеру и не только | Автор: ManHunter
Недавно я разбирался с одним инфицированным сайтом. При заходе на него обычным браузером все было нормально, но при заходе с мобильных устройств, смартфонов и планшетников, пользователя автоматически перебрасывало на говносайт с троянами. Трояны у меня никаких эмоций не вызывают, а вот определение мобильных устройств было сделано очень интересно - через инфицированный файл .htaccess в корневом каталоге сайта. Я уже приводил пример определения мобильных браузеров на PHP, давайте посмотрим, как определение мобильных браузеров сделано в этом случае. В конец файла .htaccess был дописан следующий блок:
Code: Убрать нумерацию
  1. <ifModule mod_rewrite.c>
  2. RewriteEngine on
  3. # Проверить строку UserAgent браузера
  4. RewriteCond %{HTTP_USER_AGENT} acs [NC,OR]
  5. RewriteCond %{HTTP_USER_AGENT} alav [NC,OR]
  6. RewriteCond %{HTTP_USER_AGENT} alca [NC,OR]
  7. RewriteCond %{HTTP_USER_AGENT} amoi [NC,OR]
  8. RewriteCond %{HTTP_USER_AGENT} audi [NC,OR]
  9. RewriteCond %{HTTP_USER_AGENT} aste [NC,OR]
  10. RewriteCond %{HTTP_USER_AGENT} avan [NC,OR]
  11. RewriteCond %{HTTP_USER_AGENT} benq [NC,OR]
  12. RewriteCond %{HTTP_USER_AGENT} bird [NC,OR]
  13. RewriteCond %{HTTP_USER_AGENT} blac [NC,OR]
  14. RewriteCond %{HTTP_USER_AGENT} blaz [NC,OR]
  15. RewriteCond %{HTTP_USER_AGENT} brew [NC,OR]
  16. RewriteCond %{HTTP_USER_AGENT} cell [NC,OR]
  17. RewriteCond %{HTTP_USER_AGENT} cldc [NC,OR]
  18. RewriteCond %{HTTP_USER_AGENT} cmd- [NC,OR]
  19. RewriteCond %{HTTP_USER_AGENT} dang [NC,OR]
  20. RewriteCond %{HTTP_USER_AGENT} doco [NC,OR]
  21. RewriteCond %{HTTP_USER_AGENT} eric [NC,OR]
  22. RewriteCond %{HTTP_USER_AGENT} hipt [NC,OR]
  23. RewriteCond %{HTTP_USER_AGENT} inno [NC,OR]
  24. RewriteCond %{HTTP_USER_AGENT} ipaq [NC,OR]
  25. RewriteCond %{HTTP_USER_AGENT} java [NC,OR]
  26. RewriteCond %{HTTP_USER_AGENT} jigs [NC,OR]
  27. RewriteCond %{HTTP_USER_AGENT} kddi [NC,OR]
  28. RewriteCond %{HTTP_USER_AGENT} keji [NC,OR]
  29. RewriteCond %{HTTP_USER_AGENT} leno [NC,OR]
  30. RewriteCond %{HTTP_USER_AGENT} lg-c [NC,OR]
  31. RewriteCond %{HTTP_USER_AGENT} lg-d [NC,OR]
  32. RewriteCond %{HTTP_USER_AGENT} lg-g [NC,OR]
  33. RewriteCond %{HTTP_USER_AGENT} lge- [NC,OR]
  34. RewriteCond %{HTTP_USER_AGENT} maui [NC,OR]
  35. RewriteCond %{HTTP_USER_AGENT} maxo [NC,OR]
  36. RewriteCond %{HTTP_USER_AGENT} midp [NC,OR]
  37. RewriteCond %{HTTP_USER_AGENT} mits [NC,OR]
  38. RewriteCond %{HTTP_USER_AGENT} mmef [NC,OR]
  39. RewriteCond %{HTTP_USER_AGENT} mobi [NC,OR]
  40. RewriteCond %{HTTP_USER_AGENT} mot- [NC,OR]
  41. RewriteCond %{HTTP_USER_AGENT} moto [NC,OR]
  42. RewriteCond %{HTTP_USER_AGENT} mwbp [NC,OR]
  43. RewriteCond %{HTTP_USER_AGENT} nec- [NC,OR]
  44. RewriteCond %{HTTP_USER_AGENT} newt [NC,OR]
  45. RewriteCond %{HTTP_USER_AGENT} noki [NC,OR]
  46. RewriteCond %{HTTP_USER_AGENT} opwv [NC,OR]
  47. RewriteCond %{HTTP_USER_AGENT} palm [NC,OR]
  48. RewriteCond %{HTTP_USER_AGENT} pana [NC,OR]
  49. RewriteCond %{HTTP_USER_AGENT} pant [NC,OR]
  50. RewriteCond %{HTTP_USER_AGENT} pdxg [NC,OR]
  51. RewriteCond %{HTTP_USER_AGENT} phil [NC,OR]
  52. RewriteCond %{HTTP_USER_AGENT} play [NC,OR]
  53. RewriteCond %{HTTP_USER_AGENT} pluc [NC,OR]
  54. RewriteCond %{HTTP_USER_AGENT} port [NC,OR]
  55. RewriteCond %{HTTP_USER_AGENT} prox [NC,OR]
  56. RewriteCond %{HTTP_USER_AGENT} qtek [NC,OR]
  57. RewriteCond %{HTTP_USER_AGENT} qwap [NC,OR]
  58. RewriteCond %{HTTP_USER_AGENT} sage [NC,OR]
  59. RewriteCond %{HTTP_USER_AGENT} sams [NC,OR]
  60. RewriteCond %{HTTP_USER_AGENT} sany [NC,OR]
  61. RewriteCond %{HTTP_USER_AGENT} sch- [NC,OR]
  62. RewriteCond %{HTTP_USER_AGENT} sec- [NC,OR]
  63. RewriteCond %{HTTP_USER_AGENT} send [NC,OR]
  64. RewriteCond %{HTTP_USER_AGENT} seri [NC,OR]
  65. RewriteCond %{HTTP_USER_AGENT} sgh- [NC,OR]
  66. RewriteCond %{HTTP_USER_AGENT} shar [NC,OR]
  67. RewriteCond %{HTTP_USER_AGENT} sie- [NC,OR]
  68. RewriteCond %{HTTP_USER_AGENT} siem [NC,OR]
  69. RewriteCond %{HTTP_USER_AGENT} smal [NC,OR]
  70. RewriteCond %{HTTP_USER_AGENT} smar [NC,OR]
  71. RewriteCond %{HTTP_USER_AGENT} sony [NC,OR]
  72. RewriteCond %{HTTP_USER_AGENT} sph- [NC,OR]
  73. RewriteCond %{HTTP_USER_AGENT} symb [NC,OR]
  74. RewriteCond %{HTTP_USER_AGENT} t-mo [NC,OR]
  75. RewriteCond %{HTTP_USER_AGENT} teli [NC,OR]
  76. RewriteCond %{HTTP_USER_AGENT} tim- [NC,OR]
  77. RewriteCond %{HTTP_USER_AGENT} tosh [NC,OR]
  78. RewriteCond %{HTTP_USER_AGENT} tsm- [NC,OR]
  79. RewriteCond %{HTTP_USER_AGENT} upg1 [NC,OR]
  80. RewriteCond %{HTTP_USER_AGENT} upsi [NC,OR]
  81. RewriteCond %{HTTP_USER_AGENT} vk-v [NC,OR]
  82. RewriteCond %{HTTP_USER_AGENT} voda [NC,OR]
  83. RewriteCond %{HTTP_USER_AGENT} w3cs [NC,OR]
  84. RewriteCond %{HTTP_USER_AGENT} wap- [NC,OR]
  85. RewriteCond %{HTTP_USER_AGENT} wapa [NC,OR]
  86. RewriteCond %{HTTP_USER_AGENT} wapi [NC,OR]
  87. RewriteCond %{HTTP_USER_AGENT} wapp [NC,OR]
  88. RewriteCond %{HTTP_USER_AGENT} wapr [NC,OR]
  89. RewriteCond %{HTTP_USER_AGENT} webc [NC,OR]
  90. RewriteCond %{HTTP_USER_AGENT} winw [NC,OR]
  91. RewriteCond %{HTTP_USER_AGENT} winw [NC,OR]
  92. RewriteCond %{HTTP_USER_AGENT} xda [NC,OR]
  93. RewriteCond %{HTTP_USER_AGENT} xda- [NC,OR]
  94. RewriteCond %{HTTP_USER_AGENT} up.browser [NC,OR]
  95. RewriteCond %{HTTP_USER_AGENT} up.link [NC,OR]
  96. RewriteCond %{HTTP_USER_AGENT} windows.ce [NC,OR]
  97. RewriteCond %{HTTP_USER_AGENT} iemobile [NC,OR]
  98. RewriteCond %{HTTP_USER_AGENT} mini [NC,OR]
  99. RewriteCond %{HTTP_USER_AGENT} mmp [NC,OR]
  100. RewriteCond %{HTTP_USER_AGENT} symbian [NC,OR]
  101. RewriteCond %{HTTP_USER_AGENT} midp [NC,OR]
  102. RewriteCond %{HTTP_USER_AGENT} wap [NC,OR]
  103. RewriteCond %{HTTP_USER_AGENT} phone [NC,OR]
  104. RewriteCond %{HTTP_USER_AGENT} ipad [NC,OR]
  105. RewriteCond %{HTTP_USER_AGENT} iphone [NC,OR]
  106. RewriteCond %{HTTP_USER_AGENT} iPad [NC,OR]
  107. RewriteCond %{HTTP_USER_AGENT} iPhone [NC,OR]
  108. RewriteCond %{HTTP_USER_AGENT} ipod [NC,OR]
  109. RewriteCond %{HTTP_USER_AGENT} iPod [NC,OR]
  110. RewriteCond %{HTTP_USER_AGENT} pocket [NC,OR]
  111. RewriteCond %{HTTP_USER_AGENT} mobile [NC,OR]
  112. RewriteCond %{HTTP_USER_AGENT} android [NC,OR]
  113. RewriteCond %{HTTP_USER_AGENT} Android [NC,OR]
  114. RewriteCond %{HTTP_USER_AGENT} pda [NC,OR]
  115. RewriteCond %{HTTP_USER_AGENT} PPC [NC,OR]
  116. RewriteCond %{HTTP_USER_AGENT} Series60 [NC,OR]
  117. RewriteCond %{HTTP_USER_AGENT} Opera.Mini [NC,OR]
  118. RewriteCond %{HTTP_USER_AGENT} Moby [NC,OR]
  119. RewriteCond %{HTTP_USER_AGENT} Mobi [NC,OR]
  120.  
  121. # Проверить служебные заголовки, отсылаемые браузером
  122. RewriteCond %{HTTP_ACCEPT} "text/vnd.wap.wml" [NC,OR]
  123. RewriteCond %{HTTP_ACCEPT} "application/vnd.wap.xhtml+xml" [NC,OR]
  124.  
  125. # Проверить исключения
  126. RewriteCond %{HTTP_USER_AGENT} !windows.nt [NC]
  127. RewriteCond %{HTTP_USER_AGENT} !bsd [NC]
  128. RewriteCond %{HTTP_USER_AGENT} !x11 [NC]
  129. RewriteCond %{HTTP_USER_AGENT} !unix [NC]
  130. RewriteCond %{HTTP_USER_AGENT} !macos [NC]
  131. RewriteCond %{HTTP_USER_AGENT} !macintosh [NC]
  132. RewriteCond %{HTTP_USER_AGENT} !playstation [NC]
  133. RewriteCond %{HTTP_USER_AGENT} !google [NC]
  134. RewriteCond %{HTTP_USER_AGENT} !yandex [NC]
  135. RewriteCond %{HTTP_USER_AGENT} !bot [NC]
  136. RewriteCond %{HTTP_USER_AGENT} !libwww [NC]
  137. RewriteCond %{HTTP_USER_AGENT} !msn [NC]
  138. RewriteCond %{HTTP_USER_AGENT} !america [NC]
  139. RewriteCond %{HTTP_USER_AGENT} !avant [NC]
  140. RewriteCond %{HTTP_USER_AGENT} !download [NC]
  141. RewriteCond %{HTTP_USER_AGENT} !fdm [NC]
  142. RewriteCond %{HTTP_USER_AGENT} !maui [NC]
  143. RewriteCond %{HTTP_USER_AGENT} !webmoney [NC]
  144. RewriteCond %{HTTP_USER_AGENT} !windows-media-player [NC]
  145.  
  146. # При выполнении условий переадресация на мобильную версию сайта
  147. RewriteRule ^(.*)$ http://mobile.version.of.site.ru [L,R=302]
  148. </ifModule>
Как это все работает? На сервере обязательно должен быть включен модуль mod_rewrite, без него ничего не получится. Так что для надежности весь этот блок обернут в проверку наличия mod_rewrite у сервера Apache (в оригинальном коде этого не было). Дальше в модуле анализируется строка UserAgent браузера посетителя, в ней последовательно проверяется наличие подстроки, характерной для браузеров мобильных устройств. После этого проверяются специфические служебные заголовки, обычно отправляемые мобильными браузерами. Если хоть одно из этих условий выполнено, то следом выполняется дополнительная проверка на различные поисковые боты, а также некоторые другие сигнатуры, присущие стационарным браузерам или автоматическим модулям. Если и эта проверка пройдена удачно, то последней строчкой посетитель перенаправляется на мобильную версию сайта.

Читать статью целиком »
Просмотров: 11013 | Комментариев: 10

prev 01 ... 25 26 27 28 29 30 31 ... 42 next
Это я :-)
Если программист в девять утра уже на работе, значит он там же и ночевал
Главная страница Web-мастеру и не только Образ мышления: Assembler Мои программы Software Темная сторона Силы Обзоры техники А еще я туда ем! Жизнь в оффлайне Всякая всячина
Карта сайта Ссылки Обратная связь Правила сайта Настройки сайта RSS-канал
Ограничение по возрасту 16+ Материалы, опубликованные на этом сайте, не рекомендуются к просмотру лицам в возрасте до 16 лет без присутствия взрослых.
Метки статей
.NET (27), AJAX (5), Assembler (350), COM (40), CSS (39), Exif (15), FASM (8), Firefox (7), HDD (17), Hello Teddy (9), HTML (48), iconBIT (4), JavaScript (68), MySQL (13), Nikon (19), PDF (9), PHP (119), Samsung (6), SEO (12), Sublime Text (9), TintonLife (4), UGREEN (4), Windows 7 (66), аккумуляторы (22), аксессуары (12), анализаторы файлов (8), архиваторы (5), аттракционы (7), безопасность (55), браузеры (16), бытовая техника (19), варенье (18), ВВЦ (9), ВДНХ (14), видео (20), Воробьевы горы (9), вторые блюда (120), выпечка (27), выставки (116), генератор ПСЧ (10), графика (118), десерты (31), Египет (8), заготовки на зиму (45), закуска (21), закуска к пиву (24), зарядные устройства (23), защита (15), зоопарки (10), игры (36), иконки (22), интерфейс (26), исследование защиты (306), каша (4), клавиатура (7), Коломенское (37), консоль (7), концерты (52), Кузьминки (4), куклы (27), ледяные скульптуры (6), мои программы (68), мониторы (6), музеи (72), мультимедиа (71), мясо (59), напитки (14), ноутбуки (8), обфускация (7), окна (69), оформление сайта (47), парки Москвы (7), песчаные скульптуры (13), плееры (10), подводная съемка (4), поздравления (127), полезные функции (39), прохождения (4), процессы (25), птица (20), путешествия (25), распаковка (22), реверсинг (51), рыба (34), салаты (18), сброс триала (4), сеть (36), система (177), Сокольники (8), соусы (14), супы (14), телефоны (8), Тунис (6), умный дом (12), файлы справки (6), фаст-фуд (18), фестиваль цветов (5), флешки (5), фото (23), хеши (16), числа (8), юмор (12), яйца (17), Яндекс (10)
Вам помог этот сайт?
Сказать спасибо! Поблагодарили 34,350 раз
<< 2024 - АПРЕЛЬ >>
Пн Вт Ср Чт Пт Сб Вс
1 2 3 4 5 6 7
8 9 10 11 12 13 14
15 16 17 18 19 20 21
22 23 24 25 26 27 28
29 30          
Международный день секретаря
Международный день солидарности молодежи
Всемирный день защиты лабораторных животных
Всемирная неделя иммунизации
Нашли на сайте орфографическую ошибку? Выделите ее мышкой и нажмите
Ctrl
+
Enter
Буду очень благодарен, если размеcтите мою кнопочку:
Личный блог ManHunter'а
Valid CSS Valid XHTML 1.0 Transitional Valid mobileOK Basic Valid RSS
Яндекс тИЦ: {YANDEX_TIC} Яндекс ИКС: 380
Сейчас я слушаю
---
Имя:

Сообщение:

Осталось символов: 200

   
-
Наверх
Powered by PCL's Speckled Band Engine 0.2 RC3
© ManHunter / PCL, 2008-2024
При использовании материалов ссылка на сайт обязательна
Время генерации: 0.1 сек. / MySQL: 2 (0.0028 сек.) / Память: 4.5 Mb
Наверх