Мастерская PopUp - окон

Твитнуть

На днях наткнулся я на интересный и бесплатный on-line генератор неблокируемых PopUp - окон. PopUp - это всплывающее окно с каким-то рекламным материалом. Чаще всего - это подписка на рассылку. Если Вы хотите за несколько минут создать неблокируемый PopUp, например, вот такого вида:

тогда воспользуйтесь бесплатным on-line генератором неблокируемых PopUp - окон.

(картинка кликабельна)

Данный генератор позволяет создавать различные виды PopUp - окон,  вводить множество эффектов, имеет очень хорошие подсказки. Важно, что есть такой параметр, как частота. Это дает возможность не надоедать пользователю. 

Доступны следующие параметры частоты:

Каждый раз – PopUp появляется каждый раз, когда посетитель открывает страницу.
Один раз – PopUp появится только один раз, когда посетитель впервые откроет страницу.
Раз за сессию – PopUp появится один раз. И впоследствии не будет появляться до тех пор, пока посетитель не закроет все окна браузера. (Рекомендуем использовать именно эту частоту)
Раз в день – PopUp появиться только раз в 24 часа.

Раз в несколько дней – PopUp повторно появится только после того, как пройдет указанное Вами количество дней.

После того, как Вы задали все параметры, можно посмотреть результат, а потом дать задание на генерацию кода.

Адрес генератора:  Access PopUp Creator

Все на русском языке, думаю, что Вы без труда разберетесь.

Обновления раздела "Отдохни!"

Твитнуть

Обновлено содержимое раздела "Отдохни!": выложены новые книги и, конечно, анекдоты.

Создание псевдо-рабочего стола

Твитнуть

Сразу оговорюсь, что речь идет о Windows XP. Как я уже писал , у меня на компьютере установлено довольно большое количество программ.

Возникает закономерный вопрос, программ много, а как же удобно организовать их вызов?

На самом деле кажется, что вопрос организации вызова программ совсем простой, да только это не совсем так:

1. На рабочем столе все иконки держать не будешь - время загрузки огромное, да и попробуй разберись, что к чему.

2. Можно организовать папки в меню "Пуск"(это, правда, у меня все-равно сделано) - так иконок-то нет, искать долго, в общем, неудобно.

3. Можно сделать папки с ярлыками прямо на рабочем столе - опять очень долго система загружается, да и папка рабочего стола немеренно большой становится, а антивирусы-то ее проверяют!

В общем, было еще несколько бредовых идей, пока, наконец, не набрел на стоящую: а почему бы мне не организовать псевдо-рабочий стол?

Что это я под этим пронимаю. Создаю папку на каком-то диске под название "Псевдо-рабочий стол". В этой папке создаю подпапки с названиями разделов(по функциональности): AutoScreenRecorders, PDF, Работа с CD,DVD и т.д.

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

Картинка кликабельна

А вот теперь, наверное, самое главное! Ну, хорошо, сделал я псевдо-рабочий стол, а как его вызывать-то? Дело в том, что при вызове проводника по умолчанию открывается папка "Мои документы".
И где мне теперь искать свой псевдо-рабочий стол?

Вот тут начинаются небольшие тонкости: можно назначить папку, которая будет открываться при вызове "Проводника". Настраивается это так.

Кликаем правой клавишей мыши по папке нашего псевдо-рабочего стола и в свойствах папки указываем:
%SystemRoot%\explorer.exe /e,e:\0-Псевдорабочий стол
Здесь e:\0-Псевдорабочий стол - это адрес папки с моим псевдо-рабочим столом(Вы свой адрес, естественно, подставите). Начало оставляем неизменным.

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

Как видите, все довольно просто, но, честно говоря, долго я к этой простоте шел!

Пользуюсь я эти псевдо-рабочим столом давно - доволен
Удачи!

Как сделать на сайте страничку FAQ

Твитнуть

