Торт Три Встречи

Тесто:0,5 ст. сметаны;0,5 ст. сахара;0,5 ст. муки;1 яйцо;0,5 ч. л. соды;0,5 ст. л. уксуса;Соль;0,5 ст. изюма;0,5 ст. мака;0,5 ст. орехов (очищенных).

Помадка:1 банка сгущенного молока;200 г сливочного масла.

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

Единороги. КлипАрт.

Смотреть дальше!

КЛИПАРТЫ


На авторство не претендую, в основном всё собрано из сети, многое собиралось до создания сообщества и поэтому ссылки на источник дать не могу

ГЕНЕРАТОРЫ

ГЕНЕРАТОРЫ Информация от Светланы В инете много сайтов, бесплатных, без регистрации. Они предоставляют возможность создать оригинальные рамки, коллажи для ваших фотографий онлайн, не загружая никаких программ на ваш компьютер. http://ru.vramke.com http://ru.photofunia.com http://www.loonapix.com/ru http://makesweet.com/mixer http://www.imagechef.com http://www.dumpr.net http://www.faceinhole.com/us http://www.festisite.com/tools/generators/money http://www.onlinewahn.de/generator/g-home.htm http://www.fotline.ws http://funny.pho.to/ru/ http://www.fanstudio.ru/index.html http://www.fototrix.com/ http://ru.picjoke.com/ http://photomontager.com/ http://www.caption.it/ http://jpgfun.com/ http://myframe.ru/ http://fotoklassniki.ru/ http://www.avazun.ru/photoframes/ http://foto-mixer.ru/ много новогодних рамок http://www.effectfree.ru/ http://www.avatarochki.ru/ красивые аватары

Серия сообщений "фотoгенератор":

Часть 1 - фотоэффекты
Часть 2 - ГЕНЕРАТОРЫ
Часть 3 - Полезные ссылочки для оформления блога.
Часть 4 - ДЛЯ РАБОТЫ С ФОТО
...
Часть 20 - Генератор рамочек со специальными эффектами!
Часть 21 - НОВОГОДНИЙ РЕДАКТОР
Часть 22 - Супер-шпаргалка для меня и для вас

Небольшая подборка хороших ОнлайнФотошопов

Подборка мне оч понравилась, и я решила, что хватит ей томиться в недрах рабочего стола, и - пусть её она увидит свет.

10 хороших онлайн-фоторедакторов

http://www.picnik.com/

Наиболее популярный сайт. Красивый понятный интерфейс, имеет возможность интеграции с с другими функциями Web2.0. Можно загружать изображения с Flickr, Picasa Web Albums, Facebook, Photobucket. Удобное управление: если вы даже ничего не знаете о редактировании, вы запросто сможете пользоваться Picnik.

http://www.splashup.com/

Ранее известный как Fauxto. Интерфейс настольного приложения - любой пользователь Photoshop будет чувствовать себя “как дома”. Закачивает озибражения с Интернета, компьютера и веб-камеры, имеет функцию “Слои”, как Gimp, Photoshop.

http://www.pixlr.com/app/

Ему не хватает такой функции, как закачка фото с известных фоторесурсов, но открыть изображение, указав его URL, вы можете.

http://snipshot.com/

Не основан на флэш-редакторе. Качает фото из сети, фоторесурсов и компьютера, сохраняет фото в различных форматах - JPG, PNG, TIF, BMP, PDF, Photoshop PSD.

http://pixenate.com/

Удобный интерфейс. Вы можете редактировать фото из сети, из компьютера, а также  сохранять их в вашем фотоальбоме на Flickr.

http://www.picture2life.com/ 

Очень полезен для начинающих: интерфейс организован таким образом, что меню носит описательный характер, а изменения, которые вы хотите внести, вы видите сразу.

http://www.lunapic.com/editor/

Отличительная особенность этого ресурса - возможность редактирования анимированных изображений в формате GIF.

http://fotoflexer.com/

Один из самых мощных онлайн-редакторов.

https://www.photoshop.com/

Кроме функций редактирования фото, также имеет функции управления картинками и их хранения - в вашем распоряжении 2 ГБ.

http://aviary.com/

 

Четыре онлайн-инструмента, один из которых - Phoenix - содержит огромное количество видео-инструкций и фотопримеров возможностей редактирования. 

Сайты-генераторы фонов:

http://www.patterncooler.com/

