Aumentando fórum e arredondando categorias

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

Resolvido Aumentando fórum e arredondando categorias

Mensagem por EyesInFire em 23/07/11, 05:30 pm

Quero saber como coloco o forum desse jeito : http://i45.servimg.com/u/f45/16/55/10/08/imagem10.png
Em toda a tela, meu amigo disse que é CSS e nao no painel de controle.
E como arredondo as categorias assim : http://i45.servimg.com/u/f45/16/55/10/08/imagem10.png

O fórum do meu amigo : http://living-arts.forumeiros.com/
E o meu é : http://reddesign.forumeiros.com/
avatar

EyesInFire
Nível 9

Masculino
Inscrito dia : 14/03/2011
Mensagens : 212
Pontos Ativos : 336

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

Resolvido Re: Aumentando fórum e arredondando categorias

Mensagem por Kebraosso em 23/07/11, 06:47 pm

Olá EyesInFire,

Para deixar o fórum na tela toda, creio que deva ir em:

Seta curta Painel de Controle Seta Módulos Seta Portal & Widgets Seta Gestão dos Widgets do Fórum

Lá terá a opção: Exibir os widgets do fórum: ( ) Sim (X) Não
Deixe o não marcado.

Atenciosamente,
kebraosso.

EDIT:

[TUTORIAL] Arredondar as bordas das categorias do fórum

Veja o tutorial acima. Piscada


Última edição por kebraosso em 23/07/11, 06:53 pm, editado 2 vez(es)
avatar

Kebraosso
Nível 6

Masculino
Inscrito dia : 05/06/2011
Mensagens : 62
Pontos Ativos : 92

Ver perfil do usuário

Resolvido Re: Aumentando fórum e arredondando categorias

Mensagem por EyesInFire em 23/07/11, 06:49 pm

Não funcionou :/
E esqueçi de falar, o meu forum é PhpBB3
avatar

EyesInFire
Nível 9

Masculino
Inscrito dia : 14/03/2011
Mensagens : 212
Pontos Ativos : 336

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

Resolvido Re: Aumentando fórum e arredondando categorias

Mensagem por Luciano98 em 23/07/11, 06:50 pm

Olá!

Aceda à "Folha de estilo CSS":
Painel de Controle Seta Visualização Seta Imagens e cores Seta Cores Seta Folha de estilo CSS

Código:
.forabg,.forabg dl.icon{-webkit-border-top-right-radius:12px;-webkit-border-top-left-radius:12px;-moz-border-radius-topright:12px;-moz-border-radius-topleft:12px;border-top-right-radius:12px;border-top-left-radius:12px;o-border-top-left-radius:12px;o-border-top-left-radius:12px}

Salve.

Explique, "Quero saber como coloco o forum desse jeito :" especifique mais a sua dúvida.

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: Aumentando fórum e arredondando categorias

Mensagem por Kebraosso em 23/07/11, 06:51 pm

Olá novamente,

Está dizendo sobre arredondar as categorias ou deixar o fórum na tela toda?

Atenciosamente,
kebraosso.
avatar

Kebraosso
Nível 6

Masculino
Inscrito dia : 05/06/2011
Mensagens : 62
Pontos Ativos : 92

Ver perfil do usuário

Resolvido Re: Aumentando fórum e arredondando categorias

Mensagem por EyesInFire em 23/07/11, 06:53 pm

Sobre deixar a tela toda, você mandou fazer aquele processo e não funcionou.
avatar

EyesInFire
Nível 9

Masculino
Inscrito dia : 14/03/2011
Mensagens : 212
Pontos Ativos : 336

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

Resolvido Re: Aumentando fórum e arredondando categorias

Mensagem por Kebraosso em 23/07/11, 06:54 pm

Olá,

Pelo que vi, seu fórum já está com a tela toda.
E sobre arredondar as categorias, ajudou?

Atenciosamente,
kebraosso.
avatar

Kebraosso
Nível 6

Masculino
Inscrito dia : 05/06/2011
Mensagens : 62
Pontos Ativos : 92

Ver perfil do usuário

Resolvido Re: Aumentando fórum e arredondando categorias

Mensagem por EyesInFire em 23/07/11, 06:57 pm

Sim ajudou, obrigado Luciano.
E obrigado kebraosso.
Olha esse fórum : http://living-arts.forumeiros.com/
Eu quero deixar as categorias igual a esse, só que não funcionou perfeitamente Luciano mas ta bom, mas se que conseguir o código para deixar daquele jeito se puder me passar agradeço.
E Sobre aumentar o fórum eu quero deixar desse jeito, igual da Living arts.
avatar

