Arredondar bordas de widgets

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

Resolvido Arredondar bordas de widgets

Mensagem por ZeMuhammad em 11/09/12, 10:16 pm

Qual é minha questão:
Gostaria de arredondar as bordas de widgets do meu portal, há como?

Obrigado!

Links e imagens do meu problema:
Não é necessário.

Endereço do meu fórum:
http://battlefieldplay4free.forumeiros.com

Versão do meu fórum:
PHPBB3


Última edição por ZeMuhammad em 14/09/12, 05:09 pm, editado 1 vez(es)
avatar

ZeMuhammad
Nível 9

Masculino
Inscrito dia : 31/08/2012
Mensagens : 150
Pontos Ativos : 236

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

Resolvido Re: Arredondar bordas de widgets

Mensagem por BrunoH. em 11/09/12, 11:11 pm

Olá!
Aceda sua Folha de Estilo CSS.
Painel de Controle Seta Visualização Seta Imagens e Cores Seta Cores Seta Folha de Estilo CSS
Código:
Código:
body * {
-moz-border-radius: 1.0em;
-webkit-border-radius: 1.0em;
border-radius: 1.0em;
border: 1px solid #ccc;
}
e Valide!

Att,
HeadShot_. Piscada
avatar

BrunoH.
Principal contribuidor
Principal contribuidor

Inscrito dia : 15/06/2012
Mensagens : 7675
Pontos Ativos : 10382

Ver perfil do usuário http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Resolvido Re: Arredondar bordas de widgets

Mensagem por Sennior em 12/09/12, 09:10 am

Bom dia,

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

Código:
#left .module, #profile-advanced-right .module, .module, .panel#postingbox, .panel.introduction, .panel.loginPanel, .portal .module {
border: 1px solid #C3E0F1;
border-radius: 4px;
margin: 3px 1px;
}

Até mais.
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Arredondar bordas de widgets

Mensagem por ZeMuhammad em 12/09/12, 09:48 am

HeadShot_. escreveu:Olá!
Aceda sua Folha de Estilo CSS.
Painel de Controle Seta Visualização Seta Imagens e Cores Seta Cores Seta Folha de Estilo CSS
Código:
Código:
body * {
-moz-border-radius: 1.0em;
-webkit-border-radius: 1.0em;
border-radius: 1.0em;
border: 1px solid #ccc;
}
e Valide!

Att,
HeadShot_. Piscada

Seu código funcionou.




@Mikéé escreveu:Bom dia,

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

Código:
#left .module, #profile-advanced-right .module, .module, .panel#postingbox, .panel.introduction, .panel.loginPanel, .portal .module {
border: 1px solid #C3E0F1;
border-radius: 4px;
margin: 3px 1px;
}

Até mais.

Já o seu não resultou em nada Triste


Obrigado.
avatar

ZeMuhammad
Nível 9

Masculino
Inscrito dia : 31/08/2012
Mensagens : 150
Pontos Ativos : 236

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

Resolvido Re: Arredondar bordas de widgets

Mensagem por Sennior em 12/09/12, 09:53 am

Olá,

Tente este simples:

.module {border-radius: 30px !important;}

Em negrito é o tanto que deseja de arredondamento.

Até mais.
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Arredondar bordas de widgets

Mensagem por ZeMuhammad em 12/09/12, 10:34 am

@Mikéé escreveu:Olá,

Tente este simples:

.module {border-radius: 30px !important;}

Em negrito é o tanto que deseja de arredondamento.

Até mais.

Não resulta
avatar

ZeMuhammad
Nível 9

Masculino
Inscrito dia : 31/08/2012
Mensagens : 150
Pontos Ativos : 236

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

Resolvido Re: Arredondar bordas de widgets

Mensagem por Gaaratsu em 12/09/12, 10:37 am

Bom dia!

Substitua o código fornecido pelo nosso amigo, por este:

Código:
.module {-moz-border-radius:4px;-webkit-border-radius:14px; !important}


Lembre-se que o senhor poderá estar modificando os valores: 4 e 14 para os desejados.

