Por Atalhos na página Inicial

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

Resolvido Por Atalhos na página Inicial

Mensagem por APOllO em 16/07/15, 08:20 pm

Boa Noite, queria por esses "atalhos" em meu fórum:



Link de onde vi: http://www.lokoscripts.com/
Link de meu forum: http://www.bplaystories.com/

att.
avatar

APOllO
Membro do Fórum

Masculino
Inscrito dia : 08/12/2014
Mensagens : 1004
Pontos Ativos : 1402

Ver perfil do usuário http://suportedesign.forumeiros.com https://twitter.com/@ApolloCray

Resolvido Re: Por Atalhos na página Inicial

Mensagem por Rafael em 17/07/15, 02:49 am

Olá!

Acesse: Painel de Controle Seta Visualização Seta Página inicial Seta Geral Seta Mensagem da página inicial

Lá, cole este código:

Código:
<center><div style="width: 700px; height: 600; overflow: hidden !important;border: none !important;"><br><br><span style="font-size: 35px;left: 250px;position: relative;color:#f2b98c;font-weight: bold">LOKO SCRIPTS</span> <br><br>  <div id="lokomsg1" class="lokomsg">Você pode mudar a sua senha a <br> qualquer momento, não deixe a sua<br> senha obvia para hackers.<br> <a href="/profile?mode=editprofile" style="color:black;">Visite o seu perfil</a></div><style>*{  list-style-type: none;  }</style><div class="lokoteste"><div id="lokomsg2" class="lokomsg">Confira as nossas novidades,<br> novos tutoriais, abertura,<br> além de diversas funcionalidades únicas. <br> <a href="/profile?mode=editprofile" style="color:black;">Visite os anúncios.</a></div><div id="lokomsg3" class="lokomsg">Confira as nossas novidades,<br> novos tutoriais, abertura,<br> além de diversas funcionalidades únicas. <br> <a href="/profile?mode=editprofile" style="color:black;">Visite os anúncios.</a></div><ul class="_2j"><li class="_2i" id="msg1"><a href="/profile?mode=editprofile"><img class="_294 img" src="http://i.imgur.com/jxNq5wZ.png" alt=""><b class="_293"> Gerencie sua senha </b></a></li><li class="_2i" id="msg2"><a href="/f3-"><img class="_294 img" src="https://fbcdn-dragon-a.akamaihd.net/hphotos-ak-xpa1/t39.2365-6/851585_211532972329376_985710974_n.png" alt=""><b class="_293"> O que temos de novidade </b></a></li><li class="_2i _cf" id="msg3"><a href="/privmsg?mode=post&amp;u=1"><img class="_294 img" src="https://fbcdn-dragon-a.akamaihd.net/hphotos-ak-xap1/t39.2365-6/851579_397395320364522_1968354241_n.png" alt=""><b class="_293"> Denuncie um problema </b></a></li></ul><br> <br> <br> <br> <br> <br> <br> <br> <ul class="_2j"><li class="_2i" id="msg4"><a href="/f19-"><img class="_294 img" src="https://fbcdn-dragon-a.akamaihd.net/hphotos-ak-xap1/t39.2365-6/851560_316786675124456_1030493784_n.png" alt=""><b class="_293"> Criar sua sugestão</b></a></li><li class="_2i" id="msg5"><a href="/t38-"><img class="_294 img" src="https://fbcdn-dragon-a.akamaihd.net/hphotos-ak-xap1/t39.2365-6/851559_145784845620875_1193708213_n.png" alt=""><b class="_293"> Faça uma parceria </b></a></li><li class="_2i _cf" id="msg6"><a href="/faq"><img class="_294 img" src="https://fbcdn-dragon-a.akamaihd.net/hphotos-ak-xap1/t39.2365-6/851576_208234979334365_1326763597_n.png" alt=""><b class="_293"> Guia de funções </b></a></li></ul></div><br><br><br><br><br><br><br><br><br><div id="lokomsg4" class="lokomsg">Confira as nossas novidades,<br> novos tutoriais, abertura,<br> além de diversas funcionalidades únicas. <br> <a href="/profile?mode=editprofile" style="color:black;">Visite os anúncios.</a></div><div id="lokomsg5" class="lokomsg">Confira as nossas novidades,<br> novos tutoriais, abertura,<br> além de diversas funcionalidades únicas. <br> <a href="/profile?mode=editprofile" style="color:black;">Visite os anúncios.</a></div><div id="lokomsg6" class="lokomsg">Confira as nossas novidades,<br> novos tutoriais, abertura,<br> além de diversas funcionalidades únicas. <br> <a href="/profile?mode=editprofile" style="color:black;">Visite os anúncios.</a></div></div></center>

Atenciosamente.
avatar

Rafael
Hiperativo

Masculino
Inscrito dia : 26/04/2014
Mensagens : 3118
Pontos Ativos : 4029

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

Resolvido Re: Por Atalhos na página Inicial

Mensagem por APOllO em 17/07/15, 11:26 am

Bom Dia, eu coloquei mais ta bugado de mais veja:


avatar

APOllO
Membro do Fórum

Masculino
Inscrito dia : 08/12/2014
Mensagens : 1004
Pontos Ativos : 1402

Ver perfil do usuário http://suportedesign.forumeiros.com https://twitter.com/@ApolloCray

Resolvido Re: Por Atalhos na página Inicial

Mensagem por Rafael em 17/07/15, 01:22 pm

Olá!

Cole lá este código, então:

