Entrar | Registrar | FAQ
Anonymous

Tooltip

+ Postar uma resposta

2 Mensagens Página 1 de 1


Tooltip

por .:Slins:. » Ter Nov 29, 2011 10:17 pm

Olá , meu nome é Alexsander , entrei hoje no html.net achei muito bom o site , porém não é em um dia que se aprende tudo , demora anos ... tenho 11 anos ainda é pouca coisa , entrarei em curso de web designer essas férias , e queria saber como se coloca tooltip no meu site , para quem não sabe tooltip são aqueles quadrados arredondados pretos ou de outras cores que quando passa o mouse sobre uma imagem ou texto ele aparece . Obrigado.

Também queria saber por que meu site não funciona , o link dele é : http://slins.comli.com/

E eu coloquei efeitos entre outras coisas , mas nada funcionou , abaixo está o meu html (index.html) :



<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" lang="pt-br">
<head>
<title>Web Site - Tuto - Testes :)</title>
<link href="style.css" rel="stylesheet" type="text/css" />
</head>

<body style="background-image:fundoo.png;"> color="blue" text color="FF0000" bg color="blue">
<i>Itálico</i>
<small>Texto tamanho small</small>

<br /> Pula linha
<hr /> Linha Horizontal
<blockquote>Indentação</blockquote>
<ul>Lista</ul>
<ol>Lista ordenada</ol>

<li>Item de lista</li>
<h2 style="background-color:#ff0000;">Eu adoro HTML</h2>

<hr />
h1 {
color: # ff0000;
}

<style type="text/css">

<p style="font-family:Hobo STD;
font-size:"20px";
font-color:"blue";
text-shadow:"50px";>
text-shadow: 5px 5px 5px rbga(255,255,0);
text-shadow:"ffffff";
text-shadow:"50px";>
text-shadow: 5px 5px 5px rbga(255,255,0);

by slins </p>

</style>
Olá , meu nome é slins estou testando o site :)</p>

<p> Olá , aqui quem fala é o .:Slins:. , o construtor do site ! </p>

<img src="http://maishabbo.com.br/library/imagens/icon_artigo.gif" title="slinsfoda" style="position:absolute;bottom:20px;top:10px">

h1 {
color: # ff0000;
}

/*-------------Letras---------------*/




aLEXsannnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnafiwoooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooda[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[
<a href="style.css">Desenvolvido por .:Slins:.</a>


</body>
</html>

<!-- www.000webhost.com Analytics Code -->

<script type="text/javascript" src="http://analytics.hosting24.com/count.php"></script>

<noscript><a href="http://www.hosting24.com/"><img src="http://analytics.hosting24.com/count.php" alt="web hosting" /></a></noscript>

<!-- End Of Analytics Code -->


Este é meu estilo css , (style.css) :


/ * Css - CRIADO por: Slins:.. * /



<!-------- Fundo do site --------->

body {
background-image: url ('fundoo.png');
background-color: # ff0000;
background-repeat: no-repeat;
background-attachment: fixed;
}
<!---------- Fontes ----------->
p {
font-style: italic;
font-weight: bold;
font-size: 30px;
font-family: arial, sans-serif, std hobo
font-shadow: 10px
text-shadow: 10px 10px # 000;
}

h1 {
text-decoration: shadow
text-shadow: 13px
}

p {
text-shadow: 5px 5px 5px rbga (255,255,0);
box-shadow: 5px 5px 5px rgba (255,255,0);
}

<!---------- Ligações ------------>

a: link {
color: red;
}

a: visited {
cor: verde;
}

a: active {
background-color: amarelo;
}

a: hover {
color: blue;

<!-------- Administradores Box ------>

# Div.box-admins {
height: 237;
Largura: 667;
text-align: center;
background: Borda.png
}

<!------------- AdmsPrints ---------->

# Print {
float: center;
Largura: 40;
height: 38;
}

<!------------ BoxsAdms ------------->

# Box1 {
position: absolute;
align: center;
Largura: 50;
height: 50;
}

# {Box2
position: absolute;
align: center;
Largura: 50;
height: 50;
}

# {Box3
position: absolute;
align: center;
Largura: 50;
height: 50;
}

# {Box4
position: absolute;
align: center;
Largura: 50;
height: 50;



Erros :


- Os meus links não estão codificados conforme acima .

-Não há box de administradores na central do site .

-O texto não ficou com sombra .

-O fundo do site que eu pûs no css não apareceu.

Como esses erros acima são concertados ? e como coloca tooltip no meu site ?


Obrigado.


Desde já agradeço.
Avatar de usuário

.:Slins:.

  • Mensagens: 3
  • Data de registro: Ter Nov 29, 2011 9:50 pm

Re: Tooltip

por atik » Sáb Dez 03, 2011 4:01 pm

Here something i want to inform you, in the site you failde to follow most of the rules for html and css. In body tag you close it in the middle of style attribut. You wrote text in ul tag, but it must be written in li tag. I just want to tell you, web design is an easy work. But not a thing which can be fully understood in a day. Please follow the procedure of the site http://pt-br.html.net and on day i think you will be a great designer.
Avatar de usuário

atik

  • Mensagens: 471
  • Data de registro: Seg Out 17, 2011 4:55 pm


+ Postar uma resposta

Página 1 de 1