Кнопочки-переходы Новогодние.

Кнопочки -переходы новогодние. <img src="//img0.liveinternet.ru/images/attach/c/7/94/605/94605524_Bez_imeni1.png" width="200" height="200" alt="Без имени-1 (200x200, 23Kb)" /> <img src="//img0.liveinternet.ru/images/attach/c/7/94/605/94605526_2.png" width="150" height="150" alt="2 (150x150, 29Kb)" /> <img src="//img1.liveinternet.ru/images/attach/c/7/94/605/94605527_3.png" width="150" height="92" alt="3 (150x92, 24Kb)" /> <img src="//img0.liveinternet.ru/images/attach/c/7/94/605/94605528_4.png" width="100" height="143" alt="4 (100x143, 19Kb)" /><br /> <img src="//img1.liveinternet.ru/images/attach/c/7/94/605/94605529_5.png" width="150" height="170" alt="5 (150x170, 35Kb)" /> <img src="//img0.liveinternet.ru/images/attach/c/7/94/605/94605530_6.png" width="120" height="131" alt="6 (120x131, 31Kb)" /> <img src="//img1.liveinternet.ru/images/attach/c/7/94/605/94605531_7.png" width="150" height="91" alt="7 (150x91, 28Kb)" /> <img src="//img0.liveinternet.ru/images/attach/c/7/94/605/94605532_8.png" width="120" height="138" alt="8 (120x138, 29Kb)" /> <img src="//img1.liveinternet.ru/images/attach/c/7/94/605/94605533_9.png" width="150" height="92" alt="9 (150x92, 31Kb)" /> <img src="//img0.liveinternet.ru/images/attach/c/7/94/605/94605534_10.png" width="120" height="115" alt="10 (120x115, 21Kb)" /> <img src="//img1.liveinternet.ru/images/attach/c/7/94/605/94605535_11.png" width="120" height="145" alt="11 (120x145, 33Kb)" /> <img src="//img1.liveinternet.ru/images/attach/c/7/94/605/94605537_12.png" width="200" height="228" alt="12 (200x228, 41Kb)" /> <img src="//img1.liveinternet.ru/images/attach/c/7/94/605/94605543_18.png" width="120" height="122" alt="18 (120x122, 27Kb)" /> <img src="//img0.liveinternet.ru/images/attach/c/7/94/605/94605542_17.png" width="130" height="96" alt="17 (130x96, 19Kb)" /> <img src="//img1.liveinternet.ru/images/attach/c/7/94/605/94605541_16.png" width="140" height="66" alt="16 (140x66, 21Kb)" /> <img src="//img0.liveinternet.ru/images/attach/c/7/94/605/94605540_15.png" width="120" height="112" alt="15 (120x112, 19Kb)" /> <img src="//img1.liveinternet.ru/images/attach/c/7/94/605/94605539_14.png" width="120" height="111" alt="14 (120x111, 18Kb)" /> <img src="//img0.liveinternet.ru/images/attach/c/7/94/605/94605538_13.png" width="120" height="171" alt="13 (120x171, 38Kb)" /> mimozochka

Серия сообщений "кнопки":

Часть 1 - Симпатичные кнопочки для перехода
Часть 2 - Анимация-стрелки для оформления
Часть 3 - Анимация-кнопки для блогов и дневников
Часть 4 - Кнопочки-переходы Новогодние.

ВСЕ ФОРМУЛЫ ПОД РУКОЙ

ПАМЯТКА НАЧИНАЮЩИМ БЛОГГЕРАМ

Метки: все для блога, памятка начинающим

Делаем кликабельную картинку

-

Еще урок по кликабельной картинки(баннер) ЗДЕСЬпервый урок, если вдруг кому то будет непонятно.. А это уже готовый баннер Здесь можно взять код "Окошечко для кодов" Что не понятно пишите. Наталья

УРОКИ -ДЕЛАЕМ КНОПОЧКИ