Código:
<style>.lokomsg {display: none;}
li._2i {
    float: left;
    margin-right: 20px;
    text-align: center;
    vertical-align: top;
    width: 200px;
}
._293 {
    display: block;
    font-size: 13px;
    font-weight: 400;
    margin-bottom: 10px;
}
.caixa ul {
    list-style-type: none;
}
</style>   
<center><div class="caixa" style="width: 700px; height: 600; overflow: hidden !important;border: none !important;"><br><br><span style="font-size: 35px;position: relative;color:#f2b98c;font-weight: bold">LOKO SCRIPTS</span> <br><br>  <div id="lokomsg1" class="lokomsg">Você pode mudar a sua senha a <br> qualquer momento, não deixe a sua<br> senha obvia para hackers.<br> <a href="/profile?mode=editprofile" style="color:black;">Visite o seu perfil</a></div><style>*{  list-style-type: none;  }</style><div class="lokoteste"><div id="lokomsg2" class="lokomsg">Confira as nossas novidades,<br> novos tutoriais, abertura,<br> além de diversas funcionalidades únicas. <br> <a href="/profile?mode=editprofile" style="color:black;">Visite os anúncios.</a></div><div id="lokomsg3" class="lokomsg">Confira as nossas novidades,<br> novos tutoriais, abertura,<br> além de diversas funcionalidades únicas. <br> <a href="/profile?mode=editprofile" style="color:black;">Visite os anúncios.</a></div><ul class="_2j"><li class="_2i" id="msg1"><a href="/profile?mode=editprofile"><img class="_294 img" src="http://i.imgur.com/jxNq5wZ.png" alt=""><b class="_293"> Gerencie sua senha </b></a></li><li class="_2i" id="msg2"><a href="/f3-"><img class="_294 img" src="https://fbcdn-dragon-a.akamaihd.net/hphotos-ak-xpa1/t39.2365-6/851585_211532972329376_985710974_n.png" alt=""><b class="_293"> O que temos de novidade </b></a></li><li class="_2i _cf" id="msg3"><a href="/privmsg?mode=post&amp;u=1"><img class="_294 img" src="https://fbcdn-dragon-a.akamaihd.net/hphotos-ak-xap1/t39.2365-6/851579_397395320364522_1968354241_n.png" alt=""><b class="_293"> Denuncie um problema </b></a></li></ul><br> <br> <br> <br> <br> <br> <br> <br> <ul class="_2j"><li class="_2i" id="msg4"><a href="/f19-"><img class="_294 img" src="https://fbcdn-dragon-a.akamaihd.net/hphotos-ak-xap1/t39.2365-6/851560_316786675124456_1030493784_n.png" alt=""><b class="_293"> Criar sua sugestão</b></a></li><li class="_2i" id="msg5"><a href="/t38-"><img class="_294 img" src="https://fbcdn-dragon-a.akamaihd.net/hphotos-ak-xap1/t39.2365-6/851559_145784845620875_1193708213_n.png" alt=""><b class="_293"> Faça uma parceria </b></a></li><li class="_2i _cf" id="msg6"><a href="/faq"><img class="_294 img" src="https://fbcdn-dragon-a.akamaihd.net/hphotos-ak-xap1/t39.2365-6/851576_208234979334365_1326763597_n.png" alt=""><b class="_293"> Guia de funções </b></a></li></ul></div><br><br><br><br><br><br><br><br><br><div id="lokomsg4" class="lokomsg">Confira as nossas novidades,<br> novos tutoriais, abertura,<br> além de diversas funcionalidades únicas. <br> <a href="/profile?mode=editprofile" style="color:black;">Visite os anúncios.</a></div><div id="lokomsg5" class="lokomsg">Confira as nossas novidades,<br> novos tutoriais, abertura,<br> além de diversas funcionalidades únicas. <br> <a href="/profile?mode=editprofile" style="color:black;">Visite os anúncios.</a></div><div id="lokomsg6" class="lokomsg">Confira as nossas novidades,<br> novos tutoriais, abertura,<br> além de diversas funcionalidades únicas. <br> <a href="/profile?mode=editprofile" style="color:black;">Visite os anúncios.</a></div></div></center>

Atenciosamente.
avatar

Rafael
Hiperativo

Masculino
Inscrito dia : 26/04/2014
Mensagens : 3118
Pontos Ativos : 4029

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

Resolvido Re: Por Atalhos na página Inicial

Mensagem por APOllO em 17/07/15, 03:18 pm

Funcionou, Tem como por um efeito neles ? quando passar o mouse ter uma opacidade .
avatar

APOllO
Membro do Fórum

Masculino
Inscrito dia : 08/12/2014
Mensagens : 1004
Pontos Ativos : 1402

Ver perfil do usuário http://suportedesign.forumeiros.com https://twitter.com/@ApolloCray

Resolvido Re: Por Atalhos na página Inicial

Mensagem por Rafael em 17/07/15, 03:32 pm

Olá!

Veja se assim está bom:

Código:
    <style>.lokomsg {display: none;}
    li._2i {
        float: left;
        margin-right: 20px;
        text-align: center;
        vertical-align: top;
        width: 200px;
    }
    ._293 {
        display: block;
        font-size: 13px;
        font-weight: 400;
        margin-bottom: 10px;
    }
    .caixa ul {
        list-style-type: none;
    }
