Vejam o código abaixo:
Quando clicados que abrissem em outra página e não na mesma...
http://somosmugiwara.forumeiros.com/portal
- Código:
<style type="text/css">html body .j82ffee,html body .j82ffee iframe,html body iframe[name="google_ads_frame"],html body .j82ffee iframe[name="google_ads_frame"],html body #wrap #page-body div.j82ffee,html body #page-body .j82ffee{display:block!important;visibility:visible!important;float:none!important;position:inherit!important;left:inherit!important;top:inherit!important;right:inherit!important;bottom:inherit!important;margin:0 auto!important;filter:alpha(opacity=100)!important;-moz-opacity:1!important;-khtml-opacity:1!important;opacity:1!important;z-index:9999!important;text-align:center!important}html body .j82ffee,html body .j82ffee iframe[name="google_ads_frame"]{width:728px!important;height:90px!important;min-height:90px!important}html body .j82ffee iframe{border:0px!important}html body iframe[name="google_ads_frame"]{width:100%!important;height:inherit!important;min-height:inherit!important}</style></div></div><div style="height:3px"></div><style>
.slide-up-boxes a {
display: block;
height: 130px;
margin: 0 0 20px 0;
background: rgba(215, 215, 215, 0.5);
border: 1px solid #ccc;
height: 65px;
overflow: hidden;
}
.slide-up-boxes h5 {
margin-top: 0px !important;
color: #333;
text-align: center;
height: 65px;
font: italic 18px/65px Georgia, Serif; /* Vertically center text by making line height equal to height */
opacity: 1;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
}
.slide-up-boxes a:hover h5 {
margin-top: -95px !important;
opacity: 0;
}
.slide-up-boxes div {
position: relative;
color: white;
font: 12px/15px Georgia, Serif;
height: 45px;
padding: 10px;
opacity: 0;
-moz-transform: rotate(6deg);
-moz-transition: all 0.4s linear;
-o-transform: rotate(6deg);
-o-transition: all 0.4s linear;
}
.slide-up-boxes a:hover div {
opacity: 1;
-webkit-transform: rotate(0);
-moz-transform: rotate(0);
-o-transform: rotate(0);
}
.slide-up-boxes td:nth-child(1) div { background: #c73b1b url(images/wufoo.png) 17px 17px no-repeat; padding-left: 100px; }
.slide-up-boxes td:nth-child(2) div { background: #367db2 url(images/diw.png) 21px 10px no-repeat; padding-left: 100px; }
.slide-up-boxes td:nth-child(3) div { background: #393838 url(images/qod.png) 14px 16px no-repeat; padding-left: 100px; }
.slide-up-boxes td:nth-child(4) div { background: #000 url(images/qod.png) 14px 16px no-repeat; padding-left: 100px; }
.slide-up-boxes a {
text-decoration: none !important;
}
</style>
<div id="page-wrap" style="margin-top: 40px;">
<section class="slide-up-boxes"> <table><tr><td>
<a href="http://somosmugiwara.forumeiros.com/h28-"><h5>Hall da Fama</h5>
<div>Os Melhores players do mês, escolhidos por meio de votação.</div>
</a></td>
<td><a href="http://somosmugiwara.forumeiros.com/h20-"><h5>Jornal Mensal</h5>
<div>Os acontecimentos on-game mais importantes e que ganham destaque mundial.</div>
</a></td>
<td><a href="http://somosmugiwara.forumeiros.com/h19-ranking-dos-players"><h5>Ranking</h5>
<div>Ranking dos melhores no Geral, PvP, Stats e nos Grupos.</div>
</a></td>
<td><a href="http://somosmugiwara.forumeiros.com/h13-central-de-criacao"><h5>Central de Criação</h5>
<div>Central de criação para Técnicas, Aventuras, Buffs e Procura/Troca de Narrador.</div>
</a></td></tr></table>
</section></div></div></div></div></div></div>
Quando clicados que abrissem em outra página e não na mesma...
http://somosmugiwara.forumeiros.com/portal