На сайте, о котором я писала в предыдущем посте, можно сделать различные кнопочки. А потом сделать их кликабельными. Сделать кнопочку на сайте очень просто. Заходим на сайт и выбираем понравившуюся кнопочку Делаем на ней надпись. Выбирая цвет, шрифт, размер и прочее. Пишем текст какой вам надо на кнопке Затем нажимаем кнопку готово (внизу) и все кнопочка готова. Сохраняем ее в комп. Сделать кнопочку очень просто и быстро. Главное сделать ее кликабельной. Можно это сделать двумя способами, выбирайте кому какой легче. Способ 1. Внизу в рамочке, я даю формулу., скопируйте ее и вставьте в свой блог в новую надпись Теперь подставляйте в эту формулу вместо слов АДРЕС ССЫЛКИ, (ее сотрите) адрес того сайта, куда вы хотите что бы вас привела эта кнопочка (адрес сайта берете вверху, в адресной строке) А вместо слов URL АДРЕС КАРТИНКИ, я ставлю КОД №1 РАДИКАЛА, не путайте, здесь нужен код 1, то есть адрес картинки, а не ее HTML код. Допустим, я хочу сделать кнопку, что б она привела вас на сайт, где мы сейчас делали кнопочки Адрес сайта, где мы делали кнопочки http://cooltext.com/, вот его я и подставляю вместо слов АДРЕС ССЫЛКИ, а сделанную кнопочку с надписью, гружу из компа на РАДИКАЛ, и вместо слов URL АДРЕС КАРТИНКИ, вставляю код №1 Вот что у меня получилось Теперь наша кнопочка кликабельна, и нажав на нее вы попадете на нужный сайт, в данном случае на генератор с надписями и кнопками. Способ 2 Этим способом лучше делать ссылку на сайт текстом, это удобнее. Дальше вы поймете почему. Сначала так же делаем кнопочку с надписью, и грузим ее на РАДИКАЛ Сайт выдаст список кодов, вам понадобится код №6. Обратите внимание на следующее: перед копированием с Радикала кода №6, проверьте в столбце справа "Полноразмерное изображение" есть узкое окошко в котором даны 2 варианта: "Переход на URL" и "Не кликабельное". Выберите "Не кликабельное". Ваш код №6 мгновенно преобразуется в правильный, который Вы можете скопировать и вставить в блог. Показываю на картинке Начинаем. (Все делаем в формате HTML) Копируем адрес нужного сайта ( в нашем случае http://cooltext.com/) в буфер (Левой кнопкой мыши выделяем его, черним, а затем правой кнопкой щелкаем и выбираем КОПИРОВАТЬ) В блоге в новой записи нажимаем на маленький глобус в правой части меню вашей записи. см. на картинке. Когда на него нажмем, у вас выскочит табличка, в нее из буфера и вставляем адрес сайта (правой кнопкой мыши и выбираем ВСТАВИТЬ)см.картинку Вставив адрес, вы нажимаете ОК. Как только нажмете ОК, у вас выскочит вторая табличка, куда вы должны вставить адрес картинки, тот самый код №6 с Радикала, сделанный не кликабельным. Вот кнопочка, которую я сделала на сайте, и вставила в Радикал. Затем вставила, с помощью глобусика адрес сайта, затем после нажатия ОК, код № 6 с радикала. И получила кликабельную кнопочку, нажав на которую вы попадете на этот замечательный сайт! Это все очень просто, всего два нажатия и ссылка готова. Надеюсь у вас все получится! жмите на кнопочку и переходите на сайт Из блога ГАЛИНЫ ШАДРИНОЙ

 

Делаем кнопки

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

 

Простая кнопка

 

Если Вы нажмете на эту кнопочку,то попадете в мой дневник на Li.ru.Такую кнопку можно использовать для переходов на любую страницу в интернете,а так же в бродилках-путеводителях по блогу.

Делается она очень просто.
Копируете код из окошечка ниже
 

<form action="АДРЕС"><input type="submit" value="НАДПИСЬ" /></form>

Вместо моего слова АДРЕС ставите http-адрес нужной страницы.Вместо НАДПИСЬ пишите то,что должно быть написано на кнопке.Всё!

 

Читать дальше > > >
  Удачи!

 

Еще уроки здесь
Код поста для Mail.ru здесь

Делаем ссылочку на Вас с Иконкой.

Для тех кто ещё не знает как делать вот такую ссылочку с иконкой.SvetlanaT Эта ссылочка ведёт на мой дневник. Здесь на Лиру есть специальные коды. Коды, заключенные в квадратные скобки, называются BB-кодами. Что такое Спец. коды на Лиру? Поподробней можно посмотреть ЗДЕСЬ. Так же пользуясь специальным кодом можно сделать ссылочку на конкретного пользователя сайта с иконкой. Выглядить это будет очень забавно например вот так:SvetlanaT для девочек. Или Александрушек для мальчиков. КОД... [user=SvetlanaT] Вместо моего ника ставьте свой. Когда НИК написан правильно , в зависимости от пола пользователя. Иконка ставится автоматически. Можно конечно и подурачится написать например так: Самая милая девушка КОД... [user=SvetlanaT]Самая милая девушка[/user] В данном коде ссылочка будет вести на мой дневник, а вместо ника можно писать что угодно. SvetlanaT

