• Авторизация


Фон для записи... 21-05-2011 23:13

Это цитата сообщения милена70 Оригинальное сообщение

Фон для записи...

http://natalya84i.blogspot.com/2010/07/html_9048.html

 http://natalya84i.blogspot.com

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

<table border="0" cellspacing="8" cellpadding="0" width="100%"background="Адрес фона"><tbody><tr><td><CENTER> <span style="font-family:Arial; color:black; font-size:12px"> ВАШ ТЕКСТ </span> </CENTER></td></tr></tbody></table>

   В этот код нам нужно подставить прямую ссылку на фоновое изображение, и у Вас получится запись с фоном, как у меня.
   Если в коде изменить тег 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>


 
комментарии: 0 понравилось! вверх^ к полной версии
Интерактивное изображение.. 21-05-2011 23:12

Это цитата сообщения милена70 Оригинальное сообщение

Интерактивное изображение...

  Чтобы сделать картинку кликабельной, т.е. чтобы при нажатии на картинку открывалась та или иная ссылка воспользуемся следующей формулой:
<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

комментарии: 0 понравилось! вверх^ к полной версии

Как написать на картинке без фотошопа. 21-05-2011 23:11

Это цитата сообщения милена70 Оригинальное сообщение

Как написать на картинке без фотошопа...

  Как написать текст на картинке... Воспользуемся формулой:
.
1.Адрес картинки - это в Радикале код
2.В значения width и height ставятся размеры картинки
(их можно узнать из пункта “Свойства” вашей картинки, нажав правую мышку, либо в том же Радикале)
[показать]
3.font-family - шрифт,
4.color - цвет текста,
5.font-size - размер.

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

 







Это интересно!
   
   
 
   
 
 

Класс!В Мой Мир
http://natalya84i.blogspot.com/2010/07/tabler.html

комментарии: 0 понравилось! вверх^ к полной версии
Сообщение с прокруткой.. 21-05-2011 23:11

Это цитата сообщения милена70 Оригинальное сообщение

Сообщение с прокруткой...

   Для оформления дневника можно создавать записи с прокруткой. Они занимают меньше места и выглядят достаточно оригинально. Самая простая запись с прокруткой, или как он еще называется "скроллбаром" выглядит следующим образом:
[300x260]


Код №1
<div style="overflow:scroll;scrollbar-arrow-color:#000000;scrollbar-base-color: #228B22; position: width:99%;height:280px;background-image:url(' URL ');top:5px;text-align:left;text-indent:5pt">Ваш текст</div> ,

