Как сделать текстовые кнопки? Как их размещать?

Внесу очередное дополнение в

Наверное многие часто задавали себе вопрос:

Ну, что же. Сегодня я вас этому научу. Кроме того, я расскажу, как выстраивать их в строку и столбец.
Интересно? Tогда читайте дальше

ДЕЛАЕМ ПРОСТУЮ КЛИКАБЕЛЬНУЮ КНОПКУ

ДЕЛАЕМ ПРОСТУЮ КЛИКАБЕЛЬНУЮ КНОПКУ
ИСТОЧНИК: БЛОГ ГАЛИНЫ ШАДРИНОЙ

Как сделать самую простую кликабельную кнопку с надписью! Для этого воспользуемся вот такой формулой А теперь поподробнее. Формула выглядит вот так Здесь надо заменить слова АДРЕС СТРАНИЦЫ, на тот адрес, куда вы хотите попасть с помощью этой кнопки. Для примера берем сайт мелких анимашек, и делаем на него кнопочку- посылалочку.. Вот адрес этого сайта, http://fantasyflash.ru/index.php?&kontent=anime который я взяла в адресной строке сайта Теперь переносим его на нашу кнопочку. Стираем слова АДРЕС СТРАНИЦЫ, а вместо этих слов подставляем адрес http://fantasyflash.ru/index.php?&kontent=anime Запись тогда будет выглядеть вот так А теперь пишем слова, которые хотим видеть на кнопочке, стерев слова НАЗВАНИЕ КНОПКИ. Например ИДЕМ СЮДА, или, САЙТ ЗДЕСЬ, вообщем все, что вы хотите. Я сейчас напишу САЙТ С КАРТИНКАМИ ЗДЕСЬ. Выглядеть теперь наша запись будет вот так Вот и все. Теперь наша кнопочка будет выглядеть вот так, и нажав на нее, вы попадете на сайт с анимашками. Таким образом вы можете делать простейшие кнопочки для любых сайтов и блогов, использовав эту формулу. Можно вместо слов на кнопочку вставить мелкую картинку. Вот код этой кнопочки. Вместо слов АДРЕС КАРТИНКИ, вновь подставляем адрес, а в место слов АДРЕС КАРТИНКИ, ставим ее адрес. Я взяла звездочку, с того же сайта, на который мы и делали кнопочку. Картинки там мелкие и очень удобные для того что бы делать такие кнопочки. Адрес картинки берете так- ВСТАЕТЕ МЫШКОЙ НА КАРТИНКУ, ЖМЕТЕ ПРАВУЮ КНОПКУ МЫШИ И ВЫБИРАЕТЕ "КОПИРОВАТЬ ССЫЛКУ НА ИЗОБРАЖЕНИЕ" или выбираете свойства, а в них находите адрес картинки и копируете его. Теперь наша кнопочка выглядит вот так. Можно сделать кнопочку, где будет и картинка и текст. Вот этот код Здесь все аналогично, заменяем слова на АДРЕС СТРАНИЧКИ, затем АДРЕС КАРТИНКИ и СЛОВА ДЛЯ КНОПКИ. Тогда наша кнопочка будет выглядеть вот так САЙТ ЗДЕСЬ Можно так же такую кнопочку сделать на любом фоне. Вот этот код. Все аналогично, вместо слов вставляете адреса. Тогда наша кнопочка будет выглядеть так! САЙТ С КАРТИНКАМИ ЗДЕСЬ ВНИМАНИЕ, ТЕКСТ НА КНОПОЧКЕ, можете спокойно редактировать- размер шрифта, цвет и прочее. Вот и все. Для вашего удобства, все выше приведенные коды кнопочек я сейчас сделаю табличкой, что бы удобнее было пользоваться. Текст на кнопке - Картинка на кнопке - Текст и картинка на кнопке - Кнопка на фоне - Кому хочется делать кнопочки покрасивее и посложнее, уже готовые, то посмотрите ВОТ ЗДЕСЬ. Здесь ссылка на сайт с красивыми кнопочками, и описание как ими пользоваться! Успехов! Надеюсь у всех все получится! Из блога ГАЛИНЫ ШАДРИНОЙ

