JScript

Programação & Desenvolvimento


Você não está conectado. Conecte-se ou registre-se

Abrir Link em Outra página

2 participantes

Ir para baixo  Mensagem [Página 1 de 1]

1Abrir Link em Outra página Empty Abrir Link em Outra página Sáb 07 Dez 2013, 12:51 am

Convidado

avatar
Convidado

Vejam o código abaixo:

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>
Gostaria que os links abrissem em outra página seria possível??

Quando clicados que abrissem em outra página e não na mesma...

http://somosmugiwara.forumeiros.com/portal

2Abrir Link em Outra página Empty Re: Abrir Link em Outra página Sáb 07 Dez 2013, 6:22 am

JScript

JScript
Administradores
Administradores

Olá!

Veja a seguinte explicação:


Target

Definição e uso
O atributo target especifica onde um link vai abrir.

Syntax
<a target="_blank|_self|_parent|_top|framename">

Valores da atribuição:
Valor            Descrição
_blank        Abre a página em uma nova janela ou tab
_self         Abre o link em na mesma página/frame em que foi clicado (valor padrão)
_parent       Abre o link no frame parente
_top          Abre o link em uma página inteira
framename     O link é aberto dentro do frame



Tendo por base o seu código, veja a seguinte linha:
Código:
<a href="http://somosmugiwara.forumeiros.com/h28-"><h5>Hall da Fama</h5>
Para abrir em uma outra janela/tab, ficará assim:
Código:
<a href="http://somosmugiwara.forumeiros.com/h28-" target="_blank"><h5>Hall da Fama</h5>
Entendeu?

Abraços,

JS

http://autoitbrasil.com

3Abrir Link em Outra página Empty Re: Abrir Link em Outra página Sáb 07 Dez 2013, 8:38 am

Convidado

avatar
Convidado

Sim entendi perfeitamente JS, já tinha estudado isso mais estava meio esquecido, kkkk.

Mas quando vi o nome Target me lembrei, valeu cara ajudou muito....

Resolvido.

4Abrir Link em Outra página Empty Re: Abrir Link em Outra página Sáb 07 Dez 2013, 11:36 am

waghcwb

waghcwb
Desenvolvedores
Desenvolvedores

O target blank é muito útil mesmo, podemos repara isso no chatbox, caso não tenha o atributo target blank nos links ele abre no próprio iframe e substitui o conteúdo do shouttbox

http://wagneraugusto.com.br/

Conteúdo patrocinado



Ir para o topo  Mensagem [Página 1 de 1]

Permissões neste sub-fórum
Não podes responder a tópicos