EyesInFire
Nível 9

Masculino
Inscrito dia : 14/03/2011
Mensagens : 212
Pontos Ativos : 336

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

Resolvido Re: Aumentando fórum e arredondando categorias

Mensagem por seender em 24/07/11, 01:54 pm

Olá!

Tente utilizar este código para as categorias e fóruns:
Código:
.forabg,.forumbg{-moz-box-shadow:0 5px 10px #444;background-color:#FFF;background-image:url(http://www.baixa.la/arquivos/7930200_imagem.png);box-shadow:0 5px 10px #444;margin:5px;webkit-box-shadow:0 5px 10px #444;width:98%}ul.forums{background:url(http://www.baixa.la/arquivos/7572054_imagem.png)}
Se não for isso poderia explicar melhor, pois não entendi...

Melhores cumprimentos,
seender
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: Aumentando fórum e arredondando categorias

Mensagem por EyesInFire em 24/07/11, 02:07 pm

Seender, não é isso.
Eu quero deixar as bordas arredondadas das categorias, ve naquele fórum que eu passei.
E quero deixar em toda a tela tipo o FDF que é toda tela.
avatar

EyesInFire
Nível 9

Masculino
Inscrito dia : 14/03/2011
Mensagens : 212
Pontos Ativos : 336

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

Resolvido Re: Aumentando fórum e arredondando categorias

Mensagem por seender em 24/07/11, 02:13 pm

Não entendi o que quis dizer com Em toda a tela, como assim em toda a tela, mostre um exemplo por imagem...
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: Aumentando fórum e arredondando categorias

Mensagem por EyesInFire em 24/07/11, 02:39 pm

Funcionou essa primeira isso mesmo que queria.
Agora quero saber como deixo o fórum grande.
É assim : http://i45.servimg.com/u/f45/16/55/10/08/dwd10.png
Quero deixar assim : http://i45.servimg.com/u/f45/16/55/10/08/ta10.png
avatar

EyesInFire
Nível 9

Masculino
Inscrito dia : 14/03/2011
Mensagens : 212
Pontos Ativos : 336

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

Resolvido Re: Aumentando fórum e arredondando categorias

Mensagem por Oto! em 24/07/11, 02:43 pm

Qual o endereço do seu fórum?
Poderia nos passar sua CSS?
avatar

Oto!
Hiperativo

Inscrito dia : 07/04/2011
Mensagens : 3363
Pontos Ativos : 4818

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

Resolvido Re: Aumentando fórum e arredondando categorias

Mensagem por EyesInFire em 24/07/11, 02:43 pm

avatar

EyesInFire
Nível 9

Masculino
Inscrito dia : 14/03/2011
Mensagens : 212
Pontos Ativos : 336

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

Resolvido Re: Aumentando fórum e arredondando categorias

Mensagem por Oto! em 24/07/11, 02:55 pm

Olá:

Painel Módulos Widgets e Portal Gestão dos Widgets do Fórum

Coloque: Não exibir os widgets.
Largura: Coloque 0 em todas.(Coluna 1= "0" ; Coluna 2 = "0")

Se ajudei clique em obrigado!

Até Mais
avatar

Oto!
Hiperativo

Inscrito dia : 07/04/2011
Mensagens : 3363
Pontos Ativos : 4818

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

Resolvido Re: Aumentando fórum e arredondando categorias

Mensagem por EyesInFire em 24/07/11, 02:57 pm

Sim eu ja fiz isso e não deu.
avatar

EyesInFire
Nível 9

Masculino
Inscrito dia : 14/03/2011
Mensagens : 212
Pontos Ativos : 336

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

Resolvido Re: Aumentando fórum e arredondando categorias

Mensagem por Oto! em 24/07/11, 02:59 pm

Nos passe sua CSS.

Até Mais!
avatar

Oto!
Hiperativo

Inscrito dia : 07/04/2011
Mensagens : 3363
Pontos Ativos : 4818

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

Resolvido Re: Aumentando fórum e arredondando categorias

Mensagem por EyesInFire em 24/07/11, 03:00 pm

Código:
.mainmenu:hover{position:relative!important;bottom:3px!important}

dl.codebox{background:none;border:none;padding:0px}

#wrap {
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}