Также весьма мощный инструмент. Вы можете выбрать фон для сайта в галерее из 147 различных дизайнов. После этого предоставляется опция поменять цветовое решение выбранного фрагмента и размер бэкграунда для использования на сайте. Отличительной чертой сервиса есть то, что все примеры background очень и очень оригинальны – чтобы это понять достаточно взглянуть на картинку выше или зайти разок на их сайт. Максимальная оригинальность! При работе с Pattern Cooler есть лишь одна сложность – регистрации, все остальное предельно просто.

http://www.pixelknete.de/dotter/

Позволяет создавать точечный бэкграунд – для этого вы выбираете различные цвета (фона, точек), а также расстоянии между ними. Получается весьма прикольно – для сайтов сервисов подойдет очень кстати.

http://bgmaker.ventdaval.com/

Наверное, самое простое на вид и самое забавное приложение. В центре располагается форма 12х12 пикселей, где вы рисуете себе фон:) При этом готовый background сразу же отображается на заднем плане – такое себе рисование в реальном времени. Есть галерея, где можно найти очень много готовых фонов. В принципе, создать в Bgmaker что-то оригинальное и сложно вряд ли получится, в основном получаются очень простые рисунки.

http://bgpatterns.com/

Причем все они сгенерированы с помощью одного очень классного и просто потрясающего сервиса для бэкграундов – BgPatterns. Работать с ним легко и приятно, за пару минут и в несколько кликов вы сможете получить абсолютно оригинальный и подходящий вам background для сайта.

В BgPatterns имеется всего 4 раздела настроек

Цвет шрифта и фона

Текстура для бэкграунда – есть различные потертости. Можно задавать размен текстуры и ее прозрачность.

Изображения для background, которые тиражируются на фоне. Имеется достаточно широкий выбор, хотя весьма жаль, что нельзя добавлять свои. Здесь можно править размер и прозрачность фигуры.

Поворот – задает наклон изображения в шаге 3.

С помощью комбинирования всех 4 настроек вы сможете получить действительно более-менее уникальный бэкграунд. После этого кликаете в меню на кнопку Apply background и видите как собственно он будет смотреться на вашем сайте – что-то вроде превью. Замечу, что это весьма удобно. Далее нажимаем на Download image и сохраняем готовое изображения для фона. На сайте имеется также список уже сгенерированных  бэкграундов, где вы сможете выбирать понравившиеся вам работы других людей.

Безусловно, BgPatterns – это лучшее, что я видел. Но есть и другие не менее оригинальные сервисы.

 

 

зы: честно не помню и не знаю © но он по-любому молодец

Для фотошопа - рамки png.

Всем привет! Предлагаю Вашему вниманию рамки (png) для фотошопа и т.п. программ. Размеры различные от 350х350 до 1280х1280, все миниатюры кликабельны до оригинального размера

Если Вы не знаете как можно использовать рамки, то посмотрите инструкции.

Вставить фото в рамку Paint.NET 3.5.1.  и  Вставить фото в рамку в Фотошопе.

 

Далее ещё рамки  ...

Желающие могут скачать бесплатно все рамки одним архивом себе на ПК - ВОТ ЗДЕСЬ размер 47,68 Мб

Генератор водного эффекта анимации

Кто хочет получить аналогичную анимированную флеш-картинку с водным эффектом, то сделать это очень просто. Вы закачиваете свою картинку, и получаете код, который сможете потом вставить у себя на блоге или сайте. Удачи!

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

Анимашки для оформления кулинарных постов

 

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

Разделители - самая большая коллекция! Часть 1

Самая большая коллекция красивых разделителей для оформления текстов. Более 400 штук! Забираем себе!
Смотрите также много разделителей и других полезностей-красивостей в нашем знаменитом "Учебнике ЛиРу"

Смотрим и копируем в цитатник >>>

Смайлики

Смайлики. Праздники. Подарки. День рождения. Говорящие смайлики)) Очередная порция забавных смайликов Веселый зоопарк. Смайлики животных.

Смайлики. Собачки, щенки. Красивые благодарности:)) Смайлики. Эмоции, "С Добрым утром!", любовь, подарки. Смайлики-анимешки

