Блоггер и кнопка-шевеляшка

Блоггер и кнопка-шевеляшка

Итак, следуя заветам Дядь_Саши и его медвежат, побрел я лесами тёмными да трясинами глубокими, через буераки с буреломами проламываючись.
А всё потому, что соседка моя, дама решительная и суровая (ну как в мультике "Падал прошлогодний снег") ненавязчивым пинком придала мне необходимое для жизни ускорение с целью сработать ей для фирмы блог на блоггере, поскольку это даёт необходимую сеть контактов и всё такое, чем, собственно и славен блоггер.

Пришлось проникнуться.

fc77abc86e0f0ebe

Да, понимание того, что обложили со всех сторон иногда действует подобно команде "Ключ на старт!". Ну а поскольку траектория была опробована и рассчитана Дядь_Сашей задолго до меня (сколько в блоге записей?) запуск прошёл успешно и в расчётное время оказался я на заданной орбите.

Летим...

329e6787ce960069

И раз такое дело, думаю, надо делиться тем, что надыбано в процессе постижения путей сайтостроя. А то летать как-то невежливо будет. Итак: адрес этого творения http://7tours.blogspot.ru/
На скриншоте светится кнопка-шевеляшка, при касании мышкой вращающаяся и по клику ведущая в штаб-квартиру фирмы. Как она была сделана: нахально через Джумлу, живущую у меня на компе. Кодов я не знаю, поэтому рассказал Джумле чего надо а она уж сама всё сделала.
Есть две картинки формата .png, загруженные на яндекс-фотки. Ну чтоб ссылку на фото поиметь. Одна картинка просто висит, другая будет появляться когда мыш коснётся кнопки. Щелчок мышом - открывается ссылка. А дальше просто в сайдбаре (не забыли, Бложка рассказывала) открыл новый гаджет HTML-текста и вставил в него вот такой текст:

<p><a href=" http://ссылка_на_куда_надо"><img onmouseover="this.src=' http://ссылка_на_кнопку_под_мышкой.png';" onmouseout="this.src=' http://ссылка_на_кнопку_без_мышки.png';" style="vertical-align: middle;" alt="Headquarters" src=" http://ссылка_на_кнопку_без_мышки.png" /></a> </p>
<p> </p>

Теперь расшифровка. Зелёным цветом показано что написал сам блогспот. Что это такое я не знаю, но делу не мешает. Красным - адрес, который должен открываться по щелчку. Синим - адрес той картинки, которая лежит на сервере-каритнкохранилище должна возникать при касании мышом. Ну а фиолетовым - адрес картинки, которая будет просто маячить в сайдбаре.
Особо хочу подчеркнуть, что ВСЕ кавычки, скобки и точки с запятой в коде имеют значение. Даже количество чёрточек в кавычках имеет. Без одной какой-нибудь маленькой-незаметной чёрточки ничего работать не будет. Ну вот так уж он устроен, невнимательность не прокатывает.
Гаджет вставил, посмотрел что получилось. Показал хозяйке. Вердикт "Ага..." Это значит пусть висит.
Ну и ладно. А то у меня в перспективе фотогалерею надо в формате презентации делать и в блог вывешивать. Не я, так Александр Леонидович расскажет как это делается.
Ну или кто из медвежат.
Ну а я пока линяю в киберпространство, с блогом дочебучиваться. Там у нас интересно. Там TrUX водит.

Удачи.

5d918746f15d0f2e

	2013-03-10 17:33:15 - Светлана Геннадьевна Грамотинская Прочитала. Поняла ровно половину. Бум изучать, пытаться сделать.
	2013-03-10 17:37:10 - Константин Борисович С. Проще всего скопировать весь `цветной` абзац в `блокнот`, вместо цветных ссылок вставить свои собственные, и весь текст вставить из блокнота в гаджет. Главное - внимательность. Чтоб ничего лишнего не стереть.
	2013-03-10 17:40:15 - Татьяна Владимировна Кузнецова Интересно Вы рассказываете, Константин Борисович! Попробовать надо тоже такое чудо сделать...
	2013-03-10 17:51:58 - Надежда Васильевна Полякова Классно излагаете, Мастер!) Я, правда, ни бельмеса не понимаю по сути, но речь Ваша - заслушаешься, зачитаешься, то есть.) Я и в `сад-огород` к Вам иногда забегаю. Не за практическим опытом - бесполезно - а почитать.))) Всегда рот до ушей - улыбаюсь.))) Здорово, как филолог говорю!)
	2013-03-10 18:15:45 - Константин Борисович С. А просто так писать - самому неинтересно. Мы, помню, стилистику на флоте отрабатывали. Со скуки. Например стою на руле, штурман командует: `Соблаговолите, милостивый государь, Константин свет-Борисович, руль право пять, на курс 305 дозела надобный, перешествовать`. Просто `ага,щас` ведь не ответишь... Надо вписываться.
	2013-03-10 18:22:00 - Надежда Васильевна Полякова Вы можете нажать на это фото для перехода на его страницу
	2013-03-11 17:29:31 - Алла Николаевна Базинова Константин Борисович! Попробую усвоить и освоить! ваше чувство юмора поднимает настроение и желание жить и творить))))Спасибо Вам))))
	2013-03-11 17:38:46 - Константин Борисович С. Ну... это уж как получится. Я пока тут: http://img-fotki.yandex.ru/get/4138/39065060.3e/0_c59c0_18a1a371_XL.jpeg
	2013-03-11 18:43:59 - Лидия Васильевна Шитикова `ссылка_на_куда_надо` - особенно впечатлило))) Константин Борисович, сходила на блог, - класс!!! Только там надо navbar убрать. А шевеляшка мне понравилась, пойду осваивать) Спасибо!
	2013-03-11 19:11:37 - Ольга Ивановна Оленюк Константин Борисович! Зачитываюсь Вашими пояснениями, спасибо! Так приятно, что жива ещё настоящая речь!!!
	2013-03-11 19:48:22 - Константин Борисович С. Навбар убрать??? А вот этого я ещё не умею... Строго говоря даже не очень себе представляю о чём речь... Сама шевеляшка делается из скриншота в Гимпе. Можно кнопку сработать с разным текстом. Главное их разместить там, откуда можно получить ссылку на изображение. Работающую. Вот пока не пойму можно ли получить ссылку из гугловского фотоальбома... Пока никак, чего-то, не удаётся. Это Вы Ольга Ивановна ещё у меня на http://robinzoid.ru/ не были, в основном я там оттягиваюсь. Впрочем он на вордпрессе, вордпрессьи навыки очень пригождаются в работе с блоггером.
	2013-03-11 20:48:47 - Лидия Васильевна Шитикова Константин Борисович, посмотрите вот здесь: http://ibnbrjdfkd.blogspot.ru/ (Идея 1) - это про navbar, как его убрать)
	2013-03-11 20:57:26 - пользователь отключен Комментарий отключен модератором
	2013-03-11 21:01:43 - Светлана Алексеевна Сомова работать-работать-работать!
	2013-03-11 21:28:40 - Константин Борисович С. Ну, поработать, эт мы могём... Вы можете нажать на это фото для перехода на его страницу А про навбар это как хозяйка решит. Может он ей зачем-нибудь нужен будет. Хотя за идею спасибо. Запомню.
	2013-03-11 21:41:18 - Лидия Васильевна Шитикова А зачем вам столько бочек?)))
	2013-03-11 21:45:51 - Константин Борисович С. А у меня в колодце и в конце августа вода +5. Такой растюхи поливать - только гробить. Приходится днём в бочках греть.
	2013-03-11 22:39:14 - Лидия Васильевна Шитикова У нас тоже на огороде бочка стоит. И ванна старая. Тоже воду прогреваем. Огурцы ведь не любят холодной воды? И не только они...
	2013-03-13 15:16:42 - пользователь отключен Комментарий отключен модератором
	2013-03-13 15:57:42 - Константин Борисович С. Рад стараться, вашбродь!
	2013-03-14 10:20:13 - пользователь отключен Комментарий отключен модератором
	2013-03-14 10:41:18 - Константин Борисович С. Вообще-то открывание в новой вкладке (или новом окне) это неплохо. А то когда в том же самом, получается неудобно. А что, строчка `target=`_blank`` это и есть открытие в новом?? Просто мои познания сколь эмпирические столь и микроскопические...
	2013-03-14 10:47:14 - пользователь отключен Комментарий отключен модератором
	2013-03-14 10:52:41 - Андрей Леонидович Нескребтов продаётся и в печатном виде... с пояснялками для меня (чайника)
	2013-03-14 10:54:01 - пользователь отключен Комментарий отключен модератором
	2013-03-14 10:59:18 - Надежда Борисовна Арефьева Халява! Буду брать!
	2013-03-14 11:01:06 - пользователь отключен Комментарий отключен модератором
	2013-03-14 11:03:59 - Константин Борисович С. Точно. Учебник классный. Рву пушнину везде где она растёт: Три тысячи фотографий с сайта надо набить этим ` target=`_blank` , чтоб по щелчку в новом окне открывались. Или добавить `,jpg` чтоб в лайтбоксе... Эх, кабы всё это раньше знать...
	2013-03-14 11:06:39 - пользователь отключен Комментарий отключен модератором
	2013-03-14 11:10:15 - пользователь отключен Комментарий отключен модератором
	2013-03-14 11:13:53 - пользователь отключен Комментарий отключен модератором