Иногда, особенно на коммерческих сайтах, требуется сделать FAQ, где размещаются, например, способы  оплаты продукта, как связаться с продавцом и т.д. FAQ может также понадобиться, если Вы описываете, к примеру, условия Вашей партнерской программы.
В общем, FAQ в жизни используется довольно часто.

В этой статье я расскажу, как можно быстро сделать страничку FAQ(один из вариантов, конечно).

Между тегами <head> и </head> размещаем скрипт:

<SCRIPT LANGUAGE="JavaScript">
function showFAQ(form) {

form.answer.value = form.question.options[form.question.selectedIndex].value;

}

</SCRIPT>

Между тегами <body> и </body> разместим вот такой текст:

<center>
  <form name=faqform>

    <table border=1 cellspacing=0 cellpadding=5>

      <tr bgcolor="#000099">  

        <td align=center>

          <font face="verdana,arial" size="-1" color="#ffffff"><b>FAQ</b>

          </font></td>

      </tr>

      <tr bgcolor="#ffffcc"><td>

          <font face="verdana,arial" size="-1">

            <br>Для просмотра ответа кликните на вопрос. 

            <p>

              <ul>

                <select size=10 name=question onChange="javascript:showFAQ(this.form);">

                  <option value="ЗДЕСЬ РАЗМЕЩАЕМ ТЕКСТ ВАШЕГО ОТВЕТА">&nbsp;&nbsp;&nbsp;-->&nbsp;&nbsp;ЗДЕСЬ ПИШЕМ ТЕКСТ ВАШЕГО ОТВЕТА

                  </option>

                </select>

              </ul>

              <p>Читайте ответ здесь: 

                <p>

                  <ul>

<textarea name="answer" rows=15 cols=50 wrap=virtual></textarea>

                  </ul>

          </font></td>

      </tr>

    </table>

  </form>

</center>  

Чтобы не быть голословным, приведу пример созданного мной FAQ, попробуйте:

FAQ

Для просмотра ответа кликните на вопрос.    -->  Как сделать FAQ?    -->  Какой текст нужно вставить между тегами <HEAD > и </HEAD>?    -->  Как добавить свой вопрос и ответ на него? Читайте ответ здесь:

Как Вы поняли, сделать такой FAQ очень легко. Пользуйтесь, если нравится.

P.S. Приведу исходный код этого примера

<html>  
  <head>  
    <title>FAQ
    </title>
<SCRIPT LANGUAGE="JavaScript">
function showFAQ(form) {
form.answer.value = form.question.options[form.question.selectedIndex].value;
}
</SCRIPT>  
  </head>  
  <body>
    <center>  
      <form name=faqform>    
        <table border=1 cellspacing=0 cellpadding=5>      
          <tr bgcolor="#000099">          
            <td align=center>          
              <font face="verdana,arial" size="-1" color="#ffffff"><b>FAQ</b>          
              </font></td>      
          </tr>      
          <tr bgcolor="#ffffcc"><td>          
              <font face="verdana,arial" size="-1">            
                <br>Для просмотра ответа кликните на вопрос.              
                <p>              
                  <ul>                
                    <select size=10 name=question onChange="javascript:showFAQ(this.form);">                  
                      <option value="Прочитать до конца эту статью.">&nbsp;&nbsp;&nbsp;-->&nbsp;&nbsp;Как сделать FAQ?                   
                      </option>                  
                      <option value="&lt;SCRIPT LANGUAGE='JavaScript'&gt; function showFAQ(form) { form.answer.value = form.question.options[form.question.selectedIndex].value; } &lt;/SCRIPT&gt;">&nbsp;&nbsp;&nbsp;-->&nbsp;&nbsp;Какой текст нужно вставить между тегами &lt;HEAD &gt; и &lt;/HEAD&gt;?                   
                      </option>                  
                      <option value="Найти &lt;option value=, скопировать эту строку и уже в новой строке в кавычках заменить текст ответа своим текстом ответа. Заменить текст вопроса перед тегом &lt;/option&gt; своим текстом вопроса.">&nbsp;&nbsp;&nbsp;-->&nbsp;&nbsp;Как добавить свой вопрос и ответ на него?                   
                      </option>                
                    </select>              
                  </ul>              
                  <p>Читайте ответ здесь:                  
                    <p>                  
                      <ul>
<textarea name="answer" rows=15 cols=50 wrap=virtual></textarea>                  
                      </ul>          
              </font></td>      
          </tr>    
        </table>  
      </form>
    </center>    </body>
</html>

Как сделать "Удерживающую" страницу

Твитнуть

Exit трафик - это трафик, уходящий с Вашего сайта. По сути - это все посетители Вашего сайта. Понятно, что рано или поздно посетители все равно уйдут с Вашего сайта:)
Но дело в том, что есть 2 типа посетителей. Первые его просто не смотрят(попали случайно, шрифт не понравился и т.д.).
Вторые сайт смотрят, пролистывают страницы и статьи, смотрят видео, может быть. 
Но есть вещь, которая объединяет оба типа посетителей - они все когда-то уходят с Вашего сайта. Возникает вопрос: а что мы можем с этого получить? 
На самом деле есть старая, как мир, стратегия получения контактных данных посетителя для последующей связи с ним. Но сначала нужно ответить на вопрос: из-за чего посетители покидают сайт и чем мы можем заинтересовать их? Конечно, полезной и качественной информацией, но при этом абсолютно бесплатно!

Ну и что мы можем сделать? А вот что. Многие, наверное, видели, что при попытке закрыть вкладку сайта появляется примерно вот такое окно:

И этим мы либо удерживаем посетителя на данной странице, либо(чаще всего) премещаем на страницу с бесплатной полезностью.

Разберем, как сделать такой PopUp. Есть 2 выхода:

1. Для сайтов на движке WordPress можно купить такой плагин, он стоит чуть больше 60 долларов( для Blogger такого нет).
2. Дочитать до конца мою статью, скопировать скрипт и установить его у себя.

Посмотреть демонстрационную страницу с удерживающим попапом у меня Вы можете, кликнув по ссылке: Демонстрация 'Удерживающего' PopUp

А теперь расскажу, как это сделать.
Сначала нужно скопировать у меня текст скрипта и вставить его у себя перед закрывающим тегом </body>.
Затем настроить скрипт по себя.
 Во-первых, нужно сделать ограничение по показам всплывающего окошка - это нужно, чтобы не раздражать наших постоянных посетителей, постоянно показывая им это окно. Регулируется это параметром if(get_cookie("popapnum"))<2. Здесь Вы поставите число, которое нужно Вам.
У меня - это четвертая строка.

Во-вторых, нужно написать свой рекламирующий текст: вместо слов 'ВАШ ТЕКСТ В ОКОШКЕ\n\n' вставьте текст, который будет показан во всплывающем окне. Здесь \n - это один перенос, \n\n - двойной перенос.

Ну, и в-третьих, нужно задать адрес странички переадресации, куда мы уйдем после нажатия кнопки "Остаться на этой странице".

Сам текст скрипта:

<script language="javascript">
function get_cookie(cookie_name) {var results = document.cookie.match ( '(^|;) ?' + cookie_name + '=([^;]*)(;|$)' );if(results) {return(unescape(results[2]))}else {return 0;}}
if(get_cookie("popapnum")<2) {
var x = get_cookie("popapnum");
var popapnum = ++x;
var cookie_date = new Date ( 2043, 01, 15 );
var exitsplashmessage = 'ВАШ ТЕКСТ В ОКОШКЕ\n\n ';
var exitsplashpage = 'АДРЕС СТРАНИЧКИ ДЛЯ ПЕРЕАДРЕСАЦИИ ПОСЛЕ ЗАКРЫТИЯ';
function addLoadEvent(func) { var oldonload = window.onload; if (typeof window.onload != 'function') { window.onload = func; } else { window.onload = function() { if (oldonload) { oldonload(); }  func(); }}}
function addClickEvent(a,i,func) { if (typeof a[i].onclick != 'function') { a[i].onclick = func; } }
var theDiv = '<div id="ExitSplashDiv"  style="display:block; width:100%; height:100%; position:absolute; background:#FFFFFF; margin-top:0px; margin-left:0px;" align="center">';
theDiv = theDiv + '<iframe src="'+exitsplashpage+'" width="100%" height="100%" align="middle" frameborder="0"></iframe>';
theDiv = theDiv + '</div>';
theBody = document.body; if (!theBody) {theBody = document.getElementById("body"); if (!theBody) {theBody = document.getElementsByTagName("body")[0];}}
var PreventExitSplash = false;
function DisplayExitSplash(){ if(PreventExitSplash == false){ document.cookie = "popapnum="+popapnum; "expires=" + cookie_date.toGMTString(); window.scrollTo(0,0);  PreventExitSplash=true; divtag = document.createElement("div"); divtag.setAttribute("id","ExitSplashMainOuterLayer"); divtag.style.position="absolute"; divtag.style.width="100%"; divtag.style.height="100%"; divtag.style.zIndex="99"; divtag.style.left="0px"; divtag.style.top="0px"; divtag.innerHTML=theDiv; theBody.innerHTML=""; theBody.topMargin="0px"; theBody.rightMargin="0px"; theBody.bottomMargin="0px"; theBody.leftMargin="0px"; theBody.style.overflow="hidden"; theBody.appendChild(divtag); return exitsplashmessage; } }
var a = document.getElementsByTagName('A'); for (var i = 0; i < a.length; i++) { if(a[i].target !== '_blank') {addClickEvent(a,i, function(){ PreventExitSplash=true; });} else{addClickEvent(a,i, function(){ PreventExitSplash=false;});}}disablelinksfunc = function(){var a = document.getElementsByTagName('A'); for (var i = 0; i < a.length; i++) { if(a[i].target !== '_blank') {addClickEvent(a,i, function(){ PreventExitSplash=true; });} else{addClickEvent(a,i, function(){ PreventExitSplash=false;});}}}
addLoadEvent(disablelinksfunc);
disableformsfunc = function(){ var f = document.getElementsByTagName('FORM'); for (var i=0;i<f.length;i++){ if (!f[i].onclick){ f[i].onclick=function(){ PreventExitSplash=true; } }else if (!f[i].onsubmit){ f[i].onsubmit=function(){ PreventExitSplash=true; }}}}
addLoadEvent(disableformsfunc);
window.onbeforeunload = DisplayExitSplash;}
</script>

Вот, собственно, и все, что я хотел рассказать об этом скрипте. Скрипт, естественно, бесплатный.

И вновь об измерении скорости загрузки сайта

Твитнуть

Снова возвращаюсь к теме измерения скорости загрузки сайта.
Я уже писал про это в статье "Webwait - сервис определения скорости загрузки сайта".
К сожалению, получилось так, что указанный сервис по неизвестным мне причинам в настоящее время не работает.

Чувствуя себя несколько неловко перед читателями моего блога, решил я протестировать несколько подобных сервисов и опубликовать свои выводы. Потратил, правда, я на это больше половины дня - больно много, оказывается, этих сервисов

Первым мне попалось расширение от Yahoo! для Chrome YSlow (вроде, есть оно и для FireFox, но меня это меньше интересовало).

Расширение предназначено для анализа веб-страниц. Сейчас я не буду расписывать все способы ускорения работы сайтов с помощью YSlow - слишком много времени и места это займет, главное, чтобы Вы об этом знали.

Теперь я дам Вам адреса понравившихся мне сервисов измерения скорости загрузки сайта(в порядке убывания моих личных предпочтений ) В необходимый случаях буду давать небольшие комментарии.