<img src="//img1.liveinternet.ru/images/attach/c/0//47/185/47185703_1249547162_333.gif" alt="смайлики" width="91" height="123" />	<img src="//img0.liveinternet.ru/images/attach/c/0//47/185/47185705_1249547191_333_1.gif" alt="смайлики" width="92" height="117" />	<img src="//img1.liveinternet.ru/images/attach/c/0//47/185/47185707_1249547207_333_2.gif" alt="смайлики" width="95" height="100" />	<img src="//img0.liveinternet.ru/images/attach/c/0//47/185/47185709_1249547222_333_3.gif" alt="смайлики" width="113" height="124" />	<img src="//img1.liveinternet.ru/images/attach/c/0//47/185/47185711_1249547242_333_4.gif" alt="смайлики" width="95" height="124" />
<img src="//img0.liveinternet.ru/images/attach/c/0//47/186/47186860_1249549001_334.gif" alt="смайлики" width="75" height="63" />	<img src="//img1.liveinternet.ru/images/attach/c/0//47/186/47186862_1249549027_334_1.gif" alt="смайлики" width="76" height="75" />	<img src="//img1.liveinternet.ru/images/attach/c/0//47/186/47186866_1249549043_334_2.gif" alt="смайлики" width="77" height="67" />	<img src="//img0.liveinternet.ru/images/attach/c/0//47/186/47186868_1249549061_334_3.gif" alt="смайлики" width="86" height="57" />	<img src="//img0.liveinternet.ru/images/attach/c/0//47/186/47186872_1249549076_334_4.gif" alt="смайлики" width="79" height="71" />
<img src="//img1.liveinternet.ru/images/attach/c/0//47/187/47187787_1249550606_335.gif" alt="смайлики" width="57" height="52" />	<img src="//img0.liveinternet.ru/images/attach/c/0//47/187/47187789_1249550632_335_1.gif" alt="смайлики" width="62" height="56" />	<img src="//img1.liveinternet.ru/images/attach/c/0//47/187/47187791_1249550646_335_2.gif" alt="смайлики" width="84" height="52" />	<img src="//img0.liveinternet.ru/images/attach/c/0//47/187/47187793_1249550663_335_3.gif" alt="смайлики" width="58" height="56" />	<img src="//img1.liveinternet.ru/images/attach/c/0//47/187/47187795_1249550678_335_4.gif" alt="смайлики" width="73" height="59" />
<img src="//img1.liveinternet.ru/images/attach/c/0//47/188/47188094_1249551126_336.gif" alt="смайлики" width="77" height="62" />	<img src="//img0.liveinternet.ru/images/attach/c/0//47/188/47188096_1249551154_336_1.gif" alt="смайлики" width="72" height="87" />	<img src="//img1.liveinternet.ru/images/attach/c/0//47/188/47188098_1249551171_336_2.gif" alt="смайлики" width="83" height="71" />	<img src="//img0.liveinternet.ru/images/attach/c/0//47/188/47188100_1249551186_336_3.gif" alt="смайлики" width="63" height="77" />	<img src="//img0.liveinternet.ru/images/attach/c/0//47/188/47188104_1249551204_336_4.gif" alt="смайлики" width="107" height="86" />

На ЛиРу без таких смайликов не обойтись. Собирайте коллекцию! >>>

Коллекция фонов

Коллекция фонов

КОЛЛЕКЦИЯ ФОНОВ Алфавитный каталог А • Автомобили• Аисты • Акулы• Ангелы • Анютины глазки • Апельсины • Архитектурные украшения• Африканцы Б • Бабочки• Барельефы• Бокалы • Бревна• Бумага • Буквы• Букеты • Бутылки В • Вино• Виноград • Вишня• Вода и волны• Волки • Воробьи• Восточные люди • Вьюнок • Вязание Г • Галька NEW • Гвоздика • Глаза• Гортензия • Гранит NEW • Груши Д • Дельфины• Деньги • День рождения • Деревья• Дети • Динозавры • Дома • Домашние животные • Доски • Драпировки • Дубовые листья Е • Еда• Елка Ж • Желуди• Женщины • Животные • Жирафы• Жуки • Журавли З • Зайцы• Замки • Зерно • Знаки• Звезды • Змеи• Золото NEW • ЗонтыИ • Иероглифы• Интерьеры К • Камни NEW • Карты• Кирпичи NEW • Киты • Клетки• Кленовые листья • Клубника • Книги• Кожа • Коктейли • Колокола• Конверты • Кора • Корабли Коровы• Космос • Кошки• Круги • Кружево • Кувшинка • Кувшины• Куры Л • Лилии• Лимоны • Листья• Лоси • Лоскутая техника • Лошади • Луна• Люди • Лягушки М • Маки• Маяки • Медведи • Месяц • Металл NEW • Металлические плиты NEW • Мех • Морская тема• Мох • Мрамор NEW • Музыкальные инструменты Н • Нарциссы• Насекомые • Нитки и иголки • Новый год • Ноты О • Обезьяны• Облака • Обувь• Овощи • овцы• Одежда • Олени• Орехи • Орхидеи П • Пальмы• Паркет • Парфюмерия • Папоротник• Пасха • Пейзажи• Перец • Персики• Перья• Песок • Плитка • Полосы• Петухи • Пионы • Планеты • Плетение по ткани• Плетение деревянное• Плитка NEW • Пляж• Подсолнухи • Полосы • Попугаи• Посуда • Почва NEW • Праздники• Предметы• Предметы гардероба • Птицы• Пуговицы• Пчелы Р • Ракушки• Разная посуда • Разноцветные туманы • Разноцветные цветы • Растительные узоры • Рельефы поверхности NEW • Розы • Ромашки• Ромбы • Рукоделие • Рыба С • Самолеты• Свадьба • Свиньи • Сервизы• Сердечки • Сирень • Сливы • Слоны • Снежинки • Собаки• Солнце • Специи • Странная геометрия• Стрекозы • Стружка • Структура древесины • Сумки Т • Техника• Тигры • Ткань • Трава• Тропические звери • Тюльпаны У • Узоры• Украшения • Утки Ф • Фиалки• Фольга NEW • Фрукты Х • Хвоя• Хризантемы • Хеллоуин Ц • Цветы Ч • Чайники• Части тела • Часы • Чашки• Черепа • Черепица Ш • Шары• Шитье • Шишки• Шляпы Э • Экзотические птицы Я • Яблоки• Ягоды • Яйца • Ящерицы К тематическому каталогу К алфавитному каталогу клипарта На главную страницу К галерее графики Обои

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

