http://natalya84i.blogspot.com/2010/07/html_9048.html
http://natalya84i.blogspot.com
Для того, чтобы сделать фон для записи, необходимо воспользоваться следующей формулой:
|
|
В этот код нам нужно подставить прямую ссылку на фоновое изображение, и у Вас получится запись с фоном, как у меня.
Если в коде изменить тег background на bgcolor="код цвета или его буквенное написание", то получим запись на цветном фоне. Полный код можете взять отсюда:
| <table border="0" cellspacing="8" cellpadding="0" width="100%" bgcolor="yellow"><tbody><tr><td><CENTER> <span style="font-family:Arial; color:black;font-size:12px">ВАШ ТЕКСТ</span> </CENTER></td></tr></tbody></table> |
Чтобы сделать картинку кликабельной, т.е. чтобы при нажатии на картинку открывалась та или иная ссылка воспользуемся следующей формулой:
<a href="АДРЕС СТРАНИЦЫ"><img src="АДРЕС КАРТИНКИ"></a>
Чтобы ссылка открывалась в новом окне, добавим сочетание target="_blank":
<a href="АДРЕС СТРАНИЦЫ" target="_blank">ВАШ ТЕКСТ</a>
Чтобы сделать картинку интерактивной, т.е. чтобы она открывалась в новом окне, идем в поиск Яндекса или в любом другом месте ищем нужную картинку и копируем ее адрес. Это будет URL1. Берем адрес этой же картинки в меньшем размере (или другую, это зависит от задумки автора) - URL2.
Подставляем значения в следующий код HTML:
<a href="URL1" target="_blank"><img src="URL2" ></a>
Вот что получится:

2 способ (самый простой)
1. Нужное нам изображение загружаем на Радикал.
2. копируем седьмую строчку и вставляем в свое сообщение в режиме HTML.
Вот что получилось. (на этой скриншоте объяснения для наглядности):
[показать]
3 способ
Уменьшаем размеры изображения при помощи тегов <width>(ширина) и <height>(высота), соблюдая пропорции картинки.
<a href="URL1" target="_blank"><img src="URL2" width="" height="" ></a>
http://natalya84i.blogspot.com
Как написать текст на картинке... Воспользуемся формулой:
.
1.Адрес картинки - это в Радикале код
2.В значения width и height ставятся размеры картинки
(их можно узнать из пункта “Свойства” вашей картинки, нажав правую мышку, либо в том же Радикале)
[показать]
3.font-family - шрифт,
4.color - цвет текста,
5.font-size - размер.
Если вы хотите, чтобы Ваш текст располагался не точно посередине картинке, а ниже, то перед Вашим текстом поставьте тег <br/> столько раз, на сколько строк хотите его опустить.
|
Это интересно! |
||
Класс!В Мой Мир
http://natalya84i.blogspot.com/2010/07/tabler.html
Для оформления дневника можно создавать записи с прокруткой. Они занимают меньше места и выглядят достаточно оригинально. Самая простая запись с прокруткой, или как он еще называется "скроллбаром" выглядит следующим образом:
[300x260]
Готовые рамочки с прокруткой можете взять здесь
Существуют сервисы, которые позволяют находить изображения по заданному образцу. Эти сервисы распознают лица, и Вы можете, например, найти фотографии похожих людей.
Один из них – это PHOTODATE.ru. Он берет фотографии с сайтов знакомств. Не обязательно загружать фотографии с высоким разрешением - 0,3-1,0Mpx будет вполне достаточно, т.е. снимка, сделанного на мобильный.
Еще один сервис - Picollator.ru. Однако для адекватного подбора фотографии похожего лица нужно, чтобы изображение лица было не менее 240х240 пикселей и желательно строго в анфас.
Labs.ideeinc.com осуществляет подбор картинок по образцу, цвету, тегу (или метки) и по загруженной на сервис картинки. Ограничение для загрузки изображения – его вес не должен превышать 1 Mb.
Подбор по цвету: Подбор по тегу:
Similar-images.googlelabs.com – сервис на английском языке от Google Labs. Нужно найти фотографию, например, известного актера или любое другое изображение и под найденной картинкой кликнуть по "Similar images" (Похожие изображения).
alipr.com – еще один англоязычный сервис для поиска похожих изображений. После загрузки на сервис, нужно кликнуть по нужному тегу, по которому будут искать картинку, и сервис тотчас предоставит для вас серию изображений.
picollator.ru – и наконец, русскоязычный сервис поиска картинок. Необходима регистрация.
RSS – это удобный способ получать самые свежие новости сайта или блога. Вместо того, чтобы ежедневно посещать любимые сайты, вы получите новые статьи в специальном формате. Читать эти новости можно, используя браузер или при помощи специальных сервисов, которые называются RSS-агрегаторами. К таким сервисам относятся Google Reader, Яндекс.Лента.
Как подписаться на RSS сайта?
Подписаться на RSS можно, нажав на кнопочку сайта, который вы читаете следующего вида:
[показать]
[показать]
и их все возможные вариации.
Если RSS-канал “зажжен через сервис Feedburner, то подписаться на него, можно, нажав на кнопочку вида:
Если Вы хотите получать информацию на через подписки в Яндексе, то вам нужно подтвердить подписку, пройдя по кнопке –>
Для этого нужно иметь лишь почту на Яндексе. Второй способ подписки через Яндекс -
зайдите в свою почту на Яндексе, нажмите на кнопку добавить во вкладке “подписки” и введите адрес сайта, который хотите читать:
Для подписки через Google Reader необходима регистрация в Google. Зайдите на Google Reader, нажмите на кнопкуи введите адрес RSS-канала или адрес сайта или блога:
Как установить кнопочки RSS в свой блог?
Во-первых, нужно знать адрес RSS своего блога.
Лучше “зажечь свой feed” через feedburner.com, и вы получите новый адрес RSS подписки для своего блога, а также статистику подписчиков и некоторые другие услуги сервиса совершенно бесплатно. Однако, если этого не делать, то у каждого блога есть стандартный RSS-адрес:
- для блогов на blogspot он выглядит так: http://***.blogspot/feeds/posts/default . Вместо звездочек подставляйте адрес своего сайта . На примере моего блога этот адрес выглядет бы так, если бы я его не заменила в feedburner –> http://natalya84i.blogspot/feeds/posts/default
- для блогов ya.ru адрес RSS - http://***.ya.ru/rss/posts.xml
- для блогов mail.ru RSS-адрес такой –>http://blogs.mail.ru/mail/***/?rss=1 . Здесь вместо *** подставляем свое имя с mail.ru или берем значение *** из адреса блога - http://blogs.mail.ru/list/***/
- для LiveInternet адрес RSS - http://www.liveinternet.ru/users/***/rss/ . Вместо звездочек подставляем цифры из адреса вашего блога.
-
Чтобы изменить размеры изображения воспользуемся тегами widht и height , где widht - это ширина, а height - высота изображения в пикселях. Подставляем значения в следующую формулу:
<img src="URL изображения" widht="ширина" height="высота">
При этом необходимо помнить, что изменяя размеры изображения, нужно сохранить его первоначальные пропорции.
Чтобы быстро перенести изображение с любого сайта к себе не страницу, не обязательно сохранять его у себя на компьютере. Достаточно знать его прямую ссылку.
Вот алгоритм действий:
1. Щелчок правой кнопкой мышки по картинке;
2. Выбираем графу "Копировать адрес изображения":
[показать]
или если такой строки нет, то выбираем последнюю строчку "Свойства изображения" и в открывшемся окне копируем адрес изображения:
[показать]
3. Вставляем ссылку в следующий код:
<img src="Ссылка на изображение">
http://natalya84i.blogspot.com
Текст cправа, изображение слева. Для того, чтобы получилось такое обтекание, нужно подставить тег align="left" , значения же vspace="Х" hspace="Х" задают расстояние между картинкой и текстом по горизонтали и вертикали соответственно. В результате получится формула следующего вида:
<img src="URL изображения" align="left" vspace="10" hspace="10"> Подставляйте в нее свои значения и у вас получится примерно так, как у меня.
[показать] Текст слева, картинка справа.
Подставляем значения в такую же формулу, лишь с тем отличием, что теперь указываем align="right", что и будет означать расположение изображения справа относительно от текста: <img src="URL изображения" align="left" vspace="10" hspace="10">
Разрыв текста картинкой,
[показать] или расположение изображения в центре текста
Для этого подставляем ссылку на изображение в следующую формулу:
Ваш текст до картинки <img src="URL адрес картинки" Ваш текст после картинки.
align="middle" border="0"> .
[показать]
[показать] Чтобы написать текст между двумя картинками, нужно подставить значения в следующий код: <IMG ALIGN="LEFT" VALIGN="MIDDLE" SRC="адрес
картинки" ALT="комментарий"> <IMG ALIGN="RIGHT" VALIGN="MIDDLE" SRC="адрес картинки" ALT="комментарий"> Текст между картинками
http://natalya84i.blogspot.com
<a href="АДРЕС СТРАНИЦЫ"> Ваш текст </a> - Шпаргалка по HTML для блоггера;
<a href="АДРЕС СТРАНИЦЫ" target="_blank">текст</a> - Шпаргалка по HTML для блоггера (откроется в новом окне);
<a href="АДРЕС СТРАНИЦЫ" target=_blank title="Пояснительный текст"><img src="URL картинки"></a> -
где title="Шпаргалка по HTML для блоггера" - всплывающая подсказка.
<a href="АДРЕС СТРАНИЦЫ" style="text-decoration: none;">Ваш текст</a>
Пример: Азбука блоггера
<a href="АДРЕС СТРАНИЦЫ" style="font-family:Monotype Corsiva;color:green;font-size:25px">Ваш текст</a>
Пример: Ваш текст
1. точками:
Ваш текст
Код: <a style="text-decoration: none; border-top;border-width:thin;border-style:dotted ;color:blue" href="АДРЕС СТРАНИЦЫ">Ваш текст</a>
2. пунктиром:
Ваш текст
код: <a style="text-decoration: none; border-bottom;border-width:medium;border-style:dashed;color:blue" href="АДРЕС СТРАНИЦЫ">Ваш текст</a>
3. трехмерная вдавленная:
Ваш текст
Код:<a style="text-decoration: none; border-top;border-width:thick;border-style:groove;border-color:green" href="АДРЕС СТРАНИЦЫ">Ваш текст</a>
4. Таким же образом можно задать и остальные рамки: сплошной чертой (solid), двойной (double), трехмерная выпуклая (ridge), трехмерная ступенька вверх (inset), трехмерная ступенька вниз (outset), изменяя параметр border-style
5. Ссылка в разноцветной рамке:
| Ваш текст |
Код:
1. Ссылка
ссылка:http://igrushki1.blogspot.com/2010/10/blog-post_3566.html
Для работы вам необходимо иметь:
1. Лист терморансферной бумаги (расшифрую ниже)
2. Принтер
3. Линейка
4. Канцелярский нож
5. Атласная лента шириной 15-20мм
6. Утюи гладильная доска
7.Кусочек х/б ткани
Сложность по пятибальной шкале -1
1. Для начала немного о том, что такое термотрансферная бумага (Transfer Paper ). Бумага состоит из двух слоев: первый-сама бумага на которую наносится краска из принтера, второй-защитный, который снимается после термообработки. Такая ткань дает возможность переносить любое печатное изображение на ткань. Существует два основных типа бумаги: первый- дает возможность переносить изображение только на белую и светлую ткань, второй- на любую другую, в том числе и черную. В этом мастер-классе я использую первый вариант, так как цвет моих лент имеет пастельные оттенки. Работа с двумя вариантами немного отличается, и это описание применимо только к этому варианту. Я использую бумагу известного производителя Lomond, вы встречались с ней наверняка. Возможно видели и конкретно эту бумагу, но не понимали зачем она нужна:-)
Вот так выглядит обложка термотрансферной бумажки переводимой на белую ткань
[показать]
А вот так переводимой на черную
Такой продукт производит не только Lomond, и допускаю варианты использования бумаги других производителей.
2. Первое, что мы делаем, после того, как разобрались с бумагой - это печатаем изображение на нее. Естественно главное не перепутать на какую сторону-это важно!
И еще один важный момент при использовании бумаги для светлой ткани, изображение обязательно должно быть напечатано зеркально. Вот как то так.
[показать]
[показать]
3. Вот несколько изображение, которые вы сможете распечатав на лист формата А4, получить заготовки для этикеток, извещающих о том, что ваше изделие исключительно ручной работы:-)
4. Распечатанные этикетки разрезаем
5. Вам понадобится атласная лента шириной 15-20мм
6. Разрезанные этикетки лицом вниз укладываем на ленту.
7. И закрыв их хлопчатобумажной тканью проглаживаем утюгом, примрно минуты две. Это необходимо для того что бы этикетки немного прикрепились к ленте. Весь процесс приклейки утюгом этикеток лучше делать в помещении, где можно затем открыть окошко.
8. Ткань убираем и проглаживаем еще минут пять
9. Перевнув ленту лицом вниз утюжим ее еще пару минут
10. Ждем пока вся красота пол минутки остывает и аккуратно отрываем защитный слой
11. Этикетки можно сразу разрезать. А можно оставить так. Я храню ленты как то так, и обрезая нужную этикетку, зажигалкой обрабатываю край.
Методом "научного тыка", выбрала для своих Тильд такие тапочки, может быть кому-нибудь пригодиться. Делюсь опытом.
Китайский веер
Мелкий МК, ну так просто. мало ли может пригодиться.
Китайский веер.
Потребуется
1. картинка веера (но можно в принципе и самим нарисовать)
2. клей
3. зубочистки или шпашки
4. краски
5. тонкий нож, скальпель и ножницы
Несложный процесс:
Итак. находим картинки (в нете полно вееров китайских)
распечатываем картинку нужного размера. для одного веера 2 картинки. и отрезаем нижнюю часть где нарисованы или сфотографированы палочки.
[569x350]
Предлагаю вашему вниманию МК по завязыванию микро-бантика для наших красавиц:
Изготовление кукольного домика....МК..
ещё много чего интересного есть
Вот еще такой маленький домик удалось смастерить в детский садик. Основной материал - это пенополистирол.
Доброго времени суток, мои дорогие рукодельницы. Буквально несколько минут назад обнаружила интересный мастер - класс. Это вовсе не куколка или зверик, это - кукольный диван! Я как увидела, то сразу решила поделиться своей находочкой с Вами! Уверена, этот диванчик придется по душе многим из Вас!
Эти диванчики дело рук rudolfi ,и по ее словам, она не шьет кукол, не умеет, Вы поверите в это? Глядя на ее диванчики, этого никогда не скажешь!
Ну, а теперь сам мастер - класс во всех подробностях! Оставляю его без изменений, добы не обидеть автора!
Интерьер в деревенском стиле.