Первое место у меня занял GTmetrix. Это, наверное, лучший сервис из всех, которые я тестировал. Здесь определяется не только скорость загрузки сайта, но и даются рекомендации по ускорению загрузки. Кстати, здесь есть тесты и Page Speed, и YSlow, и Timeline да еще все это представлено в графическом виде!

Второй сервис, который мне понравился - это Pingdom Tools. Он, конечно, уступает GTmetrix, но многие,наверняка, захотят пользоваться им.

Дальше я просто перечислю адреса всех остальных сервисов, которые более или менее мне нравятся. Каждый из них интересен по-своему.

Slowcop.com
Webtoolhub
Browsermob
Site-Perf

А вот этот русскоязычный сервис Сервисы SEO анализа сайта, инструменты оптимизатора - mainspy имеет очень много инструментов, но, похоже, это все-таки на любителя

Сервисов я тестировал, конечно, очень большее количество, но рекомендовать могу только эти.

Обновления раздела "Отдохни!"(16.02.2012)

Твитнуть

Обновлены материалы раздела "Отдохни!" , в частности обновлен подразраздел анекдотов. Ну, а самое главное, наверное, что в подразделе "Книги, журналы, статьи" выложил для женщин 3 номера журнала "Cosmopolitan" на русском языке за 2012 год(в формате pdf).

Новая форма ввода комментариев. Результаты

Твитнуть

Как вчера и обещал, делюсь результатами тестирования современной формы ввода комментариев. Как Вы, наверное, уже поняли, речь идет о сервисе disqus.com
  
Ну что, результаты в целом удовлетворительные, хотя и не все меня устраивает. Я говорю пока только блогах на платформе Blogger (про блоги на WordPress скажу отдельно).

Первое, что мне не очень нравится, это наличие новой формы только на главной странице. На других страницах осталась старая форма, но это не сильно мне мешает, пусть себе

Смущает несколько то, что после формы комментариев появилась подписка на e-mail и RSS, избавиться от нее я никак не могу.

И последнее. Об этом я уже говорил вчера - очень долго переносятся(почти сутки) старые комментарии из Blogger в disqkus и обратно, при этом у части комментариев значатся другие авторы.

В общем, оставляю я у себя эту форму, только снял синхронизацию комментариев в блоге с disqkus.  

А теперь немного о блогах на WordPress.  Точнее, говорить-то и показывать будет Свят Маслов в своем видео, которое я здесь выкладываю(не знаю почему, но при просмотре на его блоге оно у меня   почему-то периодически глючит). Надеюсь, он за это на меня не сильно обидится.

Смотрите видео Свята Маслова

Современная форма ввода комментариев в блоге

Твитнуть

Уважаемые читатели моего блога!

Не забыл я про вас, просто тестирую новую современную форму ввода комментариев. Уже встречал я на блогах на WordPress такую форму, понял, как это сделано. Есть свои достоинства, но недостатки(для Blogger, по крайней мере) тоже есть, конечно же. Главное(и этого пришлось ждать почти сутки), это перенос старых комментариев в новую форму. Сразу скажу, что не все так гладко прошло, как мне хотелось бы.

Завтра поделюсь своими изысками в этой области. 

Секреты подготовки статей к публикации

Твитнуть

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

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

Много их, оказывается, разных существует: это и плагины к FF ScribeFire, и Deepest Sender, и чисто внешние, вроде Windows Live Writer, BlogJet, Zoundry и еще всякие.

Но что-то в них меня все время не очень устраивало.

Как-то случайно наткнулся на Post2Blog, попробовал - понравилось.

Программа работает и как внешний редактор, и умеет размещать публикации на сайты под управлением WordPress, TypePad, MovableType, Drupal, Blogger и других.

Post2Blog(картинка кликабельна)