Часть 1 - Фоны
Часть 2 - Коллекция фонов
Часть 3 - Без заголовка
Часть 4 - Большие фоны_заставки
...
Часть 98 - Бора-Бора'10! Французская Полинезия
Часть 99 - Красивые птицы
Часть 100 - Фоны для коллажей

Пишем красиво

Пишем красиво. Заходим по ссылочке, выбираем понравившийся шрифт и кликнув на кружок слева от него, ниже пишем текст, выбираем размер и цвет.

ПИШЕМ КРАСИВО
Примеры.


Выбор шрифтов большой, выбирайте и пишите
 Надписи (Шрифты)
 Рукописные шрифты
 Готический шрифт
 Граффити шрифт
 Пиксельные шрифты
 Иероглиф
 Valentin Fonts
 Fonts 1
 Fonts 2
 Старо-Русские шрифты
 Русский шрифт
  Глиттер (Glitter) Надпись

Каталог анимационных картинок

 

Лучший каталог анимационных картинок
АВТОМОБИЛИ		АНГЕЛОЧКИ		АНИМЕ АНИМАШКИ		БАБОЧКИ
ВОДА,МОРЕ		ГЛАМУРНЫЕ		ГОТИЧЕСКИЕ		ДЕВУШКИ
ДЕНЬ РОЖДЕНИЯ		ДЕТИШКИ,МАЛЫШИ		ДОБРОЕ УТРО		ДОБРЫЙ ВЕЧЕР
ДОБРО ПОЖАЛОВАТЬ		ДОЖДИК,ЛИВЕНЬ		ДРАКОНЫ,РЕПТИЛИИ		ЗНАКИ ЗОДИАКА
КОШКИ,КОТЯТА,ТИГРЫ		МИШКИ ТЕДДИ		МУЖЧИНЫ,ПАРНИ		МУЗЫКА,ТАНЦЫ

 

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

СКАЖЕМ СПАСИБО КРАСИВО.

СКАЖЕМ СПАСИБО КРАСИВО














СВЕТИК-ЧУЖАЯ

Общие настройки ЛиРу

Как сделать рамочку для текста самому.

Очень и очень часто мне в личку приходит один и тот же вопрос – «Как сделать рамочку самому?»

Вот не подходит человеку цвет или ещё что-то, все хотят быть оригинальными. Хочу попробовать на примере рассказать, как это делается. Учитель из меня фиговый так что строго не судите и если останутся вопросы, то пишите.

Перед нами рамочка уже готовая с кодом для вставки:

ВАШ Т Е К С Т

<center><table border="2" background="http://netpla.narod.ru/images/wood-13.jpg" cellpadding="3" cellspacing="3" width="100%"><tr><td><table border="2" background="http://shalena.net.ua/wp-content/uploads/2008/08/d0b0d0b0d0b0-62-150x90.gif" cellpadding="5" cellspacing="0" width="100%"><tr><td><br />ВАШ<br /><br />Т Е К С Т<br /></td></tr></table></td></tr></table></center>

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



