ao passar o mouse, ou botão

[SrMaster]

como faço pra quando passar o mouse em cima de um <a href> abrir uma mensagem ou sei lá?

tipo passar o mouse <if passar mouse em a href>

CONTEUDO

</IF>

exemplo: http://a.imagehost.org/0641/Sem_t_tulo_3.png

eu passei apareceu isso, só que em vez de aparecer isso, apareceria um template gigante, olha que eu fiz:

http://j.imagehost.org/0593/paareceia.png

ou em um botão?

olha aqui o template:

<style type='text/css'>

#fade {

background: #000;

position: fixed;

width: 100%;

height: 100%;

filter:alpha(opacity=80);

opacity: .30;

-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";

/*--IE 8 Transparency--*/

left: 0;

top: 0;

z-index: 10;

}

#show {

position: absolute;

width: 100%;

height: 100%;

top: 0;

left: 0;

}

.popup_block {

background: #ddd;

padding: 10px 20px;

border: 10px solid #fff;

float: left;

width: 480px;

position: fixed;

top: 20%;

left: 50%;

margin: 0 0 0 -250px;

z-index: 100;

}

.popup_block .popup {

float: left;

width: 100%;

background: #fff;

margin: 10px 0;

padding: 10px 0;

border: 1px solid #bbb;

}

.popup h3 {

margin: 0 0 20px;

padding: 5px 10px;

border-bottom: 1px solid #bbb;

font-size: 1.5em;

font-weight: normal;

}

.popup p {

padding: 5px 10px;

margin: 5px 0;

}

.popup img.cntrl {

position: absolute;

right: -20px;

top: -20px;

}

</style>

<div id="fade"></div>

<div class="popup_block">

<div class="popup">

<a href="#" id="sos31popup"><img src='{$this->settings['board_url']}/public/style_extra/popup/icon_close.png' class=cntrl" title="Fechar"/></a>

<h3><b>{$this->settings['DCSR_news_data1]}</b> - <a href="{$this->settings['DCSR_news_link1']}" rel=nofollow"/>

{IPSText::truncate($this->settings['DCSR_news_title1],$this->settings['DCSR_news_limite'])}</a></h3>

<p>{parse expression=IPSText::getTextClass( 'bbcode' )->preDisplayParse( IPSText::getTextClass( 'bbcode' )->preDbParse( $this->settings['DCSR_news_preview1] ) )"}<br />

</td>

</tr>

</table>

</div>

</div>

</div>

<script type='text/javascript'>

if( $('sos31popup') )

{

$('sos31popup').observe('click', function(e)

{

new Effect.BlindUp( $('show'), { duration: 0.6, queue: 'end' } );

ipb.Cookie.set('sos31popup', 'hidden');

});

}

</script>

[*FIT*]

Pesquise sobre onmouseover!

[OxCom]

Pesquise sobre onmouseover!

SrMaster, se você quer EXATAMENTE como na imagem que você postou basta colocar o atributo title no link

<a href='url.html' title='Texto que irá aparecer quando passar o mouse em cima'>Seu link</a>

[SrMaster]

tipo queria uma imagem que quando clicasse abrisse isso, sem esse onmouseover ae, tipo um botão só que imagem entende?

[*FIT*]

Bom, pode usar uma imagem como botão, e para clicar, use o onclick.

[SrMaster]

tipo aqui eu queria que aparecesse aquele css ali por exemplo, era só colocar dentro de OnClick="Circle_calc(this.form);" ?

<INPUT TYPE=BUTTON OnClick="Circle_calc(this.form);" VALUE="calculate">

[*FIT*]

Se ao clicar for essa função que deseja chamar, sim, está está certinho!

[SrMaster]

não to conseguindo, tipo eu criei outro template aqui mais fácil, e tipo quando clicasse numa imagem, abriria ele, tipo é uma POP UP

se clicar aqui: abriria ele entendeu? apareceria assim:

aqui o template:

<form id='postingform' action='{$this->settings['base_url']}' method=post'>

<fieldset class='row1'>

<h3><a href="{$this->settings['DCSR_news_link1]}">{$this->settings['DCSR_news_title1']}</a></h3>

<ul>

<li class=field'>

{$this->settings['DCSR_news_editor1]}

</li>

</ul>

</fieldset>

<fieldset class='submit'>

<a href="{$this->settings['DCSR_news_link1']}"><input type=submit" name="dosubmit" value="Ir para o tópico" tabindex="3" class="input_submit" accesskey="s" /></a>&nbsp;ou <a href='#' class='cancel' title='{$this->lang->words['cancel]}' id='cancel' tabindex='4'> {$this->lang->words['cancel']}</a>

</fieldset>

</form>

Editado Julho 14, 2010 por SrMaster

[*FIT*]

Bom, por esse seu código, não entendi muita coisa, mas veja se isso te ajuda a ter uma idéia.

<div id="exemplo" style="display:none">Exemplo de div que é aberta ao clicar em um botão.</div>
<input type="button" name="botao" value="clique!" onclick="document.getElementById('exemplo').style.display='block'">

Em todo caso, estou movendo para javascript, pode ser que lá, você tenha soluções melhores.