Efeito nos sub-fóruns

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

Resolvido Efeito nos sub-fóruns

Mensagem por Jpjupa em 23/07/11, 07:16 am

Acessem esse fórum : http://www.power-pixel.net/

Pode ver que quando você passa o mouse em cima de algum fórum , aparece o nome PPF.

Eu queria fazer isso , eu faço uma imagem se precisar.
avatar

Jpjupa
Membro do Fórum

Masculino
Inscrito dia : 15/11/2010
Mensagens : 1369
Pontos Ativos : 1977

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

Resolvido Re: Efeito nos sub-fóruns

Mensagem por Mikáá em 23/07/11, 07:29 am

Bom dia,
Veja se este código resulta:
Código:
ul.topiclist li:hover {    background: url("link da imagem"); }

Onde adicionar o código?
Painel Flecha ajudeiros Visualização Flecha ajudeiros Imagens e Cores Flecha ajudeiros Cores Flecha ajudeiros Folha de estilo CSS

Até mais.
avatar

Mikáá
Hiperativo

Masculino
Inscrito dia : 13/02/2010
Mensagens : 3155
Pontos Ativos : 4009

Ver perfil do usuário https://www.facebook.com/amo.e.odeio

Resolvido Re: Efeito nos sub-fóruns

Mensagem por Jpjupa em 23/07/11, 07:38 am

Código:
        #wrap {
        -moz-border-radius : 8px;
        -webkit-border-radius : 8px;
        }

        .navbar {
        background-image: url('');
        background-repeat: repeat-x;
        border : 1px solid #CCCCCC;
        }

        .navbar {
        background-image: url(');
        background-repeat: repeat-x;
        border : 1px solid #CCCCCC;
        }



        a.opacity img {
        filter:alpha(opacity=50);
        -moz-opacity: 0.5;
        opacity: 0.5;}

        a.opacity:hover img {
        filter:alpha(opacity=100);
        -moz-opacity: 1.0;
        opacity: 1.0;
        }





        .forumbg .header{margin-bottom: 3px;}


        .header{text-align: center;}


        .forumbg .views{padding-left: 20px;}

        div#page-header div.navbar {
        background-color: transparent;}




        .icon dd.posts {
        margin-left: 10px;
        }





        #text_editor_controls a.button2,#text_editor_controls input.button2,#text_editor_controls button.button2{
        background-image: url(http://i66.servimg.com/u/f66/13/46/75/82/untitl31.png);
        color: black;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        padding: 3px;}



        .icon-home{
        background: url(http://i66.servimg.com/u/f66/13/46/75/82/untitl16.png) no-repeat top;
        padding: 12px;
        padding-bottom: 20px;
        color: transparent !important;
        font-size: 0px !important;}

        .icon-home:hover{
        background: url(http://i66.servimg.com/u/f66/13/46/75/82/home_h10.png) no-repeat top;
        color: transparent;}



        .introduction, .panel, .post {
        background-color: #F5F5F5;
        border: 1px solid ;
        -moz-border-radius: 15px;
        -webkit-border-radius: 15px;
        border-color: #dcdcdc;
        }


        #wrap {
        width : 1000px;
        padding : 5px;
        border : 6px solid #EEE;
        -moz-border-radius : 7px;
        -webkit-border-radius : 7px;
        -moz-box-shadow : 0 0 10px #666;
        -webkit-box-shadow : 0 0 10px #666;
        }








        #search-box{position: center;
        bottom: 50px;
        height: 80px;
        width: 185px;
        right: -50px;
        display: inline;
        background: transparent url(http://i66.servimg.com/u/f66/13/46/75/82/bgsear10.png) no-repeat center;}

        #search-box input.button2 {
        display: none;}

        #search-box #keywords {
        width: 68px;
        color: white;
        text-shadow: #000000 0px 0px 2px;
        background: transparent;}

        #search-box input {
        border: none !important;
        background: none;}

        #search-box input.search {
        background: none;
        margin-left: 50px;
        margin-top: 31px;}

        ul.linklist li a img:hover {
        filter:alpha(opacity=70);
        -moz-opacity: 0.65;
        opacity: 0.65;
        position: relative;
        top: -1px;
        cursor:allowed;
        }

        #page-footer div.navbar{ background-image: url('http://hitskin.com/themes/15/03/45/i_list_bg.png'); background-repeat: repeat-x; font-size: 9px; -moz-border-radius : 15px; -webkit-border-radius : 15px; } #page-footer ul li a { letter-spacing : -1px; color: #ffffff; }

        #search-box{position: center;
        bottom: 50px;
        height: 80px;
        width: 185px;
        right: -100px;
        display: inline;
        background: transparent url(http://i66.servimg.com/u/f66/13/46/75/82/search15.png) no-repeat center;}

        #search-box input.button2 {
        display: none;}

        #search-box #keywords {
        width: 70px;
        background: transparent;}

        #search-box input {
        border: none !important;
        background: none;}

        #search-box input.search {
        background: none;
        margin-left: 58px;
        margin-top: 34px;}

        ul#picture_legend {
        background-position: center;
        background-repeat: no-repeat;
        background-image: url('http://i66.servimg.com/u/f66/13/46/75/82/shape_16.png');
        text-align: center;
        padding: 24px 0;}


        .forumbg, .forabg {
        -moz-border-radius: 10px 0 10px 0;
        -webkit-border-radius: 10px 0 10px 0;
        }
        .forumbg .corners-top, .forumbg .corners-bottom, .forabg .corners-top, .forabg .corners-bottom {
        display: none;
        }
        .forumbg, .forabg {
        padding-bottom: 6px;
        }

        .content blockquote {
            color: #536482;
        }

        blockquote, blockquote blockquote, blockquote blockquote blockquote {
            background: none repeat scroll 0 0 #F9F9F9;
            border: 1px solid #DEDEDE;
            border-radius: 5px 5px 5px 5px;
            box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15);
            padding: 10px 20px;
        }
        .postprofile {
        text-align: center;
        }


    ul.topiclist li:hover {    background: url("http://img41.imageshack.us/img41/8606/semttulo1cp.png"); }