Анимация-стрелки для оформления

По просьбам читателей- Как пользоваться кнопками-переходами Далее

Перепост из дневника mar-selina

По просьбам читателей- Как пользоваться кнопками-переходами Далее

После публикации кнопок - переходов "ДАЛЕЕ" у меня часто спрашивают, как ими пользоваться.
Попробую объяснить здесь, потому что отвечать каждому в письме не очень удобно, да и не совсем понятно, так как там коды HTML не отправишь.

Итак, нам потребуется формула Кода для оформления части текста "под кат". Эту формулу нужно сохранить, потому что она требуется часто - всегда, когда текст большой.
Вот эта формула:



Пишете текст поста. Затем отделяете часть поста и вставляете эту формулу. Весь текст после формулы (кнопки) будет после перехода на другую страницу.

По просьбам читателей- Как пользоваться кнопками-переходами Далее

После публикации кнопок - переходов "ДАЛЕЕ" у меня часто спрашивают, как ими пользоваться.
Попробую объяснить здесь, потому что отвечать каждому в письме не очень удобно, да и не совсем понятно, так как там коды HTML не отправишь.

Итак, нам потребуется формула Кода для оформления части текста "под кат". Эту формулу нужно сохранить, потому что она требуется часто - всегда, когда текст большой.
Вот эта формула:


Пишете текст поста. Затем отделяете часть поста и вставляете эту формулу. Весь текст после формулы (кнопки) будет после перехода на другую страницу.

В формулу можно вставить просто слово "ДАЛЕЕ", или картинку-кнопку. Если у меня берете, то вот эту часть кода картинки:


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

А что дальше? Для рукодельниц (продолжение)


Все обо всем.

Мои маленькие кнопочки-переходы "Далее" ,часть 20. Осень.

Мои маленькие кнопочки-переходы "Далее" ,часть 20. Осень.

<img src="//img-fotki.yandex.ru/get/6810/230148220.96/0_15311b_1654a430_S.png" /> <img src="//img-fotki.yandex.ru/get/6829/230148220.89/0_14b2dd_18d10abc_S.png" /> <img src="//img-fotki.yandex.ru/get/3006/230148220.95/0_1523ec_c977da10_S.png" /> <img src="//img-fotki.yandex.ru/get/3303/230148220.95/0_1523eb_5a0fd398_S.png" /> <img src="//img-fotki.yandex.ru/get/6834/230148220.96/0_153124_714f0515_S.png" /> <img src="//img-fotki.yandex.ru/get/12/230148220.95/0_1530fc_24b61fd2_S.png" /> <img src="//img-fotki.yandex.ru/get/6803/230148220.95/0_1530fd_d0829b01_S.png" /> <img src="//img-fotki.yandex.ru/get/6815/230148220.95/0_153100_87d31ca9_S.png" /> <img src="//img-fotki.yandex.ru/get/6812/230148220.95/0_1530fe_df1f51e1_S.png" /> <img src="//img-fotki.yandex.ru/get/6747/230148220.95/0_1530ff_af994f32_S.png" /> <img src="//img-fotki.yandex.ru/get/6823/230148220.95/0_153103_1b3c6709_S.png" /> <img src="//img-fotki.yandex.ru/get/6808/230148220.95/0_153101_47dc5e93_S.png" /> <img src="//img-fotki.yandex.ru/get/14/230148220.95/0_153102_1d1c70_S.png" /> <img src="//img-fotki.yandex.ru/get/6815/230148220.95/0_153104_c26efed8_S.png" /> <img src="//img-fotki.yandex.ru/get/14/230148220.95/0_153105_42451cff_S.png" /> <img src="//img-fotki.yandex.ru/get/6823/230148220.95/0_153106_a7472e1e_S.png" /> <img src="//img-fotki.yandex.ru/get/6744/230148220.95/0_153107_4af6b4c_S.png" /> <img src="//img-fotki.yandex.ru/get/6825/230148220.95/0_153108_713ea964_S.png" /> <img src="//img-fotki.yandex.ru/get/6832/230148220.95/0_153109_f2d8d766_S.png" /> <img src="//img-fotki.yandex.ru/get/6828/230148220.96/0_153118_4ebf5dbc_S.png" /> <img src="//img-fotki.yandex.ru/get/6736/230148220.96/0_153114_c894ae8a_S.png" /> <img src="//img-fotki.yandex.ru/get/14/230148220.96/0_153116_5b60502d_S.png" /> <img src="//img-fotki.yandex.ru/get/6738/230148220.96/0_153115_732ebefb_S.png" /> <img src="//img-fotki.yandex.ru/get/6836/230148220.96/0_153117_95fae6e2_S.png" /> <img src="//img-fotki.yandex.ru/get/12/230148220.96/0_153119_34638787_S.png" />