Урок. Как загрузить банеры в приложение " Всегда под рукой"

Всё очень просто.

Открываете новую запись-сообщение, нажимаете  ,

вставляете код банера и ещё нескольких банеров которые хотите, можно много. Опять нажимаете .

И располагаете их в ряд один по другим, получается вот так

 

ДАЛЕЕ

Стрелочки...переходы

                      

           

 

еще

Как правильно использовать "кнопки, убирающие текст под кат. Урок"

По многочисленным просьбам объясняю, как правильно пользоваться кнопками, с помощью которых,текст убирается под кат. Ими можно и не пользоваться, но мы делаем некоторые посты, где эти кнопочки украшают пост и всем понятно, что нажав на нее, попадаешь на страничку автора и пост откроется целиком. Итак, возьмем пока вот эти две кнопочки: Вот код одной из них, в данном случае второй кнопки: <img src="//img-fotki.yandex.ru/get/6608/39663434.1aa/0_78a2e_d0a4bc72_XS.jpg" alt="" width="23" height="49"/> Для начала еще раз повторяю код, с помощью которого текст убирается под кат, вот он: [more] Если поставить только этот тег(сами решаете, в какое место его поставить), то автоматически остальная часть уберется под кат Можно и вписать свой текст, ну например такой: [more=Самое интересное под катом] Здесь читатель увидит эти слова и нажав на них,прочитает текст целиком. Надеюсь, с эти мы разобрались с вами. А теперь про кнопки. Если вы поставите вот так, как я указала в рамочке ниже, то будет стоять одна кнопочка, без текста и она будет кликабельна. И нажав на нее, читатель увидит пост целиком. [more=<img src="//img-fotki.yandex.ru/get/6608/39663434.1aa/0_78a2e_d0a4bc72_XS.jpg" alt="" width="23" height="49"/>] В рамочке после слов more=следует код кнопочки, вы выбираете свою кнопочку и вставляете в квадратные кнопки полностью код. Повторюсь, что в этом случае будет стоять одна кликабельная кнопочка,но без текста. Можно и с текстом, кому как нравится. С текстом все должно будет выглядеть вот так, то есть мы должны будем добавить в код, который выше, свой текст: <center>[more= <center><img src="//img-fotki.yandex.ru/get/6608/39663434.1aa/0_78a2e_d0a4bc72_XS.jpg" alt="" width="23" height="49"/><center>ЖМИ] Вот что должно получится, когда вы поставите этот код: [more= ЖМИ] Здесь пришлось показать в коде,потому что в отличие от Я.ру, на Ли.ру два раза убирать под кат нельзя,картинка просто не будет видна.А вот на Я.ру можно. По поводу кнопочек, которые указывают в сторону, я их использую редко и в том случае, когда надо нажать на баннер,например. То есть рядом должна стоять картинка, на которую надо нажать, на что и будет указывать кнопка.Так же все ставим, как и в последнем коде, только вместо текста, в моем случае слово "ЖМЁМ", вот вместо него ставим картинку баннер, точнее код баннера, чтобы читателю было понятно, на что он должен нажать, кнопка указывает направление... И последнее, код кнопок не должен быть кликабельным, то есть в нем не должно стоять вот этой части кода, которая ведет на посторонний ресурс: <a href="адрес сайта,откуда картинка"> В противном случае,пост не откроется, а ссылка приведет на сайт, например на РАДИКАЛ, как ошибочно тут думают, ставя коды оттуда. Какие будут вопросы, пишите в личку, всем отвечу. Завтра напишу вам, как сделать рамку с прокруткой.Удачи,экспериментируйте!

Анимация-КНОПОЧКИ. Много!

БЛИНГИ 150х50 GIF Используйте по своему усмотрению: для перехода по ссылкам (кликабельная картинка), статусы, надписи, заголовки в постах и прочее....все зависит от вашей фантазии! За оценки и комментарии

Читать далее...

поставить кнопку в пост

<a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=АДРЕС ССЫЛКИ" target="_blank"><img src="АДРЕС КАРТИНКИ" /></a>

                           

 

                 

 

    

 

<a target="_blank" data-cke-saved-href="ВАША ССЫЛКА ПОЛНОСТЬЮ" href="ВАША ССЫЛКА ПОЛНОСТЬЮ"><img id="USI_lco0p3pnh2rw_picImg" data-cke-saved-src="http://3.bp.blogspot.com/-6CzXvKNq12I/UGwgiKqE5UI/AAAAAAAAEGA/IuxRFAlmnmc/s270/%25D0%259D%25D0%25B0%25D0%25B6%25D0%25BC%25D0%25B8.png" src="http://3.bp.blogspot.com/-6CzXvKNq12I/UGwgiKqE5UI/AAAAAAAAEGA/IuxRFAlmnmc/s270/%25D0%259D%25D0%25B0%25D0%25B6%25D0%25BC%25D0%25B8.png" style="width: 238px; height: 220px; " alt="Просмотр" /></a>

ВЕСЕЛЫЕ КНОПКИ ПЕРЕХОДЫ


ИСТОЧНИК:

























Смело нажимайте на кнопочку и попадете в мой блог:

Делаем кнопки

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

 

Простая кнопка

 

Если Вы нажмете на эту кнопочку,то попадете в мой дневник на Li.ru.Такую кнопку можно использовать для переходов на любую страницу в интернете,а так же в бродилках-путеводителях по блогу.

Делается она очень просто.
Копируете код из окошечка ниже
 

<form action="АДРЕС"><input type="submit" value="НАДПИСЬ" /></form>

Вместо моего слова АДРЕС ставите http-адрес нужной страницы.Вместо НАДПИСЬ пишите то,что должно быть написано на кнопке.Всё!

 

Читать дальше > > >
  Удачи!

 

Еще уроки здесь
Код поста для Mail.ru здесь

ГЛАМУРНЫЕ КИСКИ - КНОПОЧКИ ПЕРЕХОДЫ

Вот такие весёлые и гламурные кнопочки сделала для Ваших постов. Если понравились, забирайте!

 

Серия сообщений "ДИ3АЙН ДЛЯ ДНЕВНИКА":
Часть 1 - РЕДАКТИРУЕМ СХЕМУ
Часть 2 - ОЧЕНЬ НЕЖНЫЕ МИНИ РАЗДЕЛИТЕЛИ
...
Часть 14 - Коды цвета для текстов
Часть 15 - Генератор таблиц
Часть 16 - ГЛАМУРНЫЕ КИСКИ - КНОПОЧКИ ПЕРЕХОДЫ

САЙТЫ на blogspot,twitter,ucoz,.livejournal,yandex



Барахтаясь в сети Инета , одно не нужно забывать,
Что жизнь-в реале, а не где-то…и в НЁМ проблемы нам решать!



НАЖАВ на картинку , Вы перейдете на САЙТ

Серия сообщений "livejournal.com - ЖЖ":

Часть 1 - оформление ЖЖ Tanin-j №2
Часть 2 - Михаил Задорнов: «Рюрик. Откуда пошла земля Русская»
Часть 3 - САЙТЫ на blogspot,twitter,ucoz,.livejournal,yandex

Серия сообщений "Ucoz":

Часть 1 - Полное обучение по ucoz.ru
Часть 2 - Работа с дизайном сайта ucoz
Часть 3 - Как вставить рекламу между постами на сайтах uCoz.
Часть 4 - САЙТЫ на blogspot,twitter,ucoz,.livejournal,yandex

Переходы от подруги!

 

А что дальше?
Мой дизайн

Все обо всем.

Учимся делать свои банеры.

Кнопки переходы "Далее" 4


Миниатюрные кнопочки-переходы "Далее"
Они всегда нам нужны
Выбирайте ,что вам нравится,
Но не забывайте пожалуйста
ЦИТИРОВАТЬ
С Благодарностью :

ЛиРу - кнопки быстрого перехода по страницам дневника

ЛиРу - кнопки быстрого перехода по страницам дневника

Очередная полезность для ЛиРу сделанная лично мной ( да, хвастаюсь ). Короче говоря, это такие кнопочки с небольшим текстовым окошком, куда надо вводить номер страницы:-)
Для чего это надо? У многих уже давно дневники и страниц в нем ооочень много. Переходить на нужную страничку не очень удобно используя обычные лирушные ссылки, т.к. не все страницы там указаны. Если не понимаете о чем я,- вот скрин ссылок на странички моего дневника, а у меня то их мало... бывает и намного больше:


Как видите, чтобы быстро попасть, допустим, на "8" страничку... придется сделать не один переход:-( В этом и неудобство такого способа.
Есть еще специальное приложение по такому же принципу, но дизайн не всем нравится:-(

Так вот, сделал я вам такие специальные кнопочки, все разные, но пока не очень много. Будет время,- еще порисую, или Inmira порисует ( обещала вроде). Или.. можете попросить:-) сделаю с вашим дизайном:-) По мере сил и времени конечно :-)

Пользоваться ими очень просто,- вписываете номер странички и жмете "ок" :-))
Как их поставить себе в дневник?

Читать дальше > > >