Кнопочки "Далее" от 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

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

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

Оформление дневника для начинающих и не только.

Подборка УРОКОВ для начинающих блогеров и не только.... Оформляем свой дневник. Здесь всё самое необходимое, чтобы сделать его красивым и интересным. ♥ Оформление дневника новые настройки. ♥ Флешки, информеры для дневника. ♥ Полезное для новичков на LiveInternet. ♥ Как сделать ПОСТ С КАРТИНКОЙ ♥ Как ВСТАВИТЬ КАРТИНКУ в пост. ♥ МЕНЯЕМ ДАТУ ПОСТОВ на Лиру. ♥ Как вставить ВИДЕО в дневник. ♥ Как ЦИТИРОВАТЬ ЧУЖОЙ пост. ♥ Как загрузить МУЗЫКУ на Лиру. ♥ Учимся делать свои РАМОЧКИ. ♥ Делаем КРАСИВЫЙ ТЕКСТ для дневника. ♥ Полезные HTML ТЕГИ для новичков. ♥ Как УБРАТЬ ТЕКСТ ПОД КАТ.(свернуть) ♥ Делаем ОКОШКО ДЛЯ КОДОВ (флейм). ♥ Делаем ТЕКСТОВУЮ ССЫЛКУ. ♥ Как расположить КАРТИНКИ С ТЕКСТОМ? ♥ ОФОРМЛЕНИЕ ТЕКСТА в дневнике. ♥ ПОЛЕЗНЫЕ ССЫЛКИ для дневника. ♥ Делаем ПРИВЕТСТВИЕ-ЭПИГРАФ. ЗДЕСЬ далее... SvetlanaT

Учебник ЛиРу.

Слева - новый баннер женского клуба.   Вот код этого баннера, будем благодарны, если установите у себя в дневнике (например, в приложении "Всегда по рукой", как у нас в блоге): <center><a target="_blank" href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://www.liveinternet.ru/community/3080659/profile/" title="Женский клуб"><img src="//img0.liveinternet.ru/images/attach/c/2/74/223/74223974_ZHenskiy_klub.jpg" width="191" height="250" /></a></center>
Выполняя наказ многих читательниц, мы усердно готовим суперучебник ЛиРу. Там будет всё, начиная от оформления и дизайна дневника, тегов, заканчивая операциями с картинками и видео...Каждая наша публикация явится своеобразной главой этого учебника.
Хотите, чтобы всегда у вас под рукой была волшебная кнопка-ссылка на этот учебник? Для этого:
- скопируйте приведенный ниже код;
<center><form action="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://www.liveinternet.ru/community/for_women_only/post115612219/" method="get"><input type="submit" value="Учебник Li.Ru" /><input type=hidden name=tok value=d9b666d5933ea0a179b94aed89b59a30 /></form></center>
- зайдите в свои "Настройки дневника" (вверху страницы);
- найдите там пункт "Эпиграф дневника" и впишите скопированный код;
- нажмите внизу "Внести изменения". И получите вот такую кнопочку-ссылку на этот текст! Уж она-то никогда не затеряется - будет постоянно на виду! Огромный плюс ещё в том, что учебник будет регулярно пополняться - и обновления сразу появятся у вас!

Пользуйтесь!

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

В ПОМОЩЬ НОВИЧКАМ НА ЛиРу

Нажав на интересующую вас тему, вы получите ответы на все свои вопросы...))

Серия сообщений "Для ЛиРу":
Часть 1 - КАК ВСТАВИТЬ ЭПИГРАФ
Часть 2 - Архивируем файлы и выставляем на Ли.ру
...
Часть 40 - HTML шпаргалка
Часть 41 - Подобрать цвет он-лайн
Часть 42 - В ПОМОЩЬ НОВИЧКАМ НА ЛиРу
Часть 43 - Начинающим на ЛиРу
Часть 44 - ВОПРОСЫ И ОТВЕТЫ

Начинающим на ЛиРу


Зарегистрировать твой ник!

Серия сообщений "Для ЛиРу":
Часть 1 - Как сделать кликабельную ссылку
Часть 2 - Архивируем файлы и выставляем на Ли.ру

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