Кнопочки "Далее" от geniavegas + Как вставить кнопочку и сделать картинку нужного размера



Прокрутка справа

Дорогие друзья! Для тех, кто ещё не знает: Код кнопочки "Далее" вставляется в этот тег: между знаком равенства и второй скобкой. Для того, чтобы низ рамочки не уходил под кат, в конце содержимого рамочки ставится такой тег: Это если рамочка сделана в ФШ или в Эдиторе. А если рамочка простая, то этот тег оставит вашу кнопочку "Далее" внутри рамочки, а не под ней. Размер кнопочки можете менять по своему усмотрению. Для этого в коде кнопочки меняете ширину – width="на нужную". То же самое делаете и с любой картинкой. Я всегда даю упрощённые коды (без высоты), поэтому никакой сложности с изменением их размера быть не может. Высота меняется сама – пропорционально ширине. Если вы хотите поменять размер вашей картинки, то никакие хостинги и программы вам для этого не нужны, просто в коде картинки меняете ширину – width="на нужную", а после неё, высоту – height="..." и всё остальное (обязательно!) стираете и оставляете только два последних значка />. Если вы не сотрёте высоту, а оставите, как есть, то пропорции картинки нарушатся, нужно будет подгонять по размеру и высоту тоже! А зачем вам эта головная боль, если, без указания высоты, картинка сама поменяется пропорционально? Например, вам нужна картинка шириной "590" – конец кода вашей картинки должен выглядеть так: width="590"/> И всё! Остальное стёрто! Надеюсь, я не должна вам напоминать, что мы работаем в простом редакторе, поэтому всё очень просто! Картинку (любого размера) берём из своего компьютера прямо в черновик, через браузер, и в полученном коде делаем все изменения. Потом копируем и вставляем этот код в нужное место в посте. Те, кто, по старинке, берёт коды картинок на других хостингах, могут менять их размер таким же способом. Но, пожалуйста, удаляйте первую часть этого кода, чтобы картинки не были кликабельными и не "выбрасывали" читателей из вашего дневника на хостинг, при любом случайном прикосновении мышки к картинке! Это очень раздражает! Коды через браузер ЛИ.ру мы получаем сразу в нужном виде, поэтому гораздо проще брать их у нас! А какая экономия времени!!! Иногда вижу в постах коды картинок в таком виде: С ними работать вообще трудно, потому что в них даётся только адрес картинки, без указания размера, и переделывать нужно всё, чтобы поменять размер. Прежде всего, нужно вставить этот адрес в такой тег: , а потом вписать нужную ширину между кавычками. Смысла в этом не вижу, – проще ведь сразу вставить адрес в этот тег, а не в и потом переделывать... А если картинка есть у вас в компьютере, то вообще никаких проблем нет! Делаем всё, как написано выше! Удачи вам!!! А теперь хочу поделиться с вами кнопочками "Далее", которые я делала специально для своих предыдущих постов. Может быть, они вам тоже пригодятся! <center><img src="//img0.liveinternet.ru/images/attach/d/1/131/747/131747294_6VOIG2061.png" width="299" /></center> <center><img src="//img1.liveinternet.ru/images/attach/d/1/131/740/131740419_106263077_billed.png" width="396" /></center> <center><img src="//img1.liveinternet.ru/images/attach/d/1/131/747/131747599_gvy418.png" width="399" /></center> <center><img src="//img0.liveinternet.ru/images/attach/d/1/131/747/131747266_gvy417.png" width="300" /></center> <center><img src="//img1.liveinternet.ru/images/attach/d/1/131/747/131747277_gvy419.png" width="300" /></center> <center><img src="//img1.liveinternet.ru/images/attach/d/1/131/747/131747279_gvy421.png" width="295" /></center> <center><img src="//img0.liveinternet.ru/images/attach/d/1/131/747/131747280_gvy416.png" width="300" /></center> <center><img src="//img1.liveinternet.ru/images/attach/d/1/131/747/131747205__1_1_1.png" width="348" /></center> <center><img src="//img1.liveinternet.ru/images/attach/d/1/131/747/131747207_gvy89.png" width="200" /></center> <center><img src="//img0.liveinternet.ru/images/attach/d/1/131/747/131747210_gvy90.png" width="200" /></center> <center><img src="//img1.liveinternet.ru/images/attach/d/1/131/747/131747213_gvy165.png" width="200" /></center> <center><img src="//img1.liveinternet.ru/images/attach/d/1/131/747/131747217_gvy220.png" width="150" /></center> <center><img src="//img1.liveinternet.ru/images/attach/d/1/131/747/131747241_cabbage007.png" width="120" /></center> <center><img src="//img1.liveinternet.ru/images/attach/d/1/131/747/131747253_gvy423.png" width="200" /></center> <center><img src="//img0.liveinternet.ru/images/attach/d/1/131/747/131747254_gvy424.png" width="200" /></center> <center><img src="//img0.liveinternet.ru/images/attach/d/1/131/747/131747256_gvy425.png" width="200" /></center> <center><img src="//img0.liveinternet.ru/images/attach/d/1/131/747/131747258_kp.png" width="235" /></center> <center><img src="//img0.liveinternet.ru/images/attach/d/1/131/747/131747260_gvy413.png" width="200" /></center> <center><img src="//img1.liveinternet.ru/images/attach/d/1/131/747/131747297_0_7a73f_4a7fdc41_M.png" width="200" /></center> Ещё много кнопочек вы найдёте в рубрике "Мои посты разные/мои кнопочки "Далее"". Можно кликнуть на ссылку под этой рамочкой. geniavegas

