Exibição de apresentação

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

Resolvido Exibição de apresentação

Mensagem por LuizLopes. em 14/11/12, 08:01 pm

Olá pessoal. Gostaria de saber o código desta seção, neste fórum: http://hogwartsismagicrpg.forumeiros.com/forum
Aonde é apresentado Pontos.


Fórum: http://hogwartsemagia.forumeiros.com (phpBB 2)


Última edição por luizdedezao em 14/11/12, 08:57 pm, editado 1 vez(es)
avatar

LuizLopes.
Usuário avançado

Masculino
Inscrito dia : 04/01/2011
Mensagens : 444
Pontos Ativos : 743

Ver perfil do usuário http://fenixextreme.forumeiros.com

Resolvido Re: Exibição de apresentação

Mensagem por Lucca. em 14/11/12, 08:50 pm

Aqui está:
Código:
<center><br><br><div style="color: #585b5d; text-shadow: 1px 0 1px #000000; font-family: Swiss921 BT; font-size: 30px; line-height: 20pt; letter-spacing: 4px; text-transform: uppercase;">••Pontos</div><div style="width: 190px; font-family:Bubbleman; font-size:42px; text-transform:none; color: #22b6e3; line-height:85%; font-weight: bold; letter-spacing:-1px; text-align:center; font-style:none; text-shadow: -2px 0 black, 0 1px black, 1px 0 black, 0 -2px black; margin-right:15px; margin-bottom: 20px;"></div>

<a href="" onmouseover="showmenu(event,linkset[0])" onmouseout="delayhidemenu()"><img src="http://img528.imageshack.us/img528/8871/teameagle2.png" border="0"></a>

<a href="" onmouseover="showmenu(event,linkset[1])" onmouseout="delayhidemenu()"><img src="http://img210.imageshack.us/img210/395/teamlion2.png" border="0"></a>


<a href="" onmouseover="showmenu(event,linkset[2])" onmouseout="delayhidemenu()"><img src="http://img837.imageshack.us/img837/8522/teamsnake2.png" border="0"></a>

<a href="" onmouseover="showmenu(event,linkset[3])" onmouseout="delayhidemenu()"><img src="http://img209.imageshack.us/img209/2907/teambadger2.png" border="0"></a>

</center>
<style type="text/css">

#popitmenu{
-moz-border-radius: 12px 12px 12px 12px;
position: absolute;
background-color: #f0f0f0;
text-align: center;
border-left: 3px solid #066170;
border-right: 3px solid #066170;
font: normal 10px verdana;
line-height: 18px;
z-index: 100;
visibility: hidden;
}

#popitmenu a{
text-decoration: none;
padding-left: 6px;
color: #B8B8B8;
display: block;
}

#popitmenu a:hover{ /*hover background color*/
-moz-border-radius: 12px 12px 12px 12px;
background-color: #6B838C;
color: white;
font-style: italic;
}

</style>
<script type="text/javascript">

var defaultMenuWidth="150px" //set default menu width.

var linkset=new Array()
//SPECIFY MENU SETS AND THEIR LINKS. FOLLOW SYNTAX LAID OUT

linkset[0]='<center><span style="font-size: 12px; text-transform:uppercase; line-height: normal"><font color="#183BC7">• Ravenclaw •</font></span></center>'
linkset[0]+='<strong>Pontos:</strong> 000<br>'
linkset[0]+='<strong>Diretor: Frederick Vondervoort</strong><br>'
linkset[0]+='<strong>Monitores:</strong> --'

linkset[1]='<center><span style="font-size: 12px; text-transform:uppercase; line-height: normal"><font color="#D61515">• Gryffindor •</font></span></center>'
linkset[1]+='<strong>Pontos:</strong> 000<br>'
linkset[1]+='<strong>Diretor:</strong> --<br>'
linkset[1]+='<strong>Monitores:</strong> --'

linkset[2]='<center><span style="font-size: 12px; text-transform:uppercase; line-height: normal"><font color="#056B15">• Slytherin •</font></span></center>'
linkset[2]+='<strong>Pontos:</strong> 000<br>'
linkset[2]+='<strong>Diretor: Bryan T. S. von Herz</strong> <br>'
linkset[2]+='<strong>Monitores:</strong> --'

linkset[3]='<center><span style="font-size: 12px; text-transform:uppercase; line-height: normal"><font color="#CFAA17">• Hufflepuff •</font></span></center>'
linkset[3]+='<strong>Pontos:</strong> 000<br>'
linkset[3]+='<strong>Diretor:</strong> -- <br>'
linkset[3]+='<strong>Monitores:</strong>--'