Até mais! Piscada
avatar

Gaaratsu
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 07/08/2010
Mensagens : 6005
Pontos Ativos : 7504

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

Resolvido Re: Arredondar bordas de widgets

Mensagem por ZeMuhammad em 12/09/12, 11:07 am

Sem alterações.


EDIT: Este codigo alterou a borda dos widgets!

EDIT²: O Código do HeadShot_. alterou o fórum inteiro, header, widgets, navbar e tudo. Gostaria apenas das bordas dos titulos das categorias.
avatar

ZeMuhammad
Nível 9

Masculino
Inscrito dia : 31/08/2012
Mensagens : 150
Pontos Ativos : 236

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

Resolvido Re: Arredondar bordas de widgets

Mensagem por BrunoH. em 12/09/12, 01:39 pm

Olá!
Tente este:
Código:
.forumline {
-moz-border-radius: 9px;
-webkit-border-radius: 9px;
}

Att,
HeadShot_. Piscada
avatar

BrunoH.
Principal contribuidor
Principal contribuidor

Inscrito dia : 15/06/2012
Mensagens : 7675
Pontos Ativos : 10382

Ver perfil do usuário http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Resolvido Re: Arredondar bordas de widgets

Mensagem por ZeMuhammad em 12/09/12, 07:31 pm

Sem alterações, HeadShot_.
avatar

ZeMuhammad
Nível 9

Masculino
Inscrito dia : 31/08/2012
Mensagens : 150
Pontos Ativos : 236

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

Resolvido Re: Arredondar bordas de widgets

Mensagem por BrunoH. em 12/09/12, 07:41 pm

Olá!
Troque o código por este:
Código:
.module {
-moz-border-radius: 9px;
-webkit-border-radius: 9px;
}

Até mais.
avatar

BrunoH.
Principal contribuidor
Principal contribuidor

Inscrito dia : 15/06/2012
Mensagens : 7675
Pontos Ativos : 10382

Ver perfil do usuário http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Resolvido Re: Arredondar bordas de widgets

Mensagem por ZeMuhammad em 12/09/12, 07:44 pm

Ainda sem resultados.
avatar

ZeMuhammad
Nível 9

Masculino
Inscrito dia : 31/08/2012
Mensagens : 150
Pontos Ativos : 236

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

Resolvido Re: Arredondar bordas de widgets

Mensagem por Gaaratsu em 12/09/12, 07:46 pm

Boa noite!

Peço que o senhor tente utilizar o seguinte código:

#left .module, #profile-advanced-right .module, .module, .panel#postingbox, .panel.introduction, .panel.loginPanel, .portal .module {
border: 1px solid #C3E0F1;
border-radius: 4px;
margin: 3px 1px;
}

Até mais! Piscada


Bem-vindo(a) ao Fórum dos Fóruns Convidado!
Leia as Regras do Fórum dos Fóruns (FDF) e o Regulamento do setor de Suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum.
Gaaratsu — Ajudeiro
avatar

Gaaratsu
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 07/08/2010
Mensagens : 6005
Pontos Ativos : 7504

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

Resolvido Re: Arredondar bordas de widgets

Mensagem por ZeMuhammad em 12/09/12, 07:48 pm

Nenhuma alteração
avatar

ZeMuhammad
Nível 9

Masculino
Inscrito dia : 31/08/2012
Mensagens : 150
Pontos Ativos : 236

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

Resolvido Re: Arredondar bordas de widgets

Mensagem por Sennior em 12/09/12, 07:52 pm

Olá,

Me conceda teu CSS.

Até mais.
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Arredondar bordas de widgets

Mensagem por ZeMuhammad em 12/09/12, 09:27 pm

Código:
.headerbar {
background-color: transparent;
background-image: url('http://i.imgur.com/20aQv.png');
margin-bottom: 4px;
padding: 0pt 5px;
background-repeat: repeat-x;
}

#chatbox_members{
background-color: #EFEFEF;
}

