Aumentando fórum e arredondando categorias

+3
Luciano98
Kebraosso
EyesInFire
7 participantes

Ir para baixo

Tópico resolvido Aumentando fórum e arredondando categorias

Mensagem por EyesInFire 23.07.11 21:30

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/
EyesInFire
EyesInFire
****

Membro desde : 14/03/2011
Mensagens : 212
Pontos : 336

http://reddesign.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Aumentando fórum e arredondando categorias

Mensagem por Kebraosso 23.07.11 22:47

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 22:53, editado 2 vez(es)
Kebraosso
Kebraosso
**

Membro desde : 06/06/2011
Mensagens : 62
Pontos : 92

Ir para o topo Ir para baixo

Tópico resolvido Re: Aumentando fórum e arredondando categorias

Mensagem por EyesInFire 23.07.11 22:49

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

Membro desde : 14/03/2011
Mensagens : 212
Pontos : 336

http://reddesign.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Aumentando fórum e arredondando categorias

Mensagem por Luciano98 23.07.11 22:50

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
Luciano98
Luciano98
Membro Entusiasta

Membro desde : 02/09/2010
Mensagens : 7647
Pontos : 11049

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Aumentando fórum e arredondando categorias

Mensagem por Kebraosso 23.07.11 22:51

Olá novamente,

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

Atenciosamente,
kebraosso.
Kebraosso
Kebraosso
**

Membro desde : 06/06/2011
Mensagens : 62
Pontos : 92

Ir para o topo Ir para baixo

Tópico resolvido Re: Aumentando fórum e arredondando categorias

Mensagem por EyesInFire 23.07.11 22:53

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

Membro desde : 14/03/2011
Mensagens : 212
Pontos : 336

http://reddesign.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Aumentando fórum e arredondando categorias

Mensagem por Kebraosso 23.07.11 22:54

Olá,

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

Atenciosamente,
kebraosso.
Kebraosso
Kebraosso
**

Membro desde : 06/06/2011
Mensagens : 62
Pontos : 92

Ir para o topo Ir para baixo

Tópico resolvido Re: Aumentando fórum e arredondando categorias

Mensagem por EyesInFire 23.07.11 22:57

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.
EyesInFire
EyesInFire
****

Membro desde : 14/03/2011
Mensagens : 212
Pontos : 336

http://reddesign.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Aumentando fórum e arredondando categorias

Mensagem por seender 24.07.11 17:54

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
seender
seender
Membro Entusiasta

Membro desde : 07/04/2009
Mensagens : 9449
Pontos : 12455

http://www.divulgamaisweb.com https://www.facebook.com/Divulga-Mais-Web-874814432638426/

Ir para o topo Ir para baixo

Tópico resolvido Re: Aumentando fórum e arredondando categorias

Mensagem por EyesInFire 24.07.11 18:07

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.
EyesInFire
EyesInFire
****

Membro desde : 14/03/2011
Mensagens : 212
Pontos : 336

http://reddesign.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Aumentando fórum e arredondando categorias

Mensagem por seender 24.07.11 18:13

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

Membro desde : 07/04/2009
Mensagens : 9449
Pontos : 12455

http://www.divulgamaisweb.com https://www.facebook.com/Divulga-Mais-Web-874814432638426/

Ir para o topo Ir para baixo

Tópico resolvido Re: Aumentando fórum e arredondando categorias

Mensagem por EyesInFire 24.07.11 18:39

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
EyesInFire
EyesInFire
****

Membro desde : 14/03/2011
Mensagens : 212
Pontos : 336

http://reddesign.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Aumentando fórum e arredondando categorias

Mensagem por Oto! 24.07.11 18:43

Qual o endereço do seu fórum?
Poderia nos passar sua CSS?
Oto!
Oto!
Hiper Membro

Membro desde : 07/04/2011
Mensagens : 3363
Pontos : 4818

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Aumentando fórum e arredondando categorias

Mensagem por EyesInFire 24.07.11 18:43

EyesInFire
EyesInFire
****

Membro desde : 14/03/2011
Mensagens : 212
Pontos : 336

http://reddesign.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Aumentando fórum e arredondando categorias

Mensagem por Oto! 24.07.11 18:55

Olá:

Painel Aumentando fórum e arredondando categorias 337884 Módulos Aumentando fórum e arredondando categorias 337884 Widgets e Portal Aumentando fórum e arredondando categorias 337884 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 Aumentando fórum e arredondando categorias 61552
Oto!
Oto!
Hiper Membro

Membro desde : 07/04/2011
Mensagens : 3363
Pontos : 4818

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Aumentando fórum e arredondando categorias

Mensagem por EyesInFire 24.07.11 18:57

Sim eu ja fiz isso e não deu.
EyesInFire
EyesInFire
****

Membro desde : 14/03/2011
Mensagens : 212
Pontos : 336

http://reddesign.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Aumentando fórum e arredondando categorias

Mensagem por Oto! 24.07.11 18:59

Nos passe sua CSS.

Até Mais!
Oto!
Oto!
Hiper Membro

Membro desde : 07/04/2011
Mensagens : 3363
Pontos : 4818

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Aumentando fórum e arredondando categorias

Mensagem por EyesInFire 24.07.11 19:00

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

Membro desde : 14/03/2011
Mensagens : 212
Pontos : 336

http://reddesign.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Aumentando fórum e arredondando categorias

Mensagem por Oto! 24.07.11 19:03

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;
}
Oto!
Oto!
Hiper Membro

Membro desde : 07/04/2011
Mensagens : 3363
Pontos : 4818

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Aumentando fórum e arredondando categorias

Mensagem por EyesInFire 24.07.11 19:05

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

Membro desde : 14/03/2011
Mensagens : 212
Pontos : 336

http://reddesign.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Aumentando fórum e arredondando categorias

Mensagem por Oto! 24.07.11 19:06

Onde esta o: #CORHEXA

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

Membro desde : 07/04/2011
Mensagens : 3363
Pontos : 4818

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Aumentando fórum e arredondando categorias

Mensagem por EyesInFire 24.07.11 19:08

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.
EyesInFire
EyesInFire
****

Membro desde : 14/03/2011
Mensagens : 212
Pontos : 336

http://reddesign.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Aumentando fórum e arredondando categorias

Mensagem por Oto! 24.07.11 19:12

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;}
Oto!
Oto!
Hiper Membro

Membro desde : 07/04/2011
Mensagens : 3363
Pontos : 4818

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Aumentando fórum e arredondando categorias

Mensagem por EyesInFire 24.07.11 19:24

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

Membro desde : 14/03/2011
Mensagens : 212
Pontos : 336

http://reddesign.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Aumentando fórum e arredondando categorias

Mensagem por Oto! 24.07.11 19:27

Aguarde,terei de analisar complexamente sua CSS
Oto!
Oto!
Hiper Membro

Membro desde : 07/04/2011
Mensagens : 3363
Pontos : 4818

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Aumentando fórum e arredondando categorias

Mensagem por Cristian 95 25.07.11 4:30

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 Aumentando fórum e arredondando categorias Configuration Fórum Seta Configuração Seta Vá até a parte Estrutura de páginas Seta Aumentando fórum e arredondando categorias Question2 Largura do fórum (número ou %) :

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

Espero ter ajudado. até mais Piscada
Cristian 95
Cristian 95
Membro

Membro desde : 16/12/2010
Mensagens : 946
Pontos : 1278

http://secondlifevirtual.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Aumentando fórum e arredondando categorias

Mensagem por EyesInFire 25.07.11 15:09

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

Membro desde : 14/03/2011
Mensagens : 212
Pontos : 336

http://reddesign.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Aumentando fórum e arredondando categorias

Mensagem por Cristian 95 25.07.11 22:30

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

Membro desde : 16/12/2010
Mensagens : 946
Pontos : 1278

http://secondlifevirtual.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Aumentando fórum e arredondando categorias

Mensagem por EyesInFire 25.07.11 22:32

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

Membro desde : 14/03/2011
Mensagens : 212
Pontos : 336

http://reddesign.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Aumentando fórum e arredondando categorias

Mensagem por Flavisic 25.07.11 23:26

EyesInFire escreveu: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%

Piscada
Flavisic
Flavisic
Membro Entusiasta

Membro desde : 09/11/2007
Mensagens : 6290
Pontos : 3467

http://www.webscriptner.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Aumentando fórum e arredondando categorias

Mensagem por EyesInFire 26.07.11 16:21

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

Membro desde : 14/03/2011
Mensagens : 212
Pontos : 336

http://reddesign.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Aumentando fórum e arredondando categorias

Mensagem por Flavisic 26.07.11 17:12

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
Flavisic
Flavisic
Membro Entusiasta

Membro desde : 09/11/2007
Mensagens : 6290
Pontos : 3467

http://www.webscriptner.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Aumentando fórum e arredondando categorias

Mensagem por EyesInFire 26.07.11 17:21

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

Membro desde : 14/03/2011
Mensagens : 212
Pontos : 336

http://reddesign.forumeiros.com

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

 
Permissões neste sub-fórum
Não podes responder a tópicos