Как вставить любую понравившуюся картинку в разрезную ФШ рамочку.

По просьбе читателей, которые только начинают осваивать ФШ и увлекаются изготовление рамочек, решила сделать постик о том, как можно просто и легко внести необходимые изменения и дополнения в разрезную рамочку ФШ. Почему то многие думают, что если рамочка изначально выполненная автором имеет определённый дизайн, то уже кроме текста, ничего в такую рамочку не вставить по своему усмотрению. На самом деле это далеко не так. Конструкция разрезной рамочки предполагает её изменения именно в той части, где написан текст. И именно эта часть рамочки, которая как правило является её средней частью, может корректироваться и редактироваться по Вашему желанию. Если рамочка не имеет картинки, а её как правило при изговлении рамочки ставят в верхнюю часть, то при её отсутствии, можно поставить  не только текст, но и картинку и  именно в редактируемую  среднюю часть.Причём размер картинки будет соответствовать конкретной рамочке, независимо от её оригинального размера. Единственное но, если картинка очень маленькая, то при увеличении, её качество будет не самым лучшим, поэтому слишком маленькие картинки советую не вставлять в рамочку ФШ в качестве основной и акцентной.  

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

Все изображения кликабельны, действия показаны последовательно, функции, опции и пояснения подчёркнуты и прописаны красным шрифтом и цветом!

Вот так выглядит моя небольшая разрезная рамочка ФШ. Как видите она не имеет картинки. Я хочу вставить понравившуюся мне для поздравления!

Luloz-ka

Скриншот простого редактора, в котором, прошу прощения ни фига не понять, а голову сломать и мозги можно точно...Он нам не нужен! Я делаю практически ВСЁ в моём любимом Расширенном Редакторе и рекомендую , особенно Новичкам также работать только в нём на практике отработав самые элементарные и необходимые  его возможности, которых в его арсенале гораздно и гораздно больше! Поехали дальше!



Скриншот Расширенного Редактора CKEditor!  Именно этот редактор позволит нам легко и просто,  практически играючи сделать то, что мы хотим сделать, а именно вставить в рамочку понравившуюся картинку и написать текст! Также на скрине показано расположение рабочего поля разрезной рамочки ФШ и кнопочки, на которые нужно обратить внимание на ознакомительном этапе и подготовки вставления картинки в рамочку.Для редактирования, Вы должны видеть рамочку в изображении, а не кодом. Для того, чтобы переключиться на него в случае, если Вы видите код, следует нажать на кнопочку " Источник". Внимательно смотрим скриншот!



Допустим мне понравилась картинка на фотохостинге " Яндекс.Фотки". Все действия расписаны на скрине. По анологии, у любой понравившейся картинки её адрес определяется точно также. Этот скопированный адрес попадает в буфер обмена, Вы ничего не видите, так как ничего визуально не происходит. 



Возвращаемся в Расширенный Редактор. Далее нажимаете на кнопочку " Изображение" и выпадает волшебное окошечко " Свойства изобажения", в которое заносим необходимые параметры. Внимательно смотрим скриншот! Показано в какое поле Вы должны будете занести скопированный URL адрес картинки. В параметрах ширины выставляем не обязательно ту ширину, которая была на фотохостинге , т.е. 500 пикселей, так как в моём случае , эта ширина будет больше ширины рабочего поля рамочки. Принцип прост: ширина картинки должна уместиться в ширину рабочего поля рамочки. Поэтому подбираем простым подбором цифр и именно ширину, так как она является решающей и основной, а высота подстроится автоматически! Мне подошла ширина картинки в 350 пикселей, я могла взять чуть побольше, но мне больше понравилась именно эта, и моя картинка уместилась в рабочее поле рамочки не вылезая за её пределы, что и требуется! Вы будете проставлять свою цифру ширины, так как Ваша рамочку имеет свою ширину. Обратите внимание на закрытие замочка! О том ,как Ваша картинка при введении значений ширины ведёт себя на рабочем поле рамочки ,Вы будете видеть в окне изображения рамочки и сразу же корректировать её ширину на своё усмотрение! Очень удобно!






Подобрали нужную ширину картинки и установили её на рабочем поле рамочки! Приступаем к написанию текста.Читаем и смотрим внимательно скрин! У меня на скрине нет слов -  Ваш текст, у Вас он вполне может быть. Тогда его нужно выделить мышкой и вписать нужный текст ! Вот собственно и всё! Сохраняем свою рамочку в черновик или публикуем!



Вот  такая рамочка с вставленной картинкой и лаконичным текстом у меня получилась!



А это ещё однин вариант той же самой рамочки, но уже с другой картинкой!


 

Хочу заметить, что описание гораздно сложнее, чем вся проделанная  Вами на практике  работа по редактированию разрезной рамочки ФШ. На самом деле поняв принцип редактирования в Расширенном Редакторе, Вы будете с лёгкостью редактировать не только рамочки ФШ, но и многое другое, например вставлять нужную картинку в нужном месте поста, вставлять символы, ссылки, ник и т. д. и причём абсолютно не вникая и не имея знаний тегов и кодов, так как редактирование в Расширенном Редакторе этого не требует! Всё очень просто, легко и что немаловажно быстро и эффективно! Поэтому я настоятельно рекомендую именно Расширенный Редактор с его удобными и более широкими возможностями по сравнению с простым. Именно на примере редактирования разрезной рамочки ФШ я попыталась показать, насколько удобен и прост Расширенный Редактор и как в нём можно легко  и эффективно работать, не забивая голову ужасными кодами, формулами и тегами, которые у меня лично в своё время отбили всё желание с ними возиться и "благодаря" которым я  училась и думала, как мне без них спокойно обходиться и облегчить свою работу, сделать её приятной и радостной. Желаю Вам удачи! Если будут вопросы спрашивайте!