.chatbox_row_1 {
background-color: #EFEFEF;
}
.chatbox_row_2 {
background-color: #FFFFFF; 
}

.vote .vote-button, .vote-no-bar {
display:none;
}
.vote .vote-button:first-child {
display:block;
}



.vote .vote-button a[href $="plus"] {
background:url('http://www.craftlandia.com.br/ipb/public/style_images/animate/rep_up.png');
background-repeat: no-repeat;
color:transparent;
display:block;
height:21px;
width:22px;
}

#wrap {background-color: transparent !important;border: 0px solid #E3E3E3;margin: 0 auto;min-width: 930px;padding: 5px;width: 55%;}

#page-header .navbar {
background-image: url('http://i.imgur.com/dIfmi.png');
background-color: transparent;
background-repeat: no-repeat; 
}

#search-box{
display:none;
}

.row.row2{
background-color: #47433E;
}

.row.row1{
background-color: #312E2B;
}

.forabg {
margin-bottom: 20px;
}

a:hover{
text-decoration: none!important;
}

/*----------------------------------------Imagem no fundo-----------------------------------*/
body {
background-attachment: scroll;
background-repeat: no-repeat;
background-color: #0D0D0D;
background-image: url('http://i.imgur.com/pgRQr.jpg');
color: #D3D9C3;
font-family: trebuchet MS,trebuchet MS;
font-size: 11px;
height: auto;
padding: 10px 0;
}

div.navbar {margin-top: -10px;}


#page-header .navbar ul.navlinks {border-bottom: 1px solid transparent}

div#main-content {margin-top:0px;}

/* menu em dropdown - oferecido pelo fórum PowerSing - http://power-sing.forumeiros.com/ - Proíbida a retirada deste copyright */
.navlinks li{position:relative}
.ulhome{left:0px;top:40px;position:absolute !important;display:none;z-index:999;text-align:center !important;
  background-color: #FFFFFF !important; !important;border:1px solid #000000;list-style:none;position:relative;z-index:990;}
.ulhome ul{text-align:left;border: 0px solid #000000;padding:0px 14px 0px 3px;}
.ulhome .limenup an{text-decoration:none;display:block;z-index:900;background-image:none !important;}
li:hover .ulhome{left:0px;display:block;top:13px !important}
/* fim do código do menu em dropdown - oferecido pelo fórum PowerSing - http://power-sing.forumeiros.com/ - Proíbida a retirada deste copyright */

div.post {-moz-border-radius: 10px;-webkit-border-radius: 10px;
background: #312E2B url(http://i.imgur.com/CNEjb.png) left top repeat-x;border-radius: 10px;display: table;padding-bottom: 15px;width: 100%;}

.post {margin-bottom: 10px;}

.postprofile {
    padding-top: 50px;
    padding-bottom: 10px;
    width: 170px;
}


.profile-icons {position: relative;top: -5px; right: -100px;}


/* LOGIN SUPERIOR*/

    #conectFor * {
    font-size: 12px;
    }
    #conectFor{
    padding: 13px;
    padding-right : 20px;
    text-align: right;
    background-image: url(http://cdn2.play4free.com/static/theme/p4f-common-theme/images/global/topnav-full/p4fnav-full-bg-bfp4f.png);
    border-bottom: 0px solid #000;
    font: 15px Tahoma;
    height: 10px;
    display: block;
    color: #F1F1F1;
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    }
    #conectFor a{
    color:#f1f1f1;
    font-family:Arial;
    padding:8px 5px ;
    margin:0 1px;
    text-decoration:none;
    }
    #conectFor a:hover{
    color:#111;
    border-radius:5px 5px 0 0;
    -moz-border-radius:5px 5px 0 0;
    -webkit-border-radius:5px 5px 0 0;
    -o-border-radius:5px 5px 0 0;
    background:#f1f1f1;
    }
    #conectFor a:hover ul{display:inline;}
    #conectFor ul {
    margin-top: -1px;
    z-index:1;
    border-radius: 0px 0px 5px 5px;
    -moz-border-radius: 0px 0px 5px 5px;
    -webkit-border-radius: 0px 0px 5px 5px;
    -o-border-radius: 0px 0px 5px 5px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
    -o-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
    top: 100%;
    width: 390px;
    padding:20px 13px;
    color: #333;
    background: #F1F1F1 url() no-repeat bottom right;
    list-style: none;
    display: none;
    float: left;
    right: 0em;
    position: absolute;
    }
    #conectFor ul li{
    float: left;
    width: 47%;
    display: inline;
    text-align:left;
    margin:5px;
    }
    #conectFor ul li a{color:#3689D1; background-image:none !important;}
    #conectFor ul li a:hover{color:#111; background:transparent;}

    #conectFor a[href="/profile?mode=editprofile"] {
    background-position: right;
    background-repeat: no-repeat;
    padding-right: 10px;
    background-image: url(http://i42.servimg.com/u/f42/17/32/13/00/dropdo10.png);
    }

    #conectFor a[href="/profile?mode=editprofile"]:hover {
    background-image: url(http://i42.servimg.com/u/f42/17/32/13/00/dropdo11.png);
    }

