December 22nd, 2010

зеркало

ЗАПИСЬ -1. Копия обращения к гостям.

  ТЕКСТЫ  HTML.  Образцы и примеры.


++++++++++++++++
Трек-бар
<input ... >
вставиьть обработчик события
   ...............
<input ... >
    ..............







   
       
       
            <input ... >
            <input ... >
       
   


++++++++++++++++
Ссылка спрятана за картинкой.  КОД::

<a href="http://clubs.ya.ru/4611686018427452447/" target="_blank"><img src="http://img-fotki.yandex.ru/get/4406/bunilin.5e/0_85c86_8d7b9487_M.jpg" width="100" height="100" title="УХ ТЫ!" alt=" УХ ТЫ!" border="0"/></a>


                     РЕЗУЛЬТАТ:
УХ ТЫ!
 
...текст под картинкой...
 


+++++++++++++++++
Обтекание картинки текстом.  КОД:

<span style="FLOAT: right; MARGIN: 0px 10px 10px 10px; WIDTH: 280px; CURSOR: hand; HEIGHT: 280px" alt=""><span style="font-family: Arial,sans-serif; font-size: 14px;">.......Т Е К С Т......</span></span>


++++++

Этот текст будет расположен над картинкой и сдвинут влево.





Этот текст крупный и раположен справа от картинки.


Этот текст находится под картинкой и сдвинут влево.

+++++код вставки фото из альбома Яндекса
<p><a href="http://fotki.yandex.ru/users/taj5555/view/283239/"><img src="http://img-fotki.yandex.ru/get/5602/taj5555.15/0_45267_f22de4b4_XS.jpg" alt="" border="0" height="50" width="50"></a></p>


+++++???Текст ссылки на файл на Народе2:

<"http://taj5555.narod2.yandex.ru/podarki/SHpionskaya_kepka.jpg">



+++++???

</strong><div class="cut-content"><strong><a href="http://taj5555.narod2.yandex.ru/podarki/SHpionskaya_kepka.jpg><img src=">

+++++Загрузка картинки с Народ2. Текст:
http://taj5555.narod2.yandex.ru/podarki/SHpionskaya_kepka.jpg
Результат:
<a href="http://taj5555.ya.ru/posts.xml?tag=9288347">Запись 1 -  Моменты истины, наблюдения и догадки.</a>
 
Результат:
Запись 1 -  Моменты истины, наблюдения и догадки.

+++++Цвет текста. Текст:
<span style="color: #ff0000;">..т е к с т ...</span>     (красный)

Результат:
..т е к с т ...(красный)

+++++Размер и тип  шрифта.
<div style="font-family: Arial,sans-serif; font-size: 24px;">Текст заданного размера ....</div>
Результат:
Текст заданного размера ....


+++++++++++++
Подсказка по наведению мышки. Текст:
<strong title="Тут пишем текст подсказки. Как видите - в кавычках">Привет!</strong></span>
Привет!
Результат:

................................................

???


Сразу предупреждаю - лучше всего смотрится на FireFox3.5++, остальные что то не дорабатывают. Про ИЕ вообще молчу - он не умеет ибо не поддерживает графику на браузере

..........................

КНОПКА ОТКРЫВАЮЩАЯ ССЫЛКУ


     
Кто ушел на фронт


"
надпись на кнопке
"
Ссылка обнимает некий объект DIV, который настраивается на выдачу надписи , сам при этом одевается симпатично..
   1. padding:5px 10px; - ширина поля вокруг текста
   2. border:1px black solid; - граница 1 пиксельная черная
   3. width:10em; - ширина 10 относительных единиц
   4. background:#ffe; - цвет фона
   5. text-align:center; - заставляет текст центрироваться
   6. -moz-border-radius: 5px; - радиус закругления
   7. -moz-box-shadow: 3px 3px 5px silver; - тень серая
Последние два свойства исполняются только в браузерах Моззилы. Для Сафари и Хромика - нужно использовать теже свойства но с префиксом -webkit вместо -moz Ну и надпись внутри Все вроде.
Отсюда:  http://clubs.ya.ru/4611686018427434017/replies.xml?item_no=205

...................................................

читать дальше


++++++++++++++++

        РОЯЛЬ. Одна минута после смерти.   3 минуты


<param name="scale" value="noscale">..................<embed src="http://static.video.yandex.ru/lite-audio/andreznar/5fsk0vqet4.1202/" type="application/x-shockwave-flash" allowfullscreen="true" scale="noscale" height="72" width="300">



..................


+++++++++++++++++

        САКСОФОН  Fausto Papetti              50 мин. 

<object height="72" width="300"><param name="video" value="http://static.video.yandex.ru/lite-audio/andreznar/wit30dx76v.1505/"><param name="allowFullScreen" value="true"><param name="scale" value="noscale"><embed src="http://static.video.yandex.ru/lite-audio/andreznar/wit30dx76v.1505/" type="application/x-shockwave-flash" allowfullscreen="true" scale="noscale" height="72" width="300"></object>

..................

                           



+++++++++++++++

............ ROCK-N-ROLL 73 мин.


<div class="b-text"><img src="http://s17.rimg.info/682eec855cd6a73cb5390982172a3e44.gif" alt=""><img src="http://s17.rimg.info/682eec855cd6a73cb5390982172a3e44.gif" alt=""><p><img src="http://s7.rimg.info/ea1ea45e4d66c7f910f0fe5100fb33cb.gif" alt="" height="86" width="48"><embed type="application/x-shockwave-flash" src="http://static.video.yandex.ru/lite-audio/andreznar/6kvablypsn.1104/" scale="noscale" height="72" width="300"><img src="http://s7.rimg.info/ea1ea45e4d66c7f910f0fe5100fb33cb.gif" alt="" height="83" width="50"></p><p><img src="http://s2.rimg.info/4914a145aa7979b2936f836df084f451.gif" alt="" height="14" width="394"></p></div><div class="b-text"> 




++++++++++++++++

Речная прохлада.