Efeito nos sub-fóruns

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.

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 Visualização Imagens e Cores Cores Folha de estilo CSS

Até mais.

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 !

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 ?

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.

Não deu denovo.

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

Obrigado !

Não deu denovo.

É , sim !

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.

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.

Isso se coloca no CSS?

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

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 !

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.

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 --'

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!

Qualquer 1 dos dois códigos da bosta..

Da o fundo todo com a img.

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

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

Aqui tem:

Código:

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

Deu?

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