Citação e code com efeitos

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

Resolvido Citação e code com efeitos

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

Podem perceber que um dos dois (code ou citação) tem efeito de sombra creio eu que seja isso , mais se não for , sei que tem algum efeito.

E eu queria colocar esse efeito no meu fórum porém , no Spoiler, citação , e code.

Obrigado e agradeço !
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: Citação e code com efeitos

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

Olá,
Não compreendi qual o código que quer destes itens: "Spoiler e Code". Poderia explicar melhor?

Para o Citar, faça isto:
Código:
.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;
}

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: Citação e code com efeitos

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

Qual seria esse efeito?

Não achei que mudou nada.
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: Citação e code com efeitos

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

Olá novamente,
O efeito era para o Citar igual ao FDF, com as bordas e tudo mais! Se a sua versão do fórum for PhpBB3 o código terá de resultar! Faça um citar em seu fórum para ver! Piscada

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: Citação e code com efeitos

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

SantolaZ escreveu:Olá novamente,
O efeito era para o Citar igual ao FDF, com as bordas e tudo mais! Se a sua versão do fórum for PhpBB3 o código terá de resultar! Faça um citar em seu fórum para ver! Piscada

Até mais.

Testando...

Olha , eu fiz isso em meu fórum e não deu nada.

Aguardo , 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: Citação e code com efeitos

Mensagem por Jpjupa em 23/07/11, 07:29 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;
}
.postprofile {
text-align: center;
}



Minha CSS (Sem o código) !
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: Citação e code com efeitos

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

Substitui esse CSS todo, por este:
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;
    }
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: Citação e code com efeitos

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

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/
  • 0

Resolvido Re: Citação e code com efeitos

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



Última edição por SantolaZ em 23/07/11, 08:10 am, editado 1 vez(es)
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: Citação e code com efeitos

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

Olá , ja vi e tentei.

Não deu certo o.o ..
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: Citação e code com efeitos

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

Bom dia,

Testei e este código é para o que quer na versão phpBB 3:
Código:
blockquote, blockquote blockquote, blockquote blockquote blockquote, dl.codebox.spoiler, dl.codebox {
    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;
}
Até mais.

Tópico movido de 'Questões sobre códigos' para 'Questões sobre a aparência do fórum'
avatar

Solkis
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 26/01/2008
Mensagens : 9983
Pontos Ativos : 12074

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

Resolvido Re: Citação e code com efeitos

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

Não deu certo como sempre.
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/
  • 0

Resolvido Re: Citação e code com efeitos

Mensagem por seender em 23/07/11, 02:16 pm

Se for para adicionar como o citar do fdf, está funcionando sim, acabei de aceder à página que postou, mas lembre-se de que este código não irá funcionar no internet explorer dependendo a versão do ie...
avatar

seender
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 07/04/2009
Mensagens : 9450
Pontos Ativos : 12457

Ver perfil do usuário http://www.divulgamaisweb.com https://www.facebook.com/Divulga-Mais-Web-874814432638426/

Resolvido Re: Citação e code com efeitos

Mensagem por muryllodantas em 23/07/11, 02:50 pm

Olá jpjupa! Você já tentou visualizar o seu fórum com outro navegador, ou até mesmo atualizar o seu navegador? O problema pode ser este, pois vi que funcionou em seu fórum. Tente o Firefox...

Att, Muryllo Dantas
avatar

muryllodantas
Usuário destaque

Masculino
Inscrito dia : 31/10/2010
Mensagens : 760
Pontos Ativos : 1013

Ver perfil do usuário http://rendersdesigner.forumeiro.com/
  • 0

Resolvido Re: Citação e code com efeitos

Mensagem por Mikáá em 23/07/11, 02:57 pm

Olá,
Provavelmente o seu problema é aquele referido pelo seender, por-causa do navegador, por favor tente usar outro, como o Firefox ou o Google Chrome!

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: Citação e code com efeitos

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

Resolvido , tirei 1 código do meu css e funciono.
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