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

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

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


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

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


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



и взять весь код картинки-кнопки. Скопировать его и вставить вместо слов: КОД Вашей картинки Далее
остальная часть формулы остается без изменения.
КОД картинки-кнопки:


Каждый раз, когда нужно использовать в тексте или любом посте такую кнопку, меняете только картинку в формуле.
А можно сохранять каждый раз - ПОЛНОСТЬЮ весь код с картинкой-кнопкой в документе Word . В таком документе будет много вариантов этой формулы сохранено, можно брать каждый раз разные (готовые - просто скопировать у себя в документе Word )

Не знаю, понятно ли я объяснила. Будут вопросы, спрашивайте. Удачи!

Красивые кнопочки-переходы+код!Подарок от Pannamusic.Часть 3.
 

<img data-cke-saved-src="//img-fotki.yandex.ru/get/5703/42453129.2e/0_90e25_d1381242_S.jpg" src="//img-fotki.yandex.ru/get/5703/42453129.2e/0_90e25_d1381242_S.jpg" />   <img data-cke-saved-src="//img-fotki.yandex.ru/get/5701/42453129.2e/0_90e27_877f4548_S.jpg" src="//img-fotki.yandex.ru/get/5701/42453129.2e/0_90e27_877f4548_S.jpg" />   <img data-cke-saved-src="//img-fotki.yandex.ru/get/5407/42453129.2e/0_90e2d_11cd62c2_S.jpg" src="//img-fotki.yandex.ru/get/5407/42453129.2e/0_90e2d_11cd62c2_S.jpg" /> <img data-cke-saved-src="//img-fotki.yandex.ru/get/5801/42453129.2e/0_90e26_2af8e438_M.jpg" src="//img-fotki.yandex.ru/get/5801/42453129.2e/0_90e26_2af8e438_M.jpg" />   <img data-cke-saved-src="//img-fotki.yandex.ru/get/5703/42453129.2e/0_90e24_77c3813f_M.jpg" src="//img-fotki.yandex.ru/get/5703/42453129.2e/0_90e24_77c3813f_M.jpg" />   <img data-cke-saved-src="//img-fotki.yandex.ru/get/6114/42453129.2e/0_90e28_51400261_S.jpg" src="//img-fotki.yandex.ru/get/6114/42453129.2e/0_90e28_51400261_S.jpg" />

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


 

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

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

Выбираете кнопочку для перехода на страницу источника и вместо слов "адрес куда пошлёт картинка" вставляете в кавычки адрес своего источника и всё! Кнопочка становится кликабельной. Пользоваться кнопкой ДАЛЕЕ, чтобы скрыть часть поста под кат все умеют, но можно и напомнить. Эту формулу нужно сохранить, потому что она требуется часто - всегда, когда текст большой. Вот эта формула: Пишете текст поста. Затем отделяете часть поста и вставляете эту формулу. Весь текст после формулы (кнопки) будет после перехода на другую страницу. Размер кнопочки можно менять по своему вкусу. 1. 2. <center>2.<img data-cke-saved-src="//img1.liveinternet.ru/images/attach/d/2/151/244/151244461_0fIP321OLvx4.png" 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 data-cke-saved-src="//img0.liveinternet.ru/images/attach/d/2/151/244/151244464_6xWrZJXeFS8Z__1_.png" 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 data-cke-saved-src="//img1.liveinternet.ru/images/attach/d/2/151/244/151244519_mbaMcEsGeWcl.gif" 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 data-cke-saved-src="//img1.liveinternet.ru/images/attach/d/2/151/246/151246113_9e6qdQo2xuVk__1_.gif" 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 data-cke-saved-src="//img0.liveinternet.ru/images/attach/d/2/151/246/151246390_GC3sTOWhyVbT__1_.gif" 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 data-cke-saved-src="//img0.liveinternet.ru/images/attach/d/2/151/244/151244520_OPXlp8wSKVeh.gif" 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 data-cke-saved-src="//img0.liveinternet.ru/images/attach/d/2/151/246/151246600_d29DG7dyFHoc.gif" 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 data-cke-saved-src="//img1.liveinternet.ru/images/attach/d/2/151/244/151244517_LtA3Qm5jM6lL.gif" src="//img1.liveinternet.ru/images/attach/d/2/151/244/151244517_LtA3Qm5jM6lL.gif" width="117" height="33" alt="LtA3Qm5jM6lL (117x33, 2Kb)" /></center> 20.