Colocação de uma imagem no ínicio do Servidor - War-Fusion

War-Fusion · **Colocação de uma imagem no ínicio do Servidor -** 20-07-2007, 14:54

Neste tutorial vamos ensinar a colocar uma imagem de inicio no servidor, para tal, iremos dar alguns conhecimentos básicos de HTML para proceder á colocação da mesma.

1º Proceder ao upload da imagem para a Internet.
(Exemplo: http://imageshack.us/ ) - Upload's Grátis

Procure no seu computador a imagem que quer colocar no seu servidor.
ATENÇÃO: Caso não deseje reduzir a sua imagem, não seleccione a caixa "resize image" nem "remove size".
De seguida faça "host it!"

De seguida no fundo encontrará o URL da imagem em "direct link to image"

Guarde este URL e agora vamos proceder ao código para esta ser apresentada no servidor.
Para tal temos de nos dirigir á pasta / ficheiro:

cstrike / motd.txt"

(Dentro da pasta "cstrike" irão encontrar o ficheiro "motd.txt", façam "EDIT" ou download para o vosso computador)

Vamos proceder então à edição do mesmo...

Código Original:

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/1999/REC-html401-19991224/loose.dtd">
<html>
<head>
<title>Cstrike MOTD</title>
<style type="text/css">
pre  {
  font-family:Verdana,Tahoma;
  color:#FFB000;
     }
body {
  background:#000000;
  margin-left:8px;
  margin-top:0px;
  }
a {
     text-decoration:    underline;
 }
a:link  {
    color:  #FFFFFF;
    }
a:visited   {
    color:  #FFFFFF;
    }
a:active    {
    color:  #FFFFFF;
    }
a:hover {
    color:  #FFFFFF;
    text-decoration:    underline;
    }
</style>
</head>
<body scroll="no">
<pre>
You are playing Counter-Strike: Source
Visit the official CS web site @
www.counter-strike.net
<a href="http://www.counter-strike.net">Visit Counter-Strike.net</a>
</pre>
</body>
</html>

Este é o código que já vem com o servidor com a típica frase do Counter-Strike: Source.[/code]

Vamos substituir por:

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/1999/REC-html401-19991224/loose.dtd">
<html>
<head>
<title>Cstrike MOTD</title>
<style type="text/css">
body {
  background:#000000;
  margin-top:0px;
  }
</style>
</head>
<body scroll="no">
<div align="center"><img src="http://img61.imageshack.us/img61/7074/modt01ve2.jpg" width="457" height="343" /></div>
</body>
</html>

Passemos á explicação:

Code:

<style type="text/css">
body {
  background:#000000;
  margin-top:0px;
  }
</style>

Code:

Aqui estipulamos a cor de fundo, neste caso está estipulada para preto:
preto - #000000
branco - #ffffff

(Todas as cores têm um código)

Code:

<div align="center"><img src="http://img61.imageshack.us/img61/7074/modt01ve2.jpg" width="457" height="343" /></div>

Neste código estipulamos a imagem é a sua posição..
O "(div align="center")" indica-nos que a imagem será centrada.

A parte do código com:

Code:

<img src="http://img61.imageshack.us/img61/7074/modt01ve2.jpg" width="457" height="343" />

é a localização da imagem e as suas dimensões, neste caso coloquei o URL da imagem que o ImageShack nos deu, relativamente ao upload da mesma.
Width = largura
height = altura

ATENÇÃO: Se a vossa imagem contiver outras dimensões, convém que adaptem estes dois parâmetros.