где div - задает границы блока через переменные width и height, которые могут измеряться как в процентах по отношению к экрану или в пикселях.
style="overflow:auto может принимать следующие значения:
-auto означает, что скроллбар (вертикальная полоса) появляется автоматически при превышении размера текста над заданными значениями блока, или рамки.
-scroll - полоса прокрутки обязательна независимо от размеров текста вертикальная и горизонтальная.
-visible - отображается весь блок;
-hidden - не влезающая часть текста будет скрыта.
теперь рассмотрим параметры самого скроллбара:
scrollbar-face-color - это цвет передней стороны панели прокрутки
scrollbar-track-color - это цвет полосы, по которой "ходит" панель прокрутки.
scrollbar-arrow-color - это цвет треугольника на верхнем и нижнем квадратах.
scrollbar-shadow-color - это цвет нижней и правой граней панели прокрутки.
scrollbar-darkshadow-color - это цвет тени от панели прокрутки.
scrollbar-highlight-color - это цвет верхней и левой граней панели прокрутки
scrollbar-3dlight-color - это цвет отсвета.
Отражать можно не все параметры полосы прокрутки/
Подставив в код №1 вместо 'URL ' прямую ссылку на изображение (первая строчка в Радикале или ее можно узнать в свойствах изображения (подробнее можно прочитать здесь), Ваша запись будет отображена на фоне с полосой прокрутки.
Если перед кодом №1 поставить код изображения, заданным значением обтекания текстом картинки слева,

то получим сообщение следующего вида.

Оно выглядит более интересно

Эта запись будет иметь код №2 :

Код №2
<img src="http://www.kom-snab.ru/templates/komsnab/images/phone.jpg" width="56" height="56" align="left" /><div style="overflow:auto;scrollbar-arrow-color:#000000;scrollbar-base-color: #228B22; position: width:99%;height:280px;background-image:url(' URL ');top:5px;text-align:left;text-indent:5pt">Ваш текст</div>


Готовые рамочки с прокруткой можете взять здесь

http://natalya84i.blogspot.com/2010/09/blog-post_22.html

комментарии: 0 понравилось! вверх^ к полной версии
Поиск похожих картинок... 21-05-2011 23:10

Это цитата сообщения милена70 Оригинальное сообщение

Поиск похожих картинок...

  Существуют сервисы, которые позволяют находить изображения по заданному образцу. Эти сервисы распознают лица, и Вы можете, например, найти фотографии похожих людей.

   Один из них – это PHOTODATE.ru. Он берет фотографии с сайтов знакомств. Не обязательно загружать фотографии с высоким разрешением - 0,3-1,0Mpx будет вполне достаточно, т.е. снимка, сделанного на мобильный.

  Еще один сервис - Picollator.ru. Однако для адекватного подбора фотографии похожего лица нужно, чтобы изображение лица было не менее 240х240 пикселей и желательно строго в анфас.

Labs.ideeinc.com осуществляет подбор картинок по образцу, цвету, тегу (или метки) и по загруженной на сервис картинки. Ограничение для загрузки изображения – его вес не должен превышать 1 Mb.

Подбор по цвету:                                             Подбор по тегу:

[244x124] [244x121]

Similar-images.googlelabs.com – сервис на английском языке от Google Labs. Нужно найти фотографию, например, известного актера или любое другое изображение и под найденной картинкой кликнуть по "Similar images" (Похожие изображения).

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

picollator.ru – и наконец, русскоязычный сервис поиска картинок. Необходима регистрация.

http://natalya84i.blogspot.com/2011/03/blog-post.html

комментарии: 0 понравилось! вверх^ к полной версии
Как узнать RSS блога?.. 21-05-2011 23:10

Это цитата сообщения милена70 Оригинальное сообщение

Как узнать RSS блога?...

RSS – это удобный способ получать самые свежие новости сайта или блога. Вместо того, чтобы ежедневно посещать любимые сайты, вы получите новые статьи в специальном формате. Читать эти новости можно, используя браузер или при помощи специальных сервисов, которые называются RSS-агрегаторами. К таким сервисам относятся Google Reader, Яндекс.Лента.

Как подписаться на RSS сайта?

Подписаться на RSS можно, нажав на кнопочку сайта, который вы читаете следующего вида:

[показать] [показать]RSS и их все возможные вариации.

Если RSS-канал “зажжен через сервис Feedburner, то подписаться на него, можно, нажав на кнопочку вида:

RSS

Если Вы хотите получать информацию на через подписки в Яндексе, то вам нужно подтвердить подписку, пройдя по кнопке –>

[показать] 

Для этого нужно иметь лишь почту на Яндексе. Второй способ подписки через Яндекс -

зайдите в свою почту на Яндексе, нажмите на кнопку добавить во вкладке “подписки” и введите адрес сайта, который хотите читать:

[244x75]

Для подписки через Google Reader необходима регистрация в Google. Зайдите на Google Reader, нажмите на кнопкуи введите адрес RSS-канала или адрес сайта или блога:

[244x103]

Как установить кнопочки 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/  . Вместо звездочек подставляем цифры из адреса вашего блога.

-

Читать далее...
комментарии: 0 понравилось! вверх^ к полной версии
Как изменить размеры изображения... 21-05-2011 23:09

Это цитата сообщения милена70 Оригинальное сообщение

Как изменить размеры изображения...

 Чтобы изменить размеры изображения воспользуемся тегами widht и height , где widht - это ширина, а height - высота изображения в пикселях. Подставляем значения в следующую формулу: 


   <img src="URL изображения" widht="ширина" height="высота">

    При этом необходимо помнить, что изменяя размеры изображения, нужно сохранить его первоначальные пропорции.

http://natalya84i.blogspot.com/2010/09/blog-post_14.html

комментарии: 0 понравилось! вверх^ к полной версии
Как быстро скопировать изображение... 21-05-2011 23:09

Это цитата сообщения милена70 Оригинальное сообщение

Как быстро скопировать изображение...

 Чтобы быстро перенести изображение с любого сайта к себе не страницу, не обязательно сохранять его у себя на компьютере. Достаточно знать его прямую ссылку.
       Вот алгоритм действий:
1. Щелчок правой кнопкой мышки по картинке;
2. Выбираем графу "Копировать адрес изображения":
[показать]
или если такой строки нет, то выбираем последнюю строчку "Свойства изображения" и в открывшемся окне копируем адрес изображения:
[показать]
3. Вставляем ссылку в следующий код:
<img src="Ссылка на изображение">

http://natalya84i.blogspot.com

комментарии: 0 понравилось! вверх^ к полной версии
Обтекание картинки текстом.. 21-05-2011 23:08

Это цитата сообщения милена70 Оригинальное сообщение

Обтекание картинки текстом...

 Текст 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

комментарии: 0 понравилось! вверх^ к полной версии
Оформление ссылок.. 21-05-2011 23:07

Это цитата сообщения милена70 Оригинальное сообщение

Оформление ссылок...

<a href="АДРЕС СТРАНИЦЫ"> Ваш текст </a> - Шпаргалка по HTML для блоггера;

<a href="АДРЕС СТРАНИЦЫ" target="_blank">текст</a> - Шпаргалка по HTML для блоггера (откроется в новом окне);

<a href="АДРЕС СТРАНИЦЫ" target=_blank title="Пояснительный текст"><img src="URL картинки"></a> -  

[x114]

 где 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. Ссылка

Читать далее...
комментарии: 0 понравилось! вверх^ к полной версии
Костикова Наталья:"Как я делаю этикетки!" 20-05-2011 00:44

Это цитата сообщения pawy Оригинальное сообщение

Костикова Наталья:"Как я делаю этикетки!"

ссылка: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. Этикетки можно сразу разрезать. А можно оставить так. Я храню ленты как то так, и обрезая нужную этикетку, зажигалкой обрабатываю край.

[показать]

Читать далее...
комментарии: 0 понравилось! вверх^ к полной версии
Пару слов о тапочках для Тильды 20-05-2011 00:39

Это цитата сообщения pogtanya Оригинальное сообщение

Пару слов о тапочках для Тильды

Пару слов о тапочках для Тильды от Пилар Елена http://stranamasterov.ru/blog/29512

Методом "научного тыка", выбрала для своих Тильд такие тапочки, может быть кому-нибудь пригодиться. Делюсь опытом.




Читать далее...
комментарии: 2 понравилось! вверх^ к полной версии
Чудесная шляпка из веревки 20-05-2011 00:37

Это цитата сообщения Dama_Madama Оригинальное сообщение

Чудесная шляпка из веревки

[764x573]


Читать далее...
комментарии: 0 понравилось! вверх^ к полной версии
Веер для куклы (МК от Стаси Алескандровой 20-05-2011 00:35

Это цитата сообщения Т_а_М_а_Р_а Оригинальное сообщение

Веер для куклы (МК от Стаси Алескандровой)

 Китайский веер
Мелкий МК, ну так просто. мало ли может пригодиться.
Китайский веер.

Потребуется
1. картинка веера (но можно в принципе и самим нарисовать)
2. клей
3. зубочистки или шпашки
4. краски
5. тонкий нож, скальпель и ножницы

Несложный процесс:
Итак. находим картинки (в нете полно вееров китайских)
распечатываем картинку нужного размера. для одного веера 2 картинки. и отрезаем нижнюю часть где нарисованы или сфотографированы палочки.
[569x350]

Нажмите, чтобы увидеть картинки
комментарии: 0 понравилось! вверх^ к полной версии
МК кукольный бантик 20-05-2011 00:34

Это цитата сообщения Милен_Н Оригинальное сообщение

МК кукольный бантик

Предлагаю вашему вниманию МК по завязыванию микро-бантика для наших красавиц:

  [показать]

Фото-МК
комментарии: 0 понравилось! вверх^ к полной версии
Изготовление кукольного домика....МК 20-05-2011 00:32

Это цитата сообщения Т_у_С_и_Ч_к_А Оригинальное сообщение

Изготовление кукольного домика....МК..

Изготовление кукольного домика....МК..

[500x503]

 

Здесь

ещё много чего интересного есть

комментарии: 0 понравилось! вверх^ к полной версии
Маленький домик 20-05-2011 00:30

Это цитата сообщения pogtanya Оригинальное сообщение

Маленький домик

Вот еще такой маленький домик удалось смастерить в детский садик. Основной материал - это пенополистирол.




2.

комментарии: 1 понравилось! вверх^ к полной версии
Кукольный диванчик, мастер-класс 20-05-2011 00:28

Это цитата сообщения semisvetik1974 Оригинальное сообщение

Кукольный диванчик, мастер-класс.

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

Эти диванчики дело рук rudolfi ,и по ее словам, она не шьет кукол, не умеет, Вы поверите в это? Глядя на ее диванчики, этого никогда не скажешь!

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

Интересно? Читаем дальше!
комментарии: 0 понравилось! вверх^ к полной версии
Интерьер в деревенском стиле (миниатюры 20-05-2011 00:26

Это цитата сообщения Толяна Оригинальное сообщение

Интерьер в деревенском стиле (миниатюры)

Интерьер в деревенском стиле.

[показать]

Читать далее...
комментарии: 1 понравилось! вверх^ к полной версии
Кукольное кресло из картона 20-05-2011 00:24

Это цитата сообщения Толяна Оригинальное сообщение

Кукольное кресло из картона

 

[показать]

 

Читать далее...
комментарии: 0 понравилось! вверх^ к полной версии