Немного о HTML или как "цеплять" картинки
"Пробу пера" буду удалять тоже. Тренируйтесь, пожалуйста, в специально открытых ветках.
Улмэс дарит нам свои наработки. Скажем ему спасибо (желательно в личку или в специально открытых ветках ) Я же, пользуясь своими модераторскими полномочиями , говорю ему спасибо здесь !!!
Итак, передаю слово Улмэс
От английского Hypertext Markup Language - "язык разметки гипертекста", это стандартный язык разметки документов во Всемирной паутине.
* Хочу в самом начале сказать, что спец-разметка разрешена НЕ на каждом разделе форума germany.ru! Если Вы не уверены, то есть возможность посмотреть здесь Информация об этом форуме включён ли HTML.
Жирный делается с , между [b] и [/b] вставляется текст.
Курсив делается с , между [i] и [/i] вставляется текст.
Подчёркнутый текст делается с помощью <u> </u>, между <u> и </u> вставляется текст.
Центрирование текста делается с помощью <center> </center>, между <center> и </center> вставляется текст.
Видео:
- Тег жирный шрифт: http://schokoregel.strana.de/bold.avi
- Тег форматированный текст: http://schokoregel.strana.de/pre.avi
- Тег курсив: http://schokoregel.strana.de/kursiv.avi
Копируем или печатаем текст, нажимаем на и вставляем между [цитата] и [/цитата].
Получается так:
Привет!
Видео:
- Тег цитата: http://schokoregel.strana.de/zitate.avi
---
Дополнительно:
[цитата=название источника]цитируемый текст[/цитата]
Результат:
цитируемый текст
Выбираем адрес (линк), копируем, вставляем, маркируем и нажимаем на . Можно сначала нажать на и потом вставить ссылку между [url] и [/url].
Например:
[url]www.germany.ru[/url]
http://www.germany.ru
Видео:
- Тег ссылка: http://schokoregel.strana.de/url.avi
Чтобы вставить адрес Email'а, просто нажимаем на и вставляем адрес между [email] и[/email].
Например:
[email]webmaster@germany.ru[/email]
webmaster@germany.ru
Видео:
- Тег email: http://schokoregel.strana.de/email.avi
Чтобы вставить группу в сообщение нажимаем на и вставляем номер группы между [group] и [/group].
Номер группы виден в ссылке: http://foren.germany.ru/359932.html?Cat=
Например:
[group]359932[/group]
f?
Видео:
- Тег группа: http://schokoregel.strana.de/group.avi
Насчет этого думаю много говорить не надо. Все уже пользовались и знают как делать. Но все таки ...
Вставляем текст, маркируем и нажимаем на , выбираем нужный цвет.
Например:
Привет
Hallo
Видео:
- Тег цвет: http://schokoregel.strana.de/farbe.avi
Вы хотите улыбнуться, усмехнуться, ... тогда нажмите на и вставьте нужный смайл.
Коллекция смайлов:
http://www.smailiki.nm.ru/
http://smiles.server.rc-mir.com/
Видео:
Гиперссылка может связывать страницы как в пределах одного сайта, так и указывать на любую страницу в Интернете.
Чтобы вставить гиперссылку в сообщение, надо вставить ссылку/линк между <a href=" и "> Название </a>.
Например:
http://www.germany.ru - Германия по-русски
<a href="http://www.germany.ru">Германия по-русски</a>
Германия по-русски
http:// перед www. здесь очень важен!!!
1. Картинка
Чтобы вставить гиперссылку в картинку, нужно сделать вс╦ так же, как и с обычной гиперссылкой, но вместо текста вставить картинку.
Например:
2. Гиперссылка в новом окне.
Часто бывает удобно, чтобы гиперссылка открывалась в новом окне. Для этого нужно указать дополнительную опцию target="_new".
Например:
<a href="http://www.germany.ru", target="_new">Германия по-русски</a>
Германия по-русски
Вы хотите вставить картинку в тело сообщение? Тогда воспользуйтесь этим .
Для этого заключаем ссылку между [IMG] и [/IMG]. К примеру этот смайл --> http://mysmiles.ru/super_smilies106.gif.
Например:
[IMG]http://mysmiles.ru/super_smilies106.gif[/IMG]
Видео:
- Тег картинка: http://schokoregel.strana.de/img.avi
Фотографии, картинки можно "положить" на многие сервера, к примеру http://www.imageshack.us, http://foto.radikal.ru//
---
Как прикрепить файл думаю каждый знает, а как эту же картинку вставить в сообщение сейчас научимся.
И так открываем вами прикреплённый файл и копируем ссылку на загруженную вами картинку. Потом нажимаем на "редактировать сообщение" , вставляем ссылку и захватываем в тег "изображение" .
Убедительная просьба НЕ злоупотреблять этим тегом, особенно что касается "тяжёлых" фотографий большого формата.
Для того чтобы создать бегущую строку, надо воспользоваться дескриптором <MARQUEE>.
Значение scroll - заставляет строку появляться с одной стороны экрана и исчезать за противоположной стороной.
Значение slide - строка появляется из-за одной стороны экрана и останавливается у другой.
Значение alternate - заставляет строку бегать взад-вперед.
Атрибут DIRECTION задает направление перемещения строки.
Атрибут LOOP - определяет количество циклов перемещения.
Атрибут BGCOLOR - позволяет изменять цвет фона бегущей строки.
Атрибут SCROLLAMOUNT - служит для задания шага перемещения строки в экранных пикселях.
SCROLLDELAY - служит для указания времени задержки в миллисекундах между отдельными тактами перемещения строки.
Вставляем пожелание/поздравление или простой текст между <marquee behavior="scroll" direction="left">ТЕКСТ</marquee>.
Возможные бегущие строки:
<marquee behavior="scroll" direction="left">Бегущая строка 1</marquee>
<marquee behavior="alternate" direction="right" loop="30" scrollamount="10">Бегущая строка 2</marquee>
<marquee behavior="scroll" direction="left" scrolldelay="500" bgcolor="#00ff00">Бегущая строка 3</marquee>
* Вместо текста можно так же вставить картинку или смайл.
"down" - вниз
"up" - вверх
"1" - скорость передвижения
"32" - размер места для текста
<marquee direction="down" scrollamount="1" scrolldelay="0" height="32">
или ещ╦ какой-то ерундой
информацией
текст с полезной
скролящийся вниз
</marquee>
<marquee direction="up" scrollamount="1" scrolldelay="0" height="32">
скролящийся вверх
текст с полезной
информацией
или ещ╦ какой-то ерундой
</marquee>
Например:
Вы хотите вставить картинку В текст, но у Вас не получается? Решение здесь!
Вставляем ссылку на картинку между <img src=" и " align="left">.
"left" - слева
"right" - справа
Например:
Катана - однин из основных видов вооружения самурая - меч длиной 95-120 см
Чтобы вставить .swf файл, к примеру этого котёнка -> http://www.korova.ru/humor/flash/cat_watch.swf, надо воспользоваться этим тегом -->
<EMBED src="твой .SWF" width="500" height="400" quality="high" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash"></EMBED>
Например:
<EMBED src="http://www.korova.ru/humor/flash/cat_watch.swf" width="500" height="400" quality="high" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash"></EMBED>
* Вставит видео можно этим тегом <EMBED SRC="твой.AVI" AUTOPLAY="false" HEIGHT=300 WIDTH=300 CONTROLLER="false">
Значения AUTOPLAY="false" и CONTROLLER="false" значат, что видео откроется ТОЛЬКО после нажатия на кнопку Play.
Из-за уважения к другим пользователям сайта используйте пожалуйста false!
Думаю все знают и смотрели не раз прикольные, страшные и интересные видеоролики. А как вставить это видео в сообщением сейчас научимся.
Для этого надо выбрать нужный ролик, к примеру этот http://www.youtube.com/watch?v=VhAAyziM6MM.
Затем копируем это и вставляем в сообщение. Изменять ничего не надо!
Например:
<object width="425" height="344"><param name="movie" value="http://www.youtube.com/v/dVqGkBCt6rI&hl=de&fs=1&"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/dVqGkBCt6rI&hl=de&fs=1&" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="344"></embed></object>
-> Screenshot: что это и как его сделать?
Сделать Screenshot определенной области с помощью Snipping Tool (Vista)
В операционной системе Vista есть одна очень удобная утилита для снятия скрина. Что бы запустить Snipping Tool идем по следующему пути - Start -> Programme -> Zubehör -> Snipping Tool
1. 2.
Сделать Screenshot определенной области
Очень часто возникает необходимость сделать скрин не полного экрана, а определённой области. Именно это мы сейчас научимся делать с помощью одной удобной, бесплатной программой: WinSnap
(Хочу сказать, что подобных программ много. Если вы умеете делать скрины определенной области и не только с помощью другой программы, то дальше читать не стоит.)
WinSnap (Windows Snapshot Maker) 1.1.8 - Программа с понятным интерфейсом (интерфейс многоязычный, в т.ч. русский) для съемки скриншотов с несколькими режимами:
- Снимает полный экран.
- Снимает активное окно.
- Снимает окна, принадлежащие какой-либо программе.
- Снимает выделенную область.
Возможно применение различных эффектов: вставка "подписи" (т.е. watermark в виде графического файла), контур, тень, поворот, масштабирование, коррекция цвета.
Программа бесплатна для некоммерческого использования.
Скачать программу можно по этой ссылке - http://ulmes.strana.de/WinSnap/WinSnap_1.1.8.exe
Скрины настроек предоставлены пользователем Sergey48. Скажем ему большое спасибо!
1. 2.3.4.5.6.7.8.
Учебник -> http://sxml.hotbox.ru/contents.html
Таблица уникодов -> http://www.okelmann.com/homepage/unicode.asp
Цвета -> http://www.35rus.ru/htmlcolor.php
Печати -> http://rulezman.multik.org/
Программульки -> http://www.redeyes.ru/storeroom.html
Справочник по HTML ->http://html.manual.ru/
OnLine обучение ->http://on-line-teaching.com/html/index.html
Разное -> http://alex-inside.livejournal.com/216475.html
http://de.selfhtml.org/
Если просто написать тег в тексте, то он преобразовывается компилятором в сво╦ значение, например тэг
<a href="http://www.germany.ru">Германия по-русски</a>
преобразуется в
Германия по-русски.
Но как быть, если мы хотим показать сам тэг?
Не лучший выход из этой ситуации - писать в теге двойки, а затем просить читателя их убрать, например так:
<2a href="http://www.germany.ru">Германия по-русски<2/a>.
Гораздо лучше показать тег как он есть. Для этого надо заменить треугольные и квадратные скобки на их коды.
Вот значения этих кодов
< = <
> = >
[ = [
] = ]
Например:
<a href="http://www.germany.ru">Германия по-русски</a>
преобразуется в
<a href="http://www.germany.ru">Германия по-русски</a>
В языке html есть возможность записывать некоторые математические формулы.
Степень (или верхний индекс) обозначается тегом <sup> </sup>
Нижний индекс обозначается тегом <sub> </sub>
Например:
Два в десятой степени можно записать так: 2<sup>10</sup> -> 210
X под номером 3 можно записать так: X<sub>3</sub> -> X3
Имеется возможность вставлять в текст математические символы.
Таблица математических символов приведена здесь: http://barzilai.org/math_sym.htm
Таким образом, используя html, можно записать какую-нибудь простенькую математическую формулу:
<FONT FACE="Symbol">¶</FONT>y/<FONT FACE="Symbol">¶</FONT>x<sub>3</sub> - <FONT FACE="Symbol">Ö</FONT>2<FONT FACE="Symbol">×</FONT>sin(2<FONT FACE="Symbol">p</FONT>x<sub>2</sub>) + a<sup>4</sup> <FONT FACE="Symbol">º</FONT> 0
¶y/¶x3 - Ö2×sin(2px2) + a4 º 0
Кто нить знает, где его скачать ?
Нашел BBCodeXtra котрый "дружит " с последней версией лисы, в нём почти всё есть, что было в прежнем, но всё равно не то...
Тег жирный шрифт: http://schokoregel.strana.de/bold.avi
Тег пекодировать: http://schokoregel.strana.de/dekoder.avi
Перекодировщик транслита на лету: http://schokoregel.strana.de/dekoder_on_fly.avi
Тег email: http://schokoregel.strana.de/email.avi
Тег цвет: http://schokoregel.strana.de/farbe.avi
Тег ftp: http://schokoregel.strana.de/ftp.avi
Тег группа: http://schokoregel.strana.de/group.avi
Тег картинка: http://schokoregel.strana.de/img.avi
Тег курсив: http://schokoregel.strana.de/kursiv.avi
Тег форматированный текст: http://schokoregel.strana.de/pre.avi
Смайл: http://schokoregel.strana.de/smile.avi
Тег ссылка: http://schokoregel.strana.de/url.avi
Тег цитата: http://schokoregel.strana.de/zitate.avi
╘ игорь
В спецразметку добавлен новый тег Video , данный тег Вы можете использовать в форумах, группах, личных сообщениях, а также в мемо и в гостевой книге.
Как пользоваться тегом:
1. откройте страницу с видеороликом расположенным, например, на http://youtube.com;
2. скопируйте адрес видеоролика, который находится в адресной строке браузера или же указан на странице с видеороликом в графе URL, Permanenter Link или подобное;
3. введите адрес видеоролика в окно сообщения, например, http://youtube.com/watch?v=-LFUVGaasAc, выделите его и нажмите на , чтобы получилось [video]http://youtube.com/watch?v=-LFUVGaasAc [/video]
4. ролик виден в теле Вашего сообщени.
Тег работает с:
http://youtube.com
http://myvideo.de
http://clipfish.de
http://video.google.com
http://video.google.de
http://video.mail.ru
http://rutube.ru
http://video.web.de
Пользуемся следующим:
1. Идем сюда - http://www.imeem.com/ и регистрируемся. Бесплатно!
2. Закачиваем свой файл.
3. Заходим в Profile (на imeem.com)
4. Видим свой закаченный файл, кликаем на него.
5. На открывшейся странице копируем код, начинающийся с object:
6. Вставляем в тело-сообщения.
В конце концов выглядит так:
Для создания маркированных списков используются теги <ul> и <li>.
Тегом <ul> отмечается начало/окончание всего списка.
Тегом <li> обозначают начало/конец отдельного элемента списка.
Например:
<ul>
<li>получается</li>
<li>вот</li>
<li>так</li>
</ul>
- получается
- вот
- так
А ищо можно с тэгом <*iframe> сделать мини галлерейку внутри сообщения если внутри тэга прописать название ифрейма в виде атрибута:
name="заданное вами имя окошка"
вместе с тем внутри ссылок на картинки необходимо указать это самое имя так:
target="заданное вами имя окошка"
Посмотрим, что получилось:
----------
На менеджере файлов в Германи ру,нужно быть членом клуба,этот вариант отпадает.
На менеджере файлов в Германи ру,нужно быть членом клуба,этот вариант отпадает.
Что бы закачивать файлы на файл-менеджер germany.ru членом клуба быть не нужно, просто членам клуба выделено чуть больше пространства.
Многие не "дружат" с английским языком и поэтому этот вариант не подходит. Значит будем пользоваться следующим - загружаем файл в Файл Менеджер. После открытия файла мы получаем прямую ссылку. Например - http://ulmes.strana.de/MP3/211-electrokiss_-_the_teacher_elektrokid_remix-mst.mp3. Затем вставляем ссылку в тело сообщения с помощью этого тега - <embed src="ссылка" width=280 height=25 autostart=false>.
Например:
<embed src="http://ulmes.strana.de/MP3/211-electrokiss_-_the_teacher_elektrokid_remix-mst.mp3" width=280 height=25 autostart=false>
Не могли бы вы подсказать как скопировать то, что на экране монитора, если обычным маркированием и копированием это сделать не получается.
...Откыть то что Вы хотите, нажать кнопку "Druck" на клаве, открыть Ворд или Пайнт, потом нажать правую мышку и Einfügen...я делаю так...
Прописная буква | Строчная буква |
---|---|
Ґ - Ґ | ґ - ґ |
Є - Є | є - є |
Ї - Ї | ї - ї |
< acronym title="то, что вы пишете во всплывающей подсказке">ваш текст< /acronym>
например: пишу загадку, наведя мышкой на нее, всплывет ответ
< acronym title="Трое">Шел муж с женой, брат с сестрой да шурин с зятем. Много ли всех?< /acronym>
получаем:
Шел муж с женой, брат с сестрой да шурин с зятем. Много ли всех?
как мне разместить это видео ,чтобы оно не было сверху и по центру?А то на форуме оно сползло почему то вниз!
Эмм ... не совсем понял. Значит надо что бы ролик был не на верху и не в центре ... или все таки наоборот?
Предположу, что надо вставить ролик на верх и в центр. Пользуемся <center></center>
спокойной ночки
всем всем всем
А то у меня завтра академический курс НTML в техникуме начинается - буду теперь знать, где, вернее откуда списать)) Такая шпаргалочка классная))
Преподаватели у нас строгие - говорят, что мы должны все это знать назубок.... а нам бы, дамам (на курсе у нас в основном женщины в возрасте глубоко за 40) лишь бы что попроще. Для многих моих однокурсниц изучение и освоение HTML приравнивается к полету в космос. А что делать - учиться надо(((
На данный момент, пожалуй, только в Тусовке разрешена. Ну и в группах. Посмотреть можно в информации о форуме или в информации о группе.
http://foren.germany.ru/showmessage.pl?Number=7551194&Board=common
Что же делать если фотография/картинка находится на моем компьютере?
Как прикрепить файл думаю каждый знает, а как эту же картинку вставить в сообщение сейчас научимся.
И так открываем вами прикреплённый файл и копируем ссылку на загруженную вами картинку. Потом нажимаем на "редактировать сообщение" , вставляем ссылку и захватываем в тег "изображение" .
уважаемые специалисты
у меня такая проблема:всё делаю также как описано выше, и одна картинка успешно вставляется.
но если таким же образом в одно и то же сообщение вставляю две картинки,одна из них потом не сразу,а через некоторое время исчезает и появляется знак "not avialable"
что я делаю неправильно?
подскажите,битте
Пробовал сделать тоже самое как рекомендует Улмэс здесь на форуме в 2009 году, но ничего не выходит. В конце нашел ваш комент, решил вам написать. Удмэс удален с форума в 2012 году, поэтому ему не смог.
Объясните пож-та как это все делается. Я пишу текст, потом под текст ставлю две рамки- . Между ними ставлю адрес фото, но адреса нет, я же выбираю фото со своего компа. А вместо адреса там имя Папки где лежит фото. Не могу никак понять смысл. Наверное от того, что я слабо разбираюсь в этой теме. Прошу ответить. Спасибо заранее.
Объясните пож-та как это все делается. Я пишу текст, потом под текст ставлю две рамки- . Между ними ставлю адрес фото, но адреса нет, я же выбираю фото со своего компа. А вместо адреса там имя Папки где лежит фото. Не могу никак понять смысл.
http://foren.germany.ru/showmessage.pl?Number=7551194&Board=common:
"Что же делать если фотография/картинка находится на моем компьютере?
Как прикрепить файл думаю каждый знает, а как эту же картинку вставить в сообщение сейчас научимся.
И так открываем вами прикреплённый файл и копируем ссылку на загруженную вами картинку. Потом нажимаем на "редактировать сообщение" , вставляем ссылку и захватываем в тег "изображение" .
Фотографии, картинки можно "положить" на многие сервера, к примеру http://www.imageshack.us, http://foto.radikal.ru//"
Удмэс удален с форума в 2012 году, поэтому ему не смог.
[cor] http://my.germany.ru/1032617
<HTML><HEAD><TITLE>translit.ru - текст</TITLE>
<META http-equiv=Content-Type content="text/html">
<link rel="stylesheet" type="text/css" href="/css/main.css">
<style>
</- ->
<HR noShade SIZE=1>
<TABLE cellSpacing=0 cellPadding=0 border=0 width="100%"><tr><td align="left" bgcolor="#FFFFFF">
<FONT color="#000000" class="printfont">
<?php
$subject = $_POST['subject'];
if (!empty($subject)&(strlen($subject)<30000))
{
$subject = str_replace("\'","'", $subject);
$subject = htmlspecialchars($subject, ENT_QUOTES);
$subject = str_replace(" "," ", $subject);
$subject = str_replace("\"",""", $subject);
$subject = str_replace("\\\\","\\", $subject);
$uml1 = Array('ä','Ä','ö','Ö','ü','Ü','ß','é','ê','è','ë','à','â','ù','û','ô','ö','î','ï','ç','É','Ê','È','Ë','À','Â','Ù','Û','Ô','java- -:void(0)14;','Î','Ï','Ç');
$uml2 = Array('ä','Ä','ö','Ö','ü','Ü','ß','é','ê','è','ë','à','â','ù','û','ô','ö','î','ï','ç','É','Ê','È','Ë','À','Â','Ù','Û','Ô','Ö','Î','Ï','Ç');
$subject = str_replace($uml1,$uml2,$subject);
$subject = nl2br($subject);
echo $subject;
}
else
{
echo " ";
}
?>
</FONT></td></tr></table>
<HR noShade SIZE=1>
<span class="printdatefont">
<?
/*
Хлам N4 от Manlix (manlix.ru)
Выводит русскую дату, например: 15 Марта, Суббота (01:06), 2003 год.
*/
$body="@hour@:@minute@, @day_number@ @month@ (@day@), @year@ г."; #шаблоны даты
$date=manlix_russian_time(time());
function manlix_russian_time($time)
{
global $manlix_russian_time;
if (!$time)
{
$manlix_russian_time = "Вы не указали время для получения дня недели";
}
else if (!is_numeric($time))
{
$manlix_russian_time = "Вы указали некорректное время для получения дня недели";
}
else
{
$months=array("января","февраля","марта","апреля","мая","июня","июля","августа","сентября","октября","ноября","декабря");
$days=array("воскресенье","понедельник","вторник","среда","четверг","пятница","суббота");
if (date("w",$time) == "0") {$num_day_of_the_week = "7";} else {$num_day_of_the_week = date("w",$time);}
$manlix_russian_time = array(
"year" => date("Y",$time),
"month" => $months[date("m",$time) - 1],
"day" => $days[date("w",$time)],
"day_number" => date("d",$time),
"hour" => date("H",$time),
"minute" => date("i",$time),
);
return $manlix_russian_time;
}
}
$array_time=array("day"=>2,"month"=>1,"day_number"=>1,"year"=>1,"hour"=>1,"minute"=>1);
while(list($key,$value)=each($array_time))
{
$body=eregi_replace("\[f\]@".$key."@",ucfirst($date[$key]),$body);
$body=eregi_replace("\[up\]@".$key."@",strtoupper($date[$key]),$body);
$body=eregi_replace("@".$key."@",$date[$key],$body);
}
echo $body;
?>
</span>
<P>
<div align=center>
<A href="java- -:printit()"><img src="https://tt.germany.ru/images/pict/printprint.gif" width="74" height="16" border="0" name="printprintgif" alt="print"></A>
<A href="java- -:window.close()"><img src="https://tt.germany.ru/images/pict/printclose.gif" width="80" height="16" border="0" name="printclosegif" alt="close"></A>
</div>
</P>
</BODY></HTML>
И так открываем вами прикреплённый файл
Это как? Как его, то есть фото, (ну пусть файл) прикрепить? И куда не ясно.
Допусти "открыл". Дальше скопировать ссылку. А где ее взять? Ссылку.
захватываем в тег "изображение"
Ч то такое тег? и как им захватывать?
и ваще, не устарели ли Ваши инструкции в связи с реформациями?
Я успешно уже вставлял, и вдруг свалились на нашу голову новаторы . Теперь в группах не могу ни ответить ни фото вставить...
при помощи тэга "изображение" (находится над строкой ответа) давать ссылки на фотографии
Не работает! И с радикалом тоже не работает. В группе.
о
уже и фото вставлено, а кликнешь "далее" и выскакивают пендосовские марки, а потом много красных букав....