Aumentando fórum e arredondando categorias

[EyesInFire]

Quero saber como coloco o forum desse jeito : https://i.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 : https://i.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/

[Kebraosso]

Olá EyesInFire,

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

Painel de Controle Módulos Portal & Widgets 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.

[EyesInFire]

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

[Luciano98]

Olá!

Aceda à "Folha de estilo CSS":
Painel de Controle Visualização Imagens e cores Cores 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

[Kebraosso]

Olá novamente,

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

Atenciosamente,
kebraosso.

[EyesInFire]

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

[Kebraosso]

Olá,

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

Atenciosamente,
kebraosso.

[EyesInFire]

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.

[seender]

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

[EyesInFire]

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.

[seender]

Não entendi o que quis dizer com Em toda a tela, como assim em toda a tela, mostre um exemplo por imagem...

[Oto!]

Já leu: https://ajuda.forumeiros.com/t42970-tutorial-arredondar-as-bordas-das-categorias-do-forum ?

https://ajuda.forumeiros.com/t42110-arredondar-bordas-da-categoria
https://ajuda.forumeiros.com/t43593-logo-centralizado-e-barra-de-categorias
https://ajuda.forumeiros.com/t42141-arredondar-a-borda-da-categoria

[EyesInFire]

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

[Oto!]

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

[EyesInFire]

Este aqui http://reddesign.forumeiros.com/

[Oto!]

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

[EyesInFire]

Sim eu ja fiz isso e não deu.

[Oto!]

Nos passe sua CSS.

Até Mais!

[EyesInFire]

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;}


[Oto!]

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;
}

[EyesInFire]

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

[Oto!]

Onde esta o: #CORHEXA

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

[EyesInFire]

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.

[Oto!]

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;}


[EyesInFire]

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

[Oto!]

Aguarde,terei de analisar complexamente sua CSS

[Cristian 95]

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

Tente isso:

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

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

Espero ter ajudado. até mais

[EyesInFire]

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

[Cristian 95]

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

[EyesInFire]

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

[Flavisic]

Funcionou essa primeira isso mesmo que queria.
Agora quero saber como deixo o fórum grande.
É assim : https://i.servimg.com/u/f45/16/55/10/08/dwd10.png
Quero deixar assim : https://i.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%

[EyesInFire]

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

[Flavisic]

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%

[EyesInFire]

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