.forabg {
-moz-border-radius:10px;
-webkit-border-radius: 10px;
}
.forumbg {
-moz-border-radius:10px;
-webkit-border-radius: 10px;
}

li.row:hover{background-image:url()}

li.row{background-image:url()}


.spoiler_content { background-color: #FF0000; color: #FF0000; color: 10pt; font-family Verdana, Geneva, sans-serif; }

input,textarea{-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px}


#text_editor_controls a.button2,#text_editor_controls button.button2,#text_editor_controls input.button2{-moz-border-radius:0!important;-webkit-border-radius:0!important;background-image:url(http://i66.servimg.com/u/f66/13/46/75/82/untitl31.png)!important;color:blue!important;padding:5px!important}

#page-header #search-box {
display: none;
}
em{
font-style: normal;
}


a {
outline: none;
}

form#quick_reply #textarea_content textarea#text_editor_textarea {
background-image: url();
background-repeat: no-repeat;
background-position: bottom left;
}

body{
background-position: 70% 0%;
}

.module {
background-image: url(http://i49.servimg.com/u/f49/16/29/02/78/reddes13.png);
background-repeat: repeat-x;
}

#wrap{
width: 950px !important;
}

div#fa_ticker_container {
        margin-top: 0px !important;
        }

body{
padding-top: 0px !important;
}

