|
Если найдёте какое несоответствие - сообщите ЗДЕСЬ в форум. А то эта дура (см. ниже) уже такая большая, что я не всегда успеваю отслеживать её на соответствие текущему моменту на сервисе.
Общие вопросы...
Что такое Вики-коды (WIKI)...
Что такое BB-коды (BBCod)...
Что такое HTML-теги...
Как вывести на экран HTML-код (WIKI-код, JS-код ..)...
Почему счетчик MLP 'неправильно' считает посетителей...
Работа с шаблоном
Что такое происходит с сайтом, когда я хочу отредактировать шаблон...
Работа с меню навигации по сайту
Как сделать вывод файлов в меню навигации по-папкам...
Как добавить в меню навигации свой пункт...
Как сделать выпадающий список со ссылками для перехода... /вынесено на отдельную страницу/
Работа с папками
Можно-ли, кроме описания раздела, сделать отдельное описание для каждого подраздела...
Работа с файлами
Почему мне пишут, что с моего сайта не скачиваются файлы...
Почему видео (музыкальные) файлы не сохраняются, а сразу проигрываются...
Общие рекомендации по выкладыванию файлов на сервис...
В каком формате лучше выкладывать видео (музыкальные) файлы...
Как мне сделать, чтобы посетители не могли прослушивать мои файлы mp3 (и 'жрать' трафик)...
Работа с картинками
Общие рекомендации по выкладыванию картинок на сервис...
Как вставить в текст картинку...
Как сделать галерею картинок в блоге...
Как получить прямую ссылку для работы с картинкой...
Как сделать для картинки рамочку (цветной бордюр)...
Работа со ссылками
Как сделать цветное подчёркивание ссылки...
Как добавить на страницу 'правильную' ссылку ED2K (на осла)...
Как прописать WIKI-тэгами картинку, как ссылку...
Работа со страницами
Как сделать для текста на странице фон, отличный от применённого в шаблоне...
Как сделать свой фон под описанием раздела...
Работа с текстом
Как сделать отступ в начале абзаца (красную строку)...
Работа с текстовыми боксами
Как вывести на страницу HTML-код...
Как сделать текстовый бокс со скроллом...
Как сделать у себя на страничке бокс с последними новостями сайта...
Работа с банерами/счётчиками
Как вставить код Google RankPage...
Как вставить на сайт счётчик от MAIL.ru (или другой)...
Как вставить на сайт баннер(ы)... /вынесено на отдельную страницу/
Всякая всячина
Как добавить в 'друзья' сайт лишённый нужной кнопки...
Как сделать созданную мной страницу первой при открытии сайта...
Как скрыть какой-либо контент на сайте, кроме определённой группы пользователей...
Как вставить на страничку часы...
Как вставить на страничку дату...
Как вставить на страничку музыку... /вынесено на отдельную страницу/
Как сделать форму поиска на своём сайте... /вынесено на отдельную страницу/
Как вернуть мессанджер на сайт-сообщество...
Как сделать форму для отправки мне писем...
!Обратите внимание! Если встретите в тексте неизвестный вам тег или его атрибут (а я вот принципиально не буду здесь ничего разжёвывать в духе - 'а тег FONT я здесь поставил для того, чтобы...') сходите вот по этому адресу:
OnLine-справочник по HTML- CSS-кодам - IMHO, лучший в своём роде (хотя и есть несколько пропусков, но компенсируется удобством работы), всё по-русски, подробно, прекрасно структурировано, удобно пользоваться. Просто настольная книга дизайнера (и не только начинающего). Мечтаю об локальной версии этого чуда... Но наличие ADSL безлимитки и патологическая лень так и не сподобили меня сделать OFFline версию.
Если так и не нашли того, чего искали, попробуйте посмотреть вот по этим адресам:
5nizza.mylivepage.ru - FAQ
Wolf (internet.mylivepage.ru) - Справочники
G-Spot - статьи по HTML
exactor - Подсказки
MLP - Мастерская
MLP - Копилка знаний [Список статей]
Дизайн на основе шаблона /пособие для чайников/
Ещё немного кое чего можно поискать здесь у WiXP
Просто хорошие места для начинающего и не очень WEB-дизайнера:
НТМЛ или с чего начинать для создания страничек - уроки Первоклашки
woweb.ru
Постройка.ру
Что такое WIKI-коды...
Посмотреть можно ЗДЕСЬ.
описание в разработке...
^^^ вернуться к началу страницы...^^^
Что такое BB-коды...
Таблица соответствий основных операторов (тегов) BBCode:
Серым цветом в таблице отмечены НЕ РАБОТАЮЩИЕ на mylivepage БиБиКоды...
| BBCode |
аналог HTML |
Результат |
| [b]полужирный текст[/b] |
<b>полужирный текст</b> |
полужирный текст |
| [i]наклонный текст[/i] |
<i>наклонный текст</i> |
наклонный текст |
| [u]подчёркнутый текст[/u] |
<u>подчёркнутый текст</u> |
подчёркнутый текст |
| [s]перечёркнутый текст[/s] |
<s>перечёркнутый текст</s> |
перечёркнутый текст |
| [img]http:/asechka.ru/ban/modeone.gif[/img] |
<img src="http://asechka.ru/ban/modeone.gif" /> |
 |
