Создаем Motd окно (motd.txt) - Форум настоящего серверостроителя


  • Страница 1 из 1
  • 1
Создаем Motd окно (motd.txt)
zalmanДата: Четверг, 12.05.2011, 18:20 | Сообщение # 1

Сообщений: 2

[ 32767 ]

Offline
[Table]Faq по созданию Motd.txt[/Table]

1. Установка фона

Code
<html>
<head>
</head>
<body bgcolor="CC6600" background="image_background.jpg">
</body>
</html>

bgcolor="CC6600" - устанавливает цвет фона страницы. Код цвета можно брать из Таблицы цветов
background="image_background.jpg" - устанавливает в качестве фона Вашу картинку. Не рекомендуется использовать, т.к. мониторы и разрешение экрана у всех разное. У Вас может быть всё красиво, а у другого человека совсем не читабельно.

3. Вставка изображения

Code
<img  src="http://gungame.ucoz.com/imig/GG.jpg" border="0" alt="" />">

4. Вставка ссылки на текст/картинка

Code
<a href="http:/forteam.ru.ru">Gun Game server</a>
<a href="http:/forteam.ru.ru"><img  src="http://gungame.ucoz.com/imig/GG.jpg"></a>

1 строчка - вставка ссылки на текст
2 строчка - вставка ссылки на картинку[/color
]

5. Работа с текстом

Code
<font color="#CC00FF"><h3>Gun Game server</h3></font>

[color=green] - задаёт цвет текста.

- задаёт размер текста. Чем меньше значение (h2, h1), тем больше будет размер шрифта.

Code
<b>Gun Game server</b> - Жирный текст
<i>Gun Game server</i> - Курсив
<u>Gun Game server</u> - Подчёркнутый текст

6. Выравнивание текста/картинки

6.1 Для того, чтобы выровнять текст необходимо заключить его в следующие коды:

Code
<div align="center">Gun Game server</div> - Выравнивание по центру
<div align="right">Gun Game server</div> - Выравнивание по правому краю
<div align="justify">Gun Game server</div> - Выравнивание по ширине

Выравнивание элементов по левому краю задано по умолчанию, поэтому указывать его лишний раз необходимости нет.

6.2 Чтобы выровнять картинку по центру необходимо заключить её в

Code
<center><img  src="http://gungame.ucoz.com/imig/GG.jpg"></center>

6.3 Чтобы выровнять картинку по левому или правому краю необходимо

Code
<img  src="http://www.forteam.ru/promo/ft468.jpg" align="right">

Где right - по правому краю, left - по левому краю.

7. Проигрывание музыки при заходе на сервер

Code
<html>
<head>
</head>
<body>
<bgsound src="Ссылка на музыкальный файл">
</body>
</html>

Можно использовать звуки в формате *.wav и *.mp3

8. Маркированный и нумерованный списки

Маркированный список

Code
<html>
<head>
</head>
<body>
<ul>
<li>Вариант 1</li>
<li>Вариант 2</li>
<li>Вариант 3</li>
</ul>
</body>
</html>

Нумерованный список

Code
<html>
<head>
</head>
<body>
<ol>
<li>Номер 1</li>
<li>Номер 2</li>
<li>Номер 3</li>
</ol>
</body>
</html>

Результат:


  • Вариант 1


  • Вариант 2


  • Вариант 3

Номер 1
Номер 2
Номер 3

9. Загрузка motd.txt с Вашего сайта

Также Вы можете создать *.html страничку, которая будет размещаться на Вашем хостинге. Чтобы внедрить её необходимо прописать в motd.txt следующий код.

Code
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta http-equiv="refresh" content="0;URL=http://http://gungame.ucoz.com/motd.html">
</head>
<body
</body>
</html>

10. Делаем motd.txt с помощью редактора

Но не каждый из нас знает все теги HTML. Справиться с этой задачей Вам поможет Онлайн HTML-редактор. С его помощью Вы легко сможете изменить цвет/размер текста, вставить картинку/ссылку, выровнять текст или картинку.
Когда мы набрали необходимый текст, нажимаем в левом нижнем углу окна редактирования на Code. Вот и появился наш HTML код.

Теперь необходимо вставить его в motd.txt. Код будет выглядеть так:

Code
<html>
<head>
</head>
<body>

Сюда вставьте код, созданный в редакторе. Чтобы его получить, нажмите клавишу "Code" в нижней панели редактора

Code
</body>   
</html>

11. Пример motd.txt

Ну и в завершении небольшой пример motd.txt с проигрыванием музыки, вставкой картинки, раскраской текста и маркированным списком.

Code
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> //поддержка русского языка
</head>
<body>
<bgsound src="http://www.europaplus.ru/sound/1288184469_Inna__Sun_Is_Up.mp3"> //подключили музыку
<body bgcolor="#FFE4C4"> //сделали фон страницы
<br> //переход на новую строчку
<center><img src="http://gungame.ucoz.com/imig/GG.jpg"></center> //вставили картинку
<br>
<font color="#FF0000"><div align="center"><h2>Gun Game server</h2></div></font> //сделали размер и цвет шрифта, выровняли по центру
<br>   
<font color="Green"><h3>Наши servers</h3></font>
<div align="left"><ol> //начали нумерованный список, выровняли его по левому краю
<li>Counter Strike 1.6 Public</li>
<li>Counter Strike 1.6 Private</li>
<li>CS:Source Public</li>
<li>Battlefield: BC 2 Private</li>
<li>Left 4 Dead</li>
<li>Left 4 Dead 2</li>
<li>Medal of Honor 2 Private</li>
<li>И другие...</li>
</ol></div> //закончили нумерованный список
<br>
<font color="Blue"><div align="center"><h2><i>Подробнее на нашем сайте</i> - <a href="http://gungame.ucoz.com">http://gungame.ucoz.com</a></h2></div></font> //сдеали надпись курсивом и поставили ссылку
</body>
</html>

Без комментариев наш код будет выглядеть так:

Code
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
</head>
<body>
<bgsound src="http://www.europaplus.ru/sound/1288184469_Inna__Sun_Is_Up.mp3">
<body bgcolor="#FFE4C4">   
<br>   
<center><img src="http://gungame.ucoz.com/imig/GG.jpg"></center>
<br>
<font color="#FF0000"><div align="center"><h2>Gun Game server</h2></div></font>
<br>   
<font color="Green"><h3>Наши servers</h3></font>
<div align="left"><ol>
<li>Counter Strike 1.6 Public</li>
<li>Counter Strike 1.6 Private</li>
<li>CS:Source Public</li>
<li>Battlefield: BC 2 Private</li>
<li>Left 4 Dead</li>
<li>Left 4 Dead 2</li>
<li>Medal of Honor 2 Private</li>
<li>И другие...</li>
</ol></div>
<br>
<font color="Blue"><div align="center"><h2><i>Подробнее на нашем сайте</i> - <a href="http://gungame.ucoz.com">http://gungame.ucoz.com</a></h2></div></font>
</body>
</html>

Заходим в Counter-Strike и видим наше приветствие

Вложения: 2905257.jpg (78.1 Kb)


Сообщение[Table]Faq по созданию Motd.txt[/Table]

1. Установка фона

Code
<html>
<head>
</head>
<body bgcolor="CC6600" background="image_background.jpg">
</body>
</html>

bgcolor="CC6600" - устанавливает цвет фона страницы. Код цвета можно брать из Таблицы цветов
background="image_background.jpg" - устанавливает в качестве фона Вашу картинку. Не рекомендуется использовать, т.к. мониторы и разрешение экрана у всех разное. У Вас может быть всё красиво, а у другого человека совсем не читабельно.

3. Вставка изображения

Code
<img  src="http://gungame.ucoz.com/imig/GG.jpg" border="0" alt="" />">

4. Вставка ссылки на текст/картинка

Code
<a href="http:/forteam.ru.ru">Gun Game server</a>
<a href="http:/forteam.ru.ru"><img  src="http://gungame.ucoz.com/imig/GG.jpg"></a>

1 строчка - вставка ссылки на текст
2 строчка - вставка ссылки на картинку[/color
]

5. Работа с текстом

Code
<font color="#CC00FF"><h3>Gun Game server</h3></font>

[color=green] - задаёт цвет текста.

- задаёт размер текста. Чем меньше значение (h2, h1), тем больше будет размер шрифта.

Code
<b>Gun Game server</b> - Жирный текст
<i>Gun Game server</i> - Курсив
<u>Gun Game server</u> - Подчёркнутый текст

6. Выравнивание текста/картинки

6.1 Для того, чтобы выровнять текст необходимо заключить его в следующие коды:

Code
<div align="center">Gun Game server</div> - Выравнивание по центру
<div align="right">Gun Game server</div> - Выравнивание по правому краю
<div align="justify">Gun Game server</div> - Выравнивание по ширине

Выравнивание элементов по левому краю задано по умолчанию, поэтому указывать его лишний раз необходимости нет.

6.2 Чтобы выровнять картинку по центру необходимо заключить её в

Code
<center><img  src="http://gungame.ucoz.com/imig/GG.jpg"></center>

6.3 Чтобы выровнять картинку по левому или правому краю необходимо

Code
<img  src="http://www.forteam.ru/promo/ft468.jpg" align="right">

Где right - по правому краю, left - по левому краю.

7. Проигрывание музыки при заходе на сервер