.bodyline{
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border: 1px solid #CORHEXA;
}

    var nnome = "{USERNAME}" ;
    if ( nnome != "Convidado"){
    document.write('  ');
    document.write(' #loginn{display:none!important;} ');
    document.write('  ');
    }
   


   
   
   
    #login {
    overflow: visible;
    height: auto;
    -webkit-transition: margin-top 0.5s ease-in-out 0s;
    -moz-transition: margin-top 0.5s ease-in-out 0s;
    -o-transition: margin-top 0.5s ease-in-out 0s;
    transition: margin-top 0.5s ease-in-out 0s;

    }

    /* Login Panel */
    #top {
    background: url(http://web-kreation.com/demos/login_form_mootools_1.2/images/login_top.jpg) repeat-x 0 0;}

    #top ul.login {
    background: url(http://img18.imageshack.us/img18/3017/loginrw.png) no-repeat right 0;}

    #top ul.login li.left {
    background: url(http://img41.imageshack.us/img41/3439/loginlc.png) no-repeat left 0;}

    #top ul.login li {
    background: url(http://web-kreation.com/demos/login_form_mootools_1.2/images/login_m.jpg) repeat-x 0 0;}

    /*Login*/
    /* toggle effect - show/hide login*/
    #login {
    background: #1E1E1E;}

    #login .loginContent input:focus.field {
    background: #545454;}

    #login .loginContent input.button_login {
    background: transparent url(http://web-kreation.com/demos/login_form_mootools_1.2/images/button_login.jpg) no-repeat 0 0;}

    #login .loginClose a {
    background: url(http://web-kreation.com/demos/login_form_mootools_1.2/images/button_close.jpg) no-repeat right 0;}

    #login .loginClose a:hover {
    background: url(http://web-kreation.com/demos/login_form_mootools_1.2/images/button_close.jpg) no-repeat right -20px;}
avatar

EyesInFire
Nível 9

Masculino
Inscrito dia : 14/03/2011
Mensagens : 212
Pontos Ativos : 336

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

Resolvido Re: Aumentando fórum e arredondando categorias

Mensagem por Oto! em 24/07/11, 03:03 pm

Nesse:

.bodyline{
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border: 1px solid #CORHEXA;
}

Coloque a cor.

Ex:
.bodyline{
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border: 1px solid #FFFFFF;
}
avatar

Oto!
Hiperativo

Inscrito dia : 07/04/2011
Mensagens : 3363
Pontos Ativos : 4818

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

Resolvido Re: Aumentando fórum e arredondando categorias

Mensagem por EyesInFire em 24/07/11, 03:05 pm

Como assim?
E aonde coloco o nome da cor ._.?
avatar

EyesInFire
Nível 9

Masculino
Inscrito dia : 14/03/2011
Mensagens : 212
Pontos Ativos : 336

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

Resolvido Re: Aumentando fórum e arredondando categorias

Mensagem por Oto! em 24/07/11, 03:06 pm

Onde esta o: #CORHEXA

.bodyline{
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border: 1px solid #CORHEXA;
}
avatar

Oto!
Hiperativo

Inscrito dia : 07/04/2011
Mensagens : 3363
Pontos Ativos : 4818

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

Resolvido Re: Aumentando fórum e arredondando categorias

Mensagem por EyesInFire em 24/07/11, 03:08 pm

Código:
.bodyline{
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border: 1px solid #WHITE;
}

Eu coloquei white(branco) para testar, e não aconteceu nada.
avatar

EyesInFire
Nível 9

Masculino
Inscrito dia : 14/03/2011
Mensagens : 212
Pontos Ativos : 336

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

Resolvido Re: Aumentando fórum e arredondando categorias

Mensagem por Oto! em 24/07/11, 03:12 pm

Coloque:

#FFFFFF

Cole em sua css

Código:
.mainmenu:hover{position:relative!important;bottom:3px!important}

dl.codebox{background:none;border:none;padding:0px}

#wrap {
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}

.forabg {
-moz-border-radius:10px;
-webkit-border-radius: 10px;
}
.forumbg {
-moz-border-radius:10px;
-webkit-border-radius: 10px;
}

li.row:hover{background-image:url()}

li.row{background-image:url()}


.spoiler_content { background-color: #FF0000; color: #FF0000; color: 10pt; font-family Verdana, Geneva, sans-serif; }

input,textarea{-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px}


#text_editor_controls
 a.button2,#text_editor_controls button.button2,#text_editor_controls
input.button2{-moz-border-radius:0!important;-webkit-border-radius:0!important;background-image:url(http://i66.servimg.com/u/f66/13/46/75/82/untitl31.png)!important;color:blue!important;padding:5px!important}

#page-header #search-box {
display: none;
}
em{
font-style: normal;
}


a {
outline: none;
}

form#quick_reply #textarea_content textarea#text_editor_textarea {
background-image: url();
background-repeat: no-repeat;
background-position: bottom left;
}

body{
background-position: 90% 0%;
}

.module {
background-image: url(http://i49.servimg.com/u/f49/16/29/02/78/reddes13.png);
background-repeat: repeat-x;
}

#wrap{
width: 950px !important;
}

div#fa_ticker_container {
        margin-top: 0px !important;
        }

body{
padding-top: 0px !important;
}

.bodyline{
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border: 1px solid #FFFFFF;
}

    var nnome = "{USERNAME}" ;
    if ( nnome != "Convidado"){
    document.write('  ');
    document.write(' #loginn{display:none!important;} ');
    document.write('  ');
    }
   


   
   
   
    #login {
    overflow: visible;
    height: auto;
    -webkit-transition: margin-top 0.5s ease-in-out 0s;
    -moz-transition: margin-top 0.5s ease-in-out 0s;
    -o-transition: margin-top 0.5s ease-in-out 0s;
    transition: margin-top 0.5s ease-in-out 0s;

    }

    /* Login Panel */
    #top {
    background: url(http://web-kreation.com/demos/login_form_mootools_1.2/images/login_top.jpg) repeat-x 0 0;}

    #top ul.login {
    background: url(http://img18.imageshack.us/img18/3017/loginrw.png) no-repeat right 0;}

    #top ul.login li.left {
    background: url(http://img41.imageshack.us/img41/3439/loginlc.png) no-repeat left 0;}

    #top ul.login li {
    background: url(http://web-kreation.com/demos/login_form_mootools_1.2/images/login_m.jpg) repeat-x 0 0;}

    /*Login*/
    /* toggle effect - show/hide login*/
    #login {
    background: #1E1E1E;}

    #login .loginContent input:focus.field {
    background: #545454;}

    #login .loginContent input.button_login {
    background: transparent url(http://web-kreation.com/demos/login_form_mootools_1.2/images/button_login.jpg) no-repeat 0 0;}

    #login .loginClose a {
    background: url(http://web-kreation.com/demos/login_form_mootools_1.2/images/button_close.jpg) no-repeat right 0;}

    #login .loginClose a:hover {
    background: url(http://web-kreation.com/demos/login_form_mootools_1.2/images/button_close.jpg) no-repeat right -20px;}
avatar

Oto!
Hiperativo

Inscrito dia : 07/04/2011
Mensagens : 3363
Pontos Ativos : 4818

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

Resolvido Re: Aumentando fórum e arredondando categorias

Mensagem por EyesInFire em 24/07/11, 03:24 pm

Colei mas ainda não funcionou meu deus .-.
avatar

EyesInFire
Nível 9

Masculino
Inscrito dia : 14/03/2011
Mensagens : 212
Pontos Ativos : 336

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

Resolvido Re: Aumentando fórum e arredondando categorias

Mensagem por Oto! em 24/07/11, 03:27 pm

Aguarde,terei de analisar complexamente sua CSS
avatar

Oto!
Hiperativo

Inscrito dia : 07/04/2011
Mensagens : 3363
Pontos Ativos : 4818

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

Resolvido Re: Aumentando fórum e arredondando categorias

Mensagem por Cristian 95 em 25/07/11, 12:30 am

@EyesInFire escreveu:Sobre deixar a tela toda, você mandou fazer aquele processo e não funcionou.

Tente isso:

Vá em --> painel de controle Seta Geral Seta Fórum Seta Configuração Seta Vá até a parte Estrutura de páginas Seta Largura do fórum (número ou %) :

edit lá para o tamanho que desejar.
a tela toda é: 1250

Espero ter ajudado. até mais Piscada
avatar

Cristian 95
Usuário destaque

Masculino
Inscrito dia : 16/12/2010
Mensagens : 946
Pontos Ativos : 1278

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

Resolvido Re: Aumentando fórum e arredondando categorias

Mensagem por EyesInFire em 25/07/11, 11:09 am

Não funciona de jeito nenhum.
Eu ja fiz tudo que pediram aqui, e não da nada de jeito algum :/
avatar

EyesInFire
Nível 9

Masculino
Inscrito dia : 14/03/2011
Mensagens : 212
Pontos Ativos : 336

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

Resolvido Re: Aumentando fórum e arredondando categorias

Mensagem por Cristian 95 em 25/07/11, 06:30 pm

Você tentou o que eu lhe disse acima? achou a parte que lhe informei? (:
avatar

Cristian 95
Usuário destaque

Masculino
Inscrito dia : 16/12/2010
Mensagens : 946
Pontos Ativos : 1278

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

Resolvido Re: Aumentando fórum e arredondando categorias

Mensagem por EyesInFire em 25/07/11, 06:32 pm

Sim fiz tudo o que disseram, mas nao mexeu em nada do fórum.
avatar

EyesInFire
Nível 9

Masculino
Inscrito dia : 14/03/2011
Mensagens : 212
Pontos Ativos : 336

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

Resolvido Re: Aumentando fórum e arredondando categorias

Mensagem por Flavisic em 25/07/11, 07:26 pm

@EyesInFire escreveu:Funcionou essa primeira isso mesmo que queria.
Agora quero saber como deixo o fórum grande.
É assim : http://i45.servimg.com/u/f45/16/55/10/08/dwd10.png
Quero deixar assim : http://i45.servimg.com/u/f45/16/55/10/08/ta10.png
Olá!

Pelo que eu entendi pretende que o Fórum, ocupe toda a área, ou seja não pretende que o fundo fique muito vísivel.

Terá então de fazer o que disse o Cristian 95, mas em vez de colocar 1250 terá de colocar o valor:
98%

Piscada
avatar

Flavisic
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 09/11/2007
Mensagens : 6290
Pontos Ativos : 3467

Ver perfil do usuário http://www.webscriptner.com/

Resolvido Re: Aumentando fórum e arredondando categorias

Mensagem por EyesInFire em 26/07/11, 12:21 pm

Eu ja fiz tudinho, TUDO. E nem mexeu no fórum, em nada, ta igual.
avatar

EyesInFire
Nível 9

Masculino
Inscrito dia : 14/03/2011
Mensagens : 212
Pontos Ativos : 336

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

Resolvido Re: Aumentando fórum e arredondando categorias

Mensagem por Flavisic em 26/07/11, 01:12 pm

Na sua folha de estilo CSS, está este código:
#wrap {
border-radius: 10px 10px 10px 10px;
width: 950px !important;
}
Não pode pois está a definir que a largura máxima é de 950px.

Experimente alterar para 98%, ou seja passar de:
950px
para:
98%

Piscada
avatar

Flavisic
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 09/11/2007
Mensagens : 6290
Pontos Ativos : 3467

Ver perfil do usuário http://www.webscriptner.com/

Resolvido Re: Aumentando fórum e arredondando categorias

Mensagem por EyesInFire em 26/07/11, 01:21 pm

Aee, vlw Flavisic!!!!!!
Funcionou, aleluia!
Obrigado a todos.
avatar

EyesInFire
Nível 9

Masculino
Inscrito dia : 14/03/2011
Mensagens : 212
Pontos Ativos : 336

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