1. Там где обведено красным и стоит цифра 1 это ссылка на цвет окантовки рамки, в данном примере это http://netpla.narod.ru/images/wood-13.jpg поменяете эту ссылку на ссылку на нужную картинку(цвет)

2. Вторая ссылка стоит на фон рамки, она обведена красным и стоит цифра 2 - http://shalena.net.ua/wp-content/uploads/2008/08/d0b0d0b0d0b0-62-150x90.gif делаете всё так же как и с окантовкой (меняете ссылку на свою картинку)

3. width="100% - это размер рамочки по отношению к Вашей странице, если хотите, чтоб она занимала не всю площадь поста, в таком случае просто измените количество процентов.


Те кто не хотят возиться с изготовлением можете зайти в раздел - Для оформления блога и взять уже готовые рамочки.

PS: добавила по просьбе. Это коды для изменения цвета текста в Ваших постах.
<font color="red">текст</font> красный текст
<font color="lime">текст</font> зеленый текст
<font color="navy">текст</font> синий текст
<font color="purple">текст</font> фиолетовый текст
<font color="yellow">текст</font> желтый текст
<font color="fuchsia">текст</font> фуксия текст
<font color="maroon">текст</font> коричневый текст
<font color="aqua">текст</font> голубой текст

Сделать картинку или текст по центру
<center>ВАШ ТЕКСТ</center>

Справа и слева загружайте как обычно с указанием направления

Блеск для Ваших постов)

Всем привет! Удачного Вам дня и хорошего настроения!

Насобирала разделителей текста для постов, надеюсь кому-нибудь пригодятся)

Что нужно для вставки:
Расширенный редактор:
1. Копируете код из флейма
2. Новая запись - нажимаете кнопку ИСТОЧНИК - вставляете код в нужное Вам место - ещё раз нажимаете кнопку - ИСТОЧНИК
Простой редактор:
1. Копируете код из флейма
2. Новая запись , вставляете код в нужное Вам место бордюра

Остальные рамочки, эпиграфы, картинки и инструкция как вставить их в пост находятся в разделе - Для оформления блога

<a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://www.liveinternet.ru/users/afina74/" target="_blank"><img src="//img1.liveinternet.ru/images/attach/c/0//42/358/42358255_b1ac4c1a54b5.gif" width="538" height="159" alt=" (538x159, 15Kb)" /></a>

<a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://www.liveinternet.ru/users/afina74/" target="_blank"><img src="//img0.liveinternet.ru/images/attach/c/0//42/358/42358177_0acfbecfca21637f6082f1d910f6e3ec.gif" width="400" height="99" alt=" (400x99, 30Kb)" /></a>

<a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://www.liveinternet.ru/users/afina74/" target="_blank"><img src="//img1.liveinternet.ru/images/attach/c/0//42/358/42358247_26442346_21106979_21084685_6772466_osen.gif" width="498" height="83" alt=" (498x83, 286Kb)" /></a>

<a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://www.liveinternet.ru/users/afina74/" target="_blank"><img src="//img1.liveinternet.ru/images/attach/c/0//42/358/42358183_5b643c0b5b63cc7b72b16eb5a532a130.gif" width="430" height="99" alt=" (430x99, 9Kb)" /></a>

<a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://www.liveinternet.ru/users/afina74/" target="_blank"><img src="//img1.liveinternet.ru/images/attach/c/0//42/358/42358191_8adb08a9ceadd6553d6e55ee50edd5b8.gif" width="275" height="60" alt=" (275x60, 16Kb)" /></a>

Ещё

Рамочки для текстов (Нежность)

Всем привет!!!
Весна на улице, хочется любви, романтики, нежности))) Вот и получились такие рамочки, надеюсь Вам понравятся! Удачи Вам и всего самого наилучшего!!!

Что нужно для вставки:

Расширенный редактор:
1. Копируете код из флейма
2. Новая запись - нажимаете кнопку ИСТОЧНИК - вставляете код - ещё раз нажимаете кнопку - ИСТОЧНИК - выделяете слова Ваш текст и пишите свой пост.
3. Нажимаете опубликовать и получаете Ваш пост в рамочке.

Простой редактор:
1. Копируете код из флейма
2. Новая запись , вставляете код и пишите всё что ходите там где написано ВАШ ТЕКСТ.
3. Нажимаете опубликовать и получаете Ваш пост в рамочке.

