Меню Рубрики

Как написать код к презентации в ловади

Как написать код к презентации в ловади

Для начала нам нужно загрузить презентацию на один из хостингов:
http://www.radikal.ru/
http://sevphoto.net/
http://www.imagepost.ru/
Но лично я советую вам загружать свою презентацию на
http://www.radikal.ru/ , где указана ширина и высота нашей презентации после обработки.

Шаг первый.
Код пишется на языке ХТМЛ, в спец. редакторе. Чтобы не морочить голову, можно работать с онлайн-редактором.
Ссылка на него : http://xhtml.ru/instr/html_editor/
Открываем.

Шаг второй. Шаблоны презентаций.
Выделяем весь текст в хтмл-редакторе, удаляем. В зависимости от кол-ва окон есть разные шаблоны, но все строятся по одному принципу.
Шаблоном для презентации с одним окном является след.код:

Для того, чтобы добавить еще окно, следует после тегов

После него, с энтера вставить это :

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

Итак, пояснение по указанному (от `anetta):
` Ссылка на саму картинку тут – вы просто вставляете на место этих слов первую ссылку в фотохостинге. Скобки не стираем, и кстати: ссылка должна прилегать к ним без пробелов.
` Тут ширина картинки – вставляете ширину вашей презентации. Как правило, на странице фотохостинга с вашей картинкой она есть.
` Тут высота картинки – вставляете высоту вашей презентации. Как правило, на странице фотохостинга с вашей картинкой она есть.
` Тут тоже ширина картинки – тоже вставить ширину. Думаю, не обязательно – сама всегда забываю вставить и всё хорошо.
` MARGIN-TOP: **px – на месте звёздочек (И только на месте звёздочек!) ставите желаемое кол-во пикселов, которые требуется отступить от верха – т.е. насколько высоко относительно верха будет расположено окно. Вместо звездочек можно ставить отрицательные числа, если надо поднять окно.
` WIDTH: **px — на месте звёздочек (И только на месте звёздочек!) ставите желаемое кол-во пикселов, которые будут шириной окна.
` HEIGHT: **px — на месте звёздочек (И только на месте звёздочек!) ставите желаемое кол-во пикселов, которые будут высотой окна.
` MARGIN-LEFT: **px — на месте звёздочек (И только на месте звёздочек!) ставите желаемое кол-во пикселов, которые требуется отступить от левой стороны – т.е. насколько далеко относительно левой стороны будет расположено окно.
` Цвет шрифта – коды шрифтов можно найти в интернете. Если не установить код – цвет останется чёрным. Так же можно установить цвет, когда
18:12:18
преза уже заняла своё место на страничке и только ждёт отправки. ХТМЛ-коды всех цветов можно найти тут : http://www.ph4.ru/grafika_colorscale.ph4
` Стиль шрифта – коды шрифтов можно найти в интернете. Если не установить код – шрифт останется обычным. Так же можно установить шрифт, когда преза уже заняла своё место на страничке и только ждёт отправки, хотя выбор не особо велик. Коды шрифтов находим здесь : http://www.mycrib.ru/2010/08/2.html
` Размер шрифта тут – стандартные размеры – 2 и 3.

Тыкабельные кнопки — это отдельные окна. Делают их так :
—чтобы кнопка встала на нужное место, нужно поставить шаблон(см. ниже) между тегами …

и

И вновь разбираем…
` MARGIN-TOP: **px – В место звездочек,пишем количество пикселей на котором будет кнопка относительно верха.
` WIDTH: **px – НИ_ЧЕГО_НЕ_ТРОГАТЬ
` HEIGHT: **px – НИ_ЧЕГО_НЕ_ТРОГАТЬ
` MARGIN-LEFT: **px — на месте звёздочек ставите желаемое кол-во пикселов, которые требуется отступить от левой стороны – т.е. насколько далеко относительно левой стороны будет расположена кнопка.
` Сюда ссылку на страницу – ссылка на страницу, которая при нажатии кнопки будет открываться.
` Сюда ссылку на изображение кнопки – просто ссылка на картинку, кот-рая будет служить кнопкой.—

Вот и все. Скопировали код и вставили. Готово.

Источник статьи: http://vk.com/topic-58101630_28839550

Как сделать презентацию для ловади


Доброе время суток!
Меня зовут Олег. Я опишу как самостоятельно можно сделать презентацию, при этом никаких дополнительных программ на свой компьютер вам устанавливать не придётся!

Как сделать презентацию для ловади?

Чтобы сделать презентацию для Ловади надо:
Отредактировать изображение в фотошопе (он есть в онлайне на главной странице.)

Написать HTML код,и разместить в него изображение.
Для этого можно воспользоваться онлайн HTML — редактором(он так же есть в онлайне на главной странице), для просмотра и редактирования кода.

Делаем презентацию в фотошопе.

Наведите курсор на пример ниже.

Для начала нужно выбрать изображение, которое будет основным фоном презентации. Можно выбрать изображение здесь, или здесь. Для этого надо открыть понравившееся изображение и скопировать ссылку в адресной строке, либо кликнуть по изображению правой клавишей мыши и выбрать — сохранить изображение как. или что то в этом роде.

Открываем фотошоп и загружаем изображение любым, приемлимым для вас, способом.

Делаем HTML код для презентации.

Затем загрузить на радикал, или любой подобный хостинг. Это делается для того, что бы получить ссылку на изображение. Затем создаём таблицу и делаем изображение основным фоном. Главное помните, что ссылка на изображение будет действовать до тех пор — пока изображение находится на том месте, с какого взята ссылка на него. Другими словами если удалить изображение, ссылка останется пустой и ничего не покажет!

Что бы размещать текст, или дополнительные картинки на презентации в нужном месте, нужного размера и стиля — надо написать HTML код (в данном случае это будет таблица) и сделать изображение презентации основным фоном.

Пример таблицы с фоновым изображением:

С помощью HTML можно так же изменить указатель курсора на любую свою картинку .

Так же можно воспользоваться визуальным редактором онлайн. Эта программа похожа на FrontPage от microsoft.

Если не разберётесь, то пишите. Сделаю бесплатно!

Как вставить презентацию на свою страницу.

Чтобы вставить презентацию на свою страницу — зайдите на свою страницу пользователя, нажав на аватар. Он находится в правом верхнем углу.

Затем щелкните по кнопке изменить, в правом верхнем углу поля для презентации.

Выберите «Режим HTML».
Скопируйте код выбранной презентации.

Вставьте код в окно и щелкните по значку под окном «Сохранить презентацию».

Вы так же можете изменять настройки презентации на самой странице. Для этого щелкните по значку «Параметры».

В появившемся окне вы можете изменить высоту своей презентации (от которой будет зависеть наличие вертикальной прокрутки) и ширину презентации (от которой будет зависеть наличие горизонтальной прокрутки).

Потом возвращайтесь в обычный режим и сохраняйте презентацию

Если возникли какие вопросы — обращайтесь.

Источник статьи: http://vob.webservis.ru/index-old9.php

Как сделать презентацию
для ловади HTML.


Доброе время суток!
Меня зовут Олег. Я опишу как самостоятельно можно сделать HTML код для своей презентации в ловади без установки дополнительных программ на свой компьютер!

Делаем презентацию для ловади HTML.

Для начала нужно выбрать изображение, которое будет основным фоном презентации. Можно выбрать изображение здесь, или здесь. Отредактировать в фотошопе (Делаем презентацию в фотошопе.), или в другом графическом редакторе и сохранить в нужном (размер вашей презентации) размере.
Наведите курсор на пример ниже.

Затем загрузить на радикал, или любой подобный хостинг. Это делается для того, что бы получить ссылку на изображение. Затем создаём таблицу и делаем изображение основным фоном. Главное помните, что ссылка на изображение будет действовать до тех пор — пока изображение находится на том месте, с какого взята ссылка на него. Другими словами если удалить изображение, ссылка останется пустой и ничего не покажет!

Что бы размещать текст, или дополнительные картинки на презентации в нужном месте, нужного размера и стиля — надо написать HTML код (в данном случае это будет таблица) и сделать изображение презентации основным фоном.

Пример таблицы с фоновым изображением:

любой текст

Можно воспользоваться онлайн HTML — редактором(он тоже есть в онлайне на главной странице), для просмотра и редактирования кода.
Для этого надо скопировать код, открыть HTML редактор и вставить код в место текста.

Так же можно воспользоваться Визуальным редактором онлайн. Эта программа похожа на FrontPage от microsoft.

С помощью HTML можно так же изменить указатель курсора на любую свою картинку .

Как создать правильно таблицу?

Для создания таблиц используются 3 базовых тэга:
— начало и — конец таблицы.
— (table row — ряд таблицы), начинает и заканчивает горизонтальный ряд ячеек.
— сокращение от (table data — табличные данные). Этот тэг начинает и заканчивает каждую ячейку ряда таблицы.
Ряды ( ) это горизонтальные строки ячеек, а столбцы ( ) — вертикальные столбцы ячеек.
В таблице может быть неограниченное число рядов и столбцов.

ячейка 1
ячейка 2

будет выглядеть в браузере:

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

Источник статьи: http://vob.webservis.ru/index-old11.php

Как написать код к презентации в ловади

Доброго времени суток!
Сегодня я постараюсь Вам внятно объяснить, как делать презентации.
Начнем с простых — просто фон и блок текста (первая картинка).
Для начала открываем HTML — редактор. Я пользуюсь этим: http://xhtml.ru/instr/html_editor/
Теперь копируем туда этот волшебный код (это наша основа):

Эту строчку удалить. Тут начинается код самой прокрутки.

Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст

Эту строчку удалить. Тут заканчивается код прокрутки.

Далее находим понравившуюся нам картинку и копируем ссылку (важно: копировать ссылку не из адресной строки, а : ПКМ (правой кнопкой мыши) по картинке — копировать ссылку на изображение.
Я выбрала такую картинку (2) Вот ссыль:
http://zooland.md/attachments/van-turceasca-jpg.480/
Вставляем ссылку в код (рис 3). Только скобочки оставляем!
Получается вот такая фиговина (рис 4). Не пугайтесь! так и должно быть.
Далее нужно заполнить ширину и высоту изображения (рис 5)
Наугад Вам их ставить не советую — лучше узнать в «Информации об изображении» (рис 6 и 7)
Вставляем эти значения в код, НЕ убирая кавычки (как там и написано)
Теперь удаляем ненужные строчки, где дана информация о прокрутке (текст)

Теперь меня не устраивает текст. Он мешает лицезреть кошку. Надо его сдвинуть!
Теперь придется подставлять значения наугад или исходя из логики.
1) Отступать сверху мне не надо, и так устраевает, поэтому стираю эти скобки, вместе с их содержимым.
2) Сколько отступить слева? Будем подставлять) Мне подошло значение 320
3) Ширина окна. ХМ, можно вычесть из ширины изображения (500) отступленное место (320) = 180
4) Осталась ВЫСОТА. Я хочу, что бы текст был по всей высоте, но не выезжал за пределы, поэтому ставлю высоту изображения (375)

