Arredondar aparência do fórum
2 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
Arredondar aparência do fórum
Qual é sua questão:
Queria arredondar toda á aparencia do fórum
1- Arredondar o campo de citar
2- Colocar cor de fundo no code e também arredondar
3- Arredondar caixa de tópicos, msg e estrutura do fórum
4- No lugar de (Spoiler: escrito ou somente alterar de Spoiler para ABRIR) tem como por uma imagem. Ele está com fundo azul igual a figura 1 queria arredondar o funfo também
Versão phpBB2
Que medidas você tomou para corrigir o problema:
Tentei vários códigos mas sem resultado
Apresente-nos imagens do problema (se necessário):
Meu CSS está assim onde so está arredondando a borda externa da aparencia do fórum
Queria arredondar toda á aparencia do fórum
1- Arredondar o campo de citar
2- Colocar cor de fundo no code e também arredondar
3- Arredondar caixa de tópicos, msg e estrutura do fórum
4- No lugar de (Spoiler: escrito ou somente alterar de Spoiler para ABRIR) tem como por uma imagem. Ele está com fundo azul igual a figura 1 queria arredondar o funfo também
Versão phpBB2
Que medidas você tomou para corrigir o problema:
Tentei vários códigos mas sem resultado
Apresente-nos imagens do problema (se necessário):
Meu CSS está assim onde so está arredondando a borda externa da aparencia do fórum
.vote {
float: right;
width: 100px;
margin-left: 4px;
}
.quote {
padding-left: 30px;
background-position: top left;
background-position: 2px10px;
background-image: url(https://2img.net/h/i1211.photobucket.com/albums/cc436/renekurudz/RK-Cheaters/quote2-1.png);
background-repeat: no-repeat;
background-color: #DCDCF7;
}
.bodyline{
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border: 1px solid #0c33cf;
}
.spoiler_content { background-color: #DCDCF7; }
Última edição por kurudz em 16.05.11 19:11, editado 1 vez(es)
Re: Arredondar aparência do fórum
Olá!
1 - Código CSS:
2 - Código CSS:
3 - Código CSS:
4 - Poderia passar o link de um tópico do seu fórum com um Spoiler?
Até mais.
Luciano98.
1 - Código CSS:
- Código:
.quote{-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px}
2 - Código CSS:
- Código:
div.cont_code{background-color:#COLORHEX;-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px}
3 - Código CSS:
- Código:
table.forumline,table.forumline tbody,table.forumline tbody tr,table.forumline tbody tr td,table.forumline tbody table,th{-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px}
4 - Poderia passar o link de um tópico do seu fórum com um Spoiler?
Até mais.
Luciano98.
Re: Arredondar aparência do fórum
Luciano98 ficou muito BOM, única coisa que não arredondou foi a aba do CHAT final do fórum
http://rk-cheaters.forumais.com/
Link do tópico com Spoiler
http://rk-cheaters.forumais.com/t151-mod-de-armas-de-nxcash-weapons
Deixei minha CSS assim
http://rk-cheaters.forumais.com/
Link do tópico com Spoiler
http://rk-cheaters.forumais.com/t151-mod-de-armas-de-nxcash-weapons
Deixei minha CSS assim
- Spoiler:
- .vote {
float: right;
width: 100px;
margin-left: 4px;
}
.quote {
-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px
padding-left: 30px;
background-position: top left;
background-position: 2px10px;
background-image: url(https://2img.net/h/i1211.photobucket.com/albums/cc436/renekurudz/RK-Cheaters/quote2-1.png);
background-repeat: no-repeat;
background-color: #DCDCF7;
}
.bodyline{
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border: 1px solid #0c33cf;
}
div.cont_code{background-color:#DCDCF7;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;border:
}
.spoiler_content { background-color: #DCDCF7; moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;border: }
table.forumline,table.forumline tbody,table.forumline tbody tr,table.forumline tbody tr td,table.forumline tbody table,th{-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px}
Re: Arredondar aparência do fórum
Olá!
Aqui o código CSS do chatbox:
Substituindo "Spoiler" por "Abrir":
Você pode colocar isso na descrição do site(simples) ou pode criar uma página onde é colocado o código(um pouco mais difícil), pois os caracteres da descrição são limitados.
Para criar uma página onde é colocado o código, veja esse tutorial:
Até mais.
Luciano98.
Aqui o código CSS do chatbox:
- Código:
td.catBottom{-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px}
Substituindo "Spoiler" por "Abrir":
- Código:
;jQuery(document).ready(function(){jQuery('table.spoiler td span b').html('Abrir')});
Você pode colocar isso na descrição do site(simples) ou pode criar uma página onde é colocado o código(um pouco mais difícil), pois os caracteres da descrição são limitados.
Para criar uma página onde é colocado o código, veja esse tutorial:
- Spoiler:
- 1º - Criar uma página HTML para sustentar o código:
Para que possamos adicionar o código, teremos de criar uma página HTML, que será onde o script ficará. Para isso é necessário aceder à:
Painel de controle -> Módulos -> HTML -> Gestão das páginas HTML
Título - Pode colocar o título que quiser para a página, não irá afetar em nada. Você deseja utilizar o início e o final da página do seu fórum ? - Esta terá de ser obrigatóriamente não. Caso marque-a, o código não irá funcionar adequadamente. Usar esta página como página inicial? - Esta também deverá estar marcada como não, apesar de que não influencia em nada o código.
Após criada a página, deverá salvar e carregar novamente em "Gestão das páginas HTML", onde iremos recuperar o endereço da página criada, para usarmos no próximo ponto.Código HTML - Coloque aqui o código que trabalhamos no item anterior.
Terá de encontrar a página HTML que criou e copiar o endereço da mesma. Em vermelho na imagem abaixo está o que deve copiar da página que criou! Por padrão esta será a primeira da lista (isso se for a última a ser criada e se não alterou a ordem de exibição).
2º - Inserir o código para que funcione em todas as páginas do fórum:
Devemos colocá-lo em um campo que seja mostrado em todas as páginas, como somente há um campo que se encaixe neste requisito, a descrição do seu fórum será comprometida com este código. Pode manter ambos em funcionamento, para isso basta separar o código da descrição.
Para adicionar o código aceda à:
Painel de Controle -> Geral -> Fórum -> Configurações
Ele deverá ser adicionado ao campo "Descrição do site". Caso encontre códigos nesta área, deverá colá-lo primeiro, antes de tudo mais que possa existir neste campo.
O código será:
Por exemplo, no FdF:<script src="ENDERECO-DA-PAGINA-HTML"></script><script src="https://ajuda.forumeiros.com/h1-codigo"></script>
Até mais.
Luciano98.
Re: Arredondar aparência do fórum
A do chat ta dando esse erro ao tentar colocar no CSS
E segui o tuto que vc pasou e não deu certo.
Tentei colocar nas descrição do Fórum também não deu certo aparece so o código.
Erro detectado
Nós contamos um número diferente de "{" e de "}". Isto significa que o seu CSS pode não ser válido e não será exibido corretamente no seu fórum.
Lhe aconselhamos que releia o seu código.
E segui o tuto que vc pasou e não deu certo.
Tentei colocar nas descrição do Fórum também não deu certo aparece so o código.
Re: Arredondar aparência do fórum
Olá!
Copie o código CSS NOVAMENTE e tente salvar mais uma vez.
Como você vai colocar na descrição, coloque o seguinte codigo:
Até mais.
Luciano98.
Copie o código CSS NOVAMENTE e tente salvar mais uma vez.
Como você vai colocar na descrição, coloque o seguinte codigo:
- Código:
<script>jQuery(document).ready(function(){jQuery('table.spoiler td span b').html('Abrir')})</script>
Até mais.
Luciano98.
Re: Arredondar aparência do fórum
Luciano98 escreveu:Olá!
Copie o código CSS NOVAMENTE e tente salvar mais uma vez.
Como você vai colocar na descrição, coloque o seguinte codigo:
- Código:
<script>jQuery(document).ready(function(){jQuery('table.spoiler td span b').html('Abrir')})</script>
Até mais.
Luciano98.
O Abrir funcionou perfeitamente o outro continua com o memso erro.
Re: Arredondar aparência do fórum
Me passe seu CSS personalizado de novo.kurudz escreveu:Luciano98 escreveu:Olá!
Copie o código CSS NOVAMENTE e tente salvar mais uma vez.
Como você vai colocar na descrição, coloque o seguinte codigo:
- Código:
<script>jQuery(document).ready(function(){jQuery('table.spoiler td span b').html('Abrir')})</script>
Até mais.
Luciano98.
O Abrir funcionou perfeitamente o outro continua com o memso erro.
Até mais.
Luciano98.
Re: Arredondar aparência do fórum
O CSS ta assim
- Spoiler:
- .vote {
float: right;
width: 100px;
margin-left: 4px;
}
.quote {
-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px
padding-left: 30px;
background-position: top left;
background-position: 2px10px;
background-image: url(https://2img.net/h/i1211.photobucket.com/albums/cc436/renekurudz/RK-Cheaters/quote2-1.png);
background-repeat: no-repeat;
background-color: #DCDCF7;
}
.bodyline{
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border: 1px solid #0c33cf;
}
div.cont_code{background-color:#DCDCF7;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;border:
}
.spoiler_content { background-color: #DCDCF7; moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;border: }
table.forumline,table.forumline tbody,table.forumline tbody tr,table.forumline tbody tr td,table.forumline tbody table,th{-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px
td.catBottom{-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px}
Re: Arredondar aparência do fórum
Olá!
Substitua todo o CSS, por esse:
Assim não dará erro.
Até mais.
Luciano98.
Substitua todo o CSS, por esse:
- Spoiler:
- .vote {
float: right;
width: 100px;
margin-left: 4px;
}
.quote {
-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px
padding-left: 30px;
background-position: top left;
background-position: 2px10px;
background-image: url(https://2img.net/h/i1211.photobucket.com/albums/cc436/renekurudz/RK-Cheaters/quote2-1.png);
background-repeat: no-repeat;
background-color: #DCDCF7;
}
.bodyline{
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border: 1px solid #0c33cf;
}
div.cont_code{background-color:#DCDCF7;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;border:
}
.spoiler_content { background-color: #DCDCF7; moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;border: }
table.forumline,table.forumline tbody,table.forumline tbody tr,table.forumline tbody tr td,table.forumline tbody table,th{-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px}
td.catBottom{-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px}
Assim não dará erro.
Até mais.
Luciano98.
Tópicos semelhantes
» Como arredondar estatísticas de um fórum ou sub forum
» [dúvida] arredondar a borda do fórum
» Arredondar forum
» Arredondar o fórum
» Arredondar borda do fórum
» [dúvida] arredondar a borda do fórum
» Arredondar forum
» Arredondar o fórum
» Arredondar borda do fórum
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