Создание простой рамочки с избражением внутри
Сегодня будем учиться создавать простую рамочку с изображением внутри.
|
Вот скрин кода этой рамочки:
Зеленым подчеркнут код картинки для внешней рамочки (в нашем случае это сине-бежево-фиолетовое точечное)
Синим подчеркнут код картинки, которая находится внутри рамочки (в нашем случае это нежно-лиловый шелковый фон)
Красным подчеркнут код картинки с зайцем, его положение в рамочке (справа или слева), его размеры (width - ширина, height - высота), которые надо менять и в скобочках тоже.
Оранжевым подчеркнута ссылка на мой дневник и то написание, которое будет отображаться во внешней рамочке. Это надо заменить на свои данные.
А вот и код этой же рамочки, который вы можете себе скопировать и использовать как шаблон:
Одной из традиций стран, проводящих Олимпийские игры, является выпуск юбилейных монет олимпийской тематики. Госзнак России уже почти готов к Олимпиаде и готов порадовать нумизматов новой коллекцией монет.
Как вставить свой текст в готовую рамку? Мне уже не первый раз задают этот вопрос, поэтому решила написать "урок" на эту тему.
Ну для начала начнем с того, что вы нашли красивую рамочку с кодом, которая вам понравилась. Теперь выделяем код и копируем его (Сtrl+С). теперь идем в свой дневник и нажимаем НАПИСАТЬ, в верней части дневника.
Картинка обтекаемая текстом [показать] Не забывайте, что картинка должна быть не очень большой, иначе текст просто выдавит ее вверх. цифровые значения vspace="10" и hspace="10"- это всего навсего расстояние от картинки к тексту вправо и вниз, можно их менять, по вашему вкусу. |
Код обтекания картинки текстом <img src="httр:адрес картинки" align="left" vspace="10" hspace="30" alt=>"здесь нет картинки, хотя должно быть изображение. Какое оно будет, решать вам" |
||
Картинка слева от текста [показать]Снова пишем свой текст. Если картинка длинная, бордюрного типа, то и весь текст будет вдоль нее. Если не очень большая, то продолжится ниже. Снова предупреждение в постах, картинка не должна превышать размер 200 в ширину иначе просто снова уйдет вверх. |
Код картинки слева <img src="URL адрес картинки" align="left" border="0"> И снова пишем свой текст, или стихотворение, или.... придумали? молодцы! |
||
Картинка справа от текста: [показать] Все правила написания для правой стороны такие же , как и для левой. |
Код для картинки с права: <img src="URL адрес картинки" align="right" border="0">Пишем свой текст, что напишем, то и увидим |
||
| Картинка в центре текста: Обратите внимание, что текст пишется перед кодом и после кода. Это для того, чтобы обтекание было полноценным, [показать] и как бы обкутывало вашу картинку. Поэтому, часть текста вверху, часть внизу и создают такой эффект. |
Код для картинки в центре текста: Первая часть текста <img src="URL адрес картинки" align="middle" border="0"> Вторая часть текста. |
||
Текст между двух картинок
|

Как хорошо смотрится обработанный срез дерева. Сразу появляется ощущение тепла, уюта.Хочется прикоснуться с нему, погладить. Вчера у нас был сильный ветер. Попадали деревья, ветви. Сегодня их будут пилить и вывозить. И я подумала, а что можно сделать из них? Материал получается дешевым, чтобы не сказать, вообще бесплатным. А какая красота может получиться.
Практически любой предмет мебели в интерьере, который порядком износился и устарел или же выглядит слишким тривиально и неинтересно можно оживить, украсив его деревянными спилами. Особенно это актуально для интерьеров в деревянном стиле, который еще называют экостилем.
А можно сделать красивое панно или, например, горшком для цветов. Решать вам.
[показать]
[показать]
[показать]
[показать]
[показать]
PNG ~ 1300
|
|
|
Серия сообщений "SOFT - Для дома и офиса":
Часть 1 - AVAST
Часть 2 - AVG
...
Часть 19 - 100 Free OnLine - Офисных Сервиса #1
Часть 20 - Как запомнить все свои пароли?.. (Free OnLine Service)
Часть 21 - Автоматическая OnLine установка нужных программ (all free)
Часть 22 - Imagic Photo Enhancer - Photo редактор
Часть 23 - Облачные Операционные Системы (Free OnLine)
...
Часть 39 - Сервисы сравнения документов и файлов (Free OnLine Service)
Часть 40 - Color the void - Мир Красок ( Free OnLine Game)
Часть 41 - OnLine Рисовалка движущимися кистями (Free OnLine Game)
Я в полном восторге! Все он-лайн! Все получается!
Смотрите!
Тысяча и одна полезность
[показать]
[показать] ternosvit
|
6 декабря, 17:50 [показать] |
В этой теме собраны ссылки на подсказки и ответы на вопросы пользователей ярушки.
Тема будет периодически пополняться. Если вам встретился на ярушке полезный совет, пожалуйста, поделитесь ссылкой на него в комментариях, возможно, кто-то нуждается в этой информации.
Если вы не нашли ответа на интересующий вопрос, задайте его в комментах.
Большая подборка разных полезных вещиц для блога также есть вот тут.
Ваш компьютер
Как настроить быстрый запуск любимых программ
Как нажать невидимую кнопку
Использование встроенной справочной системы
Создание трек-листа
Как восстановить "битый" архив"
Как сделать скриншот
Сортировка фотографий на компьютере
О "точках восстановления"
"Горячие клавиши" в Windows
Темы для Windows XP
Если завис компьютер
Анимация на рабочем столе
Установка Windows. Освоение компьютера. Помощь новичку при сбоях
Утилиты для работы с драйверами
Ярлыки
Оформление блога
Как подогнать картинку под ширину поста
Как загрузить музыку и видео на свою страницу
Как вывесить сразу много фоток
Как вывешивать фотографии в клубы, чтобы они не дублировались на Яндекс.Фотках?
Как опубликовать HTML-код
Как вставить в блог флешку, если нет её кода
|
[670x201]Нашла прикольну фишку....Как скачать свой блог,дневник,сайт на комп,для сохранения в случае не предвиденных обстоятельств...
РЕКОМЕНДУЮ !!! Себе уже качнула )))
Скачиваем блог на компьютер. [показать]Как сохранить весь свой блог на компьютер. На случай непредвиденных ситуаций. предлагали много версий, но вот что я нашла сама спустя некоторое время: Итак: Программа: HTTrack Website Copier 3.43-7 Нажмите на название программы, там её описание и ссылка для скачивания. подробности дальше |
[показать]
С помощью сервиса JPEGmini можно быстро, удобно, а главное эффективно уменьшить размер картинки (изображения). Для этого даже не понадобится, что-то там настраивать.
Сервис работает на «автомате», при этом демонстрирует высокую эффективность. Некоторые изображения JPEGmini способен уменьшить на 80% без заметной на глаз потери качества.
Похожие статьи:
P.S. Лишь СПАСИБО? Так избито... Кнопку жми! И будем квиты :)
[449x172] [500x82] [500x138]смотрим далее |