[url=http://asechka.ru/][img]http://asechka.ru/ban/modeone.gif[/img][/url]
кликабельная картинка (баннер) |
<a href="http://asechka.ru/"><img src="http://asechka.ru/ban/modeone.gif" /></a> |
 |
адрес http://www.mylivepage.ru .
просто набираем адрес не забывая отделить его пробелами от текста |
<a href="http://www.mylivepage.ru"></a> |
адрес http://www.mylivepage.ru . |
| адрес [url]http://www.mylivepage.ru[/url] |
адрес <a href="http://www.mylivepage.ru">http://www.mylivepage.ru</a> |
адрес [url]http://www.mylivepage.ru |
| по адресу [url=http://www.mylivepage.ru]MyLivePage[/url] |
по адресу <a href="http://www.mylivepage.ru">MyLivePage</a> |
по адресу MyLivePage |
| Мой eMail [email]yourname@email.com[/email] |
Мой eMail <a href="mailto:yourname@mail.ru">yourname@mail.ru</a> |
Мой eMail [email]yourname@email.com |
| Это [email=yourname@mail.ru]Мой ящик[/email] |
Это <a href="mailto:yourname@mail.ru">Мой ящик</a> |
Это Мой ящик |
| [quote]цитируемый текст[/quote] |
Цитата:<blockquote>цитируемый текст</blockquote>
(как правило, реализовано более изощрённым способом) |
Цитата:
|
[quote=CONVER]цитируемый текст[/quote]
с указанием автора цитаты |
Цитата:<blockquote>CONVER:<br>цитируемый текст</blockquote>
(как правило, реализовано более изощрённым способом) |
[quote=CONVER]цитируемый текст[/quote] |
| [code]моноширинный текст[/code] |
<pre>моноширинный текст</pre> |
[code]моноширинный текст[/code] |
[nobb][b]text[/b][/nobb]
тег, внутри которого не происходит конвертации ББКода в HTML, не работают "автоматические ссылки" и не вставляются смайлы. |
без аналога |
[nobb]text[/nobb] |
[size=15]Ваш текст[/size]
(Стандартное значение "12". Обычно измеряется в пикселях (px)) |
<span style="font-size:15px;">Ваш текст</span> |
Ваш текст |
[h1]текст[/h1]
Аналогично для [h2] ... [h6] |
<h1>текст</h1> |
[h1]текст[/h1] |
[h1 align=center]текст[/h1]
Аналогично для [h2 align=center] ... [h6 align=center] ALIGN, соответственно, может быть LEFT, CENTER или RIGHT] |
<h1 align=center>текст</h1> |
[h1 align=center]текст[/h1] |
[sup]текст[/sup]
Отображает текст со сдвигом вверх (верхний индекс) и уменьшением размера текущего шрифта на единицу |
<sup>текст</sup> |
[sub]текст[/sub] |
[sub]текст[/sub]
Отображает текст со сдвигом вниз (нижний индекс) и уменьшением размера текущего шрифта на единицу |
<sub>текст</sub> |
[sub]текст[/sub] |
[color=red]Красный текст[/color] или
[color=#FFAA00]Цветной текст[/color]
(Может использоваться большое количество различных названий цветов или их шестнадцатеричных кодов) |
<span style="color: red">Красный текст</span> <span style="color: #FFAA00">Цветной текст</span> |
Красный текст Цветной текст |
[list] [*] Элемент 1 [*] Элемент 2 [*] и так далее [/list] |
<UL> <LI>Элемент 1 <LI>Элемент 2 <LI>и так далее </UL> |
[list] [*] Элемент 1 [*] Элемент 2 [*] и так далее [/list] |
[list=1] [*] Элемент 1 [*] Элемент 2 [*] и так далее [/list] |
<OL TYPE="1"> <LI>Элемент 1 <LI>Элемент 2 <LI>и так далее </OL> |
[list=1] [*] Элемент 1 [*] Элемент 2 [*] и так далее [/list] |
[list=a] [*] Элемент 1 [*] Элемент 2 [*] и так далее [/list] |
<OL TYPE="a"> <LI>Элемент 1 <LI>Элемент 2 <LI>и так далее </OL> |
[list=a] [*] Элемент 1 [*] Элемент 2 [*] и так далее [/list] |
| [align=left]п р о в е р к а[/align] |
<div align="left">п р о в е р к а</div> |
п р о в е р к а |
| [align=center]п р о в е р к а[/align] |
<div align="center">п р о в е р к а</div> |
п р о в е р к а |
| [align=justify]п р о в е р к а[/align] |
<div align="justify">п р о в е р к а</div> |
[align=justify]п р о в е р к а |
| [align=right]п р о в е р к а[/align] |
<div align="right">п р о в е р к а</div> |
п р о в е р к а |
|
Примечание: Не следует использовать HTML и BBCode одновременно для одних и тех же функций.
Обратите также внимание, что BBCode не различает заглавных и прописных букв (можно писать как [URL], так и [url]).
^^^ вернуться к началу страницы...^^^
Что такое HTML-теги...
Посмотреть можно ЗДЕСЬ.
описание в разработке...
^^^ вернуться к началу страницы...^^^
Как вывести на экран HTML-код (WIKI-код, JS-код ..)...
Как выводить на экран 'незапрёщённый' HTML-код при помощи текстовых боксов можно посмотреть ещё здесь ЗДЕСЬ.
Итак, поскольку здешняя система фискалит любые вводимые в неё тексты, то показать на странице, в качестве примера, например, JS-код обычными способами не представляется возможным. Чтобы это 'прошло' через системную правилку без изменений, нужно модифицировать пример кода, заменив некоторые его элементы эквивалентами в служебном коде.
Например, имеем следующий HTML-код:
<table style="border: none!important;" border="1" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td bgcolor="#E4E2E4" width="100%">
<div style="overflow-x: auto; overflow-y: scroll; height:200px; padding:3px; margin: 0px">
{blog_news|Последние НОВОСТИ сайта}
</div>
</td>
</tr>
</table>
Чтобы вывести его на экран, понадобилось заменить в этом фрагменте всего два символа - < на < и { на {. Ну и сделать вывод моноширинным шрифтом для удобства восприятия структуры кода. Т.е. фрагмент кода нужно вставлять в таком виде (выделены дополнительные и заменяющие элементы):
<pre>
<table style="border: none!important;" border="1" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td bgcolor="#E4E2E4" width="100%">
<div style="overflow-x: auto; overflow-y: scroll; height:200px; padding:3px; margin: 0px">
{blog_news|Последние НОВОСТИ сайта}
</div>
</td>
</tr>
</table>
</pre>
Аналогично можно поступить и с фрагментом JS-скрипта (какой-то счётчик). На экране будет выглядеть так:
<script language="JavaScript" type="text/javascript">
<!-- var j=0,d=document,s=screen,h='mycounter.com.ua/'//-->
</script><script language="JavaScript1.1" type="text/javascript">
<!-- j=1//--></script><script language="JavaScript1.2" type="text/javascript">
<!-- j=2//--></script><script language="JavaScript1.3" type="text/javascript">
<!-- j=3//--></script><script language="JavaScript" type="text/javascript">
<!-- d.cookie="s=1;path=/";d.write('<a href="http://'+h+'stats/?id=5678" target=_blank>
<img src="http://get.'+h+'counter.php?id=5678&w='+escape(window.location.href)+((typeof(s)=='undefined')?'
':'&s='+s.width+'x'+s.height+'x'+(s.colorDepth?s.colorDepth:s.pixelDepth))+(d.referrer?'&r='+escape(d.referrer):'
')+(d.cookie?'&c=1':)+'&j='+j+(navigator.javaEnabled()?'&e=1':)+'"
alt="MyCounter - Ваш счётчик" border="0" width="88" height="61" /></a>')//--></script><noscript>
<a target="_blank" href="http://mycounter.com.ua/stats/?id=5678">
<imgsrc="http://get.mycounter.com.ua/counter.php?id=5678" border="0"width="88" height="61" alt="MyCounter - Ваш счётчик" />
</a></noscript>
Также рекомендуется у ссылок в таких примерах заменять последовательность http:// на http://. Это не даст системе преобразовать тестовую ссылку в 'живую' (т.е. не сделает её кликабельной и, скорее всего, укороченной на экране).
Ещё я рекомендовал-бы делать текст в таких примерах моноширинным для удобства восприятия кода. Т.е. либо заключать пример кода между тегами <font face="Courier New"> ... </font>, либо между тегами <pre> ... </pre>. Последнее может быть предпочтительней т.к. заодно сохранить все переносы строк, пробелы и табуляции в примере текста (но первый вариант позволит поменять цвет текста, при необходимости, а так-же использовать внутри примера кода другие HTML-теги (например для выделения отдельных операторов, раскраски операторов и т.п.)). Так что ГИБЧЕ будет пример, заключённый в теги FONT:
<font face="Courier New" color="#525252">
... тута, соответственно, вставляется пример кода
</font>
А можно поступить ещё круче и использовать CSS-стиль. Вот такая симпатичная штука получается:
<table style="border: none!important;" border="1" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td bgcolor=" #E4E2E4" width="100%">
<div style="overflow-x: auto; overflow-y: scroll; height:200px; padding:3px; margin: 0px">
{blog_news|Последние НОВОСТИ сайта}
</div>
</td>
</tr>
</table>
|
Исходный код этого примера (оформленный в аналогичную коробочку, но фиксированной ширины, чтобы получить в IE6 горизонтальный скролл (чтобы не растягивалось окно браузера, при слишком длинных строках кода)):
<div style="text-align: center; width: 100%;">
<div style="border: 1pt dashed #CC9900; padding: 3px; background-color: #FFFEEA; font-family: Courier New; color: #525252; text-align: left; width: 100%; white-space: nowrap; overflow: auto; margin-top: 3px;">
<p style="margin:0; text-indent:0;"></p><table style="border: none!important;" <b>border="1" cellpadding="0" cellspacing="0" </b> width="100%"> <br>
<p style="margin:0; text-indent:0;"></p> <tr> <br>
<p style="margin:0; text-indent:0;"></p> <td bgcolor=" <font color="#0080ff">#E4E2E4 </font>" width="100%"> <br>
<p style="margin:0; text-indent:0;"></p> <div style="overflow-x: auto; overflow-y: scroll; height:200px; padding:3px; margin: 0px"> <br>
<p style="margin:0; text-indent:0;"></p> <font color="#df0011">{blog_news| <i>Последние НОВОСТИ сайта </i>} </font><br>
<p style="margin:0; text-indent:0;"></p> </div> <br>
<p style="margin:0; text-indent:0;"></p> </td> <br>
<p style="margin:0; text-indent:0;"></p> </tr> <br>
<p style="margin:0; text-indent:0;"></p></table>
</div>
</div>
|
Разница между этими вариантами боксов заключается в следующем - нужно замениь аргумент width: 100%; (выделен зелёным цветом) на width: 500; overflow-x: scroll;. Таким образом бокс первого типа превращается во второй. В браузере Опера (и скорее всего IE7) горизонтальный скролл присутствует в боксах обоих типов.
Идиотское сочетание тегов <p style="margin:0; text-indent:0;"></p> здесь появилось благодаря программистскому гению т. Игумнова (а может odessit-а ?), который почему-то считает, что каждый текстовый блок на странице пользователя, должен являться абзацем и, соответственно, его (их) правилка кода вставляет в начало всех текстовых блоков пользователя тег <p>. Пользу это приносит только при простейшем оформлении страницы WIKI-тегами, да и то не всегда. Во всех других случаях - только один сплошной вред. Вот для искоренения последствий этого "гениального решения" и служит подобное сочетание мусорных тегов в начале строк.
ВНИМАНИЕ!!! При последующем вызове такой страницы (поста форума, блога и т.д.) на редактирование, произойдёт обратная замена кодов на эквивалентные символы (т.е. введённые вами < превратятся обратно в < и т.д.). Поэтому тексты, с такими примерами кода, НУЖНО ОБЯЗАТЕЛЬНО редактировать и хранить У СЕБЯ на компьютере. В противном случае работа может пойти насмарку.. И будет обидно.
Готовые эквиваленты символов для замены популярных символов:
< - <
> - >
/ - /
[ - [
{ - {
пробел - - /символьные эквиваленты пробелов (безусловные пробелы) можно чередовать с настоящими - = 5 пробелов/
^^^ вернуться к началу страницы...^^^
Почему счетчик MLP 'неправильно' считает посетителей...
Причин для этого можно назвать несколько.
1. Счётчики, устанавливаемые на MLP работают по принципу запроса картинки (поскольку JS-скрипты здесь запрещены, другие способы для пользовательских счётчиков исключены). Из этого проистекают следующие особенности подсчёта посетителей - если у посетителя полностью выключено отображение картинок в браузере (например для экономии трафика) такой посетитель не будет засчитан ни одним счётчиком (хотя будет показан в Кто на сайте). Затем, разные браузеры по-разному обрабатывают ситуацию картинки выключены - одни просто ничего не делают, другие всё-же запрашивают на сайте с картинкой её параметры. Соответственно, во втором случае посетитель либо будет засчитан, если счётчик срабатывает на любой запрос, либо не будет, если должно произойти именно скачивание картинки с сайта-счётчика. Поэтому даже в случае выключенных картинок одни счётчики считают посетителей, а другие нет.
2. Отображение картинок в браузере зашедшего на сайт, может быть всё-таки включено, но при этом стоит блокировка на картинки определённого размера - баннеры. А размер некоторых счётчиков совпадает с этим размером (88x31)(а считающий элемент MLP совпадает с другим размером 1х1, который тоже довольно часто блокируется). Опять одни счётчики будут грузится и сработают, другие нет.
3. Ещё один вариант, похожий на предыдущий, но блокируется не размер картинки, а ключевое слово или адрес (например слово counter для счётчика MLP). Соответственно счётчики попавшие под такой фильтр этого пользователя не сосчитают.
4. Разные счётчики по-разному обрабатывают уникальность IP зашедшего. Большинство счётчиков отсеивают одинаковые IP в течение периода отсчёта (и, например, если люди заходящие на сайт принадлежат к одной подсети с общим внешним IP (питерский WEB+ - более 40000 человек без проплаты IP) - они все будут посчитаны в течение дня, как один человек), но есть такие, которые считают не посетителей, а заходы на сайт. Такие могут показать цифру значительно больше, если один и тот-же посетитель заходил на сайт несколько раз в день.
5. У разных счётчиков разное время обнуления - например MLP-шный обнуляется в 0.00 по Гринвичу т.е. 3.00 по Москве, а MyCounter в 0.00 по Москве. Поэтому такие счётчики, при прочих равных, могут показать разное число посетителей 'в день'.
6. Возможно есть ещё какие-нибудь различия о которых я не знаю.....
^^^ вернуться к началу страницы...^^^
Что такое происходит с сайтом, когда я хочу отредактировать шаблон...
Многие думают (и довольно резонно), что нажав на кнопочку Создать шаблон моего сайта они могут отредактировать, установленный на сайте шаблон. Увы - это не так. При первом открытии этого окна в нём находится, так называемый, базовый шаблон, т.е. голая таблица заполненная необходимым минимумом системных метатегов. Что это такое можно немного подробней посмотреть ЗДЕСЬ. Сам-же системный скин редактированию не подлежит.
Поэтому, единственным путём создания своего неповторимого сайта является собственноручное создание шаблона, либо на основе предоставленного базового шаблона, либо, если вам известен автор установленного у вас на сайте системного шаблона (а его можно узнать, если посмотреть в самом внизу сайта после слов Design by), можно попробовать попросить у него исходники.
Разумеется, для создания своего шаблона одного желания недостаточно. Нужны кое-какие минимальные знания HTML, особенностей mylivepage и инструмент редактирования. Кое что можно почитать, например здесь - Создание своего шаблона сайта. В этой-же статье есть список online и offline литературы и ссылки на кое-какие программы-редакторы HTML.
Ещё статьи по теме:
Дизайн на основе шаблона
Подсказки
продолжение следует...
^^^ вернуться к началу страницы...^^^
Как сделать вывод файлов в меню навигации по-папкам...
Если хочется видеть при выборе пунктов ФАЙЛЫ, КАРТИНКИ в меню навигации по сайту не общие 'портянки', с последними добавлениями в данный раздел сайта независимо от папки, в которой они находятся, а конкретно сам список папок, то нужно создать СВОИ пунктики для НАВИГАЦИИ без слова /index на конце ссылки. Т.е., для файлов, например, вместо стандартного
http://conver.mylivepage.ru/file/index
делать ссылку
http://conver.mylivepage.ru/file
Ну и так далее, для картинок, например...
Редактирование навигации:
ВХОД -» ЕЩЁ... -» Редактировать меню навигации, где и использовать кнопки +Добавить ссылку для стандартного текстового пункта или +Добавить кнопку для создания графической кнопочки, соответственно.
К сожалению поставить такой пункт меню 'по-умолчанию', как это можно сделать с системными, пока не получиться - ограничение системы.
^^^ вернуться к началу страницы...^^^
Как добавить в меню навигации свой пункт...
Например нужно добавить ссылку на определённую страницу или блог. Для этого нужно зайти в меню редактирования навигации:
ВХОД -» ЕЩЁ... -» Редактировать меню навигации, где и использовать кнопки +Добавить ссылку для стандартного текстового пункта или +Добавить кнопку для создания графической кнопочки, соответственно. Где и добавляем, например, для создания текстовой ссылки на страницу Всё о Тарани Кук, следующиее:
Название ссылки: Всё о Тарани Кук
Веб адрес ссылки: http://naston4ik.mylivepage.ru/wiki/100/41
Веб адрес берётся из пути над страницей / Страницы / Общая / Всё о Тарани Кук используя правую кнопку мыши на словом Всё о Тарани Кук и используя пункт меню Копировать ярлык (для IE).
После этого нажать на кнопку Сохранить...
Для создания аналогичной, но графической кнопки (с картинкой), делаем следущее - нажимаем уже на пункт +Добавить кнопку и заполняем поля следующим образом:
URL картинки: http://_адрес_подходящей_картинки_ /нужна ПРЯМАЯ ССЫЛКА к картинке/
Веб адрес ссылки: http://naston4ik.mylivepage.ru/wiki/100/41
Главное не вставлять в качестве пунктов меню неподходящие картинки, например слишком большие (лучше подогнать ширину к остальным пунктам меню вашего шаблона) или вытянутые по вертикали. Лучше подобрать что-нить невысокое, но широкое, хотя это вам решать...
^^^ вернуться к началу страницы...^^^
Можно-ли, кроме описания раздела, сделать отдельное описание для каждого подраздела...
На момент написания этой статьи - нельзя. В структуре сайта описание (в его нынешнем виде) предусмотрено только для основных разделов, а понятие подраздел вообще отсутствует.
Но в отношение файлов, картинок, форумов и блогов возможно половинчатое решение - использовать в качестве подразделов папки и их описание считать описанием подраздела. К сожалению, из-за отсутствия возможности, на данный момент, делать вложенные папки это решение далеко не идеально, но возможно кому-то оно придётся по душе.
Простое описание папки малозаметно и его необходимо как-то выделить, чтобы оно воспринималось, как дополнение к основному описанию раздела. Сделать это вполне можно, поскольку окошко описания папок принимает HTML-коды. Поэтому выделение может быть от простейшего (смена цвета, типа и размера шрифта) до использования графического оформления описания. Последнее можно посмотреть, например ЗДЕСЬ для файлов и ЗДЕСЬ для картинок.
Реализация первого варианта довольно проста:
<font face="Times New Roman" size="4" color="#1414C4">_ТЕКСТ_ОПИСАНИЯ_</font>
Подставляете нужные вам face, size, color и вперёд.
Реализация второго (графического) варианта (на основе МОИХ графических элементов, вам нужно подставить СВОИ пути. А то однажды останетесь без графики, когда я её удалю):
<table style="border: none!important;" width="100%" border="0" cellpadding="0" cellspacing="0" class="common">
<tr>
<td><img src="http://image001.mylivepage.com/chunk1/89835/47/500_01.gif" width="12" height="12" alt="" /></td>
<td background="http://image001.mylivepage.com/chunk1/89835/47/500_02.gif" width="100%" height="12"></td>
<td><img src="http://image001.mylivepage.com/chunk1/89835/47/500_03.gif" width="12" height="12" alt="" /></td>
</tr>
<tr valign="top">
<td background="http://image001.mylivepage.com/chunk1/89835/47/500_04.gif" width="14" height="100%"></td>
<td valign="middle" width="100%" bgcolor="#1414C4">
<font color="#FFFF00">_ТЕКСТ_ОПИСАНИЯ_</font></td>
<td background="http://image001.mylivepage.com/chunk1/89835/47/500_05.gif" width="14" height="100%"></td>
</tr>
<tr valign="top">
<td><img src="http://image001.mylivepage.com/chunk1/89835/47/500_06.gif" width="12" height="12" alt="" /></td>
<td background="http://image001.mylivepage.com/chunk1/89835/47/500_07.gif" width="100%" height="12"></td>
<td><img src="http://image001.mylivepage.com/chunk1/89835/47/500_08.gif" width="12" height="12" alt="" /></td>
</tr>
</table>
И необходимо помнить, что редактирование ТАКОГО описания, скажем так, затруднительно, поэтому его необходимо подготавливать в отдельном текстовом редакторе и вставлять в строку описания COPY&PASTE. И не забывать сохранить, вдруг понадобятся изменения, не писать-же всё заново. Также обратите внимание на необходимость ОТСУТСТВИЯ ПЕРЕНОСОВ СТРОК, т.е. вся конструкция должна быть ОДНОЙ строкой. Вот такая каша примерно Ж):
<table style="border: none!important;" width="100%" border="0" cellpadding="0" cellspacing="0" class="common"><tr>
<td><img src="http://image001.mylivepage.com/chunk1/89835/47/500_01.gif" width="12" height="12" alt="" /></td>
<td background="http://image001.mylivepage.com/chunk1/89835/47/500_02.gif" width="100%" height="12"></td><td>
<img src="http://image001.mylivepage.com/chunk1/89835/47/500_03.gif" width="12" height="12" alt="" /></td></tr>
<tr valign="top"><td background="http://image001.mylivepage.com/chunk1/89835/47/500_04.gif" width="14" height="100%">
</td><td valign="middle" width="100%" bgcolor="#1414C4"><font color="#FFFF00">_ТЕКСТ_ОПИСАНИЯ_</font></td>
<td background="http://image001.mylivepage.com/chunk1/89835/47/500_05.gif" width="14" height="100%"></td></tr>
<tr valign="top"><td><img src="http://image001.mylivepage.com/chunk1/89835/47/500_06.gif" width="12" height="12" alt="" />
</td><td background="http://image001.mylivepage.com/chunk1/89835/47/500_07.gif" width="100%" height="12"></td><td>
<img src="http://image001.mylivepage.com/chunk1/89835/47/500_08.gif" width="12" height="12" alt="" /></td></tr></table>
^^^ вернуться к началу страницы...^^^
Почему мне пишут, что с моего сайта не скачиваются файлы...
Цитата:
| Я не могу ничего сделать, люди жалуются что не скачиваются файли, что делать? что это может быть?? | | |
1. Скачивающий может пытаться скачать файл по ссылке вида http:[[conver.mylivepage.ru/file/?fileid=719 вместо того, чтобы, как положено, пройти по ней до конца.
2. Скачивающий пытается скачать файл downloader-ом - к сожалению сервис достаточно плохо отдаёт в них файлы (но это не значит, что совсем не отдаёт).
3. Скачивающий пытается докачать файл с сервиса - к сожалению эта функция недоступна при скачивании файлов с сайта бесплатного пользователя.
4. Выработался лимит на скачивание файлов (картинок) - увы, придётся подождать начала следующей недели.
^^^ вернуться к началу страницы...^^^
Почему видео (музыкальные) файлы не сохраняются, а сразу проигрываются...
Цитата:
| У меня на сайте видео файлы (музыка). Но скачать на комп их не получается. Происходит открытие плеера и идёт буферизация. А можно ли сделать так что бы люди могли просто качать на комп, а потом смотреть. | | |
при скачивании с сервиса некоторого файлового контента (mp3, avi, mpg, flash, и т.п.) у многих посетителей возникают проблема следующего плана - вместо того, чтобы скачиваться файл запускается на выполнение. В основном это касается скачивания с бесплатных сайтов, с 30сек задержкой, поскольку с платников скачивание легко осуществляется при помощи любой 'качалки'.
Для борьбы с подобным самозапуском я-бы рекомендовал посетителям следующее (рекомендации для браузеров любого типа, но особенно для пользователей IE? поскольку там очень тяжело назначать конкретные действия при закачке файлов разных типов. В Opera, в настройках, можно просто назначить, что должен делать браузер при получении файлов того или иного типа). Итак, нужно:
- дождаться окончания отсчёта счётчика
- нажав на значок браузера, прервать загрузку - 'крестик', прервать начавшуюся загрузку файла в браузер
- используя правую кнопку мыши на ссылке в окне, выбрать пункт меню 'Загрузить объёкт как...' (для IE, для Оперы и FF соответствующие пункты их меню.
- если у вас установлена 'качалка' файлов, то лучше выбирать загрузку через неё, а не через IE, поскольку тогда вам становится доступна докачка файла... Данный пункт может не выполниться для некоторых 'качалок' (вместо файла скачивается HTML-страница), если в имени файла есть национальные символы или нестандартные для интернета символы (скобки, длинное тире и т.п.). Что-ж, бывает, сервис не совсем корректно передаёт адрес файла (кстати, если перехватить такую закачку из браузера при помощи, например локального прокси (Navisсope, например), то, несмотря на юникод в имени, качалки всё прекрасно качают (правда ссылка при этом уже выглядит несколько иначе :))). В этом случае не остаётся ничего другого, как качать подобный файл через браузер.
Также, очень неплохим способом борьбы является упаковка таких файлов в ZIP (если не предполагается их OnLine просмотр, конечно).
^^^ вернуться к началу страницы...^^^
Общие рекомендации по выкладыванию файлов на сервис...
- при задании имён файлов старайтесь использовать только английские буквы, символы дефиса, подчёркивания и пробел (хотя и пробел рекомендуется не использовать). Помните - в интернете действуют немного другие правила задания имён, нежели в русском Windows. Соблюдая эти правила, вы облегчите жизнь и себе и, главное, посетителям вашего сайта, у которых будет меньше проблем со скачиванием ваших файлов;
^^^ вернуться к началу страницы...^^^
В каком формате лучше выкладывать видео (музыкальные) файлы...
Цитата:
| В каких форматах лучше закачивать фильмы (музыку). | | |
Рекомендация здесь одна - лучше пакуйте их предварительно в ZIP, лучше без сжатия (чтоб быстрее паковалось, сжать зипом эти форматы всё равно не удасться). Проблем со скачиванием будет поменьше. А если найдутся настолько одарённые качальщики, что не знают, что делать с таким форматом фильма (музыки) - можно написать для них примечание о том, что это архив с фильмой (песней) внутри...
Недостаток этого способа в том, что музыку нельзя предварительно прослушать на MLP (это для тех, разумеется, каналы которых расчитаны на подобный битрейт иначе будут сплошные паузы). С другой стороны, пока прослушивание суммируется с другим файловым трафиком, упаковка может избавить от этих потерь владельца сайта.
^^^ вернуться к началу страницы...^^^
Как мне сделать, чтобы посетители не могли прослушивать мои файлы mp3...
Цитата:
| Как сделать так чтобы пользователи не могли прослушивать мои файлы mp3 и 'пожирать' мой драгоценный файловый трафик. | | |
1. Если хотите, чтобы часть файлов можно было прослушивать, а часть нет, то надо переименовать такие файлы из xxxxx.mp3 в xxxxx.mp2 - и играться у пользователей будут с вероятностью 99%, если они их забудут переименовать и здесь кнопка проигрывания пропадёт и траффик расходоваться впустую не будет. Естественно нужно всё-таки предупредить скачивающих такие файлы о необходимости переименования. Выдавать расширение MP2 для файлов со структурой MP3 всё-таки несколько не корректно. Можно добавлять, например, такой комментарий к каждому файлу (если уже есть какой-нибудь, то дополнительно к имеющемуся):
! ВНИМАНИЕ ! после скачивание файла НЕОБХОДИМО сменить его расширение с .mp2 на .mp3
<font color="red"><b>! ВНИМАНИЕ !</b></font> после скачивание файла НЕОБХОДИМО сменить его расширение с <b>.mp2</b> на <b>.mp3</b>
Вот типа ТАК...
2. Или просто зайти в настройки пользователя и убрать галочку в строке Показывать mp3-проигрователь в файловом архиве. Это в самом низу настроек. Тогда ВСЕ mp3-файлы играться не будут.
^^^ вернуться к началу страницы...^^^
Общие рекомендации по выкладыванию картинок на сервис...
Рекомендации к закачиванию картинок можно дать следующие:
- при задании имён картинок, старайтесь использовать только английские буквы, символы дефиса, подчёркивания и пробел (хотя и пробел рекомендуется всё-же не использовать). Помните - в интернете действуют немного другие правила задания имён нежели в русском Windows. Соблюдая эти правила вы облегчите жизнь и себе и, главное, посетителям вашего сайта;
- система принимает только форматы JPG, JPEG, GIF и PNG. Не пытайтесь грузить картинки в других форматах, всё равно ничего не выйдет, даже если вы попытаетесь обмануть систему, переименовав расширение (тип) файла. Если-же вы, загружая вроде правильную картинку, всё-же получаете подобное сообщение причина вполне может быт в том, что кто-то до вас прописал для неё неправильное расширение. Вторую причину подобного сообщения см. чуть ниже;
- не знаю в честь чего, но условия закачивания при использовании интерфейсов одиночной и множественной закачки картинок несколько отличаются. Это выливается в то, что при одиночной закачке есть реальный шанс получить сообщение 'неправильный формат файла' на пустом месте. Поэтому я лично рекомендую даже одиночные картинки закачивать через множественный интерфейс. Меньше проблем;
- особенности форматов и рекомендации к применению:
- JPG - (24 бита 16 млн.цветов) обладает наилучшим, среди интернет-форматов соотношением размер/качество поэтому рекомендуется для фотографий и картинок со сложной структурой. Недостаток - всегда худшего качества, чем оригинал, а при сильном сжатии заметно 'размывание' картинки и искажения цвета (особенно плохо относится к красному);
- GIF - (8 бит 255 цветов) положительными сторонами является во-первых то, что не искажает оригинала (при условии, конечно, что в нём не более 255 цветов). Во-вторых, может иметь число цветов меньшее 255, причём размер файла при этом также уменьшается, что весьма положительно сказывается на скорости загрузки GIF-графики. В-третьих, на данный момент является единственных форматом сквозную прозрачность ('дырявость') в котором понимают ВСЕ браузеры, что позволяет создавать на этом формате не прямоугольные (при выводе на WEB-страничке ) изображения и изображения с 'прозрачными' областями. В-четвёртых, поддерживает анимацию изображения и, в отличие от FLASH, не требует специальной поддержки в браузере. Основное применение формата - элементы оформления сайта, анимированные аватары и банеры;
- PNG (PNG8 8бит 256 цветов и PNG32 24бита+8бит канала прозрачности 16 млн. цветов). Как и GIF использует сжатие без потерь, что даёт полное соответствие оригиналу (при условии не превышения числа цветов). PNG8 очень хорошо для картиной с небольшим числом цветов о большими однотонными пространствами (пример - скриншоты окон Windows). Для более сложных изображений лучше GIF, для ещё более сложных - JPG.
PNG32 поддерживает 'истинную' прозрачность (т.е. не только 0% и 100%, но и любые промежуточные значения). Но, к сожалению, IE5-6 вообще не поддерживают PNG-прозрачность, IE7 поддерживает её лишь частично, что резко сокращает ценность применения PNG32 в оформлении сайта. (существуют решения этой проблемы при помощи скриптов, но для нашего сервиса это не применимо);
^^^ вернуться к началу страницы...^^^
Как вставить в текст картинку...
Цитата:
| Мне нужно поставить текст рядом с картинкой (слева или справа от неё) или 2 картинки рядом, а не под друг другом. Wiki тэгов для этого не нашел. Как такое сделать? | | |
C помощью WIKI достаточно сложно (очень часто они срабатывают только для одной строки), для этого лучше использовать HTML-теги, этим достигается гораздо большая гибкость:
Этот текст располагается во всю ширину вашей странички странички ДО картинки.
Dream Aquarium RETAIL Из последнего поколения аквариумных скринсейверов. Достойная смена SereneScreen Marine Aquarium. Теперь с нами колышущиеся водоросли, неограниченное число рыбок и даже возможность их кормить. К тому-же, если SereneScreen Marine Aquarium населяли представители мира моря, то здесь аквариум более классического типа - с речными тропическими рыбками. Возможно кому-то он покажется более родным...
Этот текст располагается во всю ширину вашей странички странички ПОСЛЕ картинки.
упрощённый исходный код этого примера:
_ТЕКСТ_ДО_КАРТИНКИ_
<img align="left" src="_ПОЛНЫЙ АДРЕС_ВАШЕЙ_КАРТИНКИ_">
_ВАШ_ТЕКСТ_ВОЗЛЕ КАРТИНКИ_
<br clear="left">
_ТЕКСТ_ПОСЛЕ_КАРТИНКИ_
Этот текст располагается во всю ширину вашей странички странички ДО картинки.
Dream Aquarium RETAIL Из последнего поколения аквариумных скринсейверов. Достойная смена SereneScreen Marine Aquarium. Теперь с нами колышущиеся водоросли, неограниченное число рыбок и даже возможность их кормить. К тому-же, если SereneScreen Marine Aquarium населяли представители мира моря, то здесь аквариум более классического типа - с речными тропическими рыбками. Возможно кому-то он покажется более родным...
Этот текст располагается во всю ширину вашей странички странички ПОСЛЕ картинки.
упрощённый исходный код этого примера:
_ТЕКСТ_ДО_КАРТИНКИ_
<img align="right" src="_ПОЛНЫЙ АДРЕС_ВАШЕЙ_КАРТИНКИ_">
_ВАШ_ТЕКСТ_ВОЗЛЕ КАРТИНКИ_
_ТЕКСТ_ПОСЛЕ_КАРТИНКИ_
<br clear="right">
Этот текст располагается во всю ширину вашей странички странички ДО картинок.
 Dream Aquarium RETAIL Из последнего поколения аквариумных скринсейверов. Достойная смена SereneScreen Marine Aquarium. Теперь с нами колышущиеся водоросли, неограниченное число рыбок и даже возможность их кормить. К тому-же, если SereneScreen Marine Aquarium населяли представители мира моря, то здесь аквариум более классического типа - с речными тропическими рыбками. Возможно кому-то он покажется более родным...
Этот текст располагается во всю ширину вашей странички странички ПОСЛЕ картинок.
упрощённый исходный код этого примера:
_ТЕКСТ_ДО_КАРТИНКИ_
<img align="right" src="_ПОЛНЫЙ АДРЕС_ВАШЕЙ_КАРТИНКИ_1_">
<img align="right" src="_ПОЛНЫЙ АДРЕС_ВАШЕЙ_КАРТИНКИ_2_">
_ВАШ_ТЕКСТ_ВОЗЛЕ КАРТИНКИ_
_ТЕКСТ_ПОСЛЕ_КАРТИНКИ_
<br clear="all">
ВНИМАНИЕ - КАРТИНКА_1 самая правая, КАРТИНКА_2 левее...
Этот текст располагается во всю ширину вашей странички странички ДО картинок.
 Dream Aquarium RETAIL Из последнего поколения аквариумных скринсейверов. Достойная смена SereneScreen Marine Aquarium. Теперь с нами колышущиеся водоросли, неограниченное число рыбок и даже возможность их кормить. К тому-же, если SereneScreen Marine Aquarium населяли представители мира моря, то здесь аквариум более классического типа - с речными тропическими рыбками. Возможно кому-то он покажется более родным...
Этот текст располагается во всю ширину вашей странички странички ПОСЛЕ картинок.
упрощённый исходный код этого примера:
_ТЕКСТ_ДО_КАРТИНКИ_
<img align="left" src="_ПОЛНЫЙ АДРЕС_ВАШЕЙ_КАРТИНКИ_1_">
<img align="right" src="_ПОЛНЫЙ АДРЕС_ВАШЕЙ_КАРТИНКИ_2_">
_ВАШ_ТЕКСТ_ВОЗЛЕ КАРТИНКИ_
_ТЕКСТ_ПОСЛЕ_КАРТИНКИ_
<br clear="all">
С сокращением _ВАШ_ТЕКСТ_ я думаю всё понятно, а ПОЛНЫЙ_АДРЕС_ВАШЕЙ_КАРТИНКИ это например такой http://thumbnail009.mylivepage.com/chunk9/4969/27/small_Dream%20Aquarium%20-%2002.jpg.jpg, получить его можно ВОТ ТАКИМ СПОСОБОМ. А тег <br clear="all"> не просто переводит строку, но и заканчивает 'обтекание' картинки текстом, т.е. последующий текст начнётся уже ПОД картинкой.
ПРИМЕЧАНИЕ. Старайтесь не использовать уменьшение картинки при помощи атрибутов width="" height="" т.к. во-первых при уменьшении картинки ТАКИМ образом довольно сильно страдает её качество, т.к. для браузера главное скорость, а не качество, и во-вторых показывается уменьшенная копия, но на компьютер грузится то ОРИГИНАЛ, а у него могут быть ого-го размеры и вес. Поэтому, если нужна уменьшенная копия лучше использовать ту, которую сгенерил сервис MLP. Её имя отличается от имени оригинальной картинки приставкой small_ и добавленным расширением .JPG. Т.е. special0130020.jpg привращается в small_special0130020.jpg.jpg, также в начале ссылки нужно http://image... заменить на http://thumbnail....
Если вы хотите получить картинку, при клике по которой должно что-то открыться то вместо <img src="_ПОЛНЫЙ АДРЕС_ВАШЕЙ_КАРТИНКИ_"> нужно использовать следующую конструкцию:
Код:
<a href="_АДРЕС_ДЛЯ ПЕРЕХОДА_ПРИ_КЛИКЕ_" target="_blank">
<img src="_ПОЛНЫЙ АДРЕС_ВАШЕЙ_КАРТИНКИ_" border="0">
</a>
При этом, если в теге IMG установить атрибут border="" в 1, у картинки будет рамка, если в 0 - рамки не будет? как в примере.
Если-же сбоку от картинки планируется вставить только ОДНУ короткую строчку, типа 'я в Анапе', и при этом не хочется заморачиваться с HTML (но лучше всё-таки научиться), то можно попробовать использовать и WIKI-теги (в данном примере картинка находится на вашем сайте поэтому используются упрощённый её адрес - только имя).
1. Картинка просто находится в разрыве текста:
Текст до картинки

Текст после картинки
Код: Текст до картинки<br> [[Image:Example_PIC.jpg]]<br>Текст после картинки<br>
2. Картинка находится справа от текста:
Пояснение к картинке 
Код: Пояснение к картинке [[Image:Example_PIC.jpg]]<br>
3. Картинка находится слева от текста:
Пояснение к картинке
Код: [[Image:Example_PIC.jpg]] Пояснение к картинке<br>
4. Картинка находится посередине текста:
Пояснение к картинке пояснение2
Код: Пояснение к картинке [[Image:Example_PIC.jpg]] пояснение2<br>
5. Картинки находится по бокам от текста:
Пояснение к картинкам 
Код: [[Image:Example_PIC.jpg]] Пояснение к картинке [[Image:Example_PIC.jpg]]<br>
6. Несколько картинок в одной строке рядом друг с другом:

Код: [[Image:Example_PIC.jpg]] [[Image:Example_PIC.jpg]] [[Image:Example_PIC.jpg]]<br>
Все представленные выше картинки основаны на WIKI-теге [[Image:...]], создающем кликабельную картинку-миниатюру при клике по которой выводится полноразмерная копия. Если вам нужны просто миниатюры или наоборот просто оригинальные картинки то пользуйтесь тегами [[ImageSmall:...]] и [[ImageBig:...]], соответственно.
ImageSmall: - просто выводит некликабельную уменьшенную копию вашей картинки
ImageBig: - выводит картинку в оригинальный размер
Image: - выводит уменьшенную копию, при клике по которой открывается картинка в полный размер (окружена НЕУБИРАЕМОЙ рамочкой)
Если-же картинка находится за пределами вашего сайта, придётся использовать её вызов ПО ПОЛНОМУ АДРЕСУ, т.е. не [[Image:Example_PIC.jpg]], а [[Image:http://image009.mylivepage.com/chunk9/4969/160/Example_PIC.jpg]] для полноразмерной картинки или [[Image:http://thumbnail009.mylivepage.com/chunk9/4969/160/small_Example_PIC.jpg.jpg]] для уменьшенной копии. Использование тегов ImageSmall: и ImageBig:, а также создание кликабельной картинки тегом Image: в данном варианте невозможно.
Для создания кликабельной картинки нужно использовать следующую 'страшную' конструкцию (обратите внимание на вертикальную черту перед вторыми двойными скобками - | ):

[[http://image009.mylivepage.com/chunk9/4969/160/Example_PIC.jpg|[[Image:http://thumbnail009.mylivepage.com/chunk9/4969/160/small_Example_PIC.jpg.jpg]]]]
^^^ вернуться к началу страницы...^^^
Как сделать галерею картинок в блоге...
Как делать запись в дневнике, так чтобы, одна картинка была видна вместе с названием темы , а остальные картинки и основной текст были скрыты под "читать дальше...".
Делается это примерно вот таким способом (с применением WIKI-тегов):
[[Image:http://thumbnail018.mylivepage.com/chunk18/214179/136/small_charlize_theron_gq_06.jpg.jpg]]<br />
{ cut }
Здесь вы можете посмотреть Фотографии Шарлиз Терон:<br />
[[Image:http://image018.mylivepage.com/chunk18/214179/136/charlize_theron_gq_06.jpg]]<br />
[[Image:http://image018.mylivepage.com/chunk18/214179/136/charlize_theron_gq_07.jpg]]<br />
[[Image:http://image018.mylivepage.com/chunk18/214179/136/charlize_theron_gq_05.jpg]]<br />
[[Image:http://image018.mylivepage.com/chunk18/214179/136/charlize_theron_gq_04.jpg]]<br />
Пробелы вокруг cut, в этих примерах, нужно удалить. Для картинок со СВОЕГО сайта ссылки можно упростить до таких (просто имя файла, обратите также внимание на использование ImageSmall и ImageBig вместо просто Image и повторный вывод фотки N6 в натуральную величину):
[[ImageSmall:charlize_theron_gq_06.jpg]]<br />
{ cut }
Здесь вы можете посмотреть Фотографии Шарлиз Терон:<br />
[[ImageBig:charlize_theron_gq_06.jpg]]<br />
[[ImageBig:charlize_theron_gq_07.jpg]]<br />
[[ImageBig:charlize_theron_gq_05.jpg]]<br />
[[ImageBig:charlize_theron_gq_04.jpg]]<br />
^^^ вернуться к началу страницы...^^^
Как получить прямую ссылку для работы с картинкой...
Вариант 1 (самый удобный):
В разделе картинки, кликаете на значёк < > возле имени нужной вам картинки и получаете выпадающее окно с списком необходимых тегов. Если нужет прямой путь к миниатюре - щёлкаете правой кнопкой мыша на превьюшке и выбираете свойства картинки, там путь. Если вам нужен СОВСЕМ прямой путь к полноразмерной картинке (минуя базу данных) - ручками переделываете его из прямого пути к превьюшке (нужно убрать/поменять три фрагмента):
http://thumbnail018.mylivepage.com/chunk18/214179/136/small_charlize_theron_gq_06.jpg.jpg
http://image018.mylivepage.com/chunk18/214179/136/charlize_theron_gq_06.jpg
Можно и по-старинке - кликаете по нужной вам картинке в 'картиночном' разделе сайта - открывается окно с данными этой картинки. Там снова кликаете по строке Взять WIKI,HTML теги или URL для файла, открывается всплывающее окно - берёте нужную ссылку...
^^^ вернуться к началу страницы...^^^
Как сделать для картинки рамочку (цветной бордюр)...
Цитата:
| Как сделать border в цвете вокруг картинки ? | | |
Самый простой способ - задать цвет бордюра картинки через стиль:
<img style="border: 2px solid _ЦВЕТ_;" src="http://image008.mylivepage.com/chunk8/266268/221/kolobki.gif" alt="" />
<img style="border: 2px dotted _ЦВЕТ_;" src="http://image008.mylivepage.com/chunk8/266268/221/kolobki.gif" alt="" />
<img style="border: 4px double _ЦВЕТ_;" src="http://image008.mylivepage.com/chunk8/266268/221/kolobki.gif" alt="" />
<img style="border: 3px inset _ЦВЕТ_;" src="http://image008.mylivepage.com/chunk8/266268/221/kolobki.gif" alt="" />
<img style="border: 4px ridge _ЦВЕТ_;" src="http://image008.mylivepage.com/chunk8/266268/221/kolobki.gif" alt="" />
Можно ещё поместить картинку в 'клетку' из таблицы с бордером и задать для него цвет. Это даёт ещё больший простор для творчества т.к. становится возможным комбинировать цвета бордюра таблицы и картики. Но бордюр таблицы в цвете работать будет только в IE. Выглядеть будет примерно так (пока без использования стилей):
Оригинально и красиво...
<table border="3" bordercolor="_ЦВЕТ_БОРДЮРА_" cellpadding="1" cellspacing="1">
<tr><td style="font-size:0;">
<img src="http://image008.mylivepage.com/chunk8/266268/221/kolobki.gif" border="0" alt="" />
</td></tr></table>
Можно ещё так (c 'объёмным' бордюром, без использования стилей):
<table border="2" bordercolordark="#259400" bordercolorlight="#87E100" cellpadding="1" cellspacing="0">
<tr>
<td style="font-size:0;">
<img src="http://image008.mylivepage.com/chunk8/266268/221/kolobki.gif" border="0" alt="" />
</td>
</tr>
</table>
<table border="2" bordercolordark="#259400" bordercolorlight="#87E100" cellpadding="1" cellspacing="1">
<tr>
<td style="font-size:0;" bordercolordark="#259400" bordercolorlight="#87E100">
<img src="http://image008.mylivepage.com/chunk8/266268/221/kolobki.gif" border="0" alt="" />
</td>
</tr>
</table>
Тоже симпатичненько...
Если-же подключить к делу ещё и стили CSS (локально) для определения цвета бордюра у самой картинки то можно и посложнее - несколько вариантов:
<table border="2" bordercolordark="#259400" bordercolorlight="#87E100" cellpadding="1" cellspacing="0">
<tr>
<td style="font-size:0;">
<img style="border: 1px dotted red;" src="http://image008.mylivepage.com/chunk8/266268/221/kolobki.gif" alt="" />
</td>
</tr>
</table>
<table border="2" bordercolordark="#259400" bordercolorlight="#87E100" cellpadding="1" cellspacing="0">
<tr>
<td style="font-size:0;">
<img style="border: 1px solid red;" src="http://image008.mylivepage.com/chunk8/266268/221/kolobki.gif" alt="" />
</td>
</tr>
</table>
Но в Опере всё это будет иначе - то что зелёное, то в серых тонах.
В общем количество вариантов ограничено только воображением...
^^^ вернуться к началу страницы...^^^
Как сделать цветное подчёркивание ссылки...
Заметили забавные ссылки в начале страницы? Сами синенькие, а подчёркнуты розовым. Для отдельно взятой ссылки это делается следующим образом:
Какая симпатичная <a href="http://АДРЕС_ССЫЛКИ" style="text-decoration:underline; color:ЦВЕТ_ПОДЧЁРКИВАНИЯ">
<span style="color:ЦВЕТ_ССЫЛКИ">гиперссылочка</span></a>!
Получается:
Какая симпатичная гиперссылочка!
^^^ вернуться к началу страницы...^^^
Как добавить на страницу 'правильную' ссылку ED2K (на осла)...
В виде HTML:
Вот так эта ссылка будет выглядеть в тексте. Ниже исходник HTML:
Вот <a href="ed2k://|file|Strax.kak.on.est.2006.DVDRip.XviD.Rus-InterVideo.avi|734033920|96804A417C19E8F36BC1F3C40FB8BEAE|/">
так эта ссылка
</a> будет выглядеть в тексте.
А вот вставить с помощью WIKI не получится из-за присутствия вертикальных палочек в ссылке, неправильно интерпритируемых движком WIKI.
^^^ вернуться к началу страницы...^^^
Как прописать WIKI-тэгами картинку, как ссылку (ссылка под картинкой)...
В принципе, WIKI более-ли-менее умеет работать с вложениями. Попробуйте понажимать на картинки:
meatpuppet761071492988.jpg

Вот так это делается (если картинки находятся в вашем хранилище (на том сайте, где размещается страничка), то можно использовать вызов только по имени (как во втором примере), но если где-то в другом месте интернета (на другом сайте MLP) - необходимо ставить ПОЛНУЮ ссылку к картинке):
[[http://evgeny.igumnov.com|[[Image:http://thumbnail001.mylivepage.com/chunk1/2/16/small_PlayStation креатив.jpg.jpg]]]]
[[http://conver.mylivepage.ru/image/52|[[ImageSmall:meatpuppet761071492988.jpg]]]]
[[http://www.mylivepage.ru/wiki/532/2126|[[Image:http://avatar001.mylivepage.com/chunk1/3/7.gif]]]]
[[http://exactor.mylivepage.ru|[[Image:http://thumbnail019.mylivepage.com/chunk19/137438/87/small_Сон коралла.jpg]]]]
[[http://www.htmlbook.ru|[[Image:http://www.htmlbook.ru/images/title.gif]]]]
P.S. И от браузера зависит обводка этих картинок в синюю (фиолетовую) рамочку, присутствующая в IE (беспонтово и портит всё впечатление), и отсутствующая в Опере.
^^^ вернуться к началу страницы...^^^
Как сделать для текста на странице фон, отличный от применённого в шаблоне...
Возможности редактирования страниц на MLP к сожалению не позволяют менять фон служебных областях (под заголовком страницы вверху и под данными страницы внизу), но кое-что всё-же можно сделать:
Вариант N1 - меняется только цвет фона под текстом - посмотреть пример можно ЗДЕСЬ.
<table width="100%" height="100%" cellspacing="5" cellpadding="5" border="0" bgcolor="ЦВЕТ_ФОНА"">
<tr>
<td>
ЗДЕСЬ_РАСПОЛАГАЕТСЯ_СОДЕРЖИМОЕ_СТРАНИЦЫ
</td>
</tr>
</table>
Вариант N2 - меняется цвет фона под текстом и добавляется рамочка - посмотреть пример можно ЗДЕСЬ.
<table width="100%" height="100%" cellspacing="0" cellpadding="0" border="1" bgcolor="ЦВЕТ_ФОНА">
<tr>
<td>
<table width="100%" height="100%" cellspacing="5" cellpadding="5" border="0">
<tr>
<td>
ЗДЕСЬ_РАСПОЛАГАЕТСЯ_СОДЕРЖИМОЕ_СТРАНИЦЫ
</td>
</tr>
</table>
</td>
</tr>
</table>
Вариант N3 - меняется текстура фона под текстом (поэтому добавлена возможность поменять и цвет самого текста) и добавляется рамочка - посмотреть пример можно ЗДЕСЬ.
<table width="100%" height="100%" cellspacing="0" cellpadding="0" border="1" background="http://АДРЕС_ТЕКСТУРЫ_ФОНА">
<tr>
<td>
<table width="100%" height="100%" cellspacing="5" cellpadding="5" border="0">
<tr>
<td>
<font color="ЦВЕТ_ТЕКСТА">
ЗДЕСЬ_РАСПОЛАГАЕТСЯ_СОДЕРЖИМОЕ_СТРАНИЦЫ
</font>
</td>
</tr>
</table>
</td>
</tr>
</table>
Вариант N4 - меняется цвет фона под текстом и добавляется графическая рамочка - посмотреть пример можно ЗДЕСЬ. И учтите - файлы 100_01.gif-100_08.gif, это от моего графического оформления. Для вашего нужно рисовать самим. И, возможно, размеры width="12" height="12" подкорректировать. Ну или хотя-бы перетащить мои на свой сайт и соответственно заменить ссылки в коде. А то сотру и останетесь без рамочки...
<table width="100%" height="100%" cellspacing="0" cellpadding="0" border="0">
<tr>
<td><img src="http://image001.mylivepage.com/chunk1/89835/47/100_01.gif" width="12" height="12" alt="" /></td>
<td background="http://image001.mylivepage.com/chunk1/89835/47/100_02.gif" height="12"></td>
<td><img src="http://image001.mylivepage.com/chunk1/89835/47/100_03.gif" width="12" height="12" alt="" /></td>
</tr>
<tr>
<td background="http://image001.mylivepage.com/chunk1/89835/47/100_04.gif" width="12" height="200"></td>
<td bgcolor="#E4E2E4" width="100%">
ЗДЕСЬ_РАСПОЛАГАЕТСЯ_СОДЕРЖИМОЕ_СТРАНИЦЫ
</td>
<td background="http://image001.mylivepage.com/chunk1/89835/47/100_05.gif" width="12" height="200"></td>
</tr>
<tr>
<td><img src="http://image001.mylivepage.com/chunk1/89835/47/100_06.gif" width="12" height="12" alt="" /></td>
<td background="http://image001.mylivepage.com/chunk1/89835/47/100_07.gif" height="12"></td>
<td><img src="http://image001.mylivepage.com/chunk1/89835/47/100_08.gif" width="12" height="12" alt="" /></td>
</tr>
</table>
^^^ вернуться к началу страницы...^^^
Как сделать свой фон под описанием раздела...
Полностью сменить цвет фона можно только имея собственный шаблон. Если шаблон системный, то можно сменить цвет фона только в той области описания раздела, которая доступна вам для редактирования. Для этого нужно, во-первых, вставить в описание раздела контейнер на основе таблицы или тега DIV, а во вторых задать для него цвет фона или фоновую картинку. Вариант на основе таблицы хорош тем, что при желании можно сделать несколько областей с разным фоном (вот только зачем?).
Вариант кода на основе DIV /меняем цвет фона/:
<div style="border: 2px ridge; padding: 2px 2px 2px 2px; background: #404040">
... содержимое описания раздела ...
</div>
Вариант кода на основе DIV /ставим картинку в фон/:
<div style="border: 2px ridge; padding: 2px 2px 2px 2px; background: url(http://_АДРЕС_КАРТИНКИ_ФОНА_)">
... содержимое описания раздела ...
</div>
Вариант кода на основе таблицы (с одной областью) /меняем цвет фона/:
<table style="border: 2px ridge; padding: 2px 2px 2px 2px; background: #404040" cellspacing="0">
<tr>
<td>
... содержимое описания раздела ...
</td>
</tr>
</table>
Вариант кода на основе таблицы (с двумя областями, друг под другом) /меняем цвет фона/:
<table style="border: 2px ridge; padding: 2px 2px 2px 2px;" cellspacing="0">
<tr>
<td style="background: #404040">
... содержимое описания раздела 1 ...
</td>
</tr>
<tr>
<td style="background: #707070">
... содержимое описания раздела 2 ...
</td>
</tr>
</table>
стилевой аргумент border: 2px ridge; даёт рамочку, если она вам не нужна поставьте border: 0 solid;.
^^^ вернуться к началу страницы...^^^
Как сделать отступ в начале абзаца (красную строку)...
Думаю многие заметили, что при вводе текста через редактор WIKI сколько пробелов не поставь - всё превратится в один (а в начале абзаца вообще исчезнут). А хотелось-бы, как это положено, отступов в начале абзаца, шоб как в книжках. Чтобы добится этого возможны несколько способов.
1. Самый простой - поставить в качестве редактора по-умолчанию для mylivepage hypertextarea и набирать текст странички в нём. Минусы - пока ещё нестабильная работа - иногда вдруг возникают странные глюкт с получаемым текстом (но не у всех и не всегда, так что вполне реальный способ);
Если-же используется редактор WIKI или HTML-редактор с прямым вводом кода, то:
2. Вставлять в начале абзаца несколько безусловных пробелов. Пример:
Большая просьба к посетителям сайта,так как rapidshare освоила непонятную тактику удалять файлы неглядя,что там лежит,просим помочь, мы не в силах проверить 4000 новостей.Если вы обнаружите такие линки,оставляйте комментарии под той новостью,
Спасибо.
Исходник:
Большая просьба к посетителям сайта,так как rapidshare........
3. Вместо безусловных пробелов добавлять в начало абзаца прозрачную GIF-картинку определённого размера. На MLP уже есть готовая с адресом "http://image001.mylivepage.com/chunk1/89835/47/12_09.gif" - она вполне пригодна для этой цели. Пример:
Большая просьба к посетителям сайта,так как rapidshare освоила непонятную тактику удалять файлы неглядя,что там лежит,просим помочь, мы не в силах проверить 4000 новостей.Если вы обнаружите такие линки,оставляйте комментарии под той новостью,
Спасибо.
Исходник:
<img src="http://common.mylivepage.com/style4/12_09.gif" width="25" height="10" />Большая просьба к посетителям........
^^^ вернуться к началу страницы...^^^
Как вывести на страницу HTML-код...
Для этого нужный текст помещается между тегами <NOHTML> и </NOHTML>. Сохраняется исходное форматирование текста (пробелы, табы, переносы).
На странице это будет выглядеть вот таким образом:
<table style="border: none!important;" border="1" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td bgcolor="#E4E2E4" width="100%">
<marquee scrollamount="1" scrolldelay="30" direction="up" height="200" truespeed="truespeed">
{blog_news|Последние НОВОСТИ сайта}
</marquee>
</td>
</tr>
</table>
Но имейте ввиду, что в IE, и браузерах на его основе, это поле не имеет горизонтального скролла и поэтому может очень сильно разнести страничку в ширину. Поэтому, при наборе текста, предпринимайте меры для уменьшения длины строк (переносы и т.д.).
Можно также поместить код между тегами <TEXTAREA> и </TEXTAREA>. При этом можно управлять размерами этого окна, задавая число строк и колонок (см. раздел ниже).
Но внутри этого бокса могут происходить забавные вещи - например, в этом примере появился тег <P>, которого быть не должно - его вставил сервис MLP, считая что так правильней (как будто его кто-то спрашивал). Так что для точного вывода лучше использовать <NOHTML>.
^^^ вернуться к началу страницы...^^^
Как сделать текстовый бокс со скроллом...
Для представления текста 'как есть', подходит, например для показа исходного HTML-кода, если использовать тег <NOHTML> почему-то не захотелось:
<textarea rows="ЧИСЛО_СТРОК_В_ОКОШКЕ" cols="ЧИСЛО_ЗНАКОВ_В_СТРОКЕ" readonly="readonly" wrap="off">
ЗДЕСЬ ВСТАВЛЯЕТСЯ ВАШ ТЕКСТ
</textarea>
Выглядеть это будет так:
Обратите внимание - сохраняется исходная структура текста, в том числе и количество пробелов и табуляции. Значение wrap="off" означает, что текст будет переноситься как в оригинале. Если это не критично, параметр можно удалить.
(!)Не рекомендую использовать такой способ показа HTML-кода на форумах MLP, т.к. при добавлении нижеследующего поста, фокус постоянно переводится на самый первый TEXTAREA на странице. Т.е. вставляете смайлик, а он попадает не в окно создания комментария, а в бокс TEXTAREA, расположенный выше по странице. СТРАШНО неудобно.
Если-же в скроллирующемся окошке нужно расположить обычный текст (возможно с картинками), то можно использовать другой способ:
<table border="1" cellspacing="0" cellpadding="0">
<tr>
<td bgcolor="navy">
<div style="overflow-x: auto;overflow-y: auto; padding:3px; margin: 0px" align="center">
<font color="orangered" size="5"><b>ЗАГОЛОВОК_ОКОШКА</b></font>
</div>
</td>
</tr>
<tr>
<td bgcolor="#FFFFFF">
<div style="overflow-x: auto;overflow-y: scroll; height:ВЫСОТА_ОКНАpx; padding:3px; margin: 0px">
ЗДЕСЬ_ВАШ_ТЕКСТ
</div>
</td>
</tr>
</table>
Выглядеть это будет следующим образом:
|
Скринсейверы
|
Mechanical Clock 3D RETAIL
скачать программу
Представляет собой прекрасную имитацию механических часов. Хорошо подобранные звуки, благородные оттенки старой бронзы, весь механизм движется - завораживающе...
The Lost Watch 3D RETAIL
скачать программу
Лежащие под слоем воды, действующие часы. Падают в воду капли, плывут осенние листья - один из самых красивых скринсейверов из виденных мной когда-либо.
SereneScreen Marine Aquarium v2 RETAIL
скачать программу
Пожалуй что самый известный скринсейвер на тему аквариума. Красивый, что важно - достаточно быстрый, не требует супер мощного процессора, как некоторые свои менее симпатичные собратья. Теперь в него добавили ещё и часы-календарик. Хуже явно не стало.
Dream Aquarium RETAIL
скачать программу
Из последнего поколения аквариумных скринсейверов. Достойная смена SereneScreen Marine Aquarium. Теперь с нами колышущиеся водоросли, неограниченное число рыбок и даже возможность их кормить. К тому-же, если SereneScreen Marine Aquarium населяли представители мира моря, то здесь аквариум более классического типа - с речными тропическими рыбками. Возможно кому-то он покажется более родным...
|
Правда в Опере это окошко получается не скроллируемым, а раскрывается во всю высоту нагло игнорируя параметр HEIGHT. Увы.
Кто-нить знает как поправить?
^^^ вернуться к началу страницы...^^^
Как сделать у себя на страничке бокс с последними новостями сайта...
Используя метатеги WIKI можно дабавить себе на страничку последние 5 новостей из раздела БЛОГ (blog). Сделать это можно либо в виде бокса с автоскроллом:
|
|
|
 |
|
 |
|


- Program`s - - Program`s -




- Software - - Software -





- Blog`s - - Blog`s -





- Hardware - - Hardware -





- Files by mail -- Files by post -






- Anime, AMV -- Anime, AMV -












-Нечто около--Нечто около-





|