Code
<html>
<head>
</head>
<body>
<bgsound src="Ссылка на музыкальный файл">
</body>
</html>

Можно использовать звуки в формате *.wav и *.mp3

8. Маркированный и нумерованный списки

Маркированный список

Code
<html>
<head>
</head>
<body>
<ul>
<li>Вариант 1</li>
<li>Вариант 2</li>
<li>Вариант 3</li>
</ul>
</body>
</html>

Нумерованный список

Code
<html>
<head>
</head>
<body>
<ol>
<li>Номер 1</li>
<li>Номер 2</li>
<li>Номер 3</li>
</ol>
</body>
</html>

Результат:


  • Вариант 1


  • Вариант 2


  • Вариант 3

Номер 1
Номер 2
Номер 3

9. Загрузка motd.txt с Вашего сайта

Также Вы можете создать *.html страничку, которая будет размещаться на Вашем хостинге. Чтобы внедрить её необходимо прописать в motd.txt следующий код.

Code
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta http-equiv="refresh" content="0;URL=http://http://gungame.ucoz.com/motd.html">
</head>
<body
</body>
</html>

10. Делаем motd.txt с помощью редактора

Но не каждый из нас знает все теги HTML. Справиться с этой задачей Вам поможет Онлайн HTML-редактор. С его помощью Вы легко сможете изменить цвет/размер текста, вставить картинку/ссылку, выровнять текст или картинку.
Когда мы набрали необходимый текст, нажимаем в левом нижнем углу окна редактирования на Code. Вот и появился наш HTML код.

Теперь необходимо вставить его в motd.txt. Код будет выглядеть так:

Code
<html>
<head>
</head>
<body>

Сюда вставьте код, созданный в редакторе. Чтобы его получить, нажмите клавишу "Code" в нижней панели редактора

Code
</body>   
</html>

11. Пример motd.txt

Ну и в завершении небольшой пример motd.txt с проигрыванием музыки, вставкой картинки, раскраской текста и маркированным списком.

Code
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> //поддержка русского языка
</head>
<body>
<bgsound src="http://www.europaplus.ru/sound/1288184469_Inna__Sun_Is_Up.mp3"> //подключили музыку
<body bgcolor="#FFE4C4"> //сделали фон страницы
<br> //переход на новую строчку
<center><img src="http://gungame.ucoz.com/imig/GG.jpg"></center> //вставили картинку
<br>
<font color="#FF0000"><div align="center"><h2>Gun Game server</h2></div></font> //сделали размер и цвет шрифта, выровняли по центру
<br>   
<font color="Green"><h3>Наши servers</h3></font>
<div align="left"><ol> //начали нумерованный список, выровняли его по левому краю
<li>Counter Strike 1.6 Public</li>
<li>Counter Strike 1.6 Private</li>
<li>CS:Source Public</li>
<li>Battlefield: BC 2 Private</li>
<li>Left 4 Dead</li>
<li>Left 4 Dead 2</li>
<li>Medal of Honor 2 Private</li>
<li>И другие...</li>
</ol></div> //закончили нумерованный список
<br>
<font color="Blue"><div align="center"><h2><i>Подробнее на нашем сайте</i> - <a href="http://gungame.ucoz.com">http://gungame.ucoz.com</a></h2></div></font> //сдеали надпись курсивом и поставили ссылку
</body>
</html>

Без комментариев наш код будет выглядеть так:

Code
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
</head>
<body>
<bgsound src="http://www.europaplus.ru/sound/1288184469_Inna__Sun_Is_Up.mp3">
<body bgcolor="#FFE4C4">   
<br>   
<center><img src="http://gungame.ucoz.com/imig/GG.jpg"></center>
<br>
<font color="#FF0000"><div align="center"><h2>Gun Game server</h2></div></font>
<br>   
<font color="Green"><h3>Наши servers</h3></font>
<div align="left"><ol>
<li>Counter Strike 1.6 Public</li>
<li>Counter Strike 1.6 Private</li>
<li>CS:Source Public</li>
<li>Battlefield: BC 2 Private</li>
<li>Left 4 Dead</li>
<li>Left 4 Dead 2</li>
<li>Medal of Honor 2 Private</li>
<li>И другие...</li>
</ol></div>
<br>
<font color="Blue"><div align="center"><h2><i>Подробнее на нашем сайте</i> - <a href="http://gungame.ucoz.com">http://gungame.ucoz.com</a></h2></div></font>
</body>
</html>

Заходим в Counter-Strike и видим наше приветствие


Автор - zalman
Дата добавления - 12.05.2011 в 18:20
  • Страница 1 из 1
  • 1
Поиск:
Загрузка...


Все материалы размещенные на сайте пренадлежат их владельцам и предоставляются исключительно в ознакомительных целях.