////No need to edit beyond here

var ie5=document.all && !window.opera
var ns6=document.getElementById

if (ie5||ns6)
document.write('<div id="popitmenu" onMouseover="clearhidemenu();" onMouseout="dynamichide(event)"></div>')

function iecompattest(){
return (document.compatMode && document.compatMode.indexOf("CSS")!=-1)? document.documentElement : document.body
}

function showmenu(e, which, optWidth){
if (!document.all&&!document.getElementById)
return
clearhidemenu()
menuobj=ie5? document.all.popitmenu : document.getElementById("popitmenu")
menuobj.innerHTML=which
menuobj.style.width=(typeof optWidth!="undefined")? optWidth : defaultMenuWidth
menuobj.contentwidth=menuobj.offsetWidth
menuobj.contentheight=menuobj.offsetHeight
eventX=ie5? event.clientX : e.clientX
eventY=ie5? event.clientY : e.clientY
//Find out how close the mouse is to the corner of the window
var rightedge=ie5? iecompattest().clientWidth-eventX : window.innerWidth-eventX
var bottomedge=ie5? iecompattest().clientHeight-eventY : window.innerHeight-eventY
//if the horizontal distance isn't enough to accomodate the width of the context menu
if (rightedge<menuobj.contentwidth)
//move the horizontal position of the menu to the left by it's width
menuobj.style.left=ie5? iecompattest().scrollLeft+eventX-menuobj.contentwidth+"px" : window.pageXOffset+eventX-menuobj.contentwidth+"px"
else
//position the horizontal position of the menu where the mouse was clicked
menuobj.style.left=ie5? iecompattest().scrollLeft+eventX+"px" : window.pageXOffset+eventX+"px"
//same concept with the vertical position
if (bottomedge<menuobj.contentheight)
menuobj.style.top=ie5? iecompattest().scrollTop+eventY-menuobj.contentheight+"px" : window.pageYOffset+eventY-menuobj.contentheight+"px"
else
menuobj.style.top=ie5? iecompattest().scrollTop+event.clientY+"px" : window.pageYOffset+eventY+"px"
menuobj.style.visibility="visible"
return false
}

function contains_ns6(a, b) {
//Determines if 1 element in contained in another- by Brainjar.com
while (b.parentNode)
if ((b = b.parentNode) == a)
return true;
return false;
}

function hidemenu(){
if (window.menuobj)
menuobj.style.visibility="hidden"
}

function dynamichide(e){
if (ie5&&!menuobj.contains(e.toElement))
hidemenu()
else if (ns6&&e.currentTarget!= e.relatedTarget&& !contains_ns6(e.currentTarget, e.relatedTarget))
hidemenu()
}

function delayhidemenu(){
delayhide=setTimeout("hidemenu()",500)
}

function clearhidemenu(){
if (window.delayhide)
clearTimeout(delayhide)
}

if (ie5||ns6)
document.onclick=hidemenu

</script>






<link href='http://fonts.googleapis.com/css?family=Economica:200,400,700' rel='stylesheet' type='text/css'>
<style type="text/css">

.tituloyu {
padding-bottom:5px;
font-family: Economica;
font-weight:400;
text-transform:uppercase;
text-align:center;
color: steelblue;
font-size: 36px
}
#quicklinks a {
font-family: tahoma;
font-size:10px;
text-transform: uppercase;
color: #ddd;
line-height:110%;
letter-spacing:1px;
}
#quicklinks a:hover {
color: steelblue;
font-weight:bold;
}
#quickshout a {
font-family: tahoma;
font-size:11px;
color: #ddd;
line-height:115%;
letter-spacing:1px;
}
#quickshout a:hover {
color: steelblue;
font-weight:bold;
}

.subtituloyu {
font-family: Economica;
font-weight:200;
text-align:right;
color:steelblue;
font-size:24px;
text-transform:lowercase;
padding-top:5px;
}

.links1 {
float:left; width: 115px; border-right: double 4px steelblue; text-align:center;
}

.links2 {
float:right; width: 115px; border-right: double 4px steelblue; text-align:center;
}
</style>
<table style="width:620px; padding:10px 20px; margin: 0 auto;"><tr><td style="width:290px;"><div class="tituloyu">
Welcome
</div><div style=" font-family:tahoma; letter-spacing:1px; font-size:11px; line-height:110%; color:dimgray; text-align:justify;">

