Заметки - Блог о web-разработке. Сервисы для блоггеров. Блоговое Голосов: 1 Адрес блога: http://www.blogovoe.ru/blog/ Добавлен: 2013-12-27 23:28:54 блограйдером panevin

Цены на АГЗС

2016-11-17 09:42:47 (читать в оригинале)

Наконец-то дошли руки и к ценам на бензин и ДТ добавил цены на газ на АГЗС.

По регионам:

• Московская область
• Ленинградская область
• Новгородская область
• Калужская область
• Кемеровская область
• Костромская область
• Псковская область
• Свердловская область
• Тверская область
• Тюменская область
• Ярославская область

Цены на ГазПромНефть, другие будут постепенно добавляться.

---

Простейшее модальное окно jQuery+CSS

2016-11-05 15:43:29 (читать в оригинале)

Типовая задача - сделать всплывающее модальное окно. Погнали!

Яваскрипт (файл jquery.modalwindow.js, 2 Кб в несжатом виде):

jQuery.fn.modalwindow = function(options){

  var options = jQuery.extend({
    //height: '270', // высота всплывающего окна
    //width: '690', // ширина всплывающего окна
    title: '' //заголовок всплывающего окна
  },options);

	this.makeCenter = function() {
            if (jQuery(this).height() <100) var a = ( (($(window).height() / 2) - ( 500 ) )) + ($(document).scrollTop());
			//else var a = ( (($(window).height() / 2) - ( (jQuery(this).height()) / 2 ) )) + ($(document).scrollTop());
			else var a = ($(document).scrollTop()) + 200;
            if (a<0)
                a = 0;
				//alert(($(window).height() / 2));
            jQuery(this).css ({
                top: a + 'px',
                //top: '165px',
                left: ( (($(window).width() / 2) - ( (jQuery(this).width()) / 2 ) )) + ($(document).scrollLeft()) + 'px'
            });
	};
        this.setTop = function (){
            jQuery(this).css ({
                top: ( (($(window).height() / 2) - ( (jQuery(this).height()) / 2 ) )) + ($(document).scrollTop()) + 'px'
            });
        };
        this.setParamsToOverflow = function(id) {
                $('#'+id+'_overflow').css({
                    height:$(document).height()+'px',
                    width:$(document).width()+'px'
                });
	};
	this.maintainPosition = function() {
		$(window).scroll( function() {
			this.makeCenter();
		} );

	}

	//________
	this.init = function() {
	var _id = jQuery(this).attr('id');
	//alert(_id);
            $(window).keypress(function(event) {
              if (event.keyCode == '27') {
                $('.'+_id+'_overflow').fadeOut("fast");
                $("."+_id).fadeOut("fast");
                //$("#"+_id).html('');
               }
            });

            //Изменение размеров главного окна
            $(window).resize(function() {
                _this.setParamsToOverflow(_id);
                _this.makeCenter();
            });

            /*$(window).scroll(function() {
                _this.setTop();
            });*/
            this.makeCenter();
	};
      return this.init();
};

вызов окна и остальное (в общем файле яваскриптов, например):

if (window.jQuery) {
$(document).ready(
  function()
  {
var wh = $(window).height();
var dh = $(document).height();
// подгон высоты подложки
if ($("#podlogka").length) {
	if ($("#podlogka").height() < dh) $("#podlogka").height(dh);
}


if ($("#podlogka").length) {if ($("#podlogka").height() < dh) $("#podlogka").height(dh + 25);}
$(".cities_list_lnk").live("click", function(){
	$(".emptyModalWindow").fadeIn("fast");
	$('.new_window_empty').modalwindow();
	

	// у меня внутреннее содержимое модального окна заполняется из переменной html, следующую строку можно прибить, тогда содержимое окна будет таким, как пропишете в html
		$('.emptyModalWindow .c').html(html);
		$('.emptyModalWindow').fadeIn("slow");
		$('.new_window_empty').modalwindow();
	
	return false;
});

//закрытие окна
$(".close_window, #podlogka").click(function(){
	if ($(this).parent().parent().is(".hidden")) $(this).parent().parent().fadeOut("fast");
	return false;
});

});
}

скрипт модернизируем под ваши задачи.

