Шпаргалка для web-разработчика
В помощь веб-разработчику!
WooCommerce Jetpack (Booster for WooCommerce) - огромная подборка отличных расширений WooCommerce
- Подробности
- Категория: Wordpress
- Просмотров: 4022
WooCommerce Jetpack - Еще один универсальный плагин для магазина на WooCommerce. Имеет бесплатный и премиум варианты. Далее перевод всех фичей плагина на данный момент...
Woocommerce. Задаем свои значки, тексты для отображения валют.
- Подробности
- Категория: Wordpress
- Просмотров: 2116
При разработке интернет магазина на woocommerce, возникла задача изменить размер значков валюты, изначально они были такого же размера как и сама цена, это смотрелось очень массивно.
Проблема с отключением прокрутки на Google картах
- Подробности
- Категория: JavaScript
- Просмотров: 1437
Загвоздка заключается в том, что когда начинаешь прокручивать страницу в браузере, и курсор попадает на саму карту, то прокрутка останавливается а сама карта начинает либо зуммиться, либо двигаться.
Здесь мы вкратце поясним, как отключить прокрутку в Google картах.
WooCommerce. Полезные сниппеты
- Подробности
- Категория: Wordpress
- Просмотров: 2992
Коды сниппетов просто вставляем в файл function.php шаблона
Как сделать страницу 404 на Joomla 3
- Подробности
- Категория: Joomla
- Просмотров: 2709
Делаем страницу ошибки 404 (страница не найдена).
Многие разработчики пренебрегают созданием специальной страницы, которая будет выводиться в случае, если посетитель ввел или перешел по несуществующей ссылке. Мы же с вами делаем качественные сайты, поэтому игнорировать красивую выдачу страницы 404 не будем. Это хорошо, как для SEO-оптимизации, так и для юзабильности и престижа сайта.
Еще один вариант кастомизации элемента форм select
- Подробности
- Категория: HTML-CSS
- Просмотров: 1534
И снова обходимся без JS.
В данном хаке не будем удалять стрелку, которая выводится по умолчанию браузером. Просто её скроем, наложив сверху псевдоэлемент :after с фоном с изображением нашей стрелки.
Кастомный select без использования javascript
- Подробности
- Категория: HTML-CSS
- Просмотров: 3282
Чтобы задать цвет, фоновое изображение, размеры для элемента форм <select> существует масса мануалов основанных на использовании JS, а то и библиотек скриптов типа JQuery. Что очень усложняет последующую их кастомизацию и внедрение в сайт в соответствии с заданным дизайном.
Предлагаемый вариант позволяет легко и быстро задать фон, бордер, размер, а главное, вид стрелки для выпадающего списка <select>. Только CSS!
Как задать цвет и другие стили для нумерованного списка
- Подробности
- Категория: HTML-CSS
- Просмотров: 5061
По умолчанию цвет маркеров для списков в HTML есть таким как и сам текст. Допустим, нам нужно сделать цвет текста в списке <ol> черным, а сами цифры фиолетовыми... Конечно можно было бы усложнить код, завернув содержимое <li> в тэг <span>...
Сервис по подбору шрифтовых иконок: Octicons, Font Avesome, Glyphicons, Material, Ionicons, IcoMoon, Foundation
- Подробности
- Категория: Разное
- Просмотров: 1894
Сайт GlyphSearch
Вниманию web дизайнеров, верстальщиков. Предлагаю вашему вниманию удобный ресурс по поиску шрифтов с иконками.
CSS селекторы, псевдоэлементы и псевдоклассы, полный список. 30+
- Подробности
- Категория: HTML-CSS
- Просмотров: 2207
Эти CSS псевдоклассы и псевдоэлементы теперь совместимы со всеми распространенными браузерами. Пользуйтесь на здоровье! Много полезного, того, что вы еще не знали.
Набор необходимых плагинов, устанавливаемых мной на Wordpress по умолчанию
- Подробности
- Категория: Wordpress
- Просмотров: 3403
Список WP-плагинов, которые используются мной практически на всех сайтах.
Wordpress cribs
- Подробности
- Категория: Wordpress
- Просмотров: 3503
Наиболее часто используемые фрагменты кода в шаблонах Вордпресс.
Полезные сервисы для HTML-CSS верстальщика
- Подробности
- Категория: HTML-CSS
- Просмотров: 8091
Довольно таки объемный список инструментов, делающих жизнь web-разработчика невыносимо легкой.
Как сделать пагинацию для Simple Image Gallery Pro
- Подробности
- Категория: Joomla
- Просмотров: 2427
Допустим есть сайт построенный на Joomla 2.5 или Joomla 3 и я установил плагин для создания галереи изображений в моем веб-сайте - simple image gallery. Он работает нормально, но у меня есть 2000 изображений на странице, и мне нужно, чтобы они не выводились все сразу, а разбить по 20, сделать нумерацию страниц и перелистывание.
Галерея Simple Image Gallery Pro для Joomla
- Подробности
- Категория: Joomla
- Просмотров: 1802
Расширенная галерея изображений SIGPRO является одним из лучших плагинов вывода изображений, а так же самая скачиваемая и популярная галерея из всех расширений для Joomla!
Имеет несколько шаблонов вывода превью изображений, а так же несколько вариаций вывода полного изображения: litebox, liteshow, slimbox, milkbox, slimbox 2.
Список параметров функции даты и времени. PHP.
- Подробности
- Категория: Разное
- Просмотров: 1387
Форматирование вывода системных даты и времени
echo date(Y);
Модуль "материалы - новости". Вывод изображения превью и даты.
- Подробности
- Категория: Joomla
- Просмотров: 3137
Вывод материалов в модуле "материалы-модули" (mod_articles_news) предусмотрен без изображений превью и без даты. Добавлением нескольких строк в файл /modules/mod_articles_news/tmpl/_item.php модернизируем данный модуль. (если вы создали переопределение данного щаблона, то файл _item.php следует править в папке вашего шаблона)
Как избавиться от ID в адресах Joomla?
- Подробности
- Категория: Joomla
- Просмотров: 2409
Вот есть ссылка http://web-sputnik.info/raznoe/46-kak-nabrat-na-klaviature-ili
Давайте в ней уберем цифру 46...
Watermark, водяной знак на картинки вашего сайта
- Подробности
- Категория: Разное
- Просмотров: 5174
Как защитить фото сайта от воровства
Разместив поверх фото полупрозрачную картинку с адресом или логотипом вашего сайта мы сделаем ее не полезной для ваших конкурентов, а так же обеспечим более убедительный вид своему ресурсу.
Предлагаемый скрипт автоматически накладывает водяной знак на все картинки размерами выше 250рх по ширине и 250рх по высоте. Эти размеры вы легко сможете изменить в соответствии со своими требованиями.
Модуль joomshopping label products, как отобразить старую цену в модуле
- Подробности
- Категория: Joomla
- Просмотров: 3414
Открываем файл /modules/mod_jshopping_label_products/tmpl/default.php
либо файл /templates/ваш_шаблон/html/mod_jshopping_label_products/default.php если у вас создано переопределение и вставляем код туда, где вы хотите, чтобы выводилась старая цена:
<?php if ($curr->product_old_price > 0){?>
<div class="price discount"><?php print formatprice($curr->product_old_price);?></div>
<?php }?>
Как сделать вывод скидки в процентах вместо зачеркнутой старой цены. Скрипт интернет-магазина Joomshopping.
- Подробности
- Категория: Joomla
- Просмотров: 6236
Нередко, при создании интернет-магазина требуется рассчитать и вывести вместо старой цены значение скидки в %. Стандартными средствами joomshopping это не предусмотрено, поэтому необходимо сделать совсем небольшие правки в коде шаблона...
Таблица спецсимволов HTML
- Подробности
- Категория: HTML-CSS
- Просмотров: 4032
Для соблюдения валидности, для обеспечения отображения некоторых символов без ошибок, а так же (самое главное) - для отображения символов, отсутствующих на клавиатуре, используются спецсимволы HTML, которые преобразуются браузером привыводе в нормальные для человеческого взгляда символы. Эти спецзнаки, начинаются с амперсанда '&' и заканчиваются точкой с запятой ';'
Обновление с Joomla 2.5 до Joomla 3
- Подробности
- Категория: Видео
- Просмотров: 2102
Видеоурок по обновлению Joomla версии 2.5.xx до версии 3.х от Александра Порша.