Linda (pierrrojj) wrote,
Linda
pierrrojj

ЗАПИСЬ -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"> 




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

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






Tags: html, запись-1, образцы, полигон, примеры
Subscribe
  • Post a new comment

    Error

    default userpic

    Your IP address will be recorded 

    When you submit the form an invisible reCAPTCHA check will be performed.
    You must follow the Privacy Policy and Google Terms of use.
  • 0 comments