FAQ: HTML - Графика (рамочки, кнопки, прокрутка текста)

 

Работаем с графикой

Чтобы превратить изображение в ссылку: Синтаксис: <A class=link_main title="Дневник испанок" href="http://www.liveinternet.ru/users/697649 target="_blank" ><img src=bab.gif BORDER="0"></A> Если нужно просто дать пояснение к своей картинке, то для того, чтобы получить всплывающую строку, нужно вписать тэг ALT="Пояснение" Синтаксис: <img src=kam.gif ALT="По-моему, это камелия" > Изображение-ссылка, открывающаяся в новом окне: Синтаксис: <a href="1.html" target="_blank"><img src="okno.gif" border=0></img></a>

Читать далее...

Яндекс-фотки. Вставляем фотографии в пост.

Название поста далось с трудом.
В общем, фотографии на яндекс-фотки мы загружать научились (ЗдЕсЬ), научились делать плейлисты... Теперь будем учиться делать посты с этими загруженными фотографиями.

Итак, грузим фотографии. Загрузили... Теперь нам надо получить код картинок для поста. Есть несколько способов. Опишу 2.

Способ Первый, простейший.
Способ-то простейший, но, к сожалению, не самый красивый пост выйдет, да и не самый удобный...

Идем в "Мои альбомы", выбираем альбом, в который загрузили фотографии, тыкаем кнопку "Получить код":


Дальше > > >

Список параметров Youtube

Список параметров Youtube

Когда берете свое видео с Youtube можно вставить плеер таким образом, что бы убрать название, скроллбар, автозапуск, похожие видео и т.п.

Для этого надо знать какие параметры из кода ролика надо убрать или поставить.

Читать дальше > > >

А не пора ли докупить памяти?:)





my.ya.ru

Коды для оформления блога.

Коды для оформления блога Окошко для кода - Рамочка вокруг текста - Рамочка вокруг текста (разрыв слева) - Рамочка вокруг текста (разрыв справа) - Картинки в записи Картинка слева от текста - Картинка справа от текста - Картинки по бокам текста - Картинки в ряд: 2 картинки -

Читать далее...

Волшебный тег MARQUEE - заставь буквы двигаться

1. <MARQUEE>Ваш текст</MARQUEE>

Вот так!

2. <MARQUEE style="HEIGHT: 50px" direction=up>Ваш текст</MARQUEE>

или так

3. <MARQUEE style="HEIGHT: 50px" direction=down>Ваш текст</MARQUEE>

ну и вот так

4. <MARQUEE style="WIDTH: 200px" direction=right>Ваш текст</MARQUEE>

или даже так

5. <MARQUEE style="WIDTH: 200px" direction=left>Ваш текст</MARQUEE>

а уж так!

6. <MARQUEE style="WIDTH: 200px" behavior=alternate>Ваш текст</MARQUEE>

и так можем

Переменные:
HEIGHT высота "окошка", в котором двигается текст;
WIDTH расстояние, на которое перемещается текст.

Можно ли уменьшить скорость прокрутки при использовании тега marquee?
Так вот, для этого необходимо в открывающий тег добавить параметр scrollamount="Х", где Х — скорость прокрутки от 1 до 9.
Результат будет выглядеть так:

<MARQUEE style="WIDTH: 200px" direction=right scrollamount="Х">

---

Тег <marquee> заставляет двигаться не только текст, но всё, к чему он относится.
Пример:

Синтаксис: <MARQUEE><img src="_АДРЕС_ВАШЕЙ_КАРТИНКИ_"></MARQUEE>

 

Сделать слайд-шоу

Если Вы хотите сделать слайд-шоу, а не убирать картинки (фотографии) под кат, то просто воспользуйтесь приведёнными в таблице кодами.

Движение снизу вверх	<marquee style="HEIGHT: 100px" direction="up" scrollamount="5">Движение снизу вверх</marquee>
Движение сверху вниз	<marquee style="HEIGHT: 100px" direction="down" scrollamount="5">Движение сверху вниз</marquee>
Движение справа налево	<marquee style="WIDTH: 100px" direction="left" scrollamount="5">Движение справа налево</marquee>
Движение слева направо	<marquee style="WIDTH: 100px" direction="right" scrollamount="5">Движение слева направо </marquee>

Порядок действий:

1. Загрузите нужное количество картинок на сервер

2. Определитесь с направление и добавляйте код.

Картинки должны быть внутри кода вместо слова Движение!!! То есть получается, что первая половина кода стоит перед картинками, а вторая после картинок, а вместо слов ДВИЖЕНИЕ СЛЕВА НАПРАВО - картинки.

100рх – это размер окна, в котором будет показано шоу, поменяв это значение на нужное Вам, Вы получите подходящий размер окна.

scrollamount="5" - поменяв цифру 5 на другую Вы измените скорость движения.

Так же эти коды можно и использовать для текста - Замените слова ДВИЖЕНИЕ - на Ваш текст и он начнёт двигаться так же как и картинки в нужном Вам направлении

Если что-то осталось не понятно - пишите в комментах попробую объяснить подробней.

Примеры:

Движение снизу вверх


Движение сверху вниз


Движение справа налево


Движение слева направо

Генератор картинок

Генератор картинок Напишите текст на анимированной картинке.
Быстро, удобно и совершенно бесплатно.


http://reddodo.com/ru/generator.php?d=28

http://reddodo.com/ru/generator.php?d=6

http://blogs.mail.ru/mail/asteri80/39B1A7A8B8AD67D4.html

Делаем бегущую строку не возясь с кодами. Flash генератор бегущей строки.

Делаем бегущую строку не возясь с кодами. Flash генератор бегущей строки.

Всем привет! Спешу поделиться с вами моим очередным творением во флеш
Смысл флешки,- получить бегущую строку не уча ( не зная) коды. Например такую:
Пррривет!!!

Короче говоря, вот сама флешка:




Читать дальше > > > > >

Ваша картинка с надписью и в рамке.Урок.




Весь урок внутри,жми