._294:hover {
    opacity: 0.5;
    transition-duration: 0.3s;
}
._294{
    opacity: 1;
    transition-duration: 0.3s;
}
    </style> 
    <center><div class="caixa" style="width: 700px; height: 600; overflow: hidden !important;border: none !important;"><br><br><span style="font-size: 35px;position: relative;color:#f2b98c;font-weight: bold">LOKO SCRIPTS</span> <br><br>  <div id="lokomsg1" class="lokomsg">Você pode mudar a sua senha a <br> qualquer momento, não deixe a sua<br> senha obvia para hackers.<br> <a href="/profile?mode=editprofile" style="color:black;">Visite o seu perfil</a></div><style>*{  list-style-type: none;  }</style><div class="lokoteste"><div id="lokomsg2" class="lokomsg">Confira as nossas novidades,<br> novos tutoriais, abertura,<br> além de diversas funcionalidades únicas. <br> <a href="/profile?mode=editprofile" style="color:black;">Visite os anúncios.</a></div><div id="lokomsg3" class="lokomsg">Confira as nossas novidades,<br> novos tutoriais, abertura,<br> além de diversas funcionalidades únicas. <br> <a href="/profile?mode=editprofile" style="color:black;">Visite os anúncios.</a></div><ul class="_2j"><li class="_2i" id="msg1"><a href="/profile?mode=editprofile"><img class="_294 img" src="http://i.imgur.com/jxNq5wZ.png" alt=""><b class="_293"> Gerencie sua senha </b></a></li><li class="_2i" id="msg2"><a href="/f3-"><img class="_294 img" src="https://fbcdn-dragon-a.akamaihd.net/hphotos-ak-xpa1/t39.2365-6/851585_211532972329376_985710974_n.png" alt=""><b class="_293"> O que temos de novidade </b></a></li><li class="_2i _cf" id="msg3"><a href="/privmsg?mode=post&amp;u=1"><img class="_294 img" src="https://fbcdn-dragon-a.akamaihd.net/hphotos-ak-xap1/t39.2365-6/851579_397395320364522_1968354241_n.png" alt=""><b class="_293"> Denuncie um problema </b></a></li></ul><br> <br> <br> <br> <br> <br> <br> <br> <ul class="_2j"><li class="_2i" id="msg4"><a href="/f19-"><img class="_294 img" src="https://fbcdn-dragon-a.akamaihd.net/hphotos-ak-xap1/t39.2365-6/851560_316786675124456_1030493784_n.png" alt=""><b class="_293"> Criar sua sugestão</b></a></li><li class="_2i" id="msg5"><a href="/t38-"><img class="_294 img" src="https://fbcdn-dragon-a.akamaihd.net/hphotos-ak-xap1/t39.2365-6/851559_145784845620875_1193708213_n.png" alt=""><b class="_293"> Faça uma parceria </b></a></li><li class="_2i _cf" id="msg6"><a href="/faq"><img class="_294 img" src="https://fbcdn-dragon-a.akamaihd.net/hphotos-ak-xap1/t39.2365-6/851576_208234979334365_1326763597_n.png" alt=""><b class="_293"> Guia de funções </b></a></li></ul></div><br><br><br><br><br><br><br><br><br><div id="lokomsg4" class="lokomsg">Confira as nossas novidades,<br> novos tutoriais, abertura,<br> além de diversas funcionalidades únicas. <br> <a href="/profile?mode=editprofile" style="color:black;">Visite os anúncios.</a></div><div id="lokomsg5" class="lokomsg">Confira as nossas novidades,<br> novos tutoriais, abertura,<br> além de diversas funcionalidades únicas. <br> <a href="/profile?mode=editprofile" style="color:black;">Visite os anúncios.</a></div><div id="lokomsg6" class="lokomsg">Confira as nossas novidades,<br> novos tutoriais, abertura,<br> além de diversas funcionalidades únicas. <br> <a href="/profile?mode=editprofile" style="color:black;">Visite os anúncios.</a></div></div></center>

Atenciosamente.
avatar

Rafael
Hiperativo

Masculino
Inscrito dia : 26/04/2014
Mensagens : 3118
Pontos Ativos : 4029

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

Resolvido Re: Por Atalhos na página Inicial

Mensagem por Fraise em 17/07/15, 03:34 pm

Olá!

Caso o código do @Raffy não funcione, queira tentar este.
Código:
<style>.lokomsg {display: none;}
li._2i {
    float: left;
    margin-right: 20px;
    text-align: center;
    vertical-align: top;
    width: 200px;
}
._293 {
    display: block;
    font-size: 13px;
    font-weight: 400;
    margin-bottom: 10px;
}
.caixa ul {
    list-style-type: none;
}

a:hover {
    opacity: 0.4;
}

</style>    
<center><div class="caixa" style="width: 700px; height: 600; overflow: hidden !important;border: none !important;"><br><br><span style="font-size: 35px;position: relative;color:#f2b98c;font-weight: bold">LOKO SCRIPTS</span> <br><br>  <div id="lokomsg1" class="lokomsg">Você pode mudar a sua senha a <br> qualquer momento, não deixe a sua<br> senha obvia para hackers.<br> <a href="/profile?mode=editprofile" style="color:black;">Visite o seu perfil</a></div><style>*{  list-style-type: none;  }</style><div class="lokoteste"><div id="lokomsg2" class="lokomsg">Confira as nossas novidades,<br> novos tutoriais, abertura,<br> além de diversas funcionalidades únicas. <br> <a href="/profile?mode=editprofile" style="color:black;">Visite os anúncios.</a></div><div id="lokomsg3" class="lokomsg">Confira as nossas novidades,<br> novos tutoriais, abertura,<br> além de diversas funcionalidades únicas. <br> <a href="/profile?mode=editprofile" style="color:black;">Visite os anúncios.</a></div><ul class="_2j"><li class="_2i" id="msg1"><a href="/profile?mode=editprofile"><img class="_294 img" src="http://i.imgur.com/jxNq5wZ.png" alt=""><b class="_293"> Gerencie sua senha </b></a></li><li class="_2i" id="msg2"><a href="/f3-"><img class="_294 img" src="https://fbcdn-dragon-a.akamaihd.net/hphotos-ak-xpa1/t39.2365-6/851585_211532972329376_985710974_n.png" alt=""><b class="_293"> O que temos de novidade </b></a></li><li class="_2i _cf" id="msg3"><a href="/privmsg?mode=post&amp;u=1"><img class="_294 img" src="https://fbcdn-dragon-a.akamaihd.net/hphotos-ak-xap1/t39.2365-6/851579_397395320364522_1968354241_n.png" alt=""><b class="_293"> Denuncie um problema </b></a></li></ul><br> <br> <br> <br> <br> <br> <br> <br> <ul class="_2j"><li class="_2i" id="msg4"><a href="/f19-"><img class="_294 img" src="https://fbcdn-dragon-a.akamaihd.net/hphotos-ak-xap1/t39.2365-6/851560_316786675124456_1030493784_n.png" alt=""><b class="_293"> Criar sua sugestão</b></a></li><li class="_2i" id="msg5"><a href="/t38-"><img class="_294 img" src="https://fbcdn-dragon-a.akamaihd.net/hphotos-ak-xap1/t39.2365-6/851559_145784845620875_1193708213_n.png" alt=""><b class="_293"> Faça uma parceria </b></a></li><li class="_2i _cf" id="msg6"><a href="/faq"><img class="_294 img" src="https://fbcdn-dragon-a.akamaihd.net/hphotos-ak-xap1/t39.2365-6/851576_208234979334365_1326763597_n.png" alt=""><b class="_293"> Guia de funções </b></a></li></ul></div><br><br><br><br><br><br><br><br><br><div id="lokomsg4" class="lokomsg">Confira as nossas novidades,<br> novos tutoriais, abertura,<br> além de diversas funcionalidades únicas. <br> <a href="/profile?mode=editprofile" style="color:black;">Visite os anúncios.</a></div><div id="lokomsg5" class="lokomsg">Confira as nossas novidades,<br> novos tutoriais, abertura,<br> além de diversas funcionalidades únicas. <br> <a href="/profile?mode=editprofile" style="color:black;">Visite os anúncios.</a></div><div id="lokomsg6" class="lokomsg">Confira as nossas novidades,<br> novos tutoriais, abertura,<br> além de diversas funcionalidades únicas. <br> <a href="/profile?mode=editprofile" style="color:black;">Visite os anúncios.</a></div></div></center>