Программа имеет следующие возможности(по заявлению разработчиков):
- WYSIWYG и HTML - редакторы
- Русский интерфейс
- Встроенная проверка орфографии
- Наличие Portable - версии
- Автоматическая загрузка изображений
- Публикация статей и изображений в блог из браузеров
- Настройка папки для загрузки картинок
- Настройка макросов и быстрых вставок
- Управление постами
- Наличие тулбара Post2Blog для MS Word, что дает возможность создавать записей в MS Word
- Интеграция с RSS-ридерами, что позволяет публиковать в блоге выбранные посты из данных ридеров
- Публикация файлов, изображений, документов из Проводника и других программ
- Автоматическое пингование веб-сервисов для оповещения об обновлениях на блоге
- Встроенные смайлы

Но, как всегда, не обошлось и без ложки дегтя:

1. Как Portable-программа(которые я так люблю) она у меня работать не хочет:(
2. Встроенные смайлы у меня на блоге не публикуются.

Со смайлами(как они в этой программе устроены) я, вроде, разобрался. Время будет - введу смайлы, которые мне нравятся, в эту программу.
Давно уж об этом подумываю, да все не до этого как-то, вроде:)

А в общем, несмотря на эти недостатки, программа для меня удобна.

Она бесплатна, а по возможностям не уступает многим другим платным аналогам.
Вот ее адрес: http://download.cnet.com/Bytescout-Post2Blog/3000-12945_4-10702915.html?tag=lst-0-1

Новинки раздела "Отдохни!"

Твитнуть

В разделе  "Отдохни!" появился новый подраздел под названием "Всякая всячина". 
В нем я пока выложил для просмотра 2 видео: "Северное сияние - вид с МКС" и "Замедленная съемка северного сияния из космоса", которое создано НАСА с использованием по кадровой фототехники.

Обновлено содержание подраздела "Анекдоты"

P.S. Интересное наблюдение: вот оба видео я выложил на YouTube, но только второе я преобразовал из .FLV формата в формат .AVI, а первое выложил прямо в .FLV формате(ну, лень мне было конвертировать в формат .AVI). И заметьте - на втором видео нет никакой рекламы от YouTube, а в первом - есть. Впредь буду не лениться и буду конвертировать в формат .AVI :)

Еще одна награда

Твитнуть

Вручили мне еще один кубок уже в этом году. А вручил мне его Коваленко Андрей, автор сайта, посвященному интернет бизнесу и заработку в сети. Приятно, конечно, но публиковать ссылки на 10 понравившихся мне сайтов в этот раз не буду, т.к. эстафета, судя по всему, завершается, а вновь награжденные авторы не откликаются.

Новое в разделе "Отдохни!"

Твитнуть

Хотел сегодня написать статью об одной интересной и нужной программе, но не судьба - восстанавливал одну очень нужную мне папку, так что времени просто не хватило:(

Дополнил раздел "Отдохни!". Сегодня обновлены подразделы "Анекдоты", "Книги, журналы, статьи ".

Ввел новый подраздел  "Мультфильмы для взрослых", только не подумайте, что я туда порнуху каким-то образом выкладывать буду:) Просто эти мультики более понятны взрослым, нежели маленьким детям.

Обновления раздела "Отдохни!"

Твитнуть

Потихоньку заполняю раздел "Отдохни!". Сегодня обновлены подразделы "Анекдоты", "Книги", "Обучение - видео, статьи".

Новый раздел блога

Твитнуть

Сделал я новый раздел под названием "Отдохни!". Ну, собственно, название говорит само за себя. Здесь я буду публиковать новые анекдоты, ссылки на скачивание тех или иных книг, фильмов, мультфильмов и, может быть, еще что-то. Будет, видимо, подраздел со ссылками на просмотр фильмов online.

Пока только выложил  первые анекдоты, да ссылку на скачивание журнала "Домашняя кухня. Лучшие кулинарные рецепты №2 (февраль 2012)". Потихоньку буду заполнять дальше.

А пока либо кликайте по кнопке меню "Отдохни!", либо пройдите вот по этой ссылке  

Как легко и быстро создать кнопку для сайта

Твитнуть

