УЧИМСЯ КРАСИВОМУ ОФОРМЛЕНИЮ ИЗОБРАЖЕНИЙ БЕЗ ФШ. "FREE ONLINE PHOTO EDITOR"
ВСЕМ - ПРИВЕТ!
Разбирая свои "закрома" еще из старого блога,
наткнулась на запись об одном замечательном
генераторе фото, где можно и отредактировать,
и подписать, и уменьшить или увеличить ваше
изображение. Смотрим далее...
Что касается настроек: padding: 10px;-можно так же увеличить высоту рамки; border: 10px-размер окантовки. Код рамки вставляйте в HTML в редакторе сообщений. Затем прямо в рамке пишите свой текст
Тэги , Коды, которые чаще всего используются для оформления своих дневников .
1.Окошко для кода
2.Окошко для кода -
с новой строчки
центрирование, текст или картинка по центру
АБЗАЦ
ПОМЕНЯТЬ ЦВЕТ ТЕКСТА В ГОТОВОЙ РАМОЧКЕ
"000000- ЧЕРНЫЙ ЦВЕТ, ВМЕСТО НЕГО ПОСТАВЬТЕ НУЖНЫЙ ВАМ .
КОД КАРТИНКИ
Убрать текст ПОД КАТ [more=Далее...]
Кликабельная картинка ссылка
список
первый пункт
второй пункт
список сформируется автоматически, если добавить
текст со всплывающей подсказкой
ТЕКСТ, НА КОТОРЫЙ НАВОДТЕ МЫШКОЙ - наведите мышкой на это предложение, подсказка всплывет
Картинки в ряд:
2 картинки -
3 картинки -
4 картинки -
5 картинок -
6 картинок - Картинки в записи
Картинка слева от текста -
Картинка справа от текста -
Картинки по бокам текста -
Полужирный текст Выделение текста
курсивом Подчёркнутый текст Зачёркнутый текст
текст будет для цитат.
отделен пустой строкой и отступ слева
текст
Процитированный в отдельном блоке текст
у которого будет
небольшой отступ слева.
Процитированный в отдельном блоке текст
у которого будет
небольшой отступ слева.
Рамки с заголовком текста и изображений, с настройкой фона и размеров
Здравствуйте дорогие гости и читатели. Сегодня у нас тема о рамочках с заголовком. Мы научимся вставлять текст или картинку в заголовок рамки, будем менять фоны, настраивать форму и размеры рамок. Ниже смотрите рамки с кодами с заголовком текста и изображения справа, по центру, слева.
Самая простая рамка с заголовком слева
Если добавить перед заголовком строку: <font face="Monotype Corsiva" size="+2" color="#0e5198">Ваш заголовок</font>, изменить размер (border:) и цвет (#000000) окантовки рамки, то получится рамочка с красивым заголовком такого вида
Давайте приукрасим нашу рамочку: добавим фон ("background: #FFFC8B;) и изменим форму рамки (ridge). Получим такой вид рамки.
Чтобы изменить высоту и ширину рамки, добавим в код height-высоту и width-ширину. Высоту настраивайте по объему текста.
Вместо текста в заголовок можно вставить картинку, получим рамочку такого вида:
Адрес картинки на сайте Radikal, первая ссылка. Кто еще не читал мой пост Как узнать URL адрес изображения, перейдите сюда. Можно настраивать высоту и ширину изображения, выделено жирным.
В этой рамке так же можно изменить фон и размер рамки. Только в отличие от верхних ( которые растягиваются), когда будете писать текст, регулируйте высоту рамки по объему текста. Смотрите на код внимательно, там два размера высоты и ширины: рамки и картинки
✔Ниже заголовки в рамках в разных браузерах будут отображаться по разному. Вернее сказать, они могут не располагаться по центру и справа, а только слева. Но я на всякий случай напишу как выполнить выравнивание.
Если код выровнять по центру: <center>код</center>, то заголовок будет в центре рамки
Эта рамка с картинкой на всю ширину страницы
Чтобы заголовок расположить справа, код надо выровнять такой строкой: <div align="right">код</div>Получим рамку с заголовком справа.
В редакторе сообщений blogger, можно изменить размер и цвет заголовка. Обведите, как при копировании левой кнопкой мыши заголовок, затем слева выбирайте шрифт, размер: маленький, большой или очень большой. Можно настроить курсив и жирный текст заголовка.
Здесь вы можете
оставить любое сообщение,
пожелание, открыточку,задать вопросы
на интересующие вас темы,
просто познакомиться.
Хочу надеяться на то,
что вам понравится у меня в гостях.
Большая просьба здесь никого не оскорблять!!!
Если что то не нравится - просто проходите мимо.
Все, что есть в этом дневничке,
доступно для всех, пользуйтесь пожалуйста.
Желаю всем удачи, творческих успехов и
просто хорошего настроения!