ОК, презентация готова! Простенько, но меня радует, подобные презентации можно использовать для КСК.
Что еще нужно Вам сказать — не называйте просто значения (когда говорите), добавляйте слово «пиксели». 320 пикселей, 21 пиксель. (px) — это своеобразный призыв к грамоте)
И всегда проверяйте презентации — подставляйте себе (у меня так уже одна не влезла — пришлось переделывать)

Источник статьи: http://vk.com/topic-36493222_27742814

—>☆Un-for»get-table☆ —>

Как написать хтмл код к презентации ?

Олечка Дата: Суббота, 28 Апреля 2012, 11.17.26 | Сообщение # 1

Для начала нам нужно загрузить презентацию на один из хостингов:
http://www.radikal.ru/
http://sevphoto.net/
http://www.imagepost.ru/
http://www.image123.net/
и другие.
Но лично я советую вам загружать свою презентацию на http://sevphoto.net/
В http://sevphoto.net/ ширина и высота презентации пишутся сверху вашего изображения .

2.
копируем и вставляем код (расчитан на презентацию с 1 окном)

если вы хотите сделать код с тенью , просто скопируйте данный ниже код :

хтмл код определённых цветов можно посмотреть тут :
http://www.ph4.ru/grafika_colorscale.ph4

Размер же может быть от 1 до 7-ми пикселей . Наиболее подходящий для себя вы можете выбрать сами .
________