Seja bem vindo ao Hogwarts is magic rpg

</div><div class="subtituloyu">Links</div><div style="height:60px; background:#222; padding:20px;" id="quicklinks"><div class="links1">
<a href="#">LINK RAPIDO 1</a><br />
<a href="#">LINK RAPIDO 2</a><br />
<a href="#">LINK RAPIDO 3</a><br />
<a href="#">LINK RAPIDO 4</a><br />
<a href="#">LINK RAPIDO 5</a><br />



</div></div><div class="subtituloyu">ULTIMOS ANUNCIOS</div><div style="height:110px;background:#222; padding:10px; text-align:center; color:#666; font-size:10px; line-height:150%;" id="quickshout">

<a href="#">Nombre del Primer Anuncio</a><br />Fecha # Explicacion<br />
<a href="#">Nombre del Segundo Anuncio</a><br />Fecha # Explicacion<br />
<a href="#">Nombre del Tercer Anuncio</a><br />Fecha # Explicacion<br />
<a href="#">Nombre del Cuarto Anuncio</a><br />Fecha # Explicacion<br />

</div></td><td style="width:20px;"></td><td style="width:290px;"><div class="subtituloyu">Comunicado rápido</div><div style="height:200px;background:#222; padding:10px; text-align:justify; color:#aaa; font-size:10px; line-height:110%; overflow:auto; opacity:0.8" >


aqui tu texto aqui tu texto aqui tu texto aqui tu texto aqui tu texto aqui tu texto aqui tu texto aqui tu texto aqui tu texto aqui tu texto aqui tu texto aqui tu texto aqui tu texto aqui tu texto aqui tu texto aqui tu texto aqui tu texto aqui tu texto aqui tu texto aqui tu texto aqui tu texto aqui tu texto aqui tu texto aqui tu texto aqui tu texto aqui tu texto aqui tu texto aqui tu texto aqui tu texto aqui tu texto aqui tu texto aqui tu texto aqui tu texto aqui tu texto aqui tu texto aqui tu texto
aqui tu texto aqui tu texto aqui tu texto aqui tu texto aqui tu texto aqui tu texto aqui tu texto aqui tu texto aqui tu texto aqui tu texto aqui tu texto aqui tu texto aqui tu texto aqui tu texto aqui tu texto aqui tu texto aqui tu texto aqui tu texto aqui tu texto aqui tu texto aqui tu texto aqui tu texto aqui tu texto aqui tu texto aqui tu texto aqui tu texto aqui tu texto aqui tu texto aqui tu texto aqui tu texto aqui tu texto aqui tu texto aqui tu texto aqui tu texto aqui tu texto aqui tu texto

aqui tu texto aqui tu texto aqui tu texto aqui tu texto aqui tu texto aqui tu texto aqui tu texto aqui tu texto aqui tu texto aqui tu texto aqui tu texto aqui tu texto aqui tu texto aqui tu texto aqui tu texto aqui tu texto aqui tu texto aqui tu texto aqui tu texto aqui tu texto aqui tu texto aqui tu texto aqui tu texto aqui tu texto aqui tu texto aqui tu texto aqui tu texto aqui tu texto aqui tu texto aqui tu texto aqui tu texto aqui tu texto aqui tu texto aqui tu texto aqui tu texto aqui tu texto

</div><div class="subtituloyu">créditos</div><div style="height:50px;background:#222; padding:10px; text-align:center; color:#666; font-size:10px; line-height:110%;">

Todos os tópicos e imagens deste fórum são de totais direitos do Hogwarts is Magic e seus respectivos idealizadores evite copiar para não haver qualquer tipo de constrangimento futuro.

</div></td></tr></table>


Para inseri-lo, vá à:
Painel de Controle Seta Visualização Seta Página inicial Seta Geral Seta Mensagem na Página Inicial

Abraços.
avatar

Lucca.
Nível 8

Masculino
Inscrito dia : 02/06/2012
Mensagens : 116
Pontos Ativos : 172

Ver perfil do usuário http://www.forum-dix.com.br

Resolvido Re: Exibição de apresentação

Mensagem por LuizLopes. em 14/11/12, 08:57 pm

Funcionou. Obrigado.
avatar

LuizLopes.
Usuário avançado

Masculino
Inscrito dia : 04/01/2011
Mensagens : 444
Pontos Ativos : 743

Ver perfil do usuário http://fenixextreme.forumeiros.com

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum