Efeito nos sub-fóruns

2 participantes

Ir para baixo

Tópico resolvido Efeito nos sub-fóruns

Mensagem por Jpjupa 23.07.11 11:16

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.
Jpjupa
Jpjupa
Super Membro

Membro desde : 15/11/2010
Mensagens : 1369
Pontos : 1977

https://ajuda.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito nos sub-fóruns

Mensagem por Mikáá 23.07.11 11:29

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
Efeito nos sub-fóruns 867694

Até mais.
Mikáá
Mikáá
Hiper Membro

Membro desde : 13/02/2010
Mensagens : 3158
Pontos : 4014

https://www.facebook.com/amo.e.odeio

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito nos sub-fóruns

Mensagem por Jpjupa 23.07.11 11:38

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 !
Jpjupa
Jpjupa
Super Membro

Membro desde : 15/11/2010
Mensagens : 1369
Pontos : 1977

https://ajuda.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito nos sub-fóruns

Mensagem por Jpjupa 23.07.11 11:40

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 ?
Jpjupa
Jpjupa
Super Membro

Membro desde : 15/11/2010
Mensagens : 1369
Pontos : 1977

https://ajuda.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito nos sub-fóruns

Mensagem por Mikáá 23.07.11 11:47

Olá novamente,
Pois se-calhar! Coloque esta imagem, somente para teste: https://2img.net/u/1314/81/61/92/avatars/1-82.gif

Até mais.
Mikáá
Mikáá
Hiper Membro

Membro desde : 13/02/2010
Mensagens : 3158
Pontos : 4014

https://www.facebook.com/amo.e.odeio

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito nos sub-fóruns

Mensagem por Jpjupa 23.07.11 11:48

Não deu denovo.

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

Obrigado !
Jpjupa
Jpjupa
Super Membro

Membro desde : 15/11/2010
Mensagens : 1369
Pontos : 1977

https://ajuda.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito nos sub-fóruns

Mensagem por Mikáá 23.07.11 11:51

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

Membro desde : 13/02/2010
Mensagens : 3158
Pontos : 4014

https://www.facebook.com/amo.e.odeio

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito nos sub-fóruns

Mensagem por Jpjupa 23.07.11 12:10

Não deu denovo.
Jpjupa
Jpjupa
Super Membro

Membro desde : 15/11/2010
Mensagens : 1369
Pontos : 1977

https://ajuda.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito nos sub-fóruns

Mensagem por Mikáá 23.07.11 12:12

A versão do seu fórum é PhpBB3?
Mikáá
Mikáá
Hiper Membro

Membro desde : 13/02/2010
Mensagens : 3158
Pontos : 4014

https://www.facebook.com/amo.e.odeio

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito nos sub-fóruns

Mensagem por Jpjupa 23.07.11 12:14

É , sim !
Jpjupa
Jpjupa
Super Membro

Membro desde : 15/11/2010
Mensagens : 1369
Pontos : 1977

https://ajuda.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito nos sub-fóruns

Mensagem por Jpjupa 23.07.11 17:39

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 17:42, editado 1 vez(es)
Jpjupa
Jpjupa
Super Membro

Membro desde : 15/11/2010
Mensagens : 1369
Pontos : 1977

https://ajuda.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito nos sub-fóruns

Mensagem por Mikáá 23.07.11 17:41

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.
Mikáá
Mikáá
Hiper Membro

Membro desde : 13/02/2010
Mensagens : 3158
Pontos : 4014

https://www.facebook.com/amo.e.odeio

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito nos sub-fóruns

Mensagem por Jpjupa 23.07.11 17:42

Isso se coloca no CSS?
Jpjupa
Jpjupa
Super Membro

Membro desde : 15/11/2010
Mensagens : 1369
Pontos : 1977

https://ajuda.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito nos sub-fóruns

Mensagem por Mikáá 23.07.11 17:44

Não! Coloque o código numa mensagem qualquer em seu fórum...
Mikáá
Mikáá
Hiper Membro

Membro desde : 13/02/2010
Mensagens : 3158
Pontos : 4014

https://www.facebook.com/amo.e.odeio

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito nos sub-fóruns

Mensagem por Jpjupa 23.07.11 17:45

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 !
Jpjupa
Jpjupa
Super Membro

Membro desde : 15/11/2010
Mensagens : 1369
Pontos : 1977

https://ajuda.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito nos sub-fóruns

Mensagem por Mikáá 23.07.11 17:48

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.
Mikáá
Mikáá
Hiper Membro

Membro desde : 13/02/2010
Mensagens : 3158
Pontos : 4014

https://www.facebook.com/amo.e.odeio

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito nos sub-fóruns

Mensagem por Jpjupa 23.07.11 17:49

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 --'
Jpjupa
Jpjupa
Super Membro

Membro desde : 15/11/2010
Mensagens : 1369
Pontos : 1977

https://ajuda.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito nos sub-fóruns

Mensagem por Mikáá 23.07.11 17:52

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!
Mikáá
Mikáá
Hiper Membro

Membro desde : 13/02/2010
Mensagens : 3158
Pontos : 4014

https://www.facebook.com/amo.e.odeio

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito nos sub-fóruns

Mensagem por Jpjupa 23.07.11 17:53

Qualquer 1 dos dois códigos da bosta..

Da o fundo todo com a img.
Jpjupa
Jpjupa
Super Membro

Membro desde : 15/11/2010
Mensagens : 1369
Pontos : 1977

https://ajuda.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito nos sub-fóruns

Mensagem por Mikáá 23.07.11 17:54

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

Membro desde : 13/02/2010
Mensagens : 3158
Pontos : 4014

https://www.facebook.com/amo.e.odeio

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito nos sub-fóruns

Mensagem por Jpjupa 23.07.11 17:55

ul.topiclist li:hover { background: url("https://2img.net/r/ihimizer/img41/8606/semttulo1cp.png"); }
Jpjupa
Jpjupa
Super Membro

Membro desde : 15/11/2010
Mensagens : 1369
Pontos : 1977

https://ajuda.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito nos sub-fóruns

Mensagem por Mikáá 23.07.11 17:59

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

Deu?
Mikáá
Mikáá
Hiper Membro

Membro desde : 13/02/2010
Mensagens : 3158
Pontos : 4014

https://www.facebook.com/amo.e.odeio

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito nos sub-fóruns

Mensagem por Jpjupa 23.07.11 18:01

Obrigado , porém não funcionou , pode fechar.
Jpjupa
Jpjupa
Super Membro

Membro desde : 15/11/2010
Mensagens : 1369
Pontos : 1977

https://ajuda.forumeiros.com/

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

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