Arredondar bordas dos widgets

4 participantes

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

Tópico resolvido Arredondar bordas dos widgets

Mensagem por Connor R. 13.10.12 20:57

Qual é minha questão:
Quero arredondar as bordas dos widgets, como tem para arredondar as bordas das categorias, só que quero para os widgets.

Links e imagens do meu problema:
Não e necessario.

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

Versão do meu fórum:
PHPBB2


Última edição por Houdini em 13.10.12 21:41, editado 1 vez(es)
Connor R.

Connor R.
Super Membro

Membro desde : 06/08/2012
Mensagens : 1253
Pontos : 2021

http://somosmugiwara.forumeiros.com https://www.facebook.com/kadandajr https://twitter.com/SomosMugiwara

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Arredondar bordas dos widgets

Mensagem por BrunoH. 13.10.12 21:38

Olá!
Aceda a "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!

Até mais! Piscada
BrunoH.

BrunoH.
Membro Entusiasta
Membro Entusiasta

Membro desde : 15/06/2012
Mensagens : 7675
Pontos : 10385

http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Ir para o topo Ir para baixo

Tópico resolvido Re: Arredondar bordas dos widgets

Mensagem por Connor R. 13.10.12 21:42

Não funcionou, apareceu uma borda arredonda no fórum todo.....
Quero só arredondar as bordas dos Wigets
Connor R.

Connor R.
Super Membro

Membro desde : 06/08/2012
Mensagens : 1253
Pontos : 2021

http://somosmugiwara.forumeiros.com https://www.facebook.com/kadandajr https://twitter.com/SomosMugiwara

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Arredondar bordas dos widgets

Mensagem por BrunoH. 13.10.12 21:44

Olá!
Substitua o código por este:
.module {
-moz-border-radius: 1.0em;
-webkit-border-radius: 1.0em;
border-radius: 1.0em;
border: 1px solid #ccc;
}

Até mais! Piscada
BrunoH.

BrunoH.
Membro Entusiasta
Membro Entusiasta

Membro desde : 15/06/2012
Mensagens : 7675
Pontos : 10385

http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Ir para o topo Ir para baixo

Tópico resolvido Re: Arredondar bordas dos widgets

Mensagem por Connor R. 13.10.12 21:46

Nada aconteceu......Precisa que mande meu css?
Connor R.

Connor R.
Super Membro

Membro desde : 06/08/2012
Mensagens : 1253
Pontos : 2021

http://somosmugiwara.forumeiros.com https://www.facebook.com/kadandajr https://twitter.com/SomosMugiwara

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Arredondar bordas dos widgets

Mensagem por BrunoH. 13.10.12 21:50

Olá!
Tente este:
.forumline {
-moz-border-radius: 1.0em;
-webkit-border-radius: 1.0em;
border-radius: 1.0em;
border: 1px solid #ccc;
}

Até mais! Piscada
BrunoH.

BrunoH.
Membro Entusiasta
Membro Entusiasta

Membro desde : 15/06/2012
Mensagens : 7675
Pontos : 10385

http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Ir para o topo Ir para baixo

Tópico resolvido Re: Arredondar bordas dos widgets

Mensagem por Oto! 13.10.12 21:51

Olá,

Código:
.catHead,.catLeft{
border-radius: 3px 3px 3px 3px;
}
Adicione em Painel de controle >> Visualização >> Cores >> 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: Arredondar bordas dos widgets

Mensagem por Connor R. 13.10.12 21:53

Nenhum dos dois funcionou......
Connor R.

Connor R.
Super Membro

Membro desde : 06/08/2012
Mensagens : 1253
Pontos : 2021

http://somosmugiwara.forumeiros.com https://www.facebook.com/kadandajr https://twitter.com/SomosMugiwara

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Arredondar bordas dos widgets

Mensagem por BrunoH. 13.10.12 21:55

Olá!
Tente este:
td.cat, td.catBottom, td.catHead, td.catLeft, td.catRight, td.catSides {
border-radius: 3px 3px 3px 3px;
}
Resulta?
Até mais! Piscada
BrunoH.

BrunoH.
Membro Entusiasta
Membro Entusiasta

Membro desde : 15/06/2012
Mensagens : 7675
Pontos : 10385

http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Ir para o topo Ir para baixo

Tópico resolvido Re: Arredondar bordas dos widgets

Mensagem por Connor R. 13.10.12 21:57

Também não funcionou
Connor R.

Connor R.
Super Membro

Membro desde : 06/08/2012
Mensagens : 1253
Pontos : 2021

http://somosmugiwara.forumeiros.com https://www.facebook.com/kadandajr https://twitter.com/SomosMugiwara

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Arredondar bordas dos widgets

Mensagem por BrunoH. 13.10.12 22:00

Olá!
Possui um código em sua CSS, poderia me envia-la por completa?

Até mais! Piscada
BrunoH.

BrunoH.
Membro Entusiasta
Membro Entusiasta

Membro desde : 15/06/2012
Mensagens : 7675
Pontos : 10385

http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Ir para o topo Ir para baixo

Tópico resolvido Re: Arredondar bordas dos widgets

Mensagem por Dr.Helper 13.10.12 22:01

Olá,tente esses :

.module {
border: dotted 2px;
-moz-border-radius: 10px 0;
-webkit-border-radius: 10px 0 10px 0;
}

.module {
border: dotted 2px;
}

.module {
margin: 3px;
border : 1px solid #949494;
-moz-border-radius : 7px;
-webkit-border-radius : 7px;
border-radius : 7px;
background: url('https://i.servimg.com/u/f88/14/28/28/25/111.png');
background-repeat: repeat-x;
background-color: #f4f4f4;}

.module {
margin: 3px;
border : 1px solid #949494;
background: url('https://i.servimg.com/u/f88/14/28/28/25/111.png');
background-repeat: repeat-x;
background-color: #f4f4f4;}

veja se algum funciona !
Dr.Helper

Dr.Helper
Membro

Membro desde : 25/06/2012
Mensagens : 832
Pontos : 1231

http://ultra-pixel.forumeiros.com/ http://fb.com/DISTRICT.HACKERS https://twitter.com/@matheusvs100

Ir para o topo Ir para baixo

Tópico resolvido Re: Arredondar bordas dos widgets

Mensagem por Connor R. 13.10.12 22:05

Aqui esta Dr. House

Spoiler:

Nenhum codigo dos que voce passou funcionou Sh4DoW_M4sTeR_
Connor R.

Connor R.
Super Membro

Membro desde : 06/08/2012
Mensagens : 1253
Pontos : 2021

http://somosmugiwara.forumeiros.com https://www.facebook.com/kadandajr https://twitter.com/SomosMugiwara

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Arredondar bordas dos widgets

Mensagem por BrunoH. 13.10.12 22:09

Olá!
Substitua o CSS por este:
Código:
.forumline {
-moz-border-radius: 1.0em;
-webkit-border-radius: 1.0em;
border-radius: 1.0em;
border: 1px solid #ccc;
border: 1px solid #000000;
}
::-webkit-scrollbar {
width: 17px;
height: 3px;
}
::-webkit-scrollbar-track-piece {
background: #000000;
}
::-webkit-scrollbar-thumb:vertical {
height: 5px;
background: #FF8400;
border-radius: 10px;
}
::-webkit-scrollbar-thumb:horizontal {
width: 5px;
background-color: #FF8400;
}

.bodyline{
-moz-border-radius: 60px;
-webkit-border-radius: 60px;
border: 1px solid #000000;
}

a:hover {
color: #FF8400;
text-shadow : 0px 0px 10px #FF8400;
}

td.bodyline { opacity: 0.93 !important; }
table.forumline tr:hover td.row1, table.forumline tr:hover td.row2, table.forumline tr:hover td.row3{ opacity: 0.93 !important;}

az, bl, azul, blue, .az {text-shadow: 0px 0px 5px blue;color: blue;}
v, vermelho, red, .v {text-shadow: 0px 0px 5px red;color: red;}
rx, roxo, purple, rox, .rx {text-shadow: 0px 0px 5px #b300ff;color: #b300ff;}
am, amarelo, yelow, .am {text-shadow: 0px 0px 5px #fbff00;color: #fbff00;}
c, ciano, cyan, .c {text-shadow: 0px 0px 5px #00e6ff;color: #00e6ff;}
r, rosa, pink, .r {text-shadow: 0px 0px 5px #ff7fee;color: #ff7fee;}
vr, verde, green, .vr {text-shadow: 0px 0px 5px #11ff00;color: #11ff00;}
l, laranja, orange, naruto, .l {text-shadow: 0px 0px 5px #ff9500;color: #ff9500;}
m, marron, brown, .m {text-shadow: 0px 0px 5px #7d4f0f;color: #7d4f0f;}
w, branco, white, .w {text-shadow: 0px 0px 5px #ffffff;}
pr, preto, black, .pr {text-shadow: 0px 0px 5px #000000;}
sp, .sp {text-shadow: 0px 0px 5px #0072ff;color: #0072ff !important;}


th {
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border: 1px solid #000000;
}

h2{
font-size: 24px !important;
font-family: Courier;
color: #ffffff
}

img:hover {
opacity: 1.99;
}

.pun .post .user {
text-align: center !important;
}

#cssmenu {
   width: 170px;
   border-style: solid solid none solid;
   border-color: #D76100;
   border-size: 1px;
   border-width: 1px;
   padding:0px;
   }
   
   #cssmenu ul{
   margin:0px;
   padding:0px;
   list-style:none;
   }
   
   #cssmenu li a {
      height: 32px;
      height: 24px;
      text-decoration: none;
      font-weight:normal;
      color: #9E3C02;
      display: block;
      background: url(http://i33.servimg.com/u/f33/17/63/00/37/menu411.gif);
      padding: 8px 0 0 30px;
      }
      
   #cssmenu li a:hover {
      color: #fff;
      background: url(http://i33.servimg.com/u/f33/17/63/00/37/menu411.gif) 0 -32px;
      padding: 8px 0 0 30px;
      }
      
   #cssmenu li a:active {
      color: #fff;
      background: url(http://i33.servimg.com/u/f33/17/63/00/37/menu411.gif) 0 -64px;
      padding: 8px 0 0 30px;
      }   



        .colorpicker {
                          width: 356px;
                          height: 176px;
                          overflow: hidden;
                          position: absolute;
                          background: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp11.png);
                          font-family: Arial, Helvetica, sans-serif;
                          display: none;
                        }
                        .colorpicker_color {
                          width: 150px;
                          height: 150px;
                          left: 14px;
                          top: 13px;
                          position: absolute;
                          background: #f00;
                          overflow: hidden;
                          cursor: crosshair;
                        }
                        .colorpicker_color div {
                          position: absolute;
                          top: 0;
                          left: 0;
                          width: 150px;
                          height: 150px;
                          background: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp12.png);
                        }
                        .colorpicker_color div div {
                          position: absolute;
                          top: 0;
                          left: 0;
                          width: 11px;
                          height: 11px;
                          overflow: hidden;
                          background: url(http://i46.servimg.com/u/f46/16/56/73/62/select10.gif);
                          margin: -5px 0 0 -5px;
                        }
                        .colorpicker_hue {
                          position: absolute;
                          top: 13px;
                          left: 171px;
                          width: 35px;
                          height: 150px;
                          cursor: n-resize;
                        }
                        .colorpicker_hue div {
                          position: absolute;
                          width: 35px;
                          height: 9px;
                          overflow: hidden;
                          background: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp10.gif) left top;
                          margin: -4px 0 0 0;
                          left: 0px;
                        }
                        .colorpicker_new_color {
                          position: absolute;
                          width: 60px;
                          height: 30px;
                          left: 213px;
                          top: 13px;
                          background: #f00;
                        }
                        .colorpicker_current_color {
                          position: absolute;
                          width: 60px;
                          height: 30px;
                          left: 283px;
                          top: 13px;
                          background: #f00;
                        }
                        .colorpicker input {
                          background-color: transparent;
                          border: 1px solid transparent;
                          position: absolute;
                          font-size: 10px;
                          font-family: Arial, Helvetica, sans-serif;
                          color: #898989;
                          top: 4px;
                          right: 11px;
                          text-align: right;
                          margin: 0;
                          padding: 0;
                          height: 11px;
                        }
                        .colorpicker_hex {
                          position: absolute;
                          width: 72px;
                          height: 22px;
                          background: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp13.png) top;
                          left: 212px;
                          top: 142px;
                        }
                        .colorpicker_hex input {
                          right: 6px;
                        }
                        .colorpicker_field {
                          height: 22px;
                          width: 62px;
                          background-position: top;
                          position: absolute;
                        }
                        .colorpicker_field span {
                          position: absolute;
                          width: 12px;
                          height: 22px;
                          overflow: hidden;
                          top: 0;
                          right: 0;
                          cursor: n-resize;
                        }
                        .colorpicker_rgb_r {
                          background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp14.png);
                          top: 52px;
                          left: 212px;
                        }
                        .colorpicker_rgb_g {
                          background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp15.png);
                          top: 82px;
                          left: 212px;
                        }
                        .colorpicker_rgb_b {
                          background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp16.png);
                          top: 112px;
                          left: 212px;
                        }
                        .colorpicker_hsb_h {
                          background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp17.png);
                          top: 52px;
                          left: 282px;
                        }
                        .colorpicker_hsb_s {
                          background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp18.png);
                          top: 82px;
                          left: 282px;
                        }
                        .colorpicker_hsb_b {
                          background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp19.png);
                          top: 112px;
                          left: 282px;
                        }
                        .colorpicker_submit {
                          position: absolute;
                          width: 22px;
                          height: 22px;
                          background: url(http://i46.servimg.com/u/f46/16/56/73/62/aceita10.png) top;
                          left: 322px;
                          top: 142px;
                          overflow: hidden;
                        }
                        .colorpicker_focus {
                          background-position: center;
                        }
                        .colorpicker_hex.colorpicker_focus {
                          background-position: bottom;
                        }
                        .colorpicker_submit.colorpicker_focus {
                          background-position: bottom;
                        }
                        .colorpicker_slider {
                          background-position: bottom;
                        }
 
e Valide! Resulta querido? Muito feliz
Até mais! Piscada
BrunoH.

BrunoH.
Membro Entusiasta
Membro Entusiasta

Membro desde : 15/06/2012
Mensagens : 7675
Pontos : 10385

http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Ir para o topo Ir para baixo

Tópico resolvido Re: Arredondar bordas dos widgets

Mensagem por Dr.Helper 13.10.12 22:09

Tente este :

CSS Editada:

veja se é funcional
Dr.Helper

Dr.Helper
Membro

Membro desde : 25/06/2012
Mensagens : 832
Pontos : 1231

http://ultra-pixel.forumeiros.com/ http://fb.com/DISTRICT.HACKERS https://twitter.com/@matheusvs100

Ir para o topo Ir para baixo

Tópico resolvido Re: Arredondar bordas dos widgets

Mensagem por Connor R. 13.10.12 22:12

Nenhum dos dois funcionouuuuu
Connor R.

Connor R.
Super Membro

Membro desde : 06/08/2012
Mensagens : 1253
Pontos : 2021

http://somosmugiwara.forumeiros.com https://www.facebook.com/kadandajr https://twitter.com/SomosMugiwara

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Arredondar bordas dos widgets

Mensagem por BrunoH. 13.10.12 22:16

Olá!
Volte ao seu CSS Antigo, e adicione este código:
.module {border-radius: 10px !important;}
Resulta? Tive uma idéia!

Até mais! Piscada
BrunoH.

BrunoH.
Membro Entusiasta
Membro Entusiasta

Membro desde : 15/06/2012
Mensagens : 7675
Pontos : 10385

http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Ir para o topo Ir para baixo

Tópico resolvido Re: Arredondar bordas dos widgets

Mensagem por Dr.Helper 13.10.12 22:19

OLÁ,TENTE UM DESTES :

.forumline {
-moz-border-radius: 1.0em;
-webkit-border-radius: 1.0em;
border-radius: 1.0em;
border: 1px solid #ccc;
background-color:#ffffff;
width: 550px;
float: right;
padding: 10px;
margin-top:10px;
margin-bottom:10px;
}

table {
-moz-border-radius: 1.0em;
-webkit-border-radius: 1.0em;
border-radius: 1.0em;
border: 1px solid #ccc;
}

table.forumline {
-moz-border-radius: 1.0em;
-webkit-border-radius: 1.0em;
border-radius: 1.0em;
border: 1px solid #ccc;
}

body * {
-moz-border-radius: 1.0em;
-webkit-border-radius: 1.0em;
border-radius: 1.0em;
border: 1px solid #ccc;
}

.catLeft,.forumline,.catHead,.thHead,th[nowrap=nowrap]{
-moz-border-top-right-radius: 1.0em;
-moz-border-top-left-radius: 1.0em;

-webkit-border-top-right-radius: 1.0em;
-webkit-border-top-left-radius: 1.0em;
}

.forumbg, .forabg, #wrap {
-moz-border-top-right-radius: 1.0em;
-moz-border-top-left-radius: 1.0em;

-webkit-border-top-right-radius: 1.0em;
-webkit-border-top-left-radius: 1.0em;
}

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

Veja se algum destes funciona !!!
Dr.Helper

Dr.Helper
Membro

Membro desde : 25/06/2012
Mensagens : 832
Pontos : 1231

http://ultra-pixel.forumeiros.com/ http://fb.com/DISTRICT.HACKERS https://twitter.com/@matheusvs100

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

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