Сегодня от Натальи Довбыш из Школы Интернет Бизнеса "Line Training" узнал о двух новых сервисах создания кнопок для сайта/блога. Не мудрствуя лукаво, выкладываю ее видео.

Смотрите видео, может кому-то пригодится.

Бесплатная Школа Интернет Бизнеса для начинающих StartUp

Твитнуть

Школа интернет бизнеса Start Up создана для тех, кто хочет начать свой бизнес в интернете, но не знает как именно ему действовать, для тех, кто запутался в нереальном количестве предложений на тему заработка в сети и хочет расставить все точки на и в этом вопросе, для тех, кто не верит в халяву, а верит в реальный заработок, построенный на реальных знаниях и навыках, которые приносит реальную ценность. 

Пройдя эту школу вы получите ответы на огромное количество вопросов, таких как: с чего начинается бизнес интернете? Как создать свой сайт? Где живут деньги в интернете и откуда берется заработок? Почему один добиваются успеха в интернет бизнесе, а другие нет? Как именно Вы сможете зарабатывать, на основе полученных знаний.

Подробнее о школе Start Up и обучение в ней Вы найдете здесь: Start Up  и здесь

Несколько слов об авторе и блоге

Твитнуть

Заполнил я немножко страничку о себе. Если кому-то захочется узнать обо мне побольше, кликайте по кнопке меню "Об авторе" или пройдите вот по этой ссылке

Награды от StartUp

Твитнуть

Мой блог получил свои первые награды – два "Кубка признания" от учеников школы StartUp.

Мне, конечно же, приятно подобное внимание, и я благодарю Татьяну, хозяйку сайта Настрой Pozitiv сейчас!

а также Анатолия, разработчика сайта Готовим дома

С удовольствием передаю кубок дальше – владельцам сайтов:

Мой ремонт

Я зоркая

Все читай, смотри, владей. Сайт сделан для людей

Магазин «Дуэт»

Просто вкусно

Кулинария рецепты вкусно

Частный дом Сад и огород

Информационный портал

Сам себе хозяин

Познай себя

Правила передачи кубка:

-Поблагодарите того, кто вручил Вам кубок с обязательной ссылкой на сайт;

-Разместите кубок у себя на сайте;

-Наградите самые запоминающиеся, на Ваш взгляд, сайты, укажите ссылку;

-Обязательно сообщите победителям о награде.

Удачи вам, друзья и сокурсники!

Мои приключения с меню блога

Твитнуть

Почему мне вздумалось вдруг делать какое-то меню для блога - ведь есть вкладки? Дело в том, что на Blogger я либо показываю все вкладки, но тогда у меня не может быть скрытых страниц, которые можно было бы вызывать откуда-то по ссылкам из текста.
Либо вкладки не показываю, а тогда непонятно, как вести управление теми страницами, которые должны быть видимы посетителю. В общем, понадобилось мне убрать вкладки и сделать какое-то меню.

Вот тут и начались мои приключения. Вы скажете: собственно, а какие здесь проблемы-то, ведь и так все понятно? Казалось, что действительно все вроде просто, но повозиться все-таки пришлось.

Вначале я сделал элементарное меню на основе тегов <ul></ul>   и <li></li>

Получилось что вроде вот этого:

Естественно, не понравилось, хотелось чего-то более оригинального.

Тогда я решил попробовать сделать флеш - меню, благо программы у меня для этого есть.

Получилось красиво, только вот беда(до меня поздно это дошло почему-то) - для того, чтобы посетитель видел это меню, необходимо, чтобы у него был установлен флеш - плееp от Adobe(Adobe Flash Player), что вообще-то неправильно.

Следующим этапом я решил сделать все нормально, для этого нарисовал по две 2 картинки на каждый пункт меню: основную и замещающую.

Покажу на примере главной страницы:

Основная картинка             Замещающая картинка