Дорогие друзья и чиатели! Я оставляю комментарии в этом посте открытыми, но только для тех, у кого есть какие-то вопросы или дополнения по теме.
А писать "спасибки" здесь не обязательно – просто нажмите на кнопочку!
По теме с удовольствием отвечу, а пообщаться мы сможем позже, в других постах – например, в диалогах, которые я готовлю к публикации в ближайшие дни.

С любовью
Ваша Женя

кнопочки переходы "Далее..."

Если хотите, то размер кнопочек вы можете изменить( увеличить или уменьшить).
Поменяйте значение в коде width="220" - 220 на свое.

<img src="//img0.liveinternet.ru/images/attach/c/11/116/976/116976710_ot_fanina_knopka.png" width="220" /> <img src="//img1.liveinternet.ru/images/attach/c/11/116/976/116976903_ot_fanina_knopka_2.png" width="220" /> <img src="//img1.liveinternet.ru/images/attach/c/11/116/977/116977667_ot_fanina_knopka_3.png" width="220" /> <img src="//img1.liveinternet.ru/images/attach/c/11/116/978/116978353_ot_fanina_knopka_4.png" width="220" />

Кнопочки - переходы "СМОТРИТЕ ДАЛЕЕ" для статей и постов.

Мои кнопочки - переходы "СМОТРИТЕ ДАЛЕЕ" для статей и постов. Чтобы взять код, кликайте на кнопочку.

Кнопочки перехода под (cat)"Далее" + код.

 

<img src="//img0.liveinternet.ru/images/attach/d/1/134/573/134573962_title932296177.png" width="118" />	<img src="//img1.liveinternet.ru/images/attach/d/1/134/573/134573953_5sR8ABFVlHU6.png" height="110" width="110" />	<img src="//img0.liveinternet.ru/images/attach/d/1/134/573/134573954_go5woTNplXti.png" height="110" width="110" />	<img src="//img1.liveinternet.ru/images/attach/d/1/134/573/134573955_title426890776.png" height="118" width="118" /><br />
<img src="//img0.liveinternet.ru/images/attach/d/1/134/573/134573956_title456969764.png" height="118" width="118" />	<img src="//img1.liveinternet.ru/images/attach/c/4/123/65/123065227_099.png" height="107" width="108" />	<img src="//img1.liveinternet.ru/images/attach/d/1/134/573/134573957_title569561180.png" height="118" width="118" />	<img src="//img0.liveinternet.ru/images/attach/d/1/134/573/134573958_title618791793.png" height="118" width="118" />
<img src="//img1.liveinternet.ru/images/attach/d/1/134/573/134573959_title903899073.png" height="118" width="118" />	<img src="//img0.liveinternet.ru/images/attach/d/1/134/573/134573960_title913916689.png" height="118" width="118" />	<img src="//img1.liveinternet.ru/images/attach/d/1/134/573/134573961_title924963363.png" height="118" width="118" />	<img src="//img0.liveinternet.ru/images/attach/d/1/134/574/134574584_Hz3tcAgCjtBa.gif" height="79" width="118" />

Кнопочки - переходы

 

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

кнопки-переходы с кодами

<img src="https://img-fotki.yandex.ru/get/25826/39663434.9cd/0_b6fc3_a70146ac_orig.gif" width="158" height="56" border="0" /> <img src="https://img-fotki.yandex.ru/get/64354/39663434.9cd/0_b6fc4_f3c03e85_orig.gif" width="158" height="56" border="0" /> <img src="https://img-fotki.yandex.ru/get/26292/39663434.9cd/0_b6fc5_ac29f153_orig.gif" width="158" height="56" border="0" /> <img src="https://img-fotki.yandex.ru/get/38393/39663434.9cd/0_b6fc6_d0ba4c16_orig.gif" width="158" height="56" border="0" /> <img src="https://img-fotki.yandex.ru/get/37861/39663434.9cd/0_b6fc7_b19a9134_orig.gif" width="158" height="56" border="0" /> <img src="https://img-fotki.yandex.ru/get/65449/39663434.9cd/0_b6fc8_623b32ae_orig.gif" width="158" height="56" border="0" /> <img src="https://img-fotki.yandex.ru/get/37861/39663434.9cd/0_b6fc9_ba46dbd3_orig.gif" width="158" height="56" border="0" /> <img src="https://img-fotki.yandex.ru/get/64820/39663434.9cd/0_b6fca_d2d1bdc5_orig.gif" width="126" height="52" border="0" /> <img src="https://img-fotki.yandex.ru/get/26292/39663434.9cd/0_b6fcb_cb20e421_orig.gif" width="126" height="52" border="0" /> <img src="https://img-fotki.yandex.ru/get/38393/39663434.9cd/0_b6fcc_87d18693_orig.gif" width="126" height="52" border="0" /> <img src="https://img-fotki.yandex.ru/get/26292/39663434.9cd/0_b6fce_23c06446_orig.gif" width="126" height="52" border="0" /> <img src="https://img-fotki.yandex.ru/get/40777/39663434.9cd/0_b6fcf_179d0769_orig.gif" width="126" height="52" border="0" /> <img src="https://img-fotki.yandex.ru/get/26292/39663434.9cd/0_b6fd0_debc6630_orig.gif" width="126" height="52" border="0" /> <img src="https://img-fotki.yandex.ru/get/64354/39663434.9cd/0_b6fd1_24f01e5e_orig.gif" width="126" height="52" border="0" /> <img src="https://img-fotki.yandex.ru/get/40777/39663434.9cd/0_b6fd2_2e41b209_orig.gif" width="126" height="52" border="0" /> <img src="https://img-fotki.yandex.ru/get/27797/39663434.9ce/0_b6fd3_f30f3370_orig.gif" width="126" height="52" border="0" />

Моя подборка - "Баннеры и кнопки на прозрачном фоне"

Кнопки +

оригинального размера ЗДЕСЬ

 

Мои первые кнопочки-переходы "Далее" с кодами - 15 шт.

 

 

Для тех, кто не знает, как спрятать сообщение под кат

и использовать кнопочку - смотрим урок

Серия сообщений "Кнопочки, плееры":
Часть 1 - Мои первые кнопочки-переходы "Далее" с кодами - 15 шт.
Часть 2 - Мои первые плееры. Музыкальные произведения ДиДюЛи.
Часть 3 - Музыкальные плееры. Песни "С Днём Рождения"
...
Часть 5 - Разноцветные кнопки-плееры (с музыкой и без неё) - 12 шт. + КОДы
Часть 6 - По просьбе. Музыкальные флеш-плееры "Ангелы" - 5 шт. (с музыкой и без неё, КОДы к ним) + музыкальный альбом.
Часть 7 - Улыбнёмся!!! Весёлые плееры с прикольными поздравлениями - 6 шт. + КОД (часть 1)

Разные маленькие картинки

Маленькие картинки разной тематики для такой рамки или для "Далее"

КАРТИНКА

ТЕКСТ

 

<fieldset style="width:px;border:3px #fff799 solid; padding: 10px; border-radius: 20px;box-shadow: 0px 0px 20px #32CD32;"><legend style="text-align: center;">КАРТИНКА </legend></fieldset>

 

Цвета рамки  можно подбирать   здесь

Комплекты кнопочек для постов-20 штук

Выбираете кнопочку для перехода на страницу источника и вместо слов "адрес куда пошлёт картинка" вставляете в кавычки адрес своего источника и всё! Кнопочка становится кликабельной. Пользоваться кнопкой ДАЛЕЕ, чтобы скрыть часть поста под кат все умеют, но можно и напомнить. Эту формулу нужно сохранить, потому что она требуется часто - всегда, когда текст большой. Вот эта формула: Пишете текст поста. Затем отделяете часть поста и вставляете эту формулу. Весь текст после формулы (кнопки) будет после перехода на другую страницу. Размер кнопочки можно менять по своему вкусу. 1. 2. <center>2.<img src="//img1.liveinternet.ru/images/attach/d/2/151/244/151244461_0fIP321OLvx4.png" width="94" height="20" alt="0fIP321OLvx4 (94x20, 1Kb)" /></center> 3. <center>3.<img src="//img0.liveinternet.ru/images/attach/d/2/151/244/151244464_6xWrZJXeFS8Z__1_.png" width="120" height="" alt="6xWrZJXeFS8Z (1) (150x32, 2Kb)" /></center> 4. 5. 6. 7. 8. <center>8.<img src="//img1.liveinternet.ru/images/attach/d/2/151/244/151244519_mbaMcEsGeWcl.gif" width="120" height="48" alt="mbaMcEsGeWcl (120x48, 6Kb)" /></center> 9. <center>9.<img src="//img1.liveinternet.ru/images/attach/d/2/151/246/151246113_9e6qdQo2xuVk__1_.gif" width="120" height="48" alt="9e6qdQo2xuVk (1) (120x48, 5Kb)" /></center> 10. 11. <center>11.<img src="//img0.liveinternet.ru/images/attach/d/2/151/246/151246390_GC3sTOWhyVbT__1_.gif" width="120" height="48" alt="GC3sTOWhyVbT (1) (120x48, 6Kb)" /></center> 12. 13. 14. <center>14.<img src="//img0.liveinternet.ru/images/attach/d/2/151/244/151244520_OPXlp8wSKVeh.gif" width="122" height="25" alt="OPXlp8wSKVeh (122x25, 2Kb)" /></center> 15. 16. <center>16.<img src="//img0.liveinternet.ru/images/attach/d/2/151/246/151246600_d29DG7dyFHoc.gif" width="122" height="25" alt="d29DG7dyFHoc (122x25, 2Kb)" /></center> 17. 18. 19. <center>19.<img src="//img1.liveinternet.ru/images/attach/d/2/151/244/151244517_LtA3Qm5jM6lL.gif" width="117" height="33" alt="LtA3Qm5jM6lL (117x33, 2Kb)" /></center> 20.