3.
если вам нужно сделать презентацию с наибольшим кол-вом окон ,
вы просто на просто , после 1 кода , жмякая enter ДО(внимание , очень важно !)

.

а затем проделываете пункт 2 , только подбирая подходящие критерии для второго окна .
т.е. копируете всё , находящееся ПОСЛЕ

Не забываем , что заключать наш код обязательно должно

. При том эта часть кода должна находиться в презентации только в конце , и только 1 раз (т.е.

— не верно . а

— верно)

Вот и всё , наша презентация готова ;D

кликабельные кнопки /копируем код/

Пишем на месте звездочек. Обозначения:
width-ширина кнопки
height-высота
margin-left-сдвиг от левого края
margin-top-сдвиг от верхнего края

Не забывайте , что между числами и px не должно быть пробела , иначе ничего не получится .

И как изменить стандартный курсор :

или более привычный урок для всех .

Пишем код ХТМЛ к презентации

Здесь я подробно опишу, как сделать код для презентации вручную. Для этого нам понадобится:

1. Пишем в нашем ХТМЛ редакторе следующее:
_


_
*Вместо «здесь вставляем ссылку на презентацию» вы пишете ссылку на презентацию. Для этого нужно загрузить вашу презентацию на один из хостингов: http://www.radikal.ru/, http://ipicture.ru/, http://www.imagepost.ru/, http://www.image123.net/ и другие. Но лично я советую вам загружать свою презентацию на радикал.ру. (точная ссылка дана выше)
*Вместо «здесь ширина презентации» и «здесь высота презентации» вставляете размеры своей презентации. В радикал.ру они пишутся здесь:

Название: ******
Оригинал: 402 x 373 пик., 26 Кб
Результат: 402 x 373 пик., 26 Кб

, где 402 — ширина, 373 — высота. Также размеры своей презентации можно узнать в той программе, в которой вы её делали. Откройте вашу презентацию в программе и нажмите на «изображение» — «размер изображения». И выписываете оттуда данные вашей презентации, её высоту и ширину, и вписываете в хтмл код.

2. В ХТМЛ-редакторе, ниже первого кода пишем такой код:
_



TITLE Text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text

*MARGIN-TOP: 20px; — вместо «20px» пишем количество пикселей, на которое надо отступить от верхнего края.
*WIDTH: 309px; — вместо «309px» пишем ширину окна вашей презентации
*HEIGHT: 450px; — вместо «450px» пишем высоту окна вашей презентации
*MARGIN-LEFT: 460px; — вместо «460px» пишем количество пикселей, на которое надо отступить от левого края.
*FONT color=#000000 — вместо #000000 пишем код цвета шрифта, которым будете писать в окне. Его можно взять тут: http://35rus.ru/htmlcolor.php (код цвета написан справа, после знака #) или же оставить так, как есть, #000000 — чёрный цвет.
*TITLE Text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text — вместо «TITLE Text text. » пишем любой текст, который будет показан в окне, или же оставляем так, как есть.

3. В итоге у нас получился такой код:
_




TITLE Text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text

Этот код рассчитан на презентацию с одним окном. Если вы хотите сделать код к презентации с большим количеством окон, то:

— Если вы хотите добавить ещё одно окно внизу, то пишем вначале такой код:

TITLE Text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text TITLE Text text text text text text text text text text text text text text text text text text text text text text text text text text text text text

TITLE Text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text

TITLE Text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text

TITLE Text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text

Если вы хотите разместить 2 окна рядом, то пишем:

TITLE Text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text

TITLE Text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text

*Тоесть мы 2 раза копируем это:

TITLE Text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text

Если вы хотите сделать 2 окна рядом и одно внизу, то пишем такой код:

TITLE Text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text

TITLE Text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text

TITLE Text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text

Источник статьи: http://unforgettable.do.am/forum/22-21-1


0 0 голоса
Article Rating
Подписаться
Уведомить о
guest

0 Комментарий
Старые
Новые Популярные
Межтекстовые Отзывы
Посмотреть все комментарии