Partilha de códigos CSS
+4
tiagomoura
Admin
danielmendes
Nicker
8 participantes
Partilha de códigos CSS
Sex 23 Jul 2010 - 18:21
Olá a todos,
Muitas são as vezes em que se pedem códigos para modificar algumas opções dos nossos fóruns, utilizando o CSS.
Porque não uni-los todos num só tópico, evitando tópicos desnecessários e trocando experiências e conhecimentos?
Coloquem aqui os que souberem, e não se esqueçam de dividir códigos para phpBB2 e phpBB3, punBB e Invision!
Lembrando que todos os códigos postados aqui deverão serem inseridos em:
Painel de controle -> Visualização -> Imagens e cores -> Cores / Folha estilo CSS
Cumprimentos
Muitas são as vezes em que se pedem códigos para modificar algumas opções dos nossos fóruns, utilizando o CSS.
Porque não uni-los todos num só tópico, evitando tópicos desnecessários e trocando experiências e conhecimentos?
Coloquem aqui os que souberem, e não se esqueçam de dividir códigos para phpBB2 e phpBB3, punBB e Invision!
Lembrando que todos os códigos postados aqui deverão serem inseridos em:
Painel de controle -> Visualização -> Imagens e cores -> Cores / Folha estilo CSS
Cumprimentos
Re: Partilha de códigos CSS
Sex 23 Jul 2010 - 18:43
Acho que o título não está correcto.
"Onde colocar os códigos CSS" seria mais acertado
"Onde colocar os códigos CSS" seria mais acertado
Re: Partilha de códigos CSS
Sex 23 Jul 2010 - 18:46
Olá ,
Esse topico não está se refirindo onde deve ser colocado o codigo Css .
Nesse topico os membros em geral deve postar os codigos Css , que conhecem ou que elaboraram.
Abraços.
Até Mais.
Esse topico não está se refirindo onde deve ser colocado o codigo Css .
Nesse topico os membros em geral deve postar os codigos Css , que conhecem ou que elaboraram.
Abraços.
Até Mais.
Re: Partilha de códigos CSS
Sex 23 Jul 2010 - 18:47
Splash escreveu:Acho que o título não está correcto.
"Onde colocar os códigos CSS" seria mais acertado
Olá Splash... Esse tópico é para os membros compartilherem os códigos CSS que criam...
Abraços, gabe.
Re: Partilha de códigos CSS
Sex 23 Jul 2010 - 19:29
Ah prontos, peço desculpa mas vi ali o caminho para ir dar à folha CSS.
Estes códigos servem para personalizar a barra de navegação do fórum:
Estes códigos servem para personalizar a barra de navegação do fórum:
- Código:
#page-header .navbar ul.linklist li a{
font-family: comic sans ms;
text-decoration: none !important;
color: #fff;
font-size: 14px;
word-spacing: 0px !important;
height: 50px;
display: inline-block;
}
#page-header .navbar ul.linklist li:hover{
width: 100%;
height: 50px;
background-color: #;
background-position: center;
}
#page-header .navbar ul.linklist li{
padding: 6px 3px 6px 9px;
background: url('') bottom;
}
#page-header .headerbar span.corners-top, #page-header .headerbar span.corners-top span, #page-header .headerbar span.corners-bottom, #page-header .headerbar span.corners-bottom span {
background-image: none;
}
#page-header .navbar span.corners-top, #page-header .navbar span.corners-top span, #page-header .navbar span.corners-bottom, #page-header .navbar span.corners-bottom span {
display: none;
}
- ConvidadConvidado
Re: Partilha de códigos CSS
Sex 23 Jul 2010 - 21:32
TUTORIAL - COLOCAR IMAGEM EM ÁREA DE TEXTO
Um simples, prático e facil tutorial que dará um efeito muito bonito e legal em seu fórum, usando apenas a folha de estilos 'css'.
Olá, Alguns fóruns quando você vai responder ou criar um tópico, pode-se ver uma imagem no campo de digitação. Bem, nesse tutorial, irei ensinar como fazer isto, usando a folha de estilos 'css'.
Vá em: Painel de Controle -> Visualização -> Imagens e Cores -> Cores -> Folha de estilo CSS
Agora adicione este código lá:
textarea {
background-image: url('https://i.servimg.com/u/f33/15/43/15/13/logo10.gif');
background-position: center center;
background-repeat: no-repeat;
}
LINK- Imagem que deseja que fique na área de digitação.
Bom é só isso, bem facil e simples, e tem um efeito legal.
Até a proxima pessoal.
Um simples, prático e facil tutorial que dará um efeito muito bonito e legal em seu fórum, usando apenas a folha de estilos 'css'.
Olá, Alguns fóruns quando você vai responder ou criar um tópico, pode-se ver uma imagem no campo de digitação. Bem, nesse tutorial, irei ensinar como fazer isto, usando a folha de estilos 'css'.
Vá em: Painel de Controle -> Visualização -> Imagens e Cores -> Cores -> Folha de estilo CSS
Agora adicione este código lá:
textarea {
background-image: url('https://i.servimg.com/u/f33/15/43/15/13/logo10.gif');
background-position: center center;
background-repeat: no-repeat;
}
LINK- Imagem que deseja que fique na área de digitação.
Bom é só isso, bem facil e simples, e tem um efeito legal.
Até a proxima pessoal.
Re: Partilha de códigos CSS
Sáb 24 Jul 2010 - 11:27
Olá!
Corrigi o código do Sabottage.
Splash, deveria dizer para que servem os seus códigos, é que há membros que não sabem...
Até mais.
Corrigi o código do Sabottage.
Splash, deveria dizer para que servem os seus códigos, é que há membros que não sabem...
Até mais.
Re: Partilha de códigos CSS
Seg 29 Nov 2010 - 10:29
desativar(ocultar) avatares no phpbb2 (eu demorei um pouco mas consegui)
isto remove no perfil, nas mensagens, nas mensagens privadas e na edição do perfil, não remove os campos de envio (o que eu irei remover mais tarde)... mas eu edito quando eu souber... (obs: algumas imagens poderão não funcionar...)
Há um código que oculta o LINK para a página dos avatares, se você não quiser usar o código acima, utilize este (só IE7+ ou outros navegadores):
- Código:
span.postdetails a img,
td.row1.gensmall img,
td.row1 table tbody tr td img,
td.row2 img {
display: none !important;
}
isto remove no perfil, nas mensagens, nas mensagens privadas e na edição do perfil, não remove os campos de envio (o que eu irei remover mais tarde)... mas eu edito quando eu souber... (obs: algumas imagens poderão não funcionar...)
Há um código que oculta o LINK para a página dos avatares, se você não quiser usar o código acima, utilize este (só IE7+ ou outros navegadores):
- Código:
a.mainmenu[href$=avatars] {
display: none !important;
}
Re: Partilha de códigos CSS
Ter 31 Jan 2012 - 5:37
Olá amigos, desculpe eu dizer:
Mas achei isso desnecessário.
Cada um tem sua dúvida em particular.
Eu mesmo, gosto do meu próprio tópico de dúvidas.
Mas se querem assim, quem sou eu para interferir.
Mas isso é só uma dica em...
Até mais.
Cumprimentos,
Jpjupa.
Mas achei isso desnecessário.
Cada um tem sua dúvida em particular.
Eu mesmo, gosto do meu próprio tópico de dúvidas.
Mas se querem assim, quem sou eu para interferir.
Mas isso é só uma dica em...
Até mais.
Cumprimentos,
Jpjupa.
Re: Partilha de códigos CSS
Ter 7 Fev 2012 - 18:11
Também achei desnecessário!
Como disse o Jpjupa ,cada um tem sua dúvida em particular!
Acho melhor não ter mais isso aqui , é só uma sugestão...
Como disse o Jpjupa ,cada um tem sua dúvida em particular!
Acho melhor não ter mais isso aqui , é só uma sugestão...
Re: Partilha de códigos CSS
Qui 9 Fev 2012 - 18:04
Olá,
Este tópico é totalmente desnecessário . Creio que se desejas fazer uma sugestão, aqui não é o lugar correto.
Por favor queira checar o seguinte Link, que levará-o até às sugestões:
Sugestões e Melhoras
Tópico movido para a "Lixeira"
Até mais.
Este tópico é totalmente desnecessário . Creio que se desejas fazer uma sugestão, aqui não é o lugar correto.
Por favor queira checar o seguinte Link, que levará-o até às sugestões:
Sugestões e Melhoras
Tópico movido para a "Lixeira"
Até mais.
Permissões neste sub-fórum
Não podes responder a tópicos