Gostaria de 2 codigos muito importante

Qual é minha questão:
- Olá gostaria de saber qual é o codigo que faz com que uma anuncio fique no centro da pagina,
deixando a pagina mais escuro,fazendo o usuario clicar no x para visualizar o forum melhor.

- Existe um codigo ou um sistema da forumeiro que fique na pagina do forum escrito
"Receba as novidades por E-Mail" fazendo com que todos os topicos/post fique na atualização do E-Mail do usuario.

Espero a Resposta!


Endereço do meu fórum:
http://www.visible.forum-livre.com
Versão do fórum:
PHPBB3

Olá,

1° Dúvida

Poderia explicar melhor sua dúvida

2° Dúvida

Painel de Controle Visualização Página Inicial Geral

Procure por " Conteúdo da mensagem. : ", e adiciona o seguinte código

Código:

<script type="text/javascript" src="http://redecanais.tv/js/lightsoff.js"></script>
 
 <script type="text/javascript">
 jQuery(document).ready(function() {
  lightsoff();
 });
 </script>

<td align="left"><div id="lightsoff"><a href="#" ><img src="http://redecanais.tv/templates/default/images/ico_lightsoff.gif" align="absmiddle" height="30" width="95" alt="Luzes Desligadas" border="0" /></a></div></td>

Depois adiciona este código em sua Folha de estilo CSS

Código:

#lightsoff a:hover {
color: #F60;
}
#lightsoff {
font-size: 11px;
font-weight: bold;
letter-spacing: -1px;
}
#lightsoff {
font-size: 11px;
font-weight: bold;
padding: 15px 0px;
letter-spacing: -1px;
width: 100px;
}
#lightsoff-background {
position: absolute;
margin: 0;
padding: 0;
z-index: 20;
width: 100%;
height: 100%;
left: 0;
top: 0;
}

3° Dúvida

Poderia me informar aonde viu este tal efeito ?

Até

tipo um anuncio que aparece na pagina
exemplo:


quero fazer isso

Olá,

Poderia me passar o link de onde viu este efeito ?

Até

esta ai
fala tudo sobre o efeito
http://www.lucaspeperaio.com.br/blog/as-8-melhores-janelas-modais-em-jquery

Olá,

Painel de Controle Visualização Página Inicial Geral

Procure por " Conteúdo da mensagem. : ", e adiciona o seguinte código

Código:

<div id="topbar" style="visibility: visible; right: 5px; top: 3731.000000000002px;">
<a href="javascript:closebar();" id="close"></a>
<a target="_blank" href="http://feeds.feedburner.com/lucaspeperaio" id="rssimg"></a>
 
<div class="titulo-feed"><strong>Receba Grátis</strong> Novidades do meu blog em seu E-mail!</div>

<form action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=lucaspeperaio', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">
<input type="text" style="width:140px" name="email" value="Digite seu Email!" onblur="if (this.value == '') {this.value = 'Digite seu Email!';}" onfocus="if (this.value == 'Digite seu Email!') {this.value = '';}">
<input type="hidden" value="lucaspeperaio" name="uri">
<input type="hidden" name="loc" value="pt_BR"><input type="submit" value="Cadastrar Email"><br><br>

<div id="explain-feed">Após o Cadastro você receberá um Email Automático. Clique no link enviado para Ativar e receber as novidades.</div>
</form>
</div><div id="topbar">
<a href="javascript:closebar();" id="close"></a>
<a target="_blank" href="http://feeds.feedburner.com/lucaspeperaio" id="rssimg"></a>
 
<div class="titulo-feed"><strong>Receba Grátis</strong> Novidades do meu blog em seu E-mail!</div>

<form action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=lucaspeperaio', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">
<input type="text" style="width:140px" name="email" value="Digite seu Email!" onblur="if (this.value == '') {this.value = 'Digite seu Email!';}"  onfocus="if (this.value == 'Digite seu Email!') {this.value = '';}" />
<input type="hidden" value="lucaspeperaio" name="uri"/>
<input type="hidden" name="loc" value="pt_BR"/><input type="submit" value="Cadastrar Email" /><br><br>

<div id="explain-feed">Após o Cadastro você receberá um Email Automático. Clique no link enviado para Ativar e receber as novidades.</div>
</form>
</div>
<!-- end content-left -->

<div id="content-right">
  <div id="search-3" class="widget_search box-right clearfix"><div id="searchform">
  <form method="get" action="http://www.lucaspeperaio.com.br/blog/"  class="clearfix">
    <input type="text" name="s" id="search-text" class="text required" value="" defaultvalue="Digite a palavra-chave..." />
    <input type="submit" id="search-submit" name="submit" value="Ok" />
  </form>
</div>
</div><div id="text-18" class="widget_text box-right clearfix">         <div class="textwidget"> <iframe allowtransparency="true" frameborder="0" scrolling="no" src="//platform.twitter.com/widgets/follow_button.html?screen_name=lucaspeperaio&lang=pt"style="width:300px; height:20px;margin:0px 0 0 0"></iframe>
<br/><br/>


Depois adiciona este código em sua Folha de estilo CSS

Código:

#topbar {
padding: 5px;
visibility: hidden;
border: 1px solid #CCC;
box-shadow: 0px 0px 10px #CCC;
width: 340px;
font-family: Helvetica;
position: absolute;
background: white;
z-index: 1000;
}
#topbar form {
margin: 30px 0 0 0;
text-align: center;
}
#rssimg {
background: url(http://www.lucaspeperaio.com.br/blog/wp-content/themes/destyle/img/rss-feed-gif.gif) no-repeat;
width: 48px;
height: 48px;
float: left;
border: none;
margin: 0 5px 0 0;
}
#topbar .titulo-feed {
font-size: 13px;
font-weight: bold;
margin: 5px 0 0 0;
}
#topbar strong {
color: red;
}
#close {
background: url(http://www.lucaspeperaio.com.br/blog/wp-content/themes/destyle/img/closeicon.gif) no-repeat;
border: none;
width: 14px;
height: 14px;
float: right;
}

Até