Isto é uma pré-visualização de um tema em Hitskin.com
Instalar o tema • Voltar para a ficha do tema
Citação e code com efeitos
5 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1
Citação e code com efeitos
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 !
E eu queria colocar esse efeito no meu fórum porém , no Spoiler, citação , e code.
Obrigado e agradeço !
Re: Citação e code com efeitos
Olá,
Não compreendi qual o código que quer destes itens: "Spoiler e Code". Poderia explicar melhor?
Para o Citar, faça isto:
Onde adicionar o código?
Até mais.
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 Visualização Imagens e Cores Cores Folha de estilo CSS |
Até mais.
Re: Citação e code com efeitos
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!
Até mais.
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!
Até mais.
Re: Citação e code com efeitos
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!
Até mais.
Testando...
Olha , eu fiz isso em meu fórum e não deu nada.
Aguardo , Obrigado!
Re: Citação e code com efeitos
- 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) !
Re: Citação e code com efeitos
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;
}
Re: Citação e code com efeitos
Não!
Peço que veja estes tópico e que tente!
https://ajuda.forumeiros.com/-t43594.htm
https://ajuda.forumeiros.com/-t43652.htm
Peço que veja estes tópico e que tente!
https://ajuda.forumeiros.com/-t43594.htm
https://ajuda.forumeiros.com/-t43652.htm
Última edição por SantolaZ em 23.07.11 12:10, editado 1 vez(es)
Re: Citação e code com efeitos
Bom dia,
Testei e este código é para o que quer na versão phpBB 3:
Tópico movido de 'Questões sobre códigos' para 'Questões sobre a aparência do fórum'
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;
}
Tópico movido de 'Questões sobre códigos' para 'Questões sobre a aparência do fórum'
Re: Citação e code com efeitos
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...
Re: Citação e code com efeitos
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
Att, Muryllo Dantas
Re: Citação e code com efeitos
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.
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.
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos