Criar menu de contexto

Como criar um menu de contexto ao clicar com o botão direito do mouse:

Leia mais...
Criar title com quebra de linha

Bom pessoal, o atributo title de qualquer elemento html não suporta quebra de linha nem formatação, o que se pode fazer é improvisar usando css.

Leia mais...
Adicione o PageRank no seu site

Para calcular o PageRank do seu site, basta inserir as tags :

<a href= 'http://www.fabiopaiva.com/?option=com_content&view=article&id=105:adicione-o-pagerank-no-seu-site&catid=45&Itemid=109?url=www.seusite.com.br' target="_blank">
<img src="http://www.fabiopaiva.com/rank.php?url=www.seusite.com.br" alt="PageRank" border="0" />
</a>
Leia mais...
Criar tabela dinâmica

No tutorial seguinte veremos como criar tabelas dinamicamente usando DOM - Document Object Model.
As tabela dinâmicas são bem úteis na criação de sistemas web como por exemplo na inserção de dados em uma grade.

Leia mais...
Criar title com quebra de linha Criar PDF Versão para impressão Enviar por E-mail

Bom pessoal, o atributo title de qualquer elemento html não suporta quebra de linha nem formatação, o que se pode fazer é improvisar usando css.

No código abaixo vamos inserir o title dentro de uma tag qualquer (classe="recebe_title"), em seguido criamos o próprio title dentro da tag div que vai receber o title.
Quando o usuário passar o mouse sobre a tag, ela vai acionar o evento hover que exibirá o tão esperado title. Simples assim:

 

<style>
span.recebe_title {
color:#009900;
cursor:default;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
position:relative;
}
span.recebe_title div {
display:none;
}
span.recebe_title:hover div {
background:#FFFFCC none repeat scroll 0 0;
border:1px solid #999999;
display:block;
left:100%;
padding:5px 10px;
position:absolute;
text-align:justify;
width:230px;
}
</style>

<span class="recebe_title">Tag que receberá o Title <div>

<p>Conteúdo do Title <br />
Aceita
Formatação <strong>HTML</strong> </p>
</div>
</span>


O código acima terá a seguinte saída:

Tag que receberá o Title

Conteúdo do Title
Aceita Formatação HTML


Comments
Add New Search
José Silva  - Bacana   |200.198.42.xxx |2008-12-03 09:14:27
Interessante o post, mas parece que só funciona no Firefox
Write comment
Name:
Email:
 
Website:
Title:
UBBCode:
[b] [i] [u] [url] [quote] [code] [img] 
 
 
:angry::0:confused::cheer:B):evil::silly::dry::lol::kiss::D:pinch:
:(:shock::X:side::):P:unsure::woohoo::huh::whistle:;):s
:!::?::idea::arrow:
 
Please input the anti-spam code that you can read in the image.

3.26 Copyright (C) 2008 Compojoom.com / Copyright (C) 2007 Alain Georgette / Copyright (C) 2006 Frantisek Hliva. All rights reserved."

 
Ajax e PHP
Firefox
CSS e XHTML
Yslow
JavaScript
Joomla