Опубликовано вПро Сайты

Адаптивная таблица на CSS и HTML без Bootstrap

Верстка адаптивной таблицы на чистом CSS и HTML. Совсем недавно мне понадобилось сверстать таблицу, которая была бы адаптивна к мобильным разрешениям. Для начала сверстаем простую таблицу HTML с небольшим количеством ячеек. Код HTML: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> </head> <body> <table id='adap-table'> <thead> <tr> <th>Устройство</th> <th>Цена</th> <th>Время</th> <th>Гарантия</th> </tr> </thead> <tbody> <tr> <td data-label="Устройство" class="active">Apple</td> <td data-label="Цена">10 000</td> <td data-label="Время">2 часа</td> <td data-label="Гарантия">1 год</td> </tr> <tr> <td data-label="Устройство">LG</td> <td data-label="Цена">5 000</td> <td data-label="Время">1 час</td> <td data-label="Гарантия">1 год</td> </tr> <tr> <td data-label="Устройство">SONY</td> <td data-label="Цена">5 000</td> <td data-label="Время">1 час</td> <td data-label="Гарантия">1 год</td> </tr> </tbody> </table> <body> </html>…
Метки:
Опубликовано вПро Сайты

Асинхронная загрузка CSS и JS скриптов на сайте

Асинхронная загрузка CSS и JavaScript файлов При помощи асинхронной загрузки файлов CSS и JS ваш сайт сможет быстрее загружать страницы и это хорошо скажется на мобильном трафике. Асинхронная загрузка CSS При помощи кода, указанного ниже, мы добавляем в тег HEAD стили после полной загрузки страницы. $(document).ready(function() { $("head").append("<link rel='stylesheet' type='text/css' href='/styles.css' />"); }) APPEND() - добавляет в конец выбранных элементов контент. Советую Не забудьте также засунуть все стили в тег <style></style>, необходимые для отрисовки верхней части страницы. Код будет выглядеть так: <html> <head> <b><style> h1 { font-size:22px; color:<span class="comment"> #ccc; text-align:center;} </span></style></b> </head> <body> <h1>Заголовок</h1> <hr/> {ТЕЛО САЙТА} <script> $(document).ready(function() {…
Метки:
Опубликовано вПро Сайты

Как сделать 301 редирект с HTTP на HTTPS и наоборот через htaccess

Настраиваем 301 редирект на сайте через .htaccess Бывает необходимо создать 301 редирект на сайте с HTTP на HTTPS. Редиректы можно настроить через панель управления хостинга в разделе "Домены". Но не на всех хостингах есть такие настройки. В этом посте я расскажу как настроить 301 редирект через конфигурационный файл веб-сервера .htaccess. Редирект с HTTP на HTTPS Вариант 1: <pre>RewriteEngine On RewriteCond %{SERVER_PORT} !^443$ RewriteRule .* https://%{SERVER_NAME}%{REQUEST_URI} [R=301,L]</pre> Если вариант 1 не помог, то попробуйте второй: <pre>RewriteEngine On RewriteCond %{HTTPS} =off RewriteRule (.*) https://%{HTTP_HOST}%{REQUEST_URI} [QSA,L]</pre> Разумеется код необходимо вставить в файл .htaccess только после строчки RewriteEngine On. Редирект с HTTPS на HTTP <pre>RewriteEngine On…
Метки:
Как зарабатывать ВКонтакте на лайках и вступлениях в группы, реклама и заработок в социальных сетях, заработок в интернете
Опубликовано вЗаработок

Как зарабатывать ВКонтакте на лайках и вступлениях в группы, реклама и заработок в социальных сетях, заработок в интернете

В этой статья я расскажу вам про сайты (сервисы), на которых можно зарабатывать деньги в социальных сетях за лайки, подписки и клики, а также заниматься раскруткой (рекламой) своего проекта. Это один из самых простых способов заработка в интернете. Для того чтобы начать работать на этих сервисах, по крайней мере, у вас должен быть аккаунт ВКонтакте и почтовый ящик. Также советую заранее зарегистрироваться на Facebook, Twitter, Одноклассники и создать канал на Youtube. Вам не потребуется применять какие-либо усилия для работы на этих сервисах. Вы просто занимаетесь привычным для вас делом: подписываетесь, ставите лайки, рассказываете друзьям и т.д. Сайты (биржи) для рекламы и…
Метки: , , ,
Самые популярные поисковые системы. Как добавить сайт в Яндекс и Гугл (Google). Аддурилка Яндекс и Гугл (Google)
Опубликовано вПро Сайты

Самые популярные поисковые системы. Как добавить сайт в Яндекс и Гугл (Google). Аддурилка Яндекс и Гугл (Google)

В этой статье я хочу поделиться с вами своими знаниями о поисковых системах. Простыми словами поисковая система - это сайт, предоставляющий пользователям (нам) возможность поиска информации в интернете по заданному запросу. Основой любой поисковой системы является  поисковая машина (поисковый движок) - программы, предназначенный для поиска информации. Самые популярные поисковые системы в мире на сегодняшний день Google.com - самая популярная поисковая система. Около 80% всех запросов в мире обрабатывается им. Я каждый день пользуюсь Google и даже не знаю, чтобы я делал без него. А вот так называемая социальная сеть Google+ мне не понравилась - слишком как-то там все "мутновато" и непонятно. Yahoo.com - вторая по популярности поисковая…
Метки: ,
Белые каталоги. Продвижение сайта при помощи белых каталогов. Моя база белых каталогов
Опубликовано вПро Сайты

Белые каталоги. Продвижение сайта при помощи белых каталогов. Моя база белых каталогов

Привет всем вебмастерам, кто посетил мой блог myBlogy.ru Всем известно, что одним из первых шагов в процессе раскрутки и продвижения сайта, является его регистрация в популярных поисковых машинах и каталогах. Поисковые системы придают большое значение тому, есть ли ссылки на ваш сайт с других ресурсов сети, количество таких внешних ссылок и насколько они качественные. Один из способов наращивания ссылочной массы - регистрация сайта в белых каталогах. Белые каталоги - это каталоги, которые ставят прямую ссылку на ваш ресурс, не требуя взамен обратной ссылки. Очень удобная штука... Сейчас в интернете огромное количество каталогов и не все они могут хорошо повлиять на ваш ресурс,…
Метки: , ,
Заработок на малопосещаемых сайтах: Tak.ru и TeaserNet.com
Опубликовано вПро Сайты

Заработок на малопосещаемых сайтах: Tak.ru и TeaserNet.com

Всем привет! Вот решил написать несколько слов о сервисах контекстной и тизерной рекламы для малопосещаемых сайтов Tak.ru и TeaserNet.com.  Я, к сожалению, мало что понимаю о заработке в интернете и продвижении сайтов, но это только пока. Ведь я недавно в этой сфере, поэтому все еще у меня впереди Всю полезную информацию для себя я черпаю из интернета: читаю статьи опытных сеошников, скачиваю книги, уроки и конечно же интересуюсь, как заработать на сайте. И вот я наткнулся на сайт Tak.ru. Самый непривередливый сервис контекстной рекламы, который я смог найти. Потому, наверное, он так и популярен среди молодых web-мастеров и тех, кто хочет немного заработать. Tak.ru принимает любые…
Метки: , , ,
Опубликовано вПро Сайты

Кривые кавычки в WordPress

Всем привет Пару дней назад, когда я писал статью про короткометражку "Paperman", столкнулся с одной маленькой проблемой - кривое отображение кавычек в постах. Так как я недавно только начал осваивать движок WordPress, поэтому мало что знаю о его хитростях и "багах". К примеру, он заменяет прямые кавычки, отображающие в редакторе нормально, на косые, да и еще и путает местами закрывающиеся и открывающиеся. Чтобы кавычки отображались прямо нужно в файле functions.php, который, я надеюсь, у вас уже создан (/wp-content/themes/имя темы/functions.php), вписать небольшую строчку кода:  <?php remove_filter('the_content', 'wptexturize'); ?> Скорее всего именно функция wptexturize "шалила", а с помощью функции remove_filter мы ее попросту удалили. Если у кого-то…
Метки: , , ,