КАК СДЕЛАТЬ БАHНЕР САЙТА?           

На этой странице мы поговорим о том, как сделать виджет для сайта.                                                                                            Как получить баннер сайта?                                                             1. Скачиваем программу Banner Maker Pro. Программа есть на сайте, очень простая, на русском и бесплатно. Разобраться не составит труда.                                                                                               2. С помощью программы создаем сам банер (или просто кнопку). Так-же с помощью программы сгенерируем код полученого баннера. Получится что-то типа этого--   <a href="http://prograham.jimdo.com" target=_blank><img src="http://www.yapfiles.ru/files/916092/prograham.gif" border="0" title="сайт-prograham.jimdo.com " width=88 height=31></a>    Теперь Вам надо полученую картинку баннера сохранить где-либо на компе а полученый код сохранить к примеру Офисом. Вот теперь Вам нужно загрузить картинку баннера на хостинг- например СЮДА (не сложно,разберетесь) и получить прямую ссылку                                                                                                                                3.Теперь давайте разберем данный код более детально.   <a href="http://здесь вписываете адресс своего сайта" target=_blank><img src="http://здесь вписываете ссылку с хостинга" border="0" title="здесь всплывающая подсказка(можно не писать ничего)" width=88 height=31></a>     Цифры 88 и 31 это ширина и высота баннера. Вот и все-дерзайте.                                            

получится примерно так, только с Вашей картинкой


                КАК ПОСТАВИТЬ КАРТИНКУ ПО ЦЕНТРУ?

Ну это совсем просто. В начале HTML-кода дописываете <center> а в самом конце кода </center>  Вот и все.

КАК СОЗДАТЬ КАРТИНКУ-ССЫЛКУ С ВСПЛЫВАЮЩЕЙ ПОДСКАЗКОЙ?

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


Адрес страницы куда будет вести ссылка


Прямая ссылка на вашу картинку


Надпись при наведении курсора на картинку
(Тег TITLE)



Ширина вашей картинки


Высота картинки








ЧАСЫ ДЛЯ САЙТА

Такие как здесь-на сайте. Показывают не время компьютера (как практически все часики) , а точное.

код часов

<iframe scrolling="no" frameborder="no" style="overflow:hidden;border:0;margin:0;padding:0;width: 160px;height:160px;" src=

    "http://www.clocklink.com/html5embed.php?     clock=019&amp;timezone=Ukraine_Kiev&amp;color=red&amp;size=    160&amp;Title=&amp;Message=&amp;Target=&amp;From=  2014,1,1,0,0,0&amp;Color=red"></iframe>

БЕГУЩАЯ СТРОКА-ССЫЛКА НА ФОНЕ

код бегущей строки-ссылки

<h2>

        <marquee behavior="scroll" bgcolor="aqua" direction="left" height="50" loop="infinite" width="500"><a target="_blank" href="http://здесь пишете адрес ссылки">здесьпишем то,что будет отображаться в строке</a>

        а здесь подсказка(можно не писать)</marquee>

    </h2>

Цифры 50 и 500 - высота и ширина

КАК СДЕЛАТЬ СЛОВО ССЫЛКОЙ?

код    <a href="адрес страницы"> текст ссылки</a>


                         РИСУЕМ КНОПОЧКИ ДЛЯ САЙТА              

Самая простая кнопочка выглядит так                                        <button onclick="window.open('http://prograham.jimdo.com')">кнопочка</button>   

Эта кнопочка немного посложнее, но она и универсальнее         <button onclick="window.open ('http://prograham.jimdo.com/фото/')"><span style="padding:70px;"><span style="color: #0000ff;"><span style="font-size:10pt;">ФОТО</span></span></button>

Если Вы хотите иметь несколько кнопок в ряд, просто вставте несколько кодов подряд. Раздвинуть их между собой можно пробелами. Красным цветом выделена страница перехода             #0000ff - цвет надписи                                                                      70px - длина кнопки                                                                    10pt - высота                                                                                 Для начала подберите размер и цвет в редакторе HTML          

Здесь можно отредактировать код HTML и посмотреть, что из этого получилось. 

Если Вам понравилась страница - поделитесь с друзьями:

Оставить комментарий

Комментарии: 0