Стили:
#podlogka{position: absolute;z-index: 8888;background-color:#000000;top:0px;left:0px;display: block;ms-filter: 'Alpha(Opacity=50)';opacity: 0.5;-moz-opacity: 0.5;filter:
alpha(opacity=50);-khtml-opacity: 0.5;/*height:11000px;*/overflow:hidden;/*height:100%;*/min-height:100%;width:100%;}
.new_window{position: absolute;z-index: 9000;display: block;background-color: #FFF;border-bottom: 1px solid #a3a3a4;/*margin-top:30%;margin-left:30%;*/background: #fff url(/img/new_window_bg.png) 0px 0px repeat-x;
-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.53);
-moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.53);
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.53);
behavior: url(/js/PIE.htc);
}
.new_window .c{padding:26px;padding-top: 45px;}
.new_window .close_window{position: absolute;background: url(/img/sprite.png) -102px 0px no-repeat;width:17px;height:17px;right: 16px;top:10px;}
.new_window .rc{float:right;width:272px;margin-left:33px;}
.new_window .lc{float:left;width:305px;border-right:1px solid #efefef;}
.new_window .inner ul {padding:0px; margin:0px;}
.new_window .inner ul li {padding:0px; margin:0px; list-style-type:none; width:33%; position:relative; float:left; min-width:100px; line-height:26px;}
.new_window .inner ul li a {color:#666; font-size:16px;}

html:
<div class="hidden emptyModalWindow new_window3_overflow">
<div id="podlogka" class="podlogka"></div>
<div id="new_window3" class="new_window_empty new_window">
<a href="#" class="close_window"></a>
<div class="c"></div>
</div>
</div>

И не забудьте пару картинок: подложка, крестик и спрайт.
Всё!

---

Финстрип: октябрь 2016

2016-10-31 15:36:49 (читать в оригинале)

Месяц октябрь выдался дождливым, но хлебным, результаты по доходам вышли следующими:

8 990 руб. — Адсенз
3 082.91 руб. — Сапа
1 200 руб. — Оплата хостинга клиентом
1 117.33 руб. — Адвертур (заглушка на Адсенз и Директ)
280 руб. — Премиальные от FastVPS
100 руб. — XMLStock (продажа XML лимитов, начисленных Яндексом)

Итого: 14 770.24 руб.

Расходы:
2 524.71 руб. — аренда сервера, FastVPS
450 руб. — интернет

Остаток: 11 795.53 руб.
Ну, на пиво :) А, ещё на YouTube целых 7.66 $ набежало (Ё), по-идее на днях должны зачислиться в АдСенз.

---

Посещаемый сайт без статей и текстов

2016-09-30 12:34:11 (читать в оригинале)

Собственно сабж: может ли сайт без текстов вообще, но с несколькими тысячами страниц, иметь посещаемость хотя бы 1 000 в день и приносить доход?

Может. Пример: Цены на АЗС. Идея сделать такой сайт с ценами на заправках и обсчётом средних цен по городам и регионам у меня была давно, всё не знал откуда брать цены. Топливные операторы, за исключением Газпрома, Татнефти и пары мелких, не публикуют цены на своих сайтах. Пидорасы же :) Пришлось импровизировать. В итоге на сайте порядка 10 000 страниц (> 7 000 АЗС), но текстов нет нигде. ВООБЩЕ. А траффик есть, АдСенз вполне себе неплохо в день приносит. Вот такая загадка природы. Сайт никак не раскручивался, вся посещаемость совершенно для меня неожиданная. С учётом того, что этим сайтом я не занимаюсь, он живёт своей жизнью, ежедневно собирая и обсчитывая цены на АЗС.

Ну а заказывать тексты на биржах это вообще провальная идея — странно, что это очевидно не всем. Заказывать-то можно, но это будет эталонный шлак, годный, разве что, для ГС.

---

Как написать популярный пост?

2016-09-28 15:32:31 (читать в оригинале)

Всем веб-мастерам и блоггерам хочется популярности и большой посещаемости сайтов. Есть и у меня посты, собиравшие много репостов и приносившие посетителей. Например, старинная запись, которую ежегодно пополняю: «Дойчланд зольдаттен нихт капитулирен». У этой записи изначально была чуть другая урла, поэтому слетели цифры репостов, а их несколько сот по всем соцсетям. Даже был как-то один день, когда привалило 3 000 посетителей (на запись сослался посещаемый заукраинский паблик «Уголок циника»).

Собственно, успех этой заметки очевиден: тотальная коллекция ляпов дизайнеров на плакатах к праздникам (большая часть к Дню Победы, 9 мая). Сама коллекция — самая большая в интернете, уж поверьте.

Ну а если ваша статья средней паршивости и интересности, а посещаемости таки хочется, то никто не отменял базовых правил хорошего поста. С точки зрения поисковиков станет лучше, да и читабельность увеличится.

Минимально-необходимое для раскрутки:

• в посте должны быть картинки, причём обязательно уникальные (хотя бы переделанные в фотошопе) и обязательно с альтами (это очевидно)
• текст должен быть размечен абзацами
• добавлены стронги на нужные словосочетания
• добавлены H2,H3 на нужные подзаголовки (применять H4-H9 я не вижу никакого смысла)
• маркированные списки приветствуются (казалось бы неочевидное, но работающее — не раз убеждался)
• перелинковка (ссылки на эту запись с других страниц сайта)
• желательно, но не обязательно: микроразметка, мета-теги для репостов в соцсети, адаптивная вёрстка — но это касается больше качества программной части сайта, нежели конкретной статьи
• врезки в тексте (опционально)

Ну, вот, пожалуй и всё! Удачных постов, большого траффика!

P.S.:
Да, у этой записи картинок нет — мне лень :)