Minha CSS Com o código , Não deu certo !
avatar

Jpjupa
Membro do Fórum

Masculino
Inscrito dia : 15/11/2010
Mensagens : 1369
Pontos Ativos : 1977

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

Resolvido Re: Efeito nos sub-fóruns

Mensagem por Jpjupa em 23/07/11, 07:40 am

Creio que seja por causa do tamanho da imagem não é?

No caso , qual o tamanho da imagem para 85% de largura do fórum ?
avatar

Jpjupa
Membro do Fórum

Masculino
Inscrito dia : 15/11/2010
Mensagens : 1369
Pontos Ativos : 1977

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

Resolvido Re: Efeito nos sub-fóruns

Mensagem por Mikáá em 23/07/11, 07:47 am

Olá novamente,
Pois se-calhar! Coloque esta imagem, somente para teste: http://r13.imgfast.net/users/1314/81/61/92/avatars/1-82.gif

Até mais.
avatar

Mikáá
Hiperativo

Masculino
Inscrito dia : 13/02/2010
Mensagens : 3155
Pontos Ativos : 4009

Ver perfil do usuário https://www.facebook.com/amo.e.odeio

Resolvido Re: Efeito nos sub-fóruns

Mensagem por Jpjupa em 23/07/11, 07:48 am

Não deu denovo.

Estou desesperado com esta e minha outra duvida.
Vo retirar os códigos e aguardar + respostas suas.

Obrigado !
avatar

Jpjupa
Membro do Fórum

Masculino
Inscrito dia : 15/11/2010
Mensagens : 1369
Pontos Ativos : 1977

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

Resolvido Re: Efeito nos sub-fóruns

Mensagem por Mikáá em 23/07/11, 07:51 am

Tente este:
Código:
li.row:hover {    background: url("link da imagem"); }
avatar

Mikáá
Hiperativo

Masculino
Inscrito dia : 13/02/2010
Mensagens : 3155
Pontos Ativos : 4009

Ver perfil do usuário https://www.facebook.com/amo.e.odeio

Resolvido Re: Efeito nos sub-fóruns

Mensagem por Jpjupa em 23/07/11, 08:10 am

Não deu denovo.
avatar

Jpjupa
Membro do Fórum

Masculino
Inscrito dia : 15/11/2010
Mensagens : 1369
Pontos Ativos : 1977

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

Resolvido Re: Efeito nos sub-fóruns

Mensagem por Mikáá em 23/07/11, 08:12 am

A versão do seu fórum é PhpBB3?
avatar

Mikáá
Hiperativo

Masculino
Inscrito dia : 13/02/2010
Mensagens : 3155
Pontos Ativos : 4009

Ver perfil do usuário https://www.facebook.com/amo.e.odeio

Resolvido Re: Efeito nos sub-fóruns

Mensagem por Jpjupa em 23/07/11, 08:14 am

É , sim !
avatar

Jpjupa
Membro do Fórum

Masculino
Inscrito dia : 15/11/2010
Mensagens : 1369
Pontos Ativos : 1977

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

Resolvido Re: Efeito nos sub-fóruns

Mensagem por Jpjupa em 23/07/11, 01:39 pm

Ainda não consegui , não quero o fundo todo , quero apenas 1 no final.. Igual ao power pixel

E outra duvida :

Santolaz :

Onde adicionar o código?
[CAIXINHA] Quero saber como se faz.


Última edição por jpjupa em 23/07/11, 01:42 pm, editado 1 vez(es)
avatar

Jpjupa
Membro do Fórum

Masculino
Inscrito dia : 15/11/2010
Mensagens : 1369
Pontos Ativos : 1977

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

Resolvido Re: Efeito nos sub-fóruns

Mensagem por Mikáá em 23/07/11, 01:41 pm

Olá,
O código é este:

Código:
        [table style=" background-color:#FFFFFF;border:1px dashed #6db100; padding:3px 5px; width:100%;"][tr][td align="left"][color="#6db100"]CODE AQUI[/color][/td][/tr][/table][table style="width:100%;position:relative; top: -25px; left:-1px;"][tr][td align="left"][right][/right][/td][/tr][/table]

Pré-Visualização:
CODE AQUI


Até mais.
avatar

Mikáá
Hiperativo

Masculino
Inscrito dia : 13/02/2010
Mensagens : 3155
Pontos Ativos : 4009

Ver perfil do usuário https://www.facebook.com/amo.e.odeio

Resolvido Re: Efeito nos sub-fóruns

Mensagem por Jpjupa em 23/07/11, 01:42 pm

Isso se coloca no CSS?
avatar

Jpjupa
Membro do Fórum

Masculino
Inscrito dia : 15/11/2010
Mensagens : 1369
Pontos Ativos : 1977

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

Resolvido Re: Efeito nos sub-fóruns

Mensagem por Mikáá em 23/07/11, 01:44 pm

Não! Coloque o código numa mensagem qualquer em seu fórum...
avatar

Mikáá
Hiperativo

Masculino
Inscrito dia : 13/02/2010
Mensagens : 3155
Pontos Ativos : 4009

Ver perfil do usuário https://www.facebook.com/amo.e.odeio

Resolvido Re: Efeito nos sub-fóruns

Mensagem por Jpjupa em 23/07/11, 01:45 pm

E sobre a duvida de efeito de sub fóruns , não quero o fundo todo com minha imagem... E sem apenas 1 nome PHF !
avatar

Jpjupa
Membro do Fórum