Код, конечно, совсем простой получился, только мне не понравилось, что надо хранить 2 картинки, да и из-за двух обращений к серверу замедление некоторое получается при вызове замещающей картинки:(

Решил я обойтись одной картинкой. На самом-то деле их две, но только я их объединил к одну вот так:

Замена одного рисунка на другой по вертикали производится сдвигом за счет  использования такого универсального свойства, как background-position.

Ну, то, что получилось, Вы видите на своем экране.

Приведу полный код своего меню.

<html>  
  <head>       
    <title>Меню блога</title>     
  <style type="text/css">
   A.home {
    background: url(images/glav.png); /* Путь к файлу с исходным  рисунком */
    display: block; /* Рисунок как блочный элемент */
    width: 141px; /* Ширина рисунка в пикселах */
    height: 41px; /* Высота рисунка */
   }
   A.home:hover {
    background-position: 0 -41px; /* Смещение фона */
   }
  </style>
<style type="text/css">
   A.karta {
    background: url(images/karta.png); /* Путь к файлу с исходным  рисунком */
    display: block; /* Рисунок как блочный элемент */
    width: 141px; /* Ширина рисунка в пикселах */
    height: 41px; /* Высота рисунка */
   }
   A.karta:hover {
    background-position: 0 -41px; /* Смещение фона */
   }
  </style>  
<style type="text/css">
   A.avtor {
    background: url(images/avtor.png); /* Путь к файлу с исходным  рисунком */
    display: block; /* Рисунок как блочный элемент */
    width: 141px; /* Ширина рисунка в пикселах */
    height: 41px; /* Высота рисунка */
   }
   A.avtor:hover {
    background-position: 0 -41px; /* Смещение фона */
   }
  </style>  
  </head>     
  <body>

<b>
<table width="423" align="left">
<tr>
<td>
<a href="http://sngsnick.blogspot.com/" class="home"></a>
</td>
<td>
<a href="http://sngsnick.blogspot.com/p/blog-page_21.html" class="karta"></a>
</td>
<td> 
<a href="http://sngsnick.blogspot.com/p/blog-page_9637.html" class="avtor"></a>
</td>
</b>
</tr>
</table>    
</body>
</html>

Надеюсь, что этот материал кому-то поможет. Удачи! 

Небольшая информация

Твитнуть

С 3-го февраля будет снят с продажи курс Евгения Попова "Как создать инфобестселлер на DVD или CD".Сейчас он начал работу над обновленной версией данного курса, которая появится в продаже весной 2012 года.Можете пока записываться в ранний список.

Как не заблудиться в собственной кладовой?

Твитнуть

Не знаю, как дело обстоит у Вас, уважаемый читатель, а в моей кладовой - сокровищнице хранится огромное количество программ, видео, аудио-записей, электронных книг или просто статей в электронном виде. И все это практически каждый день пополняется - большая у меня кладовая!:)

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

А теперь подхожу к самому главному. Ну, хорошо, все-то у меня разложено, а вот как узнать, а что это же такое здесь у меня хранится? Встает вопрос подписей-ярлычков: как что точно называется, краткое описание, где взял или кто прислал?

Вот для этого у меня есть нестареющая любовь - программа Describer. Эта-то махонькая программа и позволяет мне окончательно навести у себя в хозяйстве порядок.

Описание-ярлычок выглядит вот так:

После инсталляции в контекстном меню(т.е. если Вы кликнули правой кнопкой мыши по названию какой-то программы, архива или еще чего-то) появляется дополнительная строка "Add description".

При клике по этой строчке контекстного меню появляетя либо пустое описание(если Вы хотите подписать что-то новое), либо описание, заполненное ранее. Чтобы запомнить описание, кликаем по кнопке "Apply"

Автор этой программы по каким-то причинам свой сайт больше не поддерживает, поэтому скачивайте эту замечательную программу с Народ.ру, куда я ее и выложил.

Адрес для скачивания: http://narod.ru/disk/39267066001/DSetup.zip.html
Размер: 326 Кб.

P.S. Устанавливать программу в сиcтеме выше Windows XP я не пробовал.