Arredondar aparência do fórum

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

Resolvido Arredondar aparência do fórum

Mensagem por kurudz em 14/05/11, 12:05 am

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

.vote {
float: right;
width: 100px;
margin-left: 4px;
}

.quote {
padding-left: 30px;
background-position: top left;
background-position: 2px10px;
background-image: url(http://illiweb.com/fa/pbucket.gif);
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, 03:11 pm, editado 1 vez(es)
avatar

kurudz
Nível 9

Masculino
Inscrito dia : 04/06/2010
Mensagens : 219
Pontos Ativos : 314

Ver perfil do usuário http://rkphotoshop.sosblogs.com

Resolvido Re: Arredondar aparência do fórum

Mensagem por Luciano98 em 15/05/11, 12:43 am

Olá!

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}
#COLORHEX = Código hexadecimal da cor

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.
avatar

Luciano98
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 01/09/2010
Mensagens : 7648
Pontos Ativos : 11045

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

Resolvido Re: Arredondar aparência do fórum

Mensagem por kurudz em 15/05/11, 10:53 am

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
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(http://illiweb.com/fa/pbucket.gif);
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}
avatar

kurudz
Nível 9

Masculino
Inscrito dia : 04/06/2010
Mensagens : 219
Pontos Ativos : 314

Ver perfil do usuário http://rkphotoshop.sosblogs.com

Resolvido Re: Arredondar aparência do fórum

Mensagem por Luciano98 em 16/05/11, 02:30 pm

Olá!

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

Seta Título - Pode colocar o título que quiser para a página, não irá afetar em nada.
Seta 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.
Seta 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.
Seta Código HTML - Coloque aqui o código que trabalhamos no item anterior.
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.


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).




- 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á:
<script src="ENDERECO-DA-PAGINA-HTML"></script>
Por exemplo, no FdF:
<script src="http://ajuda.forumeiros.com/h1-codigo"></script>

Até mais.
Luciano98.
avatar

Luciano98
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 01/09/2010
Mensagens : 7648
Pontos Ativos : 11045

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

Resolvido Re: Arredondar aparência do fórum

Mensagem por kurudz em 16/05/11, 02:43 pm

A do chat ta dando esse erro ao tentar colocar no CSS

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.
avatar

kurudz
Nível 9

Masculino
Inscrito dia : 04/06/2010
Mensagens : 219
Pontos Ativos : 314

Ver perfil do usuário http://rkphotoshop.sosblogs.com

Resolvido Re: Arredondar aparência do fórum

Mensagem por Luciano98 em 16/05/11, 02:48 pm

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.
avatar

Luciano98
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 01/09/2010
Mensagens : 7648
Pontos Ativos : 11045

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

Resolvido Re: Arredondar aparência do fórum

Mensagem por kurudz em 16/05/11, 02:52 pm

@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.
avatar

kurudz
Nível 9

Masculino
Inscrito dia : 04/06/2010
Mensagens : 219
Pontos Ativos : 314

Ver perfil do usuário http://rkphotoshop.sosblogs.com

Resolvido Re: Arredondar aparência do fórum

Mensagem por Luciano98 em 16/05/11, 02:59 pm

@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.
Me passe seu CSS personalizado de novo.

Até mais.
Luciano98.
avatar

Luciano98
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 01/09/2010
Mensagens : 7648
Pontos Ativos : 11045

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

Resolvido Re: Arredondar aparência do fórum

Mensagem por kurudz em 16/05/11, 03:03 pm

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(http://illiweb.com/fa/pbucket.gif);
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}
avatar

kurudz
Nível 9

Masculino
Inscrito dia : 04/06/2010
Mensagens : 219
Pontos Ativos : 314

Ver perfil do usuário http://rkphotoshop.sosblogs.com

Resolvido Re: Arredondar aparência do fórum

Mensagem por Luciano98 em 16/05/11, 03:08 pm

Olá!

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(http://illiweb.com/fa/pbucket.gif);
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.
avatar

Luciano98
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 01/09/2010
Mensagens : 7648
Pontos Ativos : 11045

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

Resolvido Re: Arredondar aparência do fórum

Mensagem por kurudz em 16/05/11, 03:11 pm

Cara vlw, vc é o cara. ^^^^^^
avatar

kurudz
Nível 9

Masculino
Inscrito dia : 04/06/2010
Mensagens : 219
Pontos Ativos : 314

Ver perfil do usuário http://rkphotoshop.sosblogs.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