Cumprimentos.
Fraise
avatar

Fraise
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 26/06/2015
Mensagens : 5031
Pontos Ativos : 6711

Ver perfil do usuário http://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Resolvido Re: Por Atalhos na página Inicial

Mensagem por APOllO em 17/07/15, 03:44 pm

ola
o codigo do Raffy funcionou perfeitamente! Muito feliz  pra fechar agora, são as ultimas mudanças que quero, queria se possivel mudar o estilo deles, em vez de deixar 3 em cima é 3 em baixo tem como polos alinhados em uma linha apenas ? isso combinaria mais com o tema de meu fórum é tirar os textos em baixo, ao passar o mouse somente ai eles apereceriam entendeu ? Feliz

att.
avatar

APOllO
Membro do Fórum

Masculino
Inscrito dia : 08/12/2014
Mensagens : 1004
Pontos Ativos : 1402

Ver perfil do usuário http://suportedesign.forumeiros.com https://twitter.com/@ApolloCray

Resolvido Re: Por Atalhos na página Inicial

Mensagem por Rafael em 17/07/15, 04:00 pm

Olá!

Veja:

Código:
       <style>.lokomsg {display: none;}
        li._2i {
            display: inline-block;
            margin-right: 20px;
            text-align: center;
            vertical-align: top;
            width: 200px;
        }
        ._293 {
            display: block;
            font-size: 13px;
            font-weight: 400;
            margin-bottom: 10px;
opacity: 0;
        }
._294:hover ._293 {opacity: 1}
        .caixa ul {
            list-style-type: none;
        }
    ._294:hover {
        opacity: 0.5;
        transition-duration: 0.3s;
    }
    ._294{
        opacity: 1;
        transition-duration: 0.3s;
    }
        </style>
        <center><div class="caixa" style="width: 700px; height: 600; overflow: hidden !important;border: none !important;"><br><br><span style="font-size: 35px;position: relative;color:#f2b98c;font-weight: bold">LOKO SCRIPTS</span> <br><br>  <div id="lokomsg1" class="lokomsg">Você pode mudar a sua senha a <br> qualquer momento, não deixe a sua<br> senha obvia para hackers.<br> <a href="/profile?mode=editprofile" style="color:black;">Visite o seu perfil</a></div><style>*{  list-style-type: none;  }</style><div class="lokoteste"><div id="lokomsg2" class="lokomsg">Confira as nossas novidades,<br> novos tutoriais, abertura,<br> além de diversas funcionalidades únicas. <br> <a href="/profile?mode=editprofile" style="color:black;">Visite os anúncios.</a></div><div id="lokomsg3" class="lokomsg">Confira as nossas novidades,<br> novos tutoriais, abertura,<br> além de diversas funcionalidades únicas. <br> <a href="/profile?mode=editprofile" style="color:black;">Visite os anúncios.</a></div><ul class="_2j"><li class="_2i" id="msg1"><a href="/profile?mode=editprofile"><img class="_294 img" src="http://i.imgur.com/jxNq5wZ.png" alt=""><b class="_293"> Gerencie sua senha </b></a></li><li class="_2i" id="msg2"><a href="/f3-"><img class="_294 img" src="https://fbcdn-dragon-a.akamaihd.net/hphotos-ak-xpa1/t39.2365-6/851585_211532972329376_985710974_n.png" alt=""><b class="_293"> O que temos de novidade </b></a></li><li class="_2i _cf" id="msg3"><a href="/privmsg?mode=post&amp;u=1"><img class="_294 img" src="https://fbcdn-dragon-a.akamaihd.net/hphotos-ak-xap1/t39.2365-6/851579_397395320364522_1968354241_n.png" alt=""><b class="_293"> Denuncie um problema </b></a></li></ul><br> <br> <br> <br> <br> <br> <br> <br> <ul class="_2j"><li class="_2i" id="msg4"><a href="/f19-"><img class="_294 img" src="https://fbcdn-dragon-a.akamaihd.net/hphotos-ak-xap1/t39.2365-6/851560_316786675124456_1030493784_n.png" alt=""><b class="_293"> Criar sua sugestão</b></a></li><li class="_2i" id="msg5"><a href="/t38-"><img class="_294 img" src="https://fbcdn-dragon-a.akamaihd.net/hphotos-ak-xap1/t39.2365-6/851559_145784845620875_1193708213_n.png" alt=""><b class="_293"> Faça uma parceria </b></a></li><li class="_2i _cf" id="msg6"><a href="/faq"><img class="_294 img" src="https://fbcdn-dragon-a.akamaihd.net/hphotos-ak-xap1/t39.2365-6/851576_208234979334365_1326763597_n.png" alt=""><b class="_293"> Guia de funções </b></a></li></ul></div><br><br><br><br><br><br><br><br><br><div id="lokomsg4" class="lokomsg">Confira as nossas novidades,<br> novos tutoriais, abertura,<br> além de diversas funcionalidades únicas. <br> <a href="/profile?mode=editprofile" style="color:black;">Visite os anúncios.</a></div><div id="lokomsg5" class="lokomsg">Confira as nossas novidades,<br> novos tutoriais, abertura,<br> além de diversas funcionalidades únicas. <br> <a href="/profile?mode=editprofile" style="color:black;">Visite os anúncios.</a></div><div id="lokomsg6" class="lokomsg">Confira as nossas novidades,<br> novos tutoriais, abertura,<br> além de diversas funcionalidades únicas. <br> <a href="/profile?mode=editprofile" style="color:black;">Visite os anúncios.</a></div></div></center>

Atenciosamente.
avatar

Rafael
Hiperativo

Masculino
Inscrito dia : 26/04/2014
Mensagens : 3118
Pontos Ativos : 4029

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

Resolvido Re: Por Atalhos na página Inicial

Mensagem por APOllO em 19/07/15, 10:59 pm

Otimo os textos sumiram agora tem como alinha-los como eu falei acima ? é quando passar o mouse os textos parecerem em dialogos, possivel ?

att.
avatar

APOllO
Membro do Fórum

Masculino
Inscrito dia : 08/12/2014
Mensagens : 1004
Pontos Ativos : 1402

Ver perfil do usuário http://suportedesign.forumeiros.com https://twitter.com/@ApolloCray

Resolvido Re: Por Atalhos na página Inicial

Mensagem por Rafael em 20/07/15, 07:09 am

Olá amigo!

Troque por este:

Código:
   <style>.lokomsg {display: none;}
            li._2i {
                display: inline-block;
                margin-right: 20px;
                text-align: center;
                vertical-align: top;
                width: 200px;
            }
            ._293 {
                font-size: 13px;
                font-weight: 400;
                margin-bottom: 10px;
    display: none;
            }
    ._294:hover ._293 {opacity: 1}
            .caixa ul {
                list-style-type: none;
            }
        ._294:hover {
            opacity: 0.5;
            transition-duration: 0.3s;
        }
        ._294{
            opacity: 1;
            transition-duration: 0.3s;
        }
            </style><script>
jQuery(function() {
jQuery( "._2i" ).mouseover(function() {
  jQuery("._293", this).show();
});
jQuery( "._2i" ).mouseleave(function() {
  jQuery("._293", this).hide();
});
});
</script>            
<div class="caixa" style="height: 600; overflow: hidden !important;border: none !important;">
   <br /><br /><span style="font-size: 35px;position: relative;color:#f2b98c;font-weight: bold">LOKO SCRIPTS</span> <br /><br />    
 <div id="lokomsg1" class="lokomsg">
   Você pode mudar a sua senha a <br /> qualquer momento, não deixe a sua<br /> senha obvia para hackers.<br /> <a href="/profile?mode=editprofile" style="color:black;">Visite o seu perfil</a>  
 </div><style>*{  list-style-type: none;  }</style>  
 <div class="lokoteste">
    
 <div id="lokomsg2" class="lokomsg">
   Confira as nossas novidades,<br /> novos tutoriais, abertura,<br /> além de diversas funcionalidades únicas. <br /> <a href="/profile?mode=editprofile" style="color:black;">Visite os anúncios.</a>  
 </div>
    
 <div id="lokomsg3" class="lokomsg">
   Confira as nossas novidades,<br /> novos tutoriais, abertura,<br /> além de diversas funcionalidades únicas. <br /> <a href="/profile?mode=editprofile" style="color:black;">Visite os anúncios.</a>  
 </div>
    
 <ul class="_2j">
    
 <li class="_2i" id="msg1">
   <a href="/profile?mode=editprofile"><img class="_294 img" src="http://i.imgur.com/jxNq5wZ.png" alt="" /><strong class="_293"> Gerencie sua senha </strong></a>  
 </li>
    
 <li class="_2i" id="msg2">
   <a href="/f3-"><img class="_294 img" src="https://fbcdn-dragon-a.akamaihd.net/hphotos-ak-xpa1/t39.2365-6/851585_211532972329376_985710974_n.png" alt="" /><strong class="_293"> O que temos de novidade </strong></a>  
 </li>
    
 <li class="_2i _cf" id="msg3">
   <a href="/privmsg?mode=post&u=1"><img class="_294 img" src="https://fbcdn-dragon-a.akamaihd.net/hphotos-ak-xap1/t39.2365-6/851579_397395320364522_1968354241_n.png" alt="" /><strong class="_293"> Denuncie um problema </strong></a>  
 </li>
    
 <li class="_2i" id="msg4">
   <a href="/f19-"><img class="_294 img" src="https://fbcdn-dragon-a.akamaihd.net/hphotos-ak-xap1/t39.2365-6/851560_316786675124456_1030493784_n.png" alt="" /><strong class="_293"> Criar sua sugestão</strong></a>  
 </li>
    
 <li class="_2i" id="msg5">
   <a href="/t38-"><img class="_294 img" src="https://fbcdn-dragon-a.akamaihd.net/hphotos-ak-xap1/t39.2365-6/851559_145784845620875_1193708213_n.png" alt="" /><strong class="_293"> Faça uma parceria </strong></a>  
 </li>
    
 <li class="_2i _cf" id="msg6">
   <a href="/faq"><img class="_294 img" src="https://fbcdn-dragon-a.akamaihd.net/hphotos-ak-xap1/t39.2365-6/851576_208234979334365_1326763597_n.png" alt="" /><strong class="_293"> Guia de funções </strong></a>  
 </li>
    
 </ul>
    
 </div><br /><br /><br /><br /><br /><br /><br /><br /><br />  
 <div id="lokomsg4" class="lokomsg">
   Confira as nossas novidades,<br /> novos tutoriais, abertura,<br /> além de diversas funcionalidades únicas. <br /> <a href="/profile?mode=editprofile" style="color:black;">Visite os anúncios.</a>  
 </div>
    
 <div id="lokomsg5" class="lokomsg">
   Confira as nossas novidades,<br /> novos tutoriais, abertura,<br /> além de diversas funcionalidades únicas. <br /> <a href="/profile?mode=editprofile" style="color:black;">Visite os anúncios.</a>  
 </div>
    
 <div id="lokomsg6" class="lokomsg">
   Confira as nossas novidades,<br /> novos tutoriais, abertura,<br /> além de diversas funcionalidades únicas. <br /> <a href="/profile?mode=editprofile" style="color:black;">Visite os anúncios.</a>  
 </div>
