Problema em Widgets

Página 1 de 2 1, 2  Seguinte

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

Resolvido Problema em Widgets

Mensagem por IsmaelS. em 03/09/14, 12:42 pm

A dúvida dos widgets do meu fórum ainda continua:
http://ajuda.forumeiros.com/t95012-problema-de-widgets-com-homepage

Ou seja esse código resultou e usei assim:
Código:
#content-container div#right {
width: 220px!important;
margin-top: -1072px!important;
}

Só que tem um problema esse código apenas resulta para a parte do fórum, se for até a parte do sub-fóruns vejam:
http://kodactheme.criaforum.com/f1-seu-primeiro-forum

Eles ficam no topo do fórum e não no sitio que deviam, seria possível arranjar o problema?

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2956
Pontos Ativos : 4096

Ver perfil do usuário http://suporte-design.forumeiros.com/

Resolvido Re: Problema em Widgets

Mensagem por Sennior em 03/09/14, 02:43 pm

Saudações! Muito feliz

Vá em:
Painel de controle  Seta curta Visualização  Seta curta Cores Seta curta "Aba" Folha CSS.

Adicione no conteúdo:
Código:
div#right {top: 71pc!important;width: 220px!important;position: relative !important;}

Salve e Visualize seu fórum. Piscada
Melhores cumprimentos,
Sennior. De bem com a vida
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: Problema em Widgets

Mensagem por IsmaelS. em 03/09/14, 02:54 pm


IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2956
Pontos Ativos : 4096

Ver perfil do usuário http://suporte-design.forumeiros.com/

Resolvido Re: Problema em Widgets

Mensagem por Sennior em 03/09/14, 02:57 pm

Saudações,

Existe mais de um código que esta fazendo a mesma função.
Mande-me teu CSS por gentileza amigo.

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: Problema em Widgets

Mensagem por IsmaelS. em 03/09/14, 03:01 pm

Tinha um código mas retirei e continua na mesma mas veja:
Código:
div#right {top: 71pc!important;width: 220px!important;position: relative !important;}

.roundframe .cat_bar > .catbg {
background: #454545!important;
color: #fff!important;
}
.cat_bar {
margin-bottom: -12px;
}
#onlinelist {
border-top: none!important;
}

#onlinelist p {line-height: 153%;padding-bottom: 10px !important;}

a.chat-title {color: white!important;}
#chatbox_header.main-head {
background: url(http://i39.servimg.com/u/f39/18/98/72/46/210.jpg) repeat-x bottom #454545;
padding: 3px 4px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
min-height: 6px;
}
.chatbox-options li, .chatbox-options li a, .chatbox-options li label {
color: #fff;
}
body[bgcolor] {background: #FCFCFF;}
.main-content.chatbox {
background-color: #FCFCFF;
padding: 10px;
border: 1px solid rgb(204, 204, 204);
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
padding-bottom: 0px;
}
#chatbox_members {
background: rgb(246, 246, 248);
border: 1px solid rgb(204, 204, 204);
margin: 4px;
top: 43px;
bottom: 28px;
right: 10;
}
#chatbox_members .member-title {
background: url(http://i39.servimg.com/u/f39/18/98/72/46/210.jpg) repeat-x bottom #363636;
color: #fff;
padding: 5px;
text-align: left;
padding: 8px 10px;
}
#chatbox p {
background: transparent;
padding: 5px;
line-height: 1.3em;
}
#chatbox p span[style="color:green;"], #chatbox p span[style="color:red;"] {
}
input#message.post:focus {
background: rgb(255,255,240) url('http://i58.servimg.com/u/f58/18/24/85/15/form-e10.png') repeat-x;
border-top-color: rgb(150,150,150);
border-bottom-color: rgb(230,230,230);
}
#simple-wrap {
background:white;
}
#chatbox_top {
min-height: 280px;
}
#chatbox{
top: 43px;
bottom: 28px;
margin: 5px;
background: rgb(246, 246, 248);
border: 1px solid rgb(204, 204, 204);
padding: 5px;
right: 198px;
left:0;
}
#chatbox_footer {
border-top: none!important; 
}
html { background: white !important; }
.fontbutton {
-moz-border-radius: 2px;
-moz-box-shadow: rgba(0,0,0,0.43) 0 1px 3px;
-webkit-border-radius: 2px;
-webkit-box-shadow: rgba(0,0,0,0.43) 0 1px 3px !important;
background: #646464 url(http://i58.servimg.com/u/f58/18/62/03/31/highli17.png) repeat-x 0 0 !important;
border: 1px solid #585858!important;
border-radius: 2px !important;
box-shadow: rgba(0,0,0,0.43) 0 1px 3px !important;
color: #fff !important;
font-family: tahoma,helvetica,arial,sans-serif !important;
font-size: 13px !important;
font-style: normal;
font-variant: normal !important;
font-weight: normal;
padding: 2px 5px !important;
text-shadow: #474747 0 -1px 0 !important;
position: relative !important;
top: -2px !important;
}
input#submit_button {
-moz-border-radius: 2px;
-moz-box-shadow: rgba(0,0,0,0.43) 0 1px 3px;
-webkit-border-radius: 2px;
-webkit-box-shadow: rgba(0,0,0,0.43) 0 1px 3px!important;
background: #646464 url(http://i58.servimg.com/u/f58/18/62/03/31/highli17.png) repeat-x 0 0!important;
border: 1px solid #585858!important;
border-radius: 2px!important;
box-shadow: rgba(0,0,0,0.43) 0 1px 3px!important;
color: #fff!important;
font-family: tahoma,helvetica,arial,sans-serif!important;
font-size: 13px!important;
font-style: normal!important;
font-variant: normal!important;
font-weight: 400!important;
padding: 2px 5px!important;
position: relative!important;
text-shadow: #474747 0 -1px 0!important;
top: -2px!important;
}
#chatbox span[style="font-style:italic"]:after {
content: " Clique em login para entrar!";
}
#chatbox span[style="font-style:italic"] {
background: url('http://i55.servimg.com/u/f55/18/71/50/00/highli10.png') repeat-x scroll 0px 0px #F3E3E6;
border: 1px solid #E599AA;
box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
color: #80001C;
display: block;
font-size: 14px;
font-style: normal !important;
font-weight: 700;
line-height: 1.6;
padding: 10px;
text-align: center;
text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.55);
}
#divbold:after { content: 'Bold'; }
#divstrike:after { content: 'Strike'; }
#divunderline:after { content: 'Underline'; }
#divitalic:after { content: 'Italic'; }
#divcolor:after { content: 'Color'; }
#divsmilies:after { content: 'Smileys'; }
#chatbox_messenger_form div.right img { display: none; }
.paged-foot .paging a, .paged-foot .paging a:hover, .paged-foot .paging b, .paging a, .paging b, td p.pag a, td p.pag b {
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
font-size: 12px!important;
margin-right: 3px!important;
padding: 6px 9px!important;
}
.paged-foot .paging a, .paging a, .paging b, td p.pag a, td p.pag b {
-moz-border-radius: 3px;
-moz-box-shadow: rgba(0,0,0,0.05) 0 1px 2px;
-webkit-border-radius: 3px;
-webkit-box-shadow: rgba(0,0,0,0.05) 0 1px 2px;
background: #e5e5e5 url(http://i76.servimg.com/u/f76/18/14/02/99/highli10.png) repeat-x 0 0;
border: 1px solid #d6d6d6!important;
border-color: #d6d6d6!important;
border-radius: 3px;
box-shadow: rgba(0,0,0,0.05) 0 1px 2px!important;
color: #747474;
display: inline-block;
font-size: 11px;
font-weight: 400;
padding: 6px 9px!important;
text-shadow: #fff 0 1px 0;
text-transform: lowercase;
}
#chatbox_members {
right: 10px!important;
}

#pun-about #qjump label {
font-weight: 700;
display: none;
}

#articleHeader {
min-height: 70px;
padding: 9px;
background: #f1f6f9;
border-bottom: 1px solid #DBE4EF;;
}
.articleContainer {
background: #fff;
border: 1px solid #dbe4ef;
}
.blog_Photo_medium img {
width: 50px;
height: 50px;
float: left;
padding: 1px;
border: 1px solid #d5d5d5;
background: #fff;
-webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
}
.blog_Photo_medium img:hover {
border-color: #7d7d7d;
}
.blog_withphoto {
margin-left: 65px;
}
.blog_pagetitle {
font: 300 26px/1.3 Helvetica, Arial, sans-serif;
color: #323232;
}
.blog_desc {
font-size: 12px;
color: #a4a4a4;
}
.blog_secondary {
background-color: #DBDBDB;
background: 0 repeat-x scroll 0 0 transparent !important;
border: 1px solid #DBDBDB;
border-radius: 3px 3px 3px 3px;
box-shadow: 0 1px 0 #FFF inset, 0 1px 0 rgba(0,0,0,0.3);
color: #616161 !important;
display: inline-block;
font-size: 12px;
height: 22px;
line-height: 22px;
padding: 0 10px;
transition: all .2s ease-in-out 0;
white-space: nowrap;
}
.blog_secondary:hover {
border-color: #9A9A9A;
color: #4C4C4C !important;
}
.blog_postmain .postfoot {
margin-left: 0px;
}
.blog_Layout {
background: #ebf0f3;
padding: 9px;
padding-right: 340px;
}
.blog_Layout_sidebar {
width: 320px;
margin-right: -330px;
float: right;
}
.sidebarContainer {
background: #fff;
margin-bottom: 10px;
border: 1px solid #dbe4ef;
}
.bar {
background: #eff4f7;
padding: 8px 10px;
}
.sideInner {
padding: 9px;
}
.ipsField {
padding: 6px;
}
.ipsField .title {
float: left;
width: 40%;
text-align: right;
margin-right: 6px;
}
ol, ul {
list-style: none;
}
#boormarks {
text-align: center;
}
#articlePrevNext {
clear: both;
}
#articlePrevNext ul {
text-align: center;
margin-top: 15px;
}
#articlePrevNext li {
display: inline;
float: none;
}

#footer {padding: 85px 0 20px!important;border-top: 4px solid #7AB6A3;color: #727272;text-align: center;position: relative;background: #303030;}#footer .backtop {position: absolute;left: 50%;top: 25px !important;background: url(http://i.imgur.com/KyM4pyT.png) no-repeat;display: block;width: 30px;height: 30px;}.tf_main {margin-top: -30px !important;}

    .pun .main-content, #profile-advanced-details .main-content {
    background: rgb(255, 255, 255);
    border: 1px solid rgb(230, 230, 230);
    border-image-source: initial;
    border-image-slice: initial;
    border-image-width: initial;
    border-image-outset: initial;
    border-image-repeat: initial;
    padding: 9px;
    border-radius: 0px;
    }
    .main > .main-content {
    margin-bottom: 0px;
    }.pun .post {
    border: 1px solid rgb(203, 218, 234);
    border-image-source: initial;
    border-image-slice: initial;
    border-image-width: initial;
    border-image-outset: initial;
    border-image-repeat: initial;
    }
    .pun .post {
    background: rgb(253, 254, 255);
    border: 1px solid rgb(203, 218, 234);
    border-image-source: initial;
    border-image-slice: initial;
    border-image-width: initial;
    border-image-outset: initial;
    border-image-repeat: initial;
    margin: 10px;
    }.pun .postmain {
    padding-right: 0px;
    }
    .pun .postmain {
    background-color: rgb(253, 254, 255);
    border-left: 1px solid rgb(203, 218, 234);
    margin-left: 17em;
    }
    .pun .postmain {
    background: none 0px 0px repeat scroll rgb(255, 255, 255);
    border-left: 1px solid rgb(223, 231, 240);
    height: 100%;
    margin: 0px 0px 0px 175px;
    padding-right: 10px;
    }.pun .postmain .posthead {
    margin-right: 0px;
    }
    .pun .posthead {
    background-color: rgb(244, 250, 255);
    border-bottom: 1px solid rgb(203, 218, 234);
    padding: 0.5em 1.3em 0.5em 1em;
    }
    .pun .posthead {
    background: none 0% 0% repeat scroll transparent;
    border-bottom: 0px none;
    color: rgb(164, 164, 164);
    font-weight: 400;
    margin: 0px 10px 0px 0px;
    padding-top: 10px;
    font-size: 12px;
    }.pun .postbody {
    width: 100%;
    }.pun .post .user {
    font-size: 12px;
    margin-bottom: 7px;
    margin-left: -220px;
    min-height: 350px;
    padding: 7px;
    margin-top: -30px;
    width: 16em;
    text-align: center;
    }.postfoot {
    background: rgb(244, 250, 255);
    border-top: 1px solid rgb(203, 218, 234);
    clear: both;
    margin-left: -17em;
    padding: 0.5em 1em;
    text-align: right;
    }
    .postfoot {
    border-bottom: 0px;
    border-top: 0px;
    clear: both;
    margin-left: -14em;
    padding: 0.5em 1em;
    text-align: right;
    }.main .main-foot {
    background-image: none;
    border-radius: 0px 0px 4px 4px;
    }

#pwd_bad {
background-image: url('http://i.imgur.com/iIIhDFo.jpg') !important;
color: transparent !important;
}
#pwd_middle {
background-image: url('http://i.imgur.com/33vy9Vc.jpg') !important;
color: transparent !important;
}
#pwd_good {
background-image: url('http://i.imgur.com/74JBrB7.jpg') !important;
color: transparent !important;
}
.user {position: relative !important;left: 2pc !important;top: 150px !important;}h4.username {position: relative !important;text-align: center !important;left: 78px !important;}
.user {position: relative !important;left: 2pc !important;top: 150px !important;}h4.username {position: relative !important;text-align: center !important;left: 0px !important;}

.admin{ background-color:#FF6600;}.moderador{ background-color:#72A300;}.publicitario{ background-color:#3396FF;}.designer{ background-color:#AA37B0;}.membro{ background-color:#516882;}.programador{ background-color:#FFAA00;}
.rank {
-moz-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
color: #FFF;
display: inline-block;
font-family: "Roboto Condensed",Tahoma,Helvetica;
font-size: 11px;
font-style: normal;
font-variant: normal;
font-weight: normal;
margin-bottom: 5px;
margin-top: 5px;
padding: 8px 20px;
text-decoration: none;
text-shadow: 0 -1px rgba(0,0,0,0.35);
text-transform: uppercase;
}
.pun .user .user-info {
text-align: center!important;
}
.pun .user .user-info {
border: none!important;
}

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2956
Pontos Ativos : 4096

Ver perfil do usuário http://suporte-design.forumeiros.com/

Resolvido Re: Problema em Widgets

Mensagem por Sennior em 03/09/14, 03:06 pm

Hum... Fazemos assim então, retire também o passado por mim e deixe como veio o tema. Positivo

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: Problema em Widgets

Mensagem por IsmaelS. em 03/09/14, 03:09 pm

Veja como fica:
http://kodactheme.criaforum.com/

E também ficam muito em cima do fórum

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2956
Pontos Ativos : 4096

Ver perfil do usuário http://suporte-design.forumeiros.com/

Resolvido Re: Problema em Widgets

Mensagem por Sennior em 03/09/14, 03:22 pm

Saudações! Muito feliz

Vá em:
Painel de controle  Seta curta Visualização  Seta curta Cores Seta curta "Aba" Folha CSS.

Adicione no conteúdo:
Código:
#right {position: relative!important;top: -47pc!important;}#main {position: relative!important;top: 22px!important;}

Salve e Visualize seu fórum. Piscada
Melhores cumprimentos,
Sennior. De bem com a vida
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: Problema em Widgets

Mensagem por IsmaelS. em 03/09/14, 04:11 pm

Resulta na parte do fórum, agora se for ler um tópico ou sub-fóruns eles apenas estão muito para cima até desaparecem... Não consegue colocar 1 código que deia para tudo?

E veja que no fundo do fórum o footer não está junto com o fórum tem um espaço grande:
http://kodactheme.criaforum.com/

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2956
Pontos Ativos : 4096

Ver perfil do usuário http://suporte-design.forumeiros.com/

Resolvido Re: Problema em Widgets

Mensagem por Alex Habilidade em 03/09/14, 07:49 pm

Adicione em sua folha CSS:
Código:

#content-container #outer-wrapper #wrapper #container #right {
width: 230px!important;
margin-top: -1210px;
}

Peço que apague esse código:
Código:

#right {position: relative!important;top: -47pc!important;}
avatar

Alex Habilidade
Usuário experiente

Masculino
Inscrito dia : 10/01/2011
Mensagens : 2795
Pontos Ativos : 3774

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

Resolvido Re: Problema em Widgets

Mensagem por IsmaelS. em 03/09/14, 08:46 pm

Resultou Alex, agora queria era subir um pouco na parte do fórum e nos sub-fóruns abaixar um pouco os widgets é possível?

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2956
Pontos Ativos : 4096

Ver perfil do usuário http://suporte-design.forumeiros.com/

Resolvido Re: Problema em Widgets

Mensagem por Alex Habilidade em 03/09/14, 08:48 pm

Subir e baixar o que amigo, não entendi, pois aqui pra mim esta tudo ok...
avatar

Alex Habilidade
Usuário experiente

Masculino
Inscrito dia : 10/01/2011
Mensagens : 2795
Pontos Ativos : 3774

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

Resolvido Re: Problema em Widgets

Mensagem por IsmaelS. em 03/09/14, 09:04 pm

Veja se reparar a parte do fórum está muito para baixo:
http://kodactheme.criaforum.com/

Queria colocar ao nível da mensagem de HomePage

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2956
Pontos Ativos : 4096

Ver perfil do usuário http://suporte-design.forumeiros.com/

Resolvido Re: Problema em Widgets

Mensagem por Alex Habilidade em 03/09/14, 09:31 pm

O senhor se refere ao widget que esta um pouco mais pra baixo né...
Procure esse código:
Código:

#content-container #outer-wrapper #wrapper #container #right {
width: 230px!important;
margin-top: -1210px;
}

Troque por este:
Código:

#content-container #outer-wrapper #wrapper #container #right {
margin-top: -1233px;
width: 230px!important;
}
avatar

Alex Habilidade
Usuário experiente

Masculino
Inscrito dia : 10/01/2011
Mensagens : 2795
Pontos Ativos : 3774

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

Resolvido Re: Problema em Widgets

Mensagem por IsmaelS. em 03/09/14, 09:41 pm

Eu tive a mexer e coloquei assim:
Código:
#content-container #outer-wrapper #wrapper #container #right {
margin-top: -1399px;
width: 230px!important;
}

Eu queria mesmo alinhado com a barra da Home Page se reparar está ligeiramente mais acima o widget.

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2956
Pontos Ativos : 4096

Ver perfil do usuário http://suporte-design.forumeiros.com/

Resolvido Re: Problema em Widgets

Mensagem por Sennior em 04/09/14, 12:28 am

Saudações! Muito feliz

Tente primeiro este e coloque no inicio de teu CSS IsmaelS. junto com o que o senhor usou:
Vá em:
Painel de controle  Seta curta Visualização  Seta curta Cores Seta curta "Aba" Folha CSS.

Adicione no conteúdo:
Código:
div#right {position: relative !important;top: 535px !important;}

Salve e Visualize seu fórum. Piscada

Se mesmo assim não resultar, altere por este código e altere também junto ao que o senhor mexeu:
Código:
#content-container #outer-wrapper #wrapper #container {margin-top: -1399px !important;width: 230px!important;}div#right {position: relative !important;top: 535px !important;}
Salve e Visualize seu fórum. Piscada
Melhores cumprimentos,
Sennior. De bem com a vida
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: Problema em Widgets

Mensagem por IsmaelS. em 04/09/14, 12:45 am

O primeiro coloca os widgets mais para baixo, e o segundo código apenas bugou tudo...

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2956
Pontos Ativos : 4096

Ver perfil do usuário http://suporte-design.forumeiros.com/

Resolvido Re: Problema em Widgets

Mensagem por Sennior em 04/09/14, 12:46 am

Pois bem, o primeiro então faz o que senhor deseja né? Então apenas mude os valores do primeiro código.
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: Problema em Widgets

Mensagem por IsmaelS. em 04/09/14, 12:52 am

Olá,

Coloquei veja:
http://kodactheme.criaforum.com/

Só que ficou um bocainho a cima coloquei o valor "0" se colocar "-1...." não bate certo na mesma.

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2956
Pontos Ativos : 4096

Ver perfil do usuário http://suporte-design.forumeiros.com/

Resolvido Re: Problema em Widgets

Mensagem por Sennior em 04/09/14, 12:57 am

Olha, quando eu utilizo este valor:
Código:
div#right {position: relative!important;top: 534px!important;}
Fica certinho para mim, veja:
Seta http://prntscr.com/4jhsyr

O que ocorre quando usa este valor?

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: Problema em Widgets

Mensagem por IsmaelS. em 04/09/14, 12:59 am

Veja como fica:
http://kodactheme.criaforum.com/

Não lhe fica em baixo?

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2956
Pontos Ativos : 4096

Ver perfil do usuário http://suporte-design.forumeiros.com/

Resolvido Re: Problema em Widgets

Mensagem por Sennior em 04/09/14, 01:05 am

Não amigo... Louco Acho que seja por conta do monitor, no mais tente este:
Código:
div#right {position: static;margin-top: -54pc!important;margin-left: 63pc !important;}

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: Problema em Widgets

Mensagem por IsmaelS. em 04/09/14, 01:12 am

Olá,

Já está resolvido, só uma coisa veja o espaçamento entre o fórum e os widgets:
http://kodactheme.criaforum.com/

E veja nos sub-fóruns:
http://kodactheme.criaforum.com/f1-regulamento-staff

Seria possível dar um espaçamento entre eles?

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2956
Pontos Ativos : 4096

Ver perfil do usuário http://suporte-design.forumeiros.com/

Resolvido Re: Problema em Widgets

Mensagem por Sennior em 04/09/14, 01:34 am

Saudações! Muito feliz

Vá em:
Painel de controle  Seta curta Visualização  Seta curta Cores Seta curta "Aba" Folha CSS.

Adicione no conteúdo:
Código:
div#main-content {position: relative !important;left: -17px !important;}

Salve e Visualize seu fórum. Piscada
Melhores cumprimentos,
Sennior. De bem com a vida
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: Problema em Widgets

Mensagem por IsmaelS. em 04/09/14, 01:43 am

Esse código cortou o lado esquerdo do fórum veja:
http://kodactheme.criaforum.com/

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2956
Pontos Ativos : 4096

Ver perfil do usuário http://suporte-design.forumeiros.com/

Resolvido Re: Problema em Widgets

Mensagem por Sennior em 06/09/14, 12:49 am

Saudações,

Penso que para resolver, aceda em:
Painel de Controle Seta Módulos Seta Portal & Widgets Seta Gestão dos widgets do fórum
Procure pelo campo Largura coluna 1 (esquerda) e coloque o valor em 0.
Se o mesmo já estive em 0, coloque o valor em 180 e veja se resolve. Positivo

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: Problema em Widgets

Mensagem por IsmaelS. em 06/09/14, 01:01 am

Isso está a "0" o problema mesmo é do seu código amigo.

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2956
Pontos Ativos : 4096

Ver perfil do usuário http://suporte-design.forumeiros.com/

Resolvido Re: Problema em Widgets

Mensagem por Sennior em 06/09/14, 01:05 am

Saudações! Muito feliz

Altere o código que eu passei pelo abaixo:
Vá em:
Painel de controle  Seta curta Visualização  Seta curta Cores Seta curta "Aba" Folha CSS.

Adicione no conteúdo:
Código:
div#main-content {left: 10px!important;position: relative!important;z-index: 99999999!important;;width: 62pc!important;;}

Salve e Visualize seu fórum. Piscada
Melhores cumprimentos,
Sennior. De bem com a vida
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: Problema em Widgets

Mensagem por IsmaelS. em 06/09/14, 06:21 am

Olá,

Eu usei o código do Alex:
Código:
#content-container #outer-wrapper #wrapper #container #right {
margin-top: -1399px;
width: 230px!important;
}

Na parte do fóum está tudo direito, mas dentro dos sub-fóruns e nos tópicos os widgets ficam muito colados ao fórum:
http://kodactheme.criaforum.com/f1-regulamento-staff

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2956
Pontos Ativos : 4096

Ver perfil do usuário http://suporte-design.forumeiros.com/

Resolvido Re: Problema em Widgets

Mensagem por Alex Habilidade em 06/09/14, 07:33 pm

Ismaels, me forneça o seu CSS, pois terei que analisar todo ele para arrumar uma forma de funcionar em todos os navegadores e resoluções, acho que para você o inicio do fórum o widget esteja certo, mais veja no meu:
http://i.imgur.com/ACF0tvN.png
Ele esta muito para cima, isso foi pelo fato de você alterar com o ultimo CSS.
avatar

Alex Habilidade
Usuário experiente

Masculino
Inscrito dia : 10/01/2011
Mensagens : 2795
Pontos Ativos : 3774

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

Resolvido Re: Problema em Widgets

Mensagem por IsmaelS. em 06/09/14, 08:14 pm


IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2956
Pontos Ativos : 4096

Ver perfil do usuário http://suporte-design.forumeiros.com/

Resolvido Re: Problema em Widgets

Mensagem por Alex Habilidade em 07/09/14, 11:58 am

Cara na boa não estou entendendo esse seu tema, me forneça o template index_body
No painel onde você configura os widget - tamanho e etc, me passe um print por favor.
avatar

Alex Habilidade
Usuário experiente

Masculino
Inscrito dia : 10/01/2011
Mensagens : 2795
Pontos Ativos : 3774

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

Resolvido Re: Problema em Widgets

Mensagem por IsmaelS. em 07/09/14, 07:25 pm

Template:
Código:
{JAVASCRIPT}
    <!-- BEGIN message_admin_index -->
    <div class="main">
      <!-- BEGIN message_admin_titre -->
    <div class="main-head">
      <h1 class="page-title">{message_admin_index.message_admin_titre.MES_TITRE}</h1>
      </div>
    <!-- END message_admin_titre -->
      <!-- BEGIN message_admin_txt -->
    <div id="pun-announcement">
      <p>{message_admin_index.message_admin_txt.MES_TXT}</p>
      </div>
      <!-- END message_admin_txt -->
    <div>
      <!-- END message_admin_index -->
      <!-- BEGIN switch_user_login_form_header -->
      <div class="main">
        <form action="{S_LOGIN_ACTION}" method="post" name="form_login">
          <div class="user_login_form main-box center">
            <label><span class="genmed">{L_USERNAME} :</span> <input class="post" type="text" size="10" name="username" /></label> &nbsp;
            <label><span class="genmed">{L_PASSWORD} :</span> <input class="post" type="password" size="10" name="password" /></label> &nbsp;
            <label><span class="gensmall">{L_AUTO_LOGIN}</span> <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label> &nbsp;
            {S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" />
            <!-- BEGIN switch_fb_connect -->
            <span class="fb_or">{switch_user_login_form_header.switch_fb_connect.L_OR}</span>
            <fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" v="2" scope="{switch_user_login_form_header.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_header.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button>
            <!-- END switch_fb_connect -->
          </div>
        </form>
      </div>
      <!-- END switch_user_login_form_header -->
      {CHATBOX_TOP}
      {BOARD_INDEX}
      <!-- BEGIN disable_viewonline -->
      <div class="cat_bar">
            <h3 class="catbg">

              Estatísticas Gerais do Mega Publicidade
            </h3>
          </div>
      <div class="roundframe">
        <div class="innerframe">
                <div id="stats">
            <p class="right">{TOTAL_POSTS}</p>
            <p>{TOTAL_USERS}</p>
            <p>{NEWEST_USER}</p>
          </div>
          <div id="onlinelist">
            <img src="{L_ONLINE_IMG}" alt="{L_WHO_IS_ONLINE}" />
            <p class="right">
                <!-- BEGIN switch_viewonline_link -->
                <a href="{U_VIEWONLINE}" rel="nofollow">{L_WHO_IS_ONLINE}</a>
                <!-- END switch_viewonline_link -->
                <!-- BEGIN switch_viewonline_nolink -->
                {L_WHO_IS_ONLINE}
                <!-- END switch_viewonline_nolink -->
            </p>
            <p>{TOTAL_USERS_ONLINE}<br />
            {RECORD_USERS}

            <br />
            {LOGGED_IN_USER_LIST}

            {L_ONLINE_USERS}
            {L_CONNECTED_MEMBERS}<br />
            {L_WHOSBIRTHDAY_TODAY}{L_WHOSBIRTHDAY_WEEK}</p>
            <div class="clear"></div>

            <p>{LEGEND}&nbsp;:&nbsp;{GROUP_LEGEND}</p>

          </div>
       
        </div>
      </div>                 
      <!-- END disable_viewonline -->
      {CHATBOX_BOTTOM}
      {AUTO_DST}
    <!-- BEGIN switch_fb_index_login -->
    <div id="fb-root"></div>
    <script type="text/javascript">
    //<![CDATA[
    FB.init({
      appId: '{switch_fb_index_login.FACEBOOK_APP_ID}',
        status: true,
        cookie: true,
        xfbml: true,
      oauth: true
    });
    //]]>
    </script>
    <!-- END switch_fb_index_login -->

Imagem:


IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2956
Pontos Ativos : 4096

Ver perfil do usuário http://suporte-design.forumeiros.com/

Resolvido Re: Problema em Widgets

Mensagem por Alex Habilidade em 07/09/14, 08:09 pm

Ismales, faça um teste, troque sua CSS por esta:
Código:

.pun .posthead h2 strong {
background-color: #6F8F52;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
color: #fff;
margin-top: -4px;
padding: 4px 7px;
}
.pun .topic{
background-color: #fff!important;
  padding: 9px;
}.pun .postmain {
    padding-right: 30px;
    }
/*perfil com capa by DeeW. v1.0*/
    .img-avatar img {
    width: 150px;
    height: 150px;
    }
    span.img-avatar {
    float: right;
    padding: 5px;
    background: #fff;
    border-radius: 5px;
    border: 1px solid #ddd;
    margin: 10px;
    }
    #profile-advanced-right {
    display: none;
    width: 0!important;
    margin: 10px;
    float: none!important;
    }
    #profile-advanced-left {
    margin-right: 0!important;
    margin: 0 auto;
    }

    #profile-advanced-layout #tabs {
    bottom: 50px;
    position: absolute;
    }
    #tabs ul li.activetab a {
    background-color: rgba(255, 0, 0, 0.5);
    border-color: #880000;
    color: #FFFFFF;
    text-decoration: none;
    text-transform: uppercase;
    border-radius: 5px;
    }
    #tabs ul li a {
    background-color: rgba(255, 0, 0, 0.5);
    border-color: #880000;
    color: #FFFFFF;
    text-decoration: none;
    text-transform: uppercase;
    border-radius: 5px;
    }
    #tabs ul li.activetab a:hover {
    background-color: #000000;
    }
    .capa-perfil {
    background-color: #fff;
    width: 100%;
    height: 180px;
    border: 1px solid #ddd;
    margin-top: 10px;
    box-shadow: inset 0 -60px 50px rgba(0, 0, 0, 0.5);
    }
    #profile-advanced-add {
    padding: 10px;
    text-align: right;
    background: #f0f0f0;
    margin: 10px;
    border: 1px solid #d0d0d0;
    border-radius: 5px;
    }
    .subtitle {
    text-align: center;
    text-transform: uppercase;
    }
    #profile-advanced-layout .main-content {
    background: #fff!important;
    padding: 10px;
    }
    #tabs ul li a:hover {
    background-color: #000000;
    }




#main {
margin-top: 20px!important;
}

.pun .post {
margin-left: -20px;
}
.user-info {margin-left: 26px;}.post_field {background: none rgb(255, 255, 255);border: 1px solid rgb(185, 196, 205);border-image-source: initial;border-image-slice: initial;border-image-width: initial;border-image-outset: initial;border-image-repeat: initial;color: rgb(65, 65, 65);margin: 2px 0px 0px;padding: 3px 0px;width: 100%}.pun .posthead {border-left: 1px solid #CFD9E2 !important;background-color: rgb(244, 250, 255) !important;border-bottom: 1px solid rgb(203, 218, 234) !important;padding: 0.5em 1.3em 0.5em 1em !important;color: rgb(164, 164, 164) !important;font-weight: 400 !important;font-size: 12px !important;}.postfoot {position:relative;border-top: 1px solid #CFD9E2 !important;background-color: rgb(244, 250, 255) !important;border-bottom: 1px solid rgb(203, 218, 234) !important;padding: 0.5em 1.3em 0.5em 1em !important;color: rgb(164, 164, 164) !important;font-weight: 400 !important;margin: 0px 10px 0px 0px !important;font-size: 12px !important;left: -176px;top: 1px;border-left: 1px solid #CFD9E2 !important;}.user {border-right: 1px solid #CFD9E2 !important;}.pun .post .user {margin-left: -238px !important;}

.roundframe .cat_bar > .catbg {
background: #454545!important;
color: #fff!important;
}
.cat_bar {
margin-bottom: -12px;
}
#onlinelist {
border-top: none!important;
}

#onlinelist p {line-height: 153%;padding-bottom: 10px !important;}

a.chat-title {color: white!important;}
#chatbox_header.main-head {
background: url(http://i39.servimg.com/u/f39/18/98/72/46/210.jpg) repeat-x bottom #454545;
padding: 3px 4px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
min-height: 6px;
}
.chatbox-options li, .chatbox-options li a, .chatbox-options li label {
color: #fff;
}
body[bgcolor] {background: #FCFCFF;}
.main-content.chatbox {
background-color: #FCFCFF;
padding: 10px;
border: 1px solid rgb(204, 204, 204);
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
padding-bottom: 0px;
}
#chatbox_members {
background: rgb(246, 246, 248);
border: 1px solid rgb(204, 204, 204);
margin: 4px;
top: 43px;
bottom: 28px;
right: 10;
}
#chatbox_members .member-title {
background: url(http://i39.servimg.com/u/f39/18/98/72/46/210.jpg) repeat-x bottom #363636;
color: #fff;
padding: 5px;
text-align: left;
padding: 8px 10px;
}
#chatbox p {
background: transparent;
padding: 5px;
line-height: 1.3em;
}
#chatbox p span[style="color:green;"], #chatbox p span[style="color:red;"] {
}
input#message.post:focus {
background: rgb(255,255,240) url('http://i58.servimg.com/u/f58/18/24/85/15/form-e10.png') repeat-x;
border-top-color: rgb(150,150,150);
border-bottom-color: rgb(230,230,230);
}
#simple-wrap {
background:white;
}
#chatbox_top {
min-height: 280px;
}
#chatbox{
top: 43px;
bottom: 28px;
margin: 5px;
background: rgb(246, 246, 248);
border: 1px solid rgb(204, 204, 204);
padding: 5px;
right: 198px;
left:0;
}
#chatbox_footer {
border-top: none!important; 
}
html { background: white !important; }
.fontbutton {
-moz-border-radius: 2px;
-moz-box-shadow: rgba(0,0,0,0.43) 0 1px 3px;
-webkit-border-radius: 2px;
-webkit-box-shadow: rgba(0,0,0,0.43) 0 1px 3px !important;
background: #646464 url(http://i58.servimg.com/u/f58/18/62/03/31/highli17.png) repeat-x 0 0 !important;
border: 1px solid #585858!important;
border-radius: 2px !important;
box-shadow: rgba(0,0,0,0.43) 0 1px 3px !important;
color: #fff !important;
font-family: tahoma,helvetica,arial,sans-serif !important;
font-size: 13px !important;
font-style: normal;
font-variant: normal !important;
font-weight: normal;
padding: 2px 5px !important;
text-shadow: #474747 0 -1px 0 !important;
position: relative !important;
top: -2px !important;
}
input#submit_button {
-moz-border-radius: 2px;
-moz-box-shadow: rgba(0,0,0,0.43) 0 1px 3px;
-webkit-border-radius: 2px;
-webkit-box-shadow: rgba(0,0,0,0.43) 0 1px 3px!important;
background: #646464 url(http://i58.servimg.com/u/f58/18/62/03/31/highli17.png) repeat-x 0 0!important;
border: 1px solid #585858!important;
border-radius: 2px!important;
box-shadow: rgba(0,0,0,0.43) 0 1px 3px!important;
color: #fff!important;
font-family: tahoma,helvetica,arial,sans-serif!important;
font-size: 13px!important;
font-style: normal!important;
font-variant: normal!important;
font-weight: 400!important;
padding: 2px 5px!important;
position: relative!important;
text-shadow: #474747 0 -1px 0!important;
top: -2px!important;
}
#chatbox span[style="font-style:italic"]:after {
content: " Clique em login para entrar!";
}
#chatbox span[style="font-style:italic"] {
background: url('http://i55.servimg.com/u/f55/18/71/50/00/highli10.png') repeat-x scroll 0px 0px #F3E3E6;
border: 1px solid #E599AA;
box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
color: #80001C;
display: block;
font-size: 14px;
font-style: normal !important;
font-weight: 700;
line-height: 1.6;
padding: 10px;
text-align: center;
text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.55);
}
#divbold:after { content: 'Bold'; }
#divstrike:after { content: 'Strike'; }
#divunderline:after { content: 'Underline'; }
#divitalic:after { content: 'Italic'; }
#divcolor:after { content: 'Color'; }
#divsmilies:after { content: 'Smileys'; }
#chatbox_messenger_form div.right img { display: none; }
.paged-foot .paging a, .paged-foot .paging a:hover, .paged-foot .paging b, .paging a, .paging b, td p.pag a, td p.pag b {
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
font-size: 12px!important;
margin-right: 3px!important;
padding: 6px 9px!important;
}
.paged-foot .paging a, .paging a, .paging b, td p.pag a, td p.pag b {
-moz-border-radius: 3px;
-moz-box-shadow: rgba(0,0,0,0.05) 0 1px 2px;
-webkit-border-radius: 3px;
-webkit-box-shadow: rgba(0,0,0,0.05) 0 1px 2px;
background: #e5e5e5 url(http://i76.servimg.com/u/f76/18/14/02/99/highli10.png) repeat-x 0 0;
border: 1px solid #d6d6d6!important;
border-color: #d6d6d6!important;
border-radius: 3px;
box-shadow: rgba(0,0,0,0.05) 0 1px 2px!important;
color: #747474;
display: inline-block;
font-size: 11px;
font-weight: 400;
padding: 6px 9px!important;
text-shadow: #fff 0 1px 0;
text-transform: lowercase;
}
#chatbox_members {
right: 10px!important;
}

#pun-about #qjump label {
font-weight: 700;
display: none;
}

#articleHeader {
min-height: 70px;
padding: 9px;
background: #f1f6f9;
border-bottom: 1px solid #DBE4EF;;
}
.articleContainer {
background: #fff;
border: 1px solid #dbe4ef;
}
.blog_Photo_medium img {
width: 50px;
height: 50px;
float: left;
padding: 1px;
border: 1px solid #d5d5d5;
background: #fff;
-webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
}
.blog_Photo_medium img:hover {
border-color: #7d7d7d;
}
.blog_withphoto {
margin-left: 65px;
}
.blog_pagetitle {
font: 300 26px/1.3 Helvetica, Arial, sans-serif;
color: #323232;
}
.blog_desc {
font-size: 12px;
color: #a4a4a4;
}
.blog_secondary {
background-color: #DBDBDB;
background: 0 repeat-x scroll 0 0 transparent !important;
border: 1px solid #DBDBDB;
border-radius: 3px 3px 3px 3px;
box-shadow: 0 1px 0 #FFF inset, 0 1px 0 rgba(0,0,0,0.3);
color: #616161 !important;
display: inline-block;
font-size: 12px;
height: 22px;
line-height: 22px;
padding: 0 10px;
transition: all .2s ease-in-out 0;
white-space: nowrap;
}
.blog_secondary:hover {
border-color: #9A9A9A;
color: #4C4C4C !important;
}
.blog_postmain .postfoot {
margin-left: 0px;
}
.blog_Layout {
background: #ebf0f3;
padding: 9px;
padding-right: 340px;
}
.blog_Layout_sidebar {
width: 320px;
margin-right: -330px;
float: right;
}
.sidebarContainer {
background: #fff;
margin-bottom: 10px;
border: 1px solid #dbe4ef;
}
.bar {
background: #eff4f7;
padding: 8px 10px;
}
.sideInner {
padding: 9px;
}
.ipsField {
padding: 6px;
}
.ipsField .title {
float: left;
width: 40%;
text-align: right;
margin-right: 6px;
}
ol, ul {
list-style: none;
}
#boormarks {
text-align: center;
}
#articlePrevNext {
clear: both;
}
#articlePrevNext ul {
text-align: center;
margin-top: 15px;
}
#articlePrevNext li {
display: inline;
float: none;
}

#footer {padding: 85px 0 20px!important;border-top: 4px solid #7AB6A3;color: #727272;text-align: center;position: relative;background: #303030;}#footer .backtop {position: absolute;left: 50%;top: 25px !important;background: url(http://i.imgur.com/KyM4pyT.png) no-repeat;display: block;width: 30px;height: 30px;}.tf_main {margin-top: -30px !important;}

    .pun .main-content, #profile-advanced-details .main-content {
    background: rgb(255, 255, 255);
    border: 1px solid rgb(230, 230, 230);
    border-image-source: initial;
    border-image-slice: initial;
    border-image-width: initial;
    border-image-outset: initial;
    border-image-repeat: initial;
    padding: 9px;
    border-radius: 0px;
    }
    .main > .main-content {
    margin-bottom: 0px;
    }.pun .post {
    border: 1px solid rgb(203, 218, 234);
    border-image-source: initial;
    border-image-slice: initial;
    border-image-width: initial;
    border-image-outset: initial;
    border-image-repeat: initial;
    }
    .pun .post {
    background: rgb(253, 254, 255);
    border: 1px solid rgb(203, 218, 234);
    border-image-source: initial;
    border-image-slice: initial;
    border-image-width: initial;
    border-image-outset: initial;
    border-image-repeat: initial;
    margin: 10px;
    }
    .pun .postmain {
    background-color: rgb(253, 254, 255);
    border-left: 1px solid rgb(203, 218, 234);
    margin-left: 17em;
    }
    .pun .postmain {
    background: none 0px 0px repeat scroll rgb(255, 255, 255);
    border-left: 1px solid rgb(223, 231, 240);
    height: 100%;
    margin: 0px 0px 0px 175px;
    }
    .pun .posthead {
    background-color: rgb(244, 250, 255);
    border-bottom: 1px solid rgb(203, 218, 234);
    padding: 0.5em 1.3em 0.5em 1em;
    }
    .pun .posthead {
    background: none 0% 0% repeat scroll transparent;
    border-bottom: 0px none;
    color: rgb(164, 164, 164);
    font-weight: 400;
    margin: 0px 10px 0px 0px;
    padding-top: 10px;
    font-size: 12px;
    }.pun .postbody {
    width: 100%;
    }.pun .post .user {
    font-size: 12px;
    margin-bottom: 7px;
    margin-left: -220px;
    min-height: 350px;
    padding: 7px;
    margin-top: -30px;
    width: 16em;
    text-align: center;
    }.postfoot {
    background: rgb(244, 250, 255);
    border-top: 1px solid rgb(203, 218, 234);
    clear: both;
    margin-left: -17em;
    padding: 0.5em 1em;
    text-align: right;
    }
    .postfoot {
    border-bottom: 0px;
    border-top: 0px;
    clear: both;
    margin-left: -14em;
    padding: 0.5em 1em;
    text-align: right;
    }.main .main-foot {
    background-image: none;
    border-radius: 0px 0px 4px 4px;
    }

#pwd_bad {
background-image: url('http://i.imgur.com/iIIhDFo.jpg') !important;
color: transparent !important;
}
#pwd_middle {
background-image: url('http://i.imgur.com/33vy9Vc.jpg') !important;
color: transparent !important;
}
#pwd_good {
background-image: url('http://i.imgur.com/74JBrB7.jpg') !important;
color: transparent !important;
}
.user {position: relative !important;left: 2pc !important;top: 35px !important;}h4.username {position: relative !important;text-align: center !important;left: 0px !important;top: -5px !important;}

.admin{ background-color:#FF6600;}.moderador{ background-color:#72A300;}.publicitario{ background-color:#3396FF;}.designer{ background-color:#AA37B0;}.membro{ background-color:#516882;}.programador{ background-color:#FFAA00;}
.rank {
-moz-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
color: #FFF;
display: inline-block;
font-family: "Roboto Condensed",Tahoma,Helvetica;
font-size: 11px;
font-style: normal;
font-variant: normal;
font-weight: normal;
margin-bottom: 5px;
margin-top: 5px;
padding: 8px 20px;
text-decoration: none;
text-shadow: 0 -1px rgba(0,0,0,0.35);
text-transform: uppercase;
}
.pun .user .user-info {
text-align: center!important;
}
.pun .user .user-info {
border: none!important;
}

div#container {
margin-top: 15px;
}

.pun .user-ident .user-basic-info {
margin-left: 29px;
}.post-options.profile_left {
margin-top: 0!important;
}h4.username {
margin-left: 20px;
}
#logo {
margin-top: 35px!important;
}

Referente ao template index_body salve ele todo em um bloco de notas e delete deixa-o padrão, o erro nos widget está nesse template amigo!
avatar

Alex Habilidade
Usuário experiente

Masculino
Inscrito dia : 10/01/2011
Mensagens : 2795
Pontos Ativos : 3774

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

Resolvido Re: Problema em Widgets

Mensagem por IsmaelS. em 07/09/14, 08:15 pm


IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2956
Pontos Ativos : 4096

Ver perfil do usuário http://suporte-design.forumeiros.com/

Resolvido Re: Problema em Widgets

Mensagem por Alex Habilidade em 07/09/14, 08:18 pm

Aqui para mim ele está um pouco em cima da parte branca, caso seja isto, adicione isso em sua folha CSS:
Código:

div#right {
margin-top: 36px;
}
avatar

Alex Habilidade
Usuário experiente

Masculino
Inscrito dia : 10/01/2011
Mensagens : 2795
Pontos Ativos : 3774

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

Resolvido Re: Problema em Widgets

Mensagem por IsmaelS. em 07/09/14, 08:45 pm

É possível colocar separado entre o fórum?

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2956
Pontos Ativos : 4096

Ver perfil do usuário http://suporte-design.forumeiros.com/

Resolvido Re: Problema em Widgets

Mensagem por Alex Habilidade em 07/09/14, 08:56 pm

Como assim amigo? me mostre um print por favor...
avatar

Alex Habilidade
Usuário experiente

Masculino
Inscrito dia : 10/01/2011
Mensagens : 2795
Pontos Ativos : 3774

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

Resolvido Re: Problema em Widgets

Mensagem por IsmaelS. em 07/09/14, 09:33 pm

Ou seja veja os iwdgets eles estão muito em cima do fórum para o lardo esquerdo, eu queria colocar mais para a direita os widgets se possível.

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2956
Pontos Ativos : 4096

Ver perfil do usuário http://suporte-design.forumeiros.com/

Resolvido Re: Problema em Widgets

Mensagem por Alex Habilidade em 07/09/14, 09:44 pm

Amigo, acho que se mexer nessa parte desconfigura outras, seria melhor deixar assim...

Não sei como ai está, mais aqui até que ta bom comparado com o que estava antes rsrs veja:
http://i.imgur.com/70CezRK.png
avatar

Alex Habilidade
Usuário experiente

Masculino
Inscrito dia : 10/01/2011
Mensagens : 2795
Pontos Ativos : 3774

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

Resolvido Re: Problema em Widgets

Mensagem por IsmaelS. em 07/09/14, 11:50 pm

Pois, mas preferia dar um espaço pois você já conseguiu...

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2956
Pontos Ativos : 4096

Ver perfil do usuário http://suporte-design.forumeiros.com/

Resolvido Re: Problema em Widgets

Mensagem por Alex Habilidade em 08/09/14, 07:52 pm

Olá,

Adicione esse código CSS:
Código:

#content-container div#right {
width: 230px;
}
avatar

Alex Habilidade
Usuário experiente

Masculino
Inscrito dia : 10/01/2011
Mensagens : 2795
Pontos Ativos : 3774

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

Resolvido Re: Problema em Widgets

Mensagem por IsmaelS. em 08/09/14, 09:39 pm

Resultou, mas agora ao retirar o template como pediu, eu nas estatísticas aquela barra preta que você me deu suporte, desapareceu ...

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2956
Pontos Ativos : 4096

Ver perfil do usuário http://suporte-design.forumeiros.com/

Resolvido Re: Problema em Widgets

Mensagem por Alex Habilidade em 09/09/14, 07:52 pm

Poderia me fornecer o modelo das estatísticas por favor?
avatar

Alex Habilidade
Usuário experiente

Masculino
Inscrito dia : 10/01/2011
Mensagens : 2795
Pontos Ativos : 3774

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

Resolvido Re: Problema em Widgets

Mensagem por IsmaelS. em 09/09/14, 07:53 pm

Como assim que modelo?

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2956
Pontos Ativos : 4096

Ver perfil do usuário http://suporte-design.forumeiros.com/

Resolvido Re: Problema em Widgets

Mensagem por Alex Habilidade em 09/09/14, 07:58 pm

Preciso que me mostre como era as estatísticas antes das alterações, para eu poder personalizar para você!
avatar

Alex Habilidade
Usuário experiente

Masculino
Inscrito dia : 10/01/2011
Mensagens : 2795
Pontos Ativos : 3774

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

Resolvido Re: Problema em Widgets

Mensagem por IsmaelS. em 09/09/14, 08:44 pm

Você tinha-me posto assim:


IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2956
Pontos Ativos : 4096

Ver perfil do usuário http://suporte-design.forumeiros.com/

Resolvido Re: Problema em Widgets

Mensagem por Alex Habilidade em 10/09/14, 11:25 am

Olá,

Troque o template Index_body por este:
Código:

{JAVASCRIPT}
<!-- BEGIN switch_user_logged_in -->
<div id="pun-visit" class="clearfix">
   <ul>
         <li><a href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a></li>
         <li><a href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a></li>
      <li><a href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a></li>
      <li><a href="{U_MARK_READ}">{L_MARK_FORUMS_READ}</a></li>
   </ul>
   <p>{LOGGED_AS}. {LAST_VISIT_DATE}</p>
</div>
<!-- END switch_user_logged_in -->
<!-- BEGIN switch_user_logged_out -->
<div id="pun-visit">
   <p>{L_NOT_CONNECTED} {L_LOGIN_REGISTER}</p>
</div>
<!-- END switch_user_logged_out -->

<!-- BEGIN message_admin_index -->
<div class="main">
   <!-- BEGIN message_admin_titre -->
   <div class="main-head">
      <h1 class="page-title">{message_admin_index.message_admin_titre.MES_TITRE}</h1>
   </div>
   <!-- END message_admin_titre -->

   <!-- BEGIN message_admin_txt -->
   <div id="pun-announcement">
      <p>{message_admin_index.message_admin_txt.MES_TXT}</p>
   </div>
   <!-- END message_admin_txt -->
</div>
<!-- END message_admin_index -->

<!-- BEGIN switch_user_login_form_header -->
<div class="main">
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
   <div class="user_login_form main-box center">
      <label><span class="genmed">{L_USERNAME} :</span> <input class="post" type="text" size="10" name="username" /></label> &nbsp;
      <label><span class="genmed">{L_PASSWORD} :</span> <input class="post" type="password" size="10" name="password" /></label> &nbsp;
      <label><span class="gensmall">{L_AUTO_LOGIN}</span> <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label> &nbsp;
      {S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" />
      <!-- BEGIN switch_fb_connect -->
      <span class="fb_or">{switch_user_login_form_header.switch_fb_connect.L_OR}</span>
      <fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" v="2" scope="{switch_user_login_form_header.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_header.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button>
      <!-- END switch_fb_connect -->
   </div>
</form>
</div>
<!-- END switch_user_login_form_header -->

{CHATBOX_TOP}
{BOARD_INDEX}

<!-- BEGIN disable_viewonline -->
<div id="pun-info" class="main">
   <div class="main-content">
          <div class="main-head"><div class="page-title"><h2>ESTATÍSTICAS GERAIS DO MEGA PUBLICIDADE</h2></div></div>
      <div id="stats">
         <p class="right">{TOTAL_POSTS}</p>
         <p>{TOTAL_USERS}</p>
         <p>{NEWEST_USER}</p>
      </div>
      <div id="onlinelist">
         <img src="{L_ONLINE_IMG}" alt="{L_WHO_IS_ONLINE}" />
         <p class="right">
            <!-- BEGIN switch_viewonline_link -->
            <a href="{U_VIEWONLINE}" rel="nofollow">{L_WHO_IS_ONLINE}</a>
            <!-- END switch_viewonline_link -->
            <!-- BEGIN switch_viewonline_nolink -->
            {L_WHO_IS_ONLINE}
            <!-- END switch_viewonline_nolink -->
         </p>
         <p>{TOTAL_USERS_ONLINE}<br />
         {RECORD_USERS}

         <br />
         {LOGGED_IN_USER_LIST}

         {L_ONLINE_USERS}
         {L_CONNECTED_MEMBERS}<br />
         {L_WHOSBIRTHDAY_TODAY}{L_WHOSBIRTHDAY_WEEK}</p>
         <div class="clear"></div>

         <p>{LEGEND}&nbsp;:&nbsp;{GROUP_LEGEND}</p>

      </div>
      <!-- BEGIN switch_chatbox_activate -->
      <div id="onlinechat">
         <p class="page-bottom">
         {TOTAL_CHATTERS_ONLINE}&nbsp;:&nbsp;
         {CHATTERS_LIST}<br />
         <!-- BEGIN switch_chatbox_popup -->
            <div id="chatbox_popup"></div>
            <script type="text/javascript">
               insertChatBoxPopup('{disable_viewonline.switch_chatbox_activate.switch_chatbox_popup.U_FRAME_CHATBOX}', '{L_CLICK_TO_JOIN_CHAT}');
            </script>
         <!-- END switch_chatbox_popup -->
         </p>
      </div>
      <!-- END switch_chatbox_activate -->
   </div>
</div>
<!-- END disable_viewonline -->

<!-- BEGIN switch_user_login_form_footer -->
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
   <div class="user_login_form main-box center">
      <label><span class="genmed">{L_USERNAME} :</span> <input class="post" type="text" size="10" name="username"/></label> &nbsp;
      <label><span class="genmed">{L_PASSWORD} :</span> <input class="post" type="password" size="10" name="password"/></label> &nbsp;
      <label><span class="gensmall">{L_AUTO_LOGIN}</span> <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label> &nbsp;
      {S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" />
      <!-- BEGIN switch_fb_connect -->
      <span class="genmed fb_or">{switch_user_login_form_footer.switch_fb_connect.L_OR}</span>
      <fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" v="2" scope="{switch_user_login_form_footer.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_footer.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button>
      <!-- END switch_fb_connect -->
   </div>
</form>
<!-- END switch_user_login_form_footer -->

{CHATBOX_BOTTOM}

<!-- BEGIN switch_legend -->
<ul id="pun-legend">
   <li>
      <img src="{FORUM_NEW_IMG}" alt="{L_NEW_POSTS}" />&nbsp;{L_NEW_POSTS}
      <img src="{FORUM_IMG}" alt="{L_NO_NEW_POSTS}" />&nbsp;{L_NO_NEW_POSTS}
      <img src="{FORUM_LOCKED_IMG}" alt="{L_FORUM_LOCKED}" />&nbsp;{L_FORUM_LOCKED}
   </li>
</ul>
<!-- END switch_legend -->

{AUTO_DST}

<!-- BEGIN switch_fb_index_login -->
<div id="fb-root"></div>
<script type="text/javascript">
//<![CDATA[
FB.init({
   appId: '{switch_fb_index_login.FACEBOOK_APP_ID}',
    status: true,
    cookie: true,
    xfbml: true,
   oauth: true
});
//]]>
</script>
<!-- END switch_fb_index_login -->
avatar

Alex Habilidade
Usuário experiente

Masculino
Inscrito dia : 10/01/2011
Mensagens : 2795
Pontos Ativos : 3774

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

Resolvido Re: Problema em Widgets

Mensagem por IsmaelS. em 10/09/14, 03:58 pm

Veja como ficou:
http://kodactheme.criaforum.com/

Queria agora retirar aquela parte "Você encontra atualmente 0 usuários conectados ao Chatbox : [ Ir para o Chat ]" e queria meter a barra por fora e junto a caixa das estatísticas ou seja deixar assim:


IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2956
Pontos Ativos : 4096

Ver perfil do usuário http://suporte-design.forumeiros.com/
  • 0

Resolvido Re: Problema em Widgets

Mensagem por Alex Habilidade em 11/09/14, 07:17 pm

Troque o template por este:
Código:

{JAVASCRIPT}
<!-- BEGIN switch_user_logged_in -->
<div id="pun-visit" class="clearfix">
   <ul>
         <li><a href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a></li>
         <li><a href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a></li>
      <li><a href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a></li>
      <li><a href="{U_MARK_READ}">{L_MARK_FORUMS_READ}</a></li>
   </ul>
   <p>{LOGGED_AS}. {LAST_VISIT_DATE}</p>
</div>
<!-- END switch_user_logged_in -->
<!-- BEGIN switch_user_logged_out -->
<div id="pun-visit">
   <p>{L_NOT_CONNECTED} {L_LOGIN_REGISTER}</p>
</div>
<!-- END switch_user_logged_out -->

<!-- BEGIN message_admin_index -->
<div class="main">
   <!-- BEGIN message_admin_titre -->
   <div class="main-head">
      <h1 class="page-title">{message_admin_index.message_admin_titre.MES_TITRE}</h1>
   </div>
   <!-- END message_admin_titre -->

   <!-- BEGIN message_admin_txt -->
   <div id="pun-announcement">
      <p>{message_admin_index.message_admin_txt.MES_TXT}</p>
   </div>
   <!-- END message_admin_txt -->
</div>
<!-- END message_admin_index -->

<!-- BEGIN switch_user_login_form_header -->
<div class="main">
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
   <div class="user_login_form main-box center">
      <label><span class="genmed">{L_USERNAME} :</span> <input class="post" type="text" size="10" name="username" /></label> &nbsp;
      <label><span class="genmed">{L_PASSWORD} :</span> <input class="post" type="password" size="10" name="password" /></label> &nbsp;
      <label><span class="gensmall">{L_AUTO_LOGIN}</span> <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label> &nbsp;
      {S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" />
      <!-- BEGIN switch_fb_connect -->
      <span class="fb_or">{switch_user_login_form_header.switch_fb_connect.L_OR}</span>
      <fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" v="2" scope="{switch_user_login_form_header.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_header.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button>
      <!-- END switch_fb_connect -->
   </div>
</form>
</div>
<!-- END switch_user_login_form_header -->

{CHATBOX_TOP}
{BOARD_INDEX}

<!-- BEGIN disable_viewonline -->
<div id="pun-info" class="main">
  <div class="main-head"><div class="page-title"><h2>ESTATÍSTICAS GERAIS DO MEGA PUBLICIDADE</h2></div></div>
   <div class="main-content">
                <div id="stats">
         <p class="right">{TOTAL_POSTS}</p>
         <p>{TOTAL_USERS}</p>
         <p>{NEWEST_USER}</p>
      </div>
      <div id="onlinelist">
         <img src="{L_ONLINE_IMG}" alt="{L_WHO_IS_ONLINE}" />
         <p class="right">
            <!-- BEGIN switch_viewonline_link -->
            <a href="{U_VIEWONLINE}" rel="nofollow">{L_WHO_IS_ONLINE}</a>
            <!-- END switch_viewonline_link -->
            <!-- BEGIN switch_viewonline_nolink -->
            {L_WHO_IS_ONLINE}
            <!-- END switch_viewonline_nolink -->
         </p>
         <p>{TOTAL_USERS_ONLINE}<br />
         {RECORD_USERS}

         <br />
         {LOGGED_IN_USER_LIST}

         {L_ONLINE_USERS}
         {L_CONNECTED_MEMBERS}<br />
         {L_WHOSBIRTHDAY_TODAY}{L_WHOSBIRTHDAY_WEEK}</p>
         <div class="clear"></div>

         <p>{LEGEND}&nbsp;:&nbsp;{GROUP_LEGEND}</p>

      </div>
      <!-- BEGIN switch_chatbox_activate -->
      <!-- END switch_chatbox_activate -->
   </div>
</div>
<!-- END disable_viewonline -->

<!-- BEGIN switch_user_login_form_footer -->
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
   <div class="user_login_form main-box center">
      <label><span class="genmed">{L_USERNAME} :</span> <input class="post" type="text" size="10" name="username"/></label> &nbsp;
      <label><span class="genmed">{L_PASSWORD} :</span> <input class="post" type="password" size="10" name="password"/></label> &nbsp;
      <label><span class="gensmall">{L_AUTO_LOGIN}</span> <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label> &nbsp;
      {S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" />
      <!-- BEGIN switch_fb_connect -->
      <span class="genmed fb_or">{switch_user_login_form_footer.switch_fb_connect.L_OR}</span>
      <fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" v="2" scope="{switch_user_login_form_footer.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_footer.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button>
      <!-- END switch_fb_connect -->
   </div>
</form>
<!-- END switch_user_login_form_footer -->

{CHATBOX_BOTTOM}

<!-- BEGIN switch_legend -->
<ul id="pun-legend">
   <li>
      <img src="{FORUM_NEW_IMG}" alt="{L_NEW_POSTS}" />&nbsp;{L_NEW_POSTS}
      <img src="{FORUM_IMG}" alt="{L_NO_NEW_POSTS}" />&nbsp;{L_NO_NEW_POSTS}
      <img src="{FORUM_LOCKED_IMG}" alt="{L_FORUM_LOCKED}" />&nbsp;{L_FORUM_LOCKED}
   </li>
</ul>
<!-- END switch_legend -->

{AUTO_DST}

<!-- BEGIN switch_fb_index_login -->
<div id="fb-root"></div>
<script type="text/javascript">
//<![CDATA[
FB.init({
   appId: '{switch_fb_index_login.FACEBOOK_APP_ID}',
    status: true,
    cookie: true,
    xfbml: true,
   oauth: true
});
//]]>
</script>
<!-- END switch_fb_index_login -->
avatar

Alex Habilidade
Usuário experiente

Masculino
Inscrito dia : 10/01/2011
Mensagens : 2795
Pontos Ativos : 3774

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

Página 1 de 2 1, 2  Seguinte

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