Как создать красивую стену с картинками,наличием ссылок,таблиц и прочих фич..
Этот вопрос задают многие пользователи,но оформление стены это вторичная функция,которую приветствуют не все.Сразу скажу,что через мерное оформление,которое меняет дизайн сайта в худшую сторону,наказывается..
Для введения надо сказать,что существуютАбсолютныеиОтносительныессылки.
Абсолютные ссылки начинаются сhttp://то есть примером абсолютных ссылок является каждый интернет ресурс например http://www.yandex.ru.
Относительная ссылка является ссылкой относительно какого-либо объекта (сайта, директории).Например /img/wall20.png
-На WMmail'e разрешены только относительные ссылки.
То есть основным принципом размещения чего-либо на стенах,в постах и т.д. нужны относительные ссылки.
Например чтобы вставить картинку в код нужно вставить относительную ссылку,пример уже был дан выше /img/wall20.png.
После изучения всех функций,посмотрите что означает каждый параметр тега и сами теги.
Основные функции:
Вставка картинки:
font style="padding: 10px; background-repeat: no-repeat; background-image:url(/icon/mouse.png);" /font
Это служит примером вставки картинки,где
padding: 10pxэто размер,а
url(/icon/mouse.png)это относительная ссылка на картинку
Также не забываем ставить закрывающие символы > и <
Вставка ссылки:
font onclick='window.open("index.php?cf=uzd-readtask&zdid=86104");' /font
Пример вставки ссылки,где опять же нужно вставлять относительную ссылку на страницу.
Также не забываем ставить закрывающие символы > и <
Вставка таблицы:
font style="border: 1px solid black; padding: 3px; float: right; color: green; background-color: rgb(240, 255, 255);" size="2" /font
Тут главное указать цвет фона,тип линии,толщину и т.д...
Тип курсора:
font style="cursor:pointer;" /font
Здесь достаточно указать тип курсора.
Примеры курсоров:
<img src="http://www.wmmail.ru/help/mzn/cursors.png" alt="" border="0">
Цвет фона и текста:
Фон:
style="background-color:#66FF99"
Здесь главное выбрать цвет,который можно найтиздесь
Цвет рамки для текста:
font style="text-shadow:1px 1px 2px lime; border:1px solid #f0f; background-color:#eeeeee; padding:1px;" /font
Тут опять же выбираем цвет,тип,толщину линии.
Цвет текста:
Несколько примеров:
font face="Calibri" color="red" /font
font size="4" face="Calibri" /font
font face="Segoe Script" /font
font size="+1" face="Segoe Script" color="red" /font
Тут опять же главное указать параметр цветаcolor
Теги b, i, u, font
Тег b - Устанавливает жирное начертание шрифта. Допустимо использовать этот тег совместно с другими тегами, которые определяют начертание текста. Закрывающий тег обязателен.
Тег u - Добавляет подчеркивание к тексту. Допустимо использовать этот тег совместно с другими тегами, которые определяют начертание текста. Закрывающий тег обязателен.
Тег i - Устанавливает курсивное начертание шрифта. Допустимо использовать этот тег совместно с другими тегами, которые определяют начертание текста. Закрывающий тег обязателен.
Тег font - Представляет собой контейнер для изменения характеристик шрифта, таких как размер, цвет и гарнитура. Допустимо использовать этот тег совместно с другими тегами, которые определяют начертание текста. Закрывающий тег обязателен.
Параметры тегов:
Параметр color- Устанавливает цвет текста внутри контейнера font.
Значение цвета можно задавать двумя способами:
1.По его названию. Браузеры поддерживают некоторые цвета по их названию. (Например: red, green, blue)
2.По шестнадцатеричному значению. Для задания цветов используются числа в шестнадцатеричном коде. Чтобы не возникало путаницы в определении системы счисления, перед шестнадцатеричным числом ставят символ решетки #. Каждый из трех компонентов цвета — красный, зеленый и синий — может принимать значения от 00 до FF. Таким образом, обозначение цвета разбивается на три составляющие (#rrggbb), где первые два соответствуют красному компоненту цвета, два средних — зеленому, а два последних - синиму. Узнать HTML код интересующих цветов можно на<a class="link" href="http://u.to/Gn8_" title="http://yandex.ru/yandsearch?text=%D1%86%D0%B2%D0%B5%D1%82%D0%B0+html&lr=213" rel="nofollow" target="_blank"> <span style="color: red;">Я</span>ндексе.</a>
Параметр face- Служит для задания гарнитуры шрифтов, использующихся для текста. Список шрифтов можно найти в любом текстовом, графическом и HTML редакторе.
Параметр size- Задает размер шрифта в условных единицах от 1 до 7. Средний размер, используемый по умолчанию принят 3. Размер шрифта можно указывать как абсолютной величиной, так и относительной. В последнем случае размер изменяется относительно базового. На размер шрифта влияет не только заданный параметр size, но и выбор гарнитуры шрифта.
background-colorзадает цвет фона
text-shadow- тень, отбрасываемую от текста (отображается не во всех браузерах)
border- рамку.
top- верх
right- право
bottom- низ
left- лево.
background-color- задает цвет фона [background-color:#66FF99"]
borderустанавливает параметры рамки [border:1px solid #ccc], где 1px - толщина рамки, solid - стиль рамки (возможные варианты ниже), #ccc - цвет рамки
<img src="http://s001.radikal.ru/i195/1007/09/1b7db29cc5de.jpg" alt="" border="0">
border-top - то же самое что и border, только задает параметры для верхней границы рамки [border-top:1px solid #ccc]
border-right
border-bottom
border-left
___________________________________________________________________________
Ну впринцепи все,главное это фантазия и умение экспериментировать..
Примеры стен:
___________________________________________________________________________
___________________________________________________________________________
___________________________________________________________________________
Для наглядного примера "программирования" стены могу предоставить вам код стеныMZN.
___________________________________________________________________________
<b><font color="fuchsia" face="Segoe Script" size="+2" style="text-shadow: 3px 3px 4px olive; text-shadow: 7px 7px 10px yellow;">Приветствую тебя, мой друг! :)</font></b><font size="2" style="padding:3px; float:right; color:red; background-color:#FFCCFF; border:solid 1px red;">Слова, выделенные пунктиром, содержат в себе всплывающую подсказку, раскрывающуюся при наведении курсора. <font title="Это всплывающая подсказка. Здесь будут содержаться все подробности, чтобы не заграмождать стенку." style="border-bottom:dashed 1px #f0f; color:red; cursor:help;">Пример</font></font>
<b><font color="green" size="+2"> Реклама</font></b><font size="2" style="padding:3px; float:right; vertical-align:text-top; text-align:center; color:red; background-color:#FFCCFF; border:solid 1px red;"><b style="cursor:pointer; border-bottom:dashed 1px #f0f;" title="При честном выполнении оплата гарантирована!"><u onclick='window.open("http://wmmail.ru/index.php?cf=uzd-readtask&zdid=ID Вашего задания");'>Мое задание</u></b></font>
<b><font color="ff00ff" size="+2"> Реклама</font></b>
<b><font color="grey" size="-3"> (<font color="444444" size="-3">обращаться в личку</font>)</font></b>
<font color="#666666" size="+1">Бонусы рефералам:</font>
Реклама
<font color="green"><b>==>Рефбек <font color="ff00ff">Ваш рефбек в %</font></b></font>
<font color="grey">ICQ:</font> <u>Ваш номер ICQ</u></font>
<b><font color="grey" size="-3"> (<font color="444444" size="-3">Перед добавлением написать</font>)</font></b>
<b><font size="+1" face="Segoe Script" color="fuchsia" style="background-color:#FFCCFF; border:solid 1px #FF0000; padding:2px 80% 359px 5px;">Список друзей:</font></b>
<font style="padding-left:5px;"><font style='padding:34px 34px; background-image:url("avatar/49/93/72.jpg"); background-repeat:no-repeat;'> </font></font><b onclick='window.open("wall_mzn");'><font title="Переидти на стену пользователя mzn" style="cursor:pointer;" color="#009900"><u>mzn</u></font></b><font style="padding-left:3px; ">Очень классно оформляет стены!. <u><b onclick='window.open("index.php?cf=rmail-newrmail&totype=1&tid=1&rid=499372&rname=%C7%E4%F0%E0%E2%F1%F2%E2%F3%E9%F2%E5!");' style="cursor:pointer;" title="Написать письмо пользователю mzn">Написать</b></u></font>
<font style="padding-left:5px;"><font style='padding:34px 34px; background-image:url("
Аватар Вашего друга"); background-repeat:no-repeat;'> </font></font><b onclick='window.open("wall_Логин Вашего друга");'><font title="Переидти на стену пользователя Логин Вашего друга" style="cursor:pointer;" color="#009900"><u>Логин Вашего друга</u></font></b><font style="padding-left:3px; ">Комментарий, отзыв о Вашем друге <u><b onclick='window.open("index.php?cf=rmail-newrmail&totype=1&tid=2&rlogin=Логин Вашего друга&rname=%C7%E4%F0%E0%E2%F1%F2%E2%F3%E9%F2%E5!");' style="cursor:pointer;" title="Написать письмо пользователю Логин Вашего друга">Написать</b></u></font>
<font size="-1" style="float:right; margin-right:1em; padding:5px; border:solid 1px #CCC; background-color:#f7f7f7;">С уважением, <b style="font-family:Segoe Print; cursor:help; border-bottom:dashed 1px #f0f;" title="Зовут меня Ваше имя, мне Ваш возраст. Буду рад(а) видеть Вас в своей аське Номер Вашей ICQ;)">Ваш логин</b></font>