</div>

Atenciosamente.


Última edição por Raffy em 20/07/15, 01:32 pm, editado 1 vez(es)
avatar

Rafael
Hiperativo

Masculino
Inscrito dia : 26/04/2014
Mensagens : 3118
Pontos Ativos : 4029

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

Resolvido Re: Por Atalhos na página Inicial

Mensagem por APOllO em 20/07/15, 01:13 pm

Yopa, apareceu um texto da + Info ? dia 15 né ? chama que eu to lá de novo Envergonhado Eu amo você
Voltamdo ao tópico fiz modificações neles pra você ver como eo resultado:


eu não t oconseguindo descer a caixa que ficava la embaixo se puder descer ela por favor.

ai os dialogos que quero são assim:

aqui o código que fiz as modificações:
Código:
<style>
div#natal {
background: rgb(255,250,179);
border: 1px solid rgb(230,217,49);
padding: 6px;
box-shadow: 0px 1px 1px rgb(255,250,179);
}
</style>            <style>.lokomsg {display: none;}
            li._2i {
                display: inline-block;
                margin-right: 20px;
                margin-left: 20px;
                vertical-align: top;
                width: 200px;
            }
            ._293 {
                font-size: 13px;
                font-weight: 400;
                margin-bottom: 10px;
    display: none;
            }
    ._294:hover ._293 {opacity: 1}
            .caixa ul {
                list-style-type: none;
            }
        ._294:hover {
            opacity: 0.5;
            transition-duration: 0.3s;
        }
        ._294{
            opacity: 1;
            transition-duration: 0.3s;
        }
            </style><script>
jQuery(function() {
jQuery( "._2i" ).mouseover(function() {
  jQuery("._293", this).show();
});
jQuery( "._2i" ).mouseleave(function() {
  jQuery("._293", this).hide();
});
});
</script>           
<div class="caixa" style="height: 600; overflow: hidden !important;border: none !important;">
        
   <div id="lokomsg1" class="lokomsg">
              Você pode mudar a sua senha a <br /> qualquer momento, não deixe a sua<br /> senha obvia para hackers.<br /> <a href="/profile?mode=editprofile" style="color:black;">Visite o seu perfil</a>     
   </div><style>*{  list-style-type: none;  }</style>     
   <div class="lokoteste">
                       
      <div id="lokomsg2" class="lokomsg">
                     Confira as nossas novidades,<br /> novos tutoriais, abertura,<br /> além de diversas funcionalidades únicas. <br /> <a href="/profile?mode=editprofile" style="color:black;">Visite os anúncios.</a>       
      </div>
                       
      <div id="lokomsg3" class="lokomsg">
                     Confira as nossas novidades,<br /> novos tutoriais, abertura,<br /> além de diversas funcionalidades únicas. <br /> <a href="/profile?mode=editprofile" style="color:black;">Visite os anúncios.</a>       
      </div>
                       
      <ul class="_2j">
                                
         <li class="_2i" id="msg1">
                          <a href="/profile?mode=editprofile"><img class="_294 img" src="http://i.imgur.com/jxNq5wZ.png" alt="" /><strong class="_293"> Gerencie sua senha </strong></a>           
         </li>
                                
         <li class="_2i" id="msg2">
                          <a href="/f3-"><img class="_294 img" src="https://fbcdn-dragon-a.akamaihd.net/hphotos-ak-xpa1/t39.2365-6/851585_211532972329376_985710974_n.png" alt="" /><strong class="_293"> O que temos de novidade </strong></a>           
         </li>
                                
         <li class="_2i _cf" id="msg3">
                          <a href="/privmsg?mode=post&u=1"><img class="_294 img" src="https://fbcdn-dragon-a.akamaihd.net/hphotos-ak-xap1/t39.2365-6/851579_397395320364522_1968354241_n.png" alt="" /><strong class="_293"> Denuncie um problema </strong></a>           
         </li>
                                
         <li class="_2i" id="msg4">
                          <a href="/f19-"><img class="_294 img" src="https://fbcdn-dragon-a.akamaihd.net/hphotos-ak-xap1/t39.2365-6/851560_316786675124456_1030493784_n.png" alt="" /><strong class="_293"> Criar sua sugestão</strong></a>           
         </li>
                                
         <li class="_2i" id="msg5">
                          <a href="/t38-"><img class="_294 img" src="https://fbcdn-dragon-a.akamaihd.net/hphotos-ak-xap1/t39.2365-6/851559_145784845620875_1193708213_n.png" alt="" /><strong class="_293"> Faça uma parceria </strong></a>           
         </li>
             <br />
         <div align="Center">
            <li class="_2i _cf" id="msg6">
                             <a href="/faq"><img class="_294 img" src="https://fbcdn-dragon-a.akamaihd.net/hphotos-ak-xap1/t39.2365-6/851576_208234979334365_1326763597_n.png" alt="" /><strong class="_293"> Guia de funções </strong></a>           
            </li>
         </div>
                              
      </ul>
                     
   </div><br /><br /><br /><br /><br /><br /><br /><br /><br />     
   <div id="lokomsg4" class="lokomsg">
              Confira as nossas novidades,<br /> novos tutoriais, abertura,<br /> além de diversas funcionalidades únicas. <br /> <a href="/profile?mode=editprofile" style="color:black;">Visite os anúncios.</a>     
   </div>
              
   <div id="lokomsg5" class="lokomsg">
              Confira as nossas novidades,<br /> novos tutoriais, abertura,<br /> além de diversas funcionalidades únicas. <br /> <a href="/profile?mode=editprofile" style="color:black;">Visite os anúncios.</a>     
   </div>
              
   <div id="lokomsg6" class="lokomsg">
              Confira as nossas novidades,<br /> novos tutoriais, abertura,<br /> além de diversas funcionalidades únicas. <br /> <a href="/profile?mode=editprofile" style="color:black;">Visite os anúncios.</a>     
   </div>
</div>
avatar

APOllO
Membro do Fórum

