Загрузка страницы через ajax


$(document).ready(function(){ $(«button»).click(function(){ $.ajax({url: «test.html», success: function(result){ $(«#div1»).html(result); }}); }); }); Let jQuery AJAX Change This Text Get External Content Создайте файл test.html для замены значений в #div1, на те, которые вам надо Любой текст

ЧИТАТЬ…

Контекстная и таргетированная реклама


Контекстная реклама является одним из наиболее старых методов продвижения сайтов в сети интернет. Суть такой рекламы состоит в том, что при вводе пользователем конкретного запроса появляются соответствующие рекламные объявления. Контекстная реклама подразделяется на три вида. Первый вид называется поисковая контекстная реклама. Его суть заключается в том, что когда пользователь вводит …

ЧИТАТЬ…

Скрытие блока на JS


$(function(){ $(«.block1»).click(function(){ $(«.block2»).fadeTo(1000,0); }); Демо 1 Click Lorem ipsum dolor sit amet consectetur adipisicing elit. Nostrum sit, earum sed enim ipsum veniam quas fugit fuga asperiores eius quasi alias necessitatibus velit quam veritatis saepe aliquam labore ab architecto tempore ut accusantium consectetur. Laudantium, animi ea maiores magnam eligendi ad a …

ЧИТАТЬ…

Ежедневник на JS


jS $("#add").on("click", function() { var val = $("input").val(); if(val !== '') { var elem = $("<li></li>").text(val); $(elem).append("<button class='rem'>X</button>"); $("#mylist").append(elem); $("input").val(""); $(".rem").on("click",function() { $(this).parent().remove(); }); } }); CSS .rem { margin-left: 5px; background-color: white; color: red; border: none; cursor: pointer; } HTML <h3>Мой ежедневник</h3> <input type="text" placeholder="Введите запись" /> <button id="add">Добавить</button> …

ЧИТАТЬ…

Фильтры CSS


CSS img {filter: blur(10);} -размытие img {filter: brightness(200%);} и img {filter: contrast(61%);} -контрастность img {width: calc(20px + 20px);} — выражение представляет собой комбинацию значений размеров и следующих знаков математических действий.Знаки плюс и минус должны отбиваться пробелами с двух сторон. filter: drop-shadow(<сдвиг по x> <сдвиг по y> <радиус размытия> <цвет>);Пример: .shadow …

ЧИТАТЬ…

Меню для сайта на JS


HTML <a class=»btn fa fa-align-justify»>Меню</a> <div class=»test»> <ul> <li>1</li> <li>2</li> <li>3</li> <li>4</li> <li>5</li> <li>6</li> </ul> </div> CSS .test{display: none;} .test1{display: block;} JS $(«.btn»).click(function(){ $(«.test»).toggleClass(«test1»); $(«.fa-align-justify»).toggleClass(«fa-times»); }); Демо: Меню 1 2 3 4 5 6

ЧИТАТЬ…

Увеличение дохода со старого сайта


Как-то не очень давно озадачился на одном из своих сайтов, с некоммерческой тематикой, повысить цену кликов по объявлениям в Яндекс Директ, путем отсеивания дешевых рекламодателей из показа их объявлений в рекламных блоках. Набил «черный список» рекламодателей, которых вычислял до этого несколько месяцев, и забил на это дело. Через пару месяцев …

ЧИТАТЬ…

Семантическое ядро сайта, как маркетинговое исследование


Продвижение коммерческого сайта в поисковой выдаче, это по сути тот же маркетинг, я именно с этой позиции подхожу СЕО. Один из важных аспектов поискового продвижения является семантическое ядро сайта, проще сказать, набор ключевых слов и фраз, соответствующих тематике сайта. Что по своей сути схоже с маркетингом, только термины разные. Например, …

ЧИТАТЬ…

Как адаптировать сайт под iPad и другие планшеты


В этой статье мы обсуждаем важность отзывчивого дизайна сайта для планшетов на примере Айпада. Дело в том, что большинства людей, кто использует планшет, очень часто с их помощью сидят в интернете. Например, по результатам опроса, проведенного компанией Business Insider, 41% опрошенных владельцев айпадов используют свои гаджеты в качестве основного устройства …

ЧИТАТЬ…

Затемнение при наведение на блок css


Всё актуальнее стало использование красивых эффектов при наведение. Ниже приведен пример простой реализации с помощью html+css. Должно получиться что-то подобное, справа: HTML текст <div class=»wrapper-blockhome»> <div class=»block2″> <a href=»https://agrarnik.info/2018/11/»> <img class=»img-responsive cover-home» src=»img/cover.png» alt=»new-number»> </a> <div class=»block2-bg»> <a href=»https://agrarnik.info/2018/11/»> <img class=»img-search» src=»img/active-search-symbol.png» alt=»иконка поиска»> </a> </div> </div> </div> CSS стили …

ЧИТАТЬ…

Продвижение блога с помощью Email маркетинга


Несмотря на социальные сети, twitter и icq. E-mail до сих пор пользуется огромной популярностью и навряд ли когда-нибудь уйдёт в тень. Продвижение блога с помощью Email маркетинга Прошу не путать E-mail маркетинг со спамом. Отличие в том, что люди сами предоставляют Вам почту, а Вы их уже в дальнейшем по …

ЧИТАТЬ…

Вертикальное выравнивание текста в полях формы, а также формы в html 5


Краткая заметка, которая, возможно, поможет сохранить время и нервы начинающим верстальщикам. Речь пойдёт о стилизации инпутов (input), т.е. полях формы. Казалось бы, чего тут сложного? Главные параметры, а именно ширина и высота задаются стандартно — width и height. Посмотрим в браузерах, как это выглядит. На первый взгляд всё отлично, но …

ЧИТАТЬ…