Masculino
Inscrito dia : 15/11/2010
Mensagens : 1369
Pontos Ativos : 1977

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

Resolvido Re: Efeito nos sub-fóruns

Mensagem por Mikáá em 23/07/11, 01:48 pm

Olá novamente,
Você já está a acrescentar dúvidas no qual a sua dúvida não as têm citada, tal como o código que eu uso nas mensagens no FDF! Peço que se organize, criando vários tópicos para cada dúvida, para a boa organização do FDF.

Até mais.
avatar

Mikáá
Hiperativo

Masculino
Inscrito dia : 13/02/2010
Mensagens : 3155
Pontos Ativos : 4009

Ver perfil do usuário https://www.facebook.com/amo.e.odeio

Resolvido Re: Efeito nos sub-fóruns

Mensagem por Jpjupa em 23/07/11, 01:49 pm

affffffffffffffffffffffffff , é a duvida deste tópico....

Quando meto o código , a imagem fica no fundo todo e não como eu queria igual ao power pixel --'
avatar

Jpjupa
Membro do Fórum

Masculino
Inscrito dia : 15/11/2010
Mensagens : 1369
Pontos Ativos : 1977

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

Resolvido Re: Efeito nos sub-fóruns

Mensagem por Mikáá em 23/07/11, 01:52 pm

Primeiro peço que se acalme! Segundo você por acaso não pediu o código que uso aqui no FDF, aquela caixinha? Ela não está referida na sua dúvida inicial e era isso que eu estava a dizer! Terceiro, me passe o código que está a usar e seja paciente, pois não é praticamente nada novo em relação as regras do FDF!
avatar

Mikáá
Hiperativo

Masculino
Inscrito dia : 13/02/2010
Mensagens : 3155
Pontos Ativos : 4009

Ver perfil do usuário https://www.facebook.com/amo.e.odeio

Resolvido Re: Efeito nos sub-fóruns

Mensagem por Jpjupa em 23/07/11, 01:53 pm

Qualquer 1 dos dois códigos da bosta..

Da o fundo todo com a img.
avatar

Jpjupa
Membro do Fórum

Masculino
Inscrito dia : 15/11/2010
Mensagens : 1369
Pontos Ativos : 1977

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

Resolvido Re: Efeito nos sub-fóruns

Mensagem por Mikáá em 23/07/11, 01:54 pm

Me poderia fornecer o código que dá "bosta" para eu colocar bem, ou não o deseja? ...
avatar

Mikáá
Hiperativo

Masculino
Inscrito dia : 13/02/2010
Mensagens : 3155
Pontos Ativos : 4009

Ver perfil do usuário https://www.facebook.com/amo.e.odeio

Resolvido Re: Efeito nos sub-fóruns

Mensagem por Jpjupa em 23/07/11, 01:55 pm

ul.topiclist li:hover { background: url("http://img41.imageshack.us/img41/8606/semttulo1cp.png"); }
avatar

Jpjupa
Membro do Fórum

Masculino
Inscrito dia : 15/11/2010
Mensagens : 1369
Pontos Ativos : 1977

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

Resolvido Re: Efeito nos sub-fóruns

Mensagem por Mikáá em 23/07/11, 01:59 pm

Aqui tem:
Código:
ul.topiclist li:hover { background-image: url("http://img41.imageshack.us/img41/8606/semttulo1cp.png"); }

Deu?
avatar

Mikáá
Hiperativo

Masculino
Inscrito dia : 13/02/2010
Mensagens : 3155
Pontos Ativos : 4009

Ver perfil do usuário https://www.facebook.com/amo.e.odeio

Resolvido Re: Efeito nos sub-fóruns

Mensagem por Jpjupa em 23/07/11, 02:01 pm

Obrigado , porém não funcionou , pode fechar.
avatar

Jpjupa
Membro do Fórum

Masculino
Inscrito dia : 15/11/2010
Mensagens : 1369
Pontos Ativos : 1977

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