Masculino
Inscrito dia : 08/12/2014
Mensagens : 1004
Pontos Ativos : 1402

Ver perfil do usuário http://suportedesign.forumeiros.com https://twitter.com/@ApolloCray

Resolvido Re: Por Atalhos na página Inicial

Mensagem por Rafael em 20/07/15, 01:18 pm

Olá Apollo!

Eu peço imensa desculpa, é que eu tive testando no meu fórum, troque por este:

Código:
<style>.lokomsg {display: none;}
                li._2i {
                    display: inline-block;
                    margin-right: 20px;
                    text-align: center;
                    vertical-align: top;
                    width: 200px;
                }
                ._293 {
                    font-size: 13px;
                    font-weight: 400;
                    margin-bottom: 10px;
        display: none;
                }
        ._294:hover ._293 {opacity: 1}
                .caixa ul {
                    list-style-type: none;
                }
            ._294:hover {
                opacity: 0.5;
                transition-duration: 0.3s;
            }
            ._294{
                opacity: 1;
                transition-duration: 0.3s;
            }
                </style><script>
    jQuery(function() {
    jQuery( "._2i" ).mouseover(function() {
      jQuery("._293", this).show();
    });
    jQuery( "._2i" ).mouseleave(function() {
      jQuery("._293", this).hide();
    });
    });
    </script>         
    <div class="caixa" style="height: 600; overflow: hidden !important;border: none !important;">
        <br /><br /><span style="font-size: 35px;position: relative;color:#f2b98c;font-weight: bold">LOKO SCRIPTS</span> <br /><br /> 
      <div id="lokomsg1" class="lokomsg">
            Você pode mudar a sua senha a <br /> qualquer momento, não deixe a sua<br /> senha obvia para hackers.<br /> <a href="/profile?mode=editprofile" style="color:black;">Visite o seu perfil</a>
      </div><style>*{  list-style-type: none;  }</style>
      <div class="lokoteste">
           
          <div id="lokomsg2" class="lokomsg">
              Confira as nossas novidades,<br /> novos tutoriais, abertura,<br /> além de diversas funcionalidades únicas. <br /> <a href="/profile?mode=editprofile" style="color:black;">Visite os anúncios.</a>
          </div>
           
          <div id="lokomsg3" class="lokomsg">
              Confira as nossas novidades,<br /> novos tutoriais, abertura,<br /> além de diversas funcionalidades únicas. <br /> <a href="/profile?mode=editprofile" style="color:black;">Visite os anúncios.</a>
          </div>
           
          <ul class="_2j">
               
            <li class="_2i" id="msg1">
                  <a href="/profile?mode=editprofile"><img class="_294 img" src="http://i.imgur.com/jxNq5wZ.png" alt="" /><strong class="_293"> Gerencie sua senha </strong></a>
            </li>
               
            <li class="_2i" id="msg2">
                  <a href="/f3-"><img class="_294 img" src="https://fbcdn-dragon-a.akamaihd.net/hphotos-ak-xpa1/t39.2365-6/851585_211532972329376_985710974_n.png" alt="" /><strong class="_293"> O que temos de novidade </strong></a>
            </li>
               
            <li class="_2i _cf" id="msg3">
                  <a href="/privmsg?mode=post&u=1"><img class="_294 img" src="https://fbcdn-dragon-a.akamaihd.net/hphotos-ak-xap1/t39.2365-6/851579_397395320364522_1968354241_n.png" alt="" /><strong class="_293"> Denuncie um problema </strong></a>
            </li>
               
            <li class="_2i" id="msg4">
                  <a href="/f19-"><img class="_294 img" src="https://fbcdn-dragon-a.akamaihd.net/hphotos-ak-xap1/t39.2365-6/851560_316786675124456_1030493784_n.png" alt="" /><strong class="_293"> Criar sua sugestão</strong></a>
            </li>
               
            <li class="_2i" id="msg5">
                  <a href="/t38-"><img class="_294 img" src="https://fbcdn-dragon-a.akamaihd.net/hphotos-ak-xap1/t39.2365-6/851559_145784845620875_1193708213_n.png" alt="" /><strong class="_293"> Faça uma parceria </strong></a>
            </li>
               
            <li class="_2i _cf" id="msg6">
                  <a href="/faq"><img class="_294 img" src="https://fbcdn-dragon-a.akamaihd.net/hphotos-ak-xap1/t39.2365-6/851576_208234979334365_1326763597_n.png" alt="" /><strong class="_293"> Guia de funções </strong></a>
            </li>
               
          </ul>
           
      </div><br /><br /><br /><br /><br /><br /><br /><br /><br />
      <div id="lokomsg4" class="lokomsg">
            Confira as nossas novidades,<br /> novos tutoriais, abertura,<br /> além de diversas funcionalidades únicas. <br /> <a href="/profile?mode=editprofile" style="color:black;">Visite os anúncios.</a>
      </div>
         
      <div id="lokomsg5" class="lokomsg">
            Confira as nossas novidades,<br /> novos tutoriais, abertura,<br /> além de diversas funcionalidades únicas. <br /> <a href="/profile?mode=editprofile" style="color:black;">Visite os anúncios.</a>
      </div>
         
      <div id="lokomsg6" class="lokomsg">
            Confira as nossas novidades,<br /> novos tutoriais, abertura,<br /> além de diversas funcionalidades únicas. <br /> <a href="/profile?mode=editprofile" style="color:black;">Visite os anúncios.</a>
      </div>
    </div>

Atenciosamente.
avatar

Rafael
Hiperativo

Masculino
Inscrito dia : 26/04/2014
Mensagens : 3118
Pontos Ativos : 4029

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

Resolvido Re: Por Atalhos na página Inicial

Mensagem por APOllO em 20/07/15, 01:24 pm

não sei se tinha feito o código antes de eu postar mais ainda não está com as modificações que falei.

Até

avatar

APOllO
Membro do Fórum

Masculino
Inscrito dia : 08/12/2014
Mensagens : 1004
Pontos Ativos : 1402

Ver perfil do usuário http://suportedesign.forumeiros.com https://twitter.com/@ApolloCray
  • 0