Серия сообщений "из заготовок, мои кнопочки":

из заготовок, мои кнопочки

Часть 1 - Две коричневые рамочки для цитат, стихов
Часть 2 - Розовая поздравлялка
...
Часть 15 - Рамочки-открыточки для поздравлений и стихов Новогодние-4 штуки
Часть 16 - Рамочки-открыточки для поздравлений, цитат, стихов-7 штук
Часть 17 - Комплекты кнопочек для постов-20 штук

Кнопки-переходы

Кнопочки-переходы "Для рукодельниц"

А что дальше?
Еще кнопочик "для рукодельниц" ЗДЕСЬ... и ЗДЕСЬ...

<img src="//img0.liveinternet.ru/images/attach/b/4/102/957/102957436_Dalee_rukodelie1.png" width="200" height="100" alt="Далее- рукоделие-1 (200x100, 25Kb)" />	<img src="//img1.liveinternet.ru/images/attach/b/4/102/957/102957451_Dalee_rukodelie2.png" width="200" height="100" alt="Далее- рукоделие-2 (200x100, 31Kb)" />	<img src="//img0.liveinternet.ru/images/attach/b/4/102/957/102957464_daleerukodelie12.png" width="200" height="100" alt="далее-рукоделие-12 (200x100, 29Kb)" />

<img src="//img0.liveinternet.ru/images/attach/b/4/102/957/102957494_Dalee_rukodelie3.png" width="200" height="100" alt="Далее- рукоделие-3 (200x100, 12Kb)" />	<img src="//img0.liveinternet.ru/images/attach/b/4/102/957/102957510_Dalee_rukodelie5.png" width="200" height="100" alt="Далее- рукоделие-5 (200x100, 24Kb)" />	<img src="//img0.liveinternet.ru/images/attach/b/4/102/957/102957520_Dalee_rukodelie4.png" width="200" height="100" alt="Далее- рукоделие-4 (200x100, 18Kb)" />

<img src="//img1.liveinternet.ru/images/attach/b/4/102/957/102957575_daleerukodelie6.png" width="200" height="100" alt="далее-рукоделие-6 (200x100, 22Kb)" />	<img src="//img1.liveinternet.ru/images/attach/b/4/102/957/102957607_daleerukodelie8.png" width="200" height="100" alt="далее-рукоделие-8 (200x100, 22Kb)" />	<img src="//img1.liveinternet.ru/images/attach/b/4/102/957/102957617_daleerukodelie7.png" width="200" height="100" alt="далее-рукоделие-7 (200x100, 24Kb)" />

<img src="//img0.liveinternet.ru/images/attach/b/4/102/957/102957654_daleerukodelie9.png" width="200" height="100" alt="далее-рукоделие-9 (200x100, 18Kb)" />	<img src="//img0.liveinternet.ru/images/attach/b/4/102/957/102957680_daleerukodelie10.png" width="200" height="80" alt="далее-рукоделие-10 (200x80, 19Kb)" />	<img src="//img0.liveinternet.ru/images/attach/b/4/102/957/102957698_daleerukodelie11.png" width="200" height="100" alt="далее-рукоделие-11 (200x100, 22Kb)" />

<img src="//img1.liveinternet.ru/images/attach/b/4/102/957/102957745_daleerukodelie14.png" width="200" height="110" alt="далее-рукоделие-14 (200x110, 33Kb)" />	<img src="//img1.liveinternet.ru/images/attach/b/4/102/957/102957773_Daleerukodelie.png" width="200" height="100" alt="Далее-рукоделие (200x100, 33Kb)" />

Кнопки

Для Вашего дневника от мастеров ЛиРу-кнопочки переходы

Кнопки-переходы "Далее" без анимации.