Если захотите хотите поменять цвет шрифта, то Коды цвета для текстов найдёте пройдя по ссылке.

Остальные рамочки, эпиграфы, картинки и инструкция как вставить их в пост находятся в разделе - Для оформления блога

ВАШ Т Е К С Т Дайтека

ВАШ Т Е К С Т Дайтека

ВАШ Т Е К С Т Дайтека

ВАШ Т Е К С Т Дайтека

ВАШ Т Е К С Т Дайтека

Сделать текст с прокруткой.

Всем привет!

Часто приходит вопрос : Как сделать текст с прокруткой в флейме?

Попробую объснить)

Сначала пишите нужный Вам текст, редактируете его по своему усмотрению, после чего в самое начало (перед Вашим текстом) вставляете вот этот код:

Значения указанные цифрами:

1 - это ширина текста по отношению к странице, сейчас стоит 100% - если хотите чтоб было меньше просто поменяйте цифру. Да и если Вам по какой-то причине не нравиться делать в процентах, то вы всегда можете изменить % на px.
2 - это высота видимого текста, стоит 300, можете по необходимости менять в большую или меньшую сторону.
3 - это отступ сверху от начала сообщения, сейчас стоит 0, если хотите, то можете поменять и флейм с текстом опустится на нужное Вам значение.
4 - это отступ с левой стороны, стоит 0, так же можете поменять на нужное Вам значение.

 

Пример) убираем весь текст во флейм, чтоб сократить длинну поста я уменьшила высоту прокрутки до 100px и поменяла отступ сверху с 0 на 20px

 

 

C этим разобрались, теперь отвечу на второй вопрос -

Как вставить прокрутку в рамочку?

Если у Вас стоит картинка в самом верху рамочки по центру, то делаете всё так же как описано выше - вставляете код в рамочку перед Вашим текстом.

 

Как вставить прокрутку в рамочку? Если у Вас стоит картинка в самом верху рамочки по центру, то делаете всё так же как описано выше - вставляете код в рамочку перед Вашим текстом. Если у Вас картинка слева или справа рамочки и Вы не хотите, чтоб было пустое пространство рядом с ней, то нужно изменить код. Возьмём для примера вот эту рамочку со вставленной в неё прокруткой:  Первое, что Вам нужно поменять, так это отступ с левой стороны, потом ширину и высоту прокрутки, для этого нужно знать размер картинки. В этой рамочке это 300х209, значит 4 пункт (отступ слева) мы меняем на 310, а 2 пункт (высота прокрутки ) мы меняем, на 200. Ширину прокрутки (пункт 1) с 100% я поменяла на 350px (под ширину своего экрана) - Вы можете поменять на нужное Вам значение Дайтека

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

 Возьмём для примера вот эту рамочку со вставленной в неё прокруткой: 

Как вставить прокрутку в рамочку? Если у Вас стоит картинка в самом верху рамочки по центру, то делаете всё так же как описано выше - вставляете код в рамочку перед Вашим текстом. Если у Вас картинка слева или справа рамочки и Вы не хотите, чтоб было пустое пространство рядом с ней, то нужно изменить код. Возьмём для примера вот эту рамочку со вставленной в неё прокруткой:  Первое, что Вам нужно поменять, так это отступ с левой стороны, потом ширину и высоту прокрутки, для этого нужно знать размер картинки. В этой рамочке это 300х209, значит 4 пункт (отступ слева) мы меняем на 310, а 2 пункт (высота прокрутки ) мы меняем, на 200. Ширину прокрутки (пункт 1) с 100% я поменяла на 350px (под ширину своего экрана) - Вы можете поменять на нужное Вам значение Дайтека

Первое, что Вам нужно поменять, так это отступ с левой стороны, потом ширину и высоту прокрутки, для этого нужно знать размер картинки которые находятся в коде самой картинки. В этой рамочке это 300х209, значит 4 пункт (отступ слева) мы меняем на 310, а 2 пункт (высота прокрутки ) мы меняем, на 200. Ширину прокрутки (пункт 1) с 100% я поменяла на 350px (под ширину своего экрана) - Вы можете поменять на нужное Вам значение.

Дополнение)

Если Вы хотите поместить в прокрутку только часть своего поста, а не весь, то Вам нужно использовать вот эти тэги <pre> Ваш текст </pre>всё что находится между ними будет в прокрутке, что до них или после них в прокрутку входить не будет.

Вот вроде и всё) если что-то осталось не понятно, то пишите в комментах попробую объяснить подробней.