Resolvido Re: Por Atalhos na página Inicial

Mensagem por Rafael em 20/07/15, 01:31 pm

Olá!

Veja se assim agrada-lhe?

Código:
<style>.lokomsg {display: none;}
                    li._2i {
                        display: inline-block;
                        margin-right: 20px;
                        text-align: center;
                        vertical-align: top;
                        width: 200px;
                    }
                    ._293 {
                        font-size: 13px;
                        font-weight: 400;
                        margin-bottom: 10px;
            display: none;
                    }
            ._294:hover ._293 {opacity: 1}
                    .caixa ul {
                        list-style-type: none;
                    }
                ._294:hover {
                    opacity: 0.5;
                    transition-duration: 0.3s;
                }
                ._294{
                    opacity: 1;
                    transition-duration: 0.3s;
                }
                    </style>     
        <div class="caixa" style="height: 600; overflow: hidden !important;border: none !important;">
            <br /><br /><span style="font-size: 35px;position: relative;color:#f2b98c;font-weight: bold">LOKO SCRIPTS</span> <br /><br />
          <div id="lokomsg1" class="lokomsg">
                Você pode mudar a sua senha a <br /> qualquer momento, não deixe a sua<br /> senha obvia para hackers.<br /> <a href="/profile?mode=editprofile" style="color:black;">Visite o seu perfil</a>
          </div><style>*{  list-style-type: none;  }</style>
          <div class="lokoteste">
             
              <div id="lokomsg2" class="lokomsg">
                  Confira as nossas novidades,<br /> novos tutoriais, abertura,<br /> além de diversas funcionalidades únicas. <br /> <a href="/profile?mode=editprofile" style="color:black;">Visite os anúncios.</a>
              </div>
             
              <div id="lokomsg3" class="lokomsg">
                  Confira as nossas novidades,<br /> novos tutoriais, abertura,<br /> além de diversas funcionalidades únicas. <br /> <a href="/profile?mode=editprofile" style="color:black;">Visite os anúncios.</a>
              </div>
             
              <ul class="_2j">
                 
                <li class="_2i" id="msg1">
                      <a href="/profile?mode=editprofile"><img class="_294 img" src="http://i.imgur.com/jxNq5wZ.png" title="Gerencie sua senha" /><strong class="_293"> Gerencie sua senha </strong></a>
                </li>
                 
                <li class="_2i" id="msg2">
                      <a href="/f3-"><img class="_294 img" src="https://fbcdn-dragon-a.akamaihd.net/hphotos-ak-xpa1/t39.2365-6/851585_211532972329376_985710974_n.png" title="O que temos de novidade" /><strong class="_293"> O que temos de novidade </strong></a>
                </li>
                 
                <li class="_2i _cf" id="msg3">
                      <a href="/privmsg?mode=post&u=1"><img class="_294 img" src="https://fbcdn-dragon-a.akamaihd.net/hphotos-ak-xap1/t39.2365-6/851579_397395320364522_1968354241_n.png" title="Denuncie um problema" /><strong class="_293"> Denuncie um problema </strong></a>
                </li>
                 
                <li class="_2i" id="msg4">
                      <a href="/f19-"><img class="_294 img" src="https://fbcdn-dragon-a.akamaihd.net/hphotos-ak-xap1/t39.2365-6/851560_316786675124456_1030493784_n.png" title="Criar sua sugestão" /><strong class="_293"> Criar sua sugestão</strong></a>
                </li>
                 
                <li class="_2i" id="msg5">
                      <a href="/t38-"><img class="_294 img" src="https://fbcdn-dragon-a.akamaihd.net/hphotos-ak-xap1/t39.2365-6/851559_145784845620875_1193708213_n.png" title="Faça uma parceria" /><strong class="_293"> Faça uma parceria </strong></a>
                </li>
                 
                <li class="_2i _cf" id="msg6">
                      <a href="/faq"><img class="_294 img" src="https://fbcdn-dragon-a.akamaihd.net/hphotos-ak-xap1/t39.2365-6/851576_208234979334365_1326763597_n.png" title="Guia de funções" /><strong class="_293"> Guia de funções </strong></a>
                </li>
                 
              </ul>
             
          </div><br /><br /><br /><br /><br /><br /><br /><br /><br />
          <div id="lokomsg4" class="lokomsg">
                Confira as nossas novidades,<br /> novos tutoriais, abertura,<br /> além de diversas funcionalidades únicas. <br /> <a href="/profile?mode=editprofile" style="color:black;">Visite os anúncios.</a>
          </div>
           
          <div id="lokomsg5" class="lokomsg">
                Confira as nossas novidades,<br /> novos tutoriais, abertura,<br /> além de diversas funcionalidades únicas. <br /> <a href="/profile?mode=editprofile" style="color:black;">Visite os anúncios.</a>
          </div>
           
          <div id="lokomsg6" class="lokomsg">
                Confira as nossas novidades,<br /> novos tutoriais, abertura,<br /> além de diversas funcionalidades únicas. <br /> <a href="/profile?mode=editprofile" style="color:black;">Visite os anúncios.</a>
          </div>
        </div>

Atenciosamente.
avatar

Rafael
Hiperativo

Masculino
Inscrito dia : 26/04/2014
Mensagens : 3118
Pontos Ativos : 4029

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

Resolvido Re: Por Atalhos na página Inicial

Mensagem por APOllO em 20/07/15, 01:55 pm

Sim perfeito! de resto já Modifico, muito obrigado pela sua ajuda Muito feliz
avatar

APOllO
Membro do Fórum

Masculino
Inscrito dia : 08/12/2014
Mensagens : 1004
Pontos Ativos : 1402

Ver perfil do usuário http://suportedesign.forumeiros.com https://twitter.com/@ApolloCray

Resolvido Re: Por Atalhos na página Inicial

Mensagem por Rafael em 20/07/15, 02:04 pm

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.
Tópico marcado como Resolvido e movido para Questões resolvidas.
avatar

Rafael
Hiperativo

Masculino
Inscrito dia : 26/04/2014
Mensagens : 3118
Pontos Ativos : 4029

Ver perfil do usuário http://maisforum.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