Воскресенье, 19.05.2024, 18:18 | RSS | Приветствую Вас Гость
Главная | Регистрация | Вход
My-wmmail
Главная
Меню сайта
Форма входа
Категории раздела
Учебник wmmail-полезные статьи [24]
Реклама
Онлайн халява
Часы

Главная » Статьи » Учебник wmmail-полезные статьи

Школа создания "Красивой стены"
Как создать красивую стену с картинками,наличием ссылок,таблиц и прочих фич..

Этот вопрос задают многие пользователи,но оформление стены это вторичная функция,которую приветствуют не все.

Сразу скажу,что через мерное оформление,которое меняет дизайн сайта в худшую сторону,наказывается..

Для введения надо сказать,что существуютАбсолютныеиОтносительныессылки.

Абсолютные ссылки начинаются с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>

Категория: Учебник wmmail-полезные статьи | Добавил: Марат555 (25.05.2011)
Просмотров: 2662 | Рейтинг: 0.0/0
Всего комментариев: 0

Copyright MyCorp © 2024
Сделать бесплатный сайт с uCoz