/*FIM DO LOGIN*/



/* Cor preta do perfil */
label {color: white !important;}
/* fim */

/*Imagem de fundo*/

#wrap {
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border: 0px solid #000000;
background-image: url('http://i.imgur.com/EYP06.png');
}

/* Imagem de fundo fim */

/* Cor de título de widgests e arredondamento */

.h3 {color: #FFFFFF;}
.module {border-radius: 10px !important;}


/* fim da cor */

.submenu li, .mainmenu, .mainmenu img {
margin: 0;
padding: 0;
}

/* arredondamento de cartegoria */


/*fim */
/*
avatar

ZeMuhammad
Nível 9

Masculino
Inscrito dia : 31/08/2012
Mensagens : 150
Pontos Ativos : 236

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

Resolvido Re: Arredondar bordas de widgets

Mensagem por Sennior em 14/09/12, 01:33 pm

Olá,

Troque por este:

Código:
.headerbar {
background-color: transparent;
background-image: url('http://i.imgur.com/20aQv.png');
margin-bottom: 4px;
padding: 0pt 5px;
background-repeat: repeat-x;
}

#chatbox_members{
background-color: #EFEFEF;
}

.chatbox_row_1 {
background-color: #EFEFEF;
}
.chatbox_row_2 {
background-color: #FFFFFF; 
}

.vote .vote-button, .vote-no-bar {
display:none;
}
.vote .vote-button:first-child {
display:block;
}



.vote .vote-button a[href $="plus"] {
background:url('http://www.craftlandia.com.br/ipb/public/style_images/animate/rep_up.png');
background-repeat: no-repeat;
color:transparent;
display:block;
height:21px;
width:22px;
}

#wrap {background-color: transparent !important;border: 0px solid #E3E3E3;margin: 0 auto;min-width: 930px;padding: 5px;width: 55%;}

#page-header .navbar {
background-image: url('http://i.imgur.com/dIfmi.png');
background-color: transparent;
background-repeat: no-repeat; 
}

#search-box{
display:none;
}

.row.row2{
background-color: #47433E;
}

.row.row1{
background-color: #312E2B;
}

.forabg {
margin-bottom: 20px;
}

a:hover{
text-decoration: none!important;
}

/*----------------------------------------Imagem no fundo-----------------------------------*/
body {
background-attachment: scroll;
background-repeat: no-repeat;
background-color: #0D0D0D;
background-image: url('http://i.imgur.com/pgRQr.jpg');
color: #D3D9C3;
font-family: trebuchet MS,trebuchet MS;
font-size: 11px;
height: auto;
padding: 10px 0;
}

div.navbar {margin-top: -10px;}


#page-header .navbar ul.navlinks {border-bottom: 1px solid transparent}

div#main-content {margin-top:0px;}

/* menu em dropdown - oferecido pelo fórum PowerSing - http://power-sing.forumeiros.com/ - Proíbida a retirada deste copyright */
.navlinks li{position:relative}
.ulhome{left:0px;top:40px;position:absolute !important;display:none;z-index:999;text-align:center !important;
  background-color: #FFFFFF !important; !important;border:1px solid #000000;list-style:none;position:relative;z-index:990;}
.ulhome ul{text-align:left;border: 0px solid #000000;padding:0px 14px 0px 3px;}
.ulhome .limenup an{text-decoration:none;display:block;z-index:900;background-image:none !important;}
li:hover .ulhome{left:0px;display:block;top:13px !important}
/* fim do código do menu em dropdown - oferecido pelo fórum PowerSing - http://power-sing.forumeiros.com/ - Proíbida a retirada deste copyright */

div.post {-moz-border-radius: 10px;-webkit-border-radius: 10px;
background: #312E2B url(http://i.imgur.com/CNEjb.png) left top repeat-x;border-radius: 10px;display: table;padding-bottom: 15px;width: 100%;}

.post {margin-bottom: 10px;}

.postprofile {
    padding-top: 50px;
    padding-bottom: 10px;
    width: 170px;
}


.profile-icons {position: relative;top: -5px; right: -100px;}


/* LOGIN SUPERIOR*/

    #conectFor * {
    font-size: 12px;
    }
    #conectFor{
    padding: 13px;
    padding-right : 20px;
    text-align: right;
    background-image: url(http://cdn2.play4free.com/static/theme/p4f-common-theme/images/global/topnav-full/p4fnav-full-bg-bfp4f.png);
    border-bottom: 0px solid #000;
    font: 15px Tahoma;
    height: 10px;
    display: block;
    color: #F1F1F1;
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    }
    #conectFor a{
    color:#f1f1f1;
    font-family:Arial;
    padding:8px 5px ;
    margin:0 1px;
    text-decoration:none;
    }
    #conectFor a:hover{
    color:#111;
    border-radius:5px 5px 0 0;
    -moz-border-radius:5px 5px 0 0;
    -webkit-border-radius:5px 5px 0 0;
    -o-border-radius:5px 5px 0 0;
    background:#f1f1f1;
    }
    #conectFor a:hover ul{display:inline;}
    #conectFor ul {
    margin-top: -1px;
    z-index:1;
    border-radius: 0px 0px 5px 5px;
    -moz-border-radius: 0px 0px 5px 5px;
    -webkit-border-radius: 0px 0px 5px 5px;
    -o-border-radius: 0px 0px 5px 5px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
    -o-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
    top: 100%;
    width: 390px;
    padding:20px 13px;
    color: #333;
    background: #F1F1F1 url() no-repeat bottom right;
    list-style: none;
    display: none;
    float: left;
    right: 0em;
    position: absolute;
    }
    #conectFor ul li{
    float: left;
    width: 47%;
    display: inline;
    text-align:left;
    margin:5px;
    }
    #conectFor ul li a{color:#3689D1; background-image:none !important;}
    #conectFor ul li a:hover{color:#111; background:transparent;}

    #conectFor a[href="/profile?mode=editprofile"] {
    background-position: right;
    background-repeat: no-repeat;
    padding-right: 10px;
    background-image: url(http://i42.servimg.com/u/f42/17/32/13/00/dropdo10.png);
    }

    #conectFor a[href="/profile?mode=editprofile"]:hover {
    background-image: url(http://i42.servimg.com/u/f42/17/32/13/00/dropdo11.png);
    }

/*FIM DO LOGIN*/



/* Cor preta do perfil */
label {color: white !important;}
/* fim */

/*Imagem de fundo*/

#wrap {
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border: 0px solid #000000;
background-image: url('http://i.imgur.com/EYP06.png');
}

/* Imagem de fundo fim */

/* Cor de título de widgests e arredondamento */

.h3 {color: #FFFFFF;}
.module {border-radius: 10px !important;}


/* fim da cor */

.submenu li, .mainmenu, .mainmenu img {
margin: 0;
padding: 0;
}

/* arredondamento de cartegoria */


/*fim */
/*

Passar bem. Positivo
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

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