Como deixar meu forum para o Left?

[WebGames]

Eae galera tipo entrem no meu fórum : http://angelcheats.livreforum.com/ e vejam tipo ele fica centralizado tipo eu queria por widgets nele mais ia ficar muito pequeno pois ele fica centralizado tem como deixar ele meio que agarrado com a esquerda? tipo esse ó : cheatsmundial.forumn.org vejam como ele fica todo para esquerda tem como deixar meu forum assim ?

---

Fórum: http://angelcheats.livreforum.com/ (punBB)

Imagens do problema:

[Dr.Helper]

Olá,Aceda á :

Painel de Controle Visualização Cores Folha de Estilo CSS

e insira o seguinte código :

.home {
text-align: left !important;
}

Passar bem.

[WebGames]

n funcionou meu forum é punbb via templates

[Dr.Helper]

Olá,Aceda á :

Painel de Controle Visualização Templates Geral

e envie sua index_body

Passar bem.

[WebGames]

{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 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>
<label><span class="genmed">{L_PASSWORD} :</span> <input class="post" type="password" size="10" name="password" /></label>
<label><span class="gensmall">{L_AUTO_LOGIN}</span> <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label>
{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 -->
<span class="clear upperframe"><span></span></span>

<div class="roundframe"><div class="innerframe">
<div class="cat_bar">
<h3 class="catbg">
<img class="icon" id="upshrink_ic" src="http://www.audentio.com/demo/mybb16/images/glowing/collapse.gif" alt="*" title="Minimizar o Expandir Header." style="cursor: pointer; ">
Shutskins Estadisticas
</h3>
</div>
<div id="upshrinkHeaderIC">
<div class="title_barIC">
<h4 class="titlebg">
<span class="ie6_header floatleft">
Usuarios en Linea
</span>
</h4>
</div>
<p>{TOTAL_USERS_ONLINE}
<br />{LOGGED_IN_USER_LIST} {L_ONLINE_USERS} {L_CONNECTED_MEMBERS}</p>

<div class="title_barIC">
<h4 class="titlebg">
<span class="ie6_header floatleft">
Estadisticas
</span>
</h4>
</div>
<p class="inline stats">
{RECORD_USERS}
</p>
<p class="inline smalltext">
</p>
<p class="last smalltext">
{TOTAL_POSTS}</br>
{TOTAL_USERS}
</p>
</div></div>
<span class="lowerframe"><span></span></span>
<!-- 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>
<label><span class="genmed">{L_PASSWORD} :</span> <input class="post" type="password" size="10" name="password"/></label>
<label><span class="gensmall">{L_AUTO_LOGIN}</span> <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label>
{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}

{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 -->

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

<!-- END switch_legend -->

SE DER TEM COMO POR UNS WIDGETS LEGAIS NELE ? TIPO DAQUELE FORUM CHEATSMUNDIAL?

[Sennior]

Olá querido altor,

Aceda á teu CSS com o códig abaixo:

Código:

.pun{padding: 20px !important; }

Coloque sobre teu CSS é veja se dará certo para por os Widgets.

[Dr.Helper]

Olá,Esta ação não poderei fazer.
Por favor crie outro tópico !

Troque seu código do 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 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>
<label><span class="genmed">{L_PASSWORD} :</span> <input class="post" type="password" size="10" name="password" /></label>
<label><span class="gensmall">{L_AUTO_LOGIN}</span> <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label>
{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 -->
<span class="clear upperframe"><span></span></span>

<div class="roundframe"><div class="innerframe">
<div class="cat_bar">
<h3 class="catbg">
<img class="icon" id="upshrink_ic" src="http://www.audentio.com/demo/mybb16/images/glowing/collapse.gif" alt="*" title="Minimizar o Expandir Header." style="cursor: pointer; ">
Shutskins Estadisticas
</h3>
</div>
<div id="upshrinkHeaderIC">
<div class="title_barIC">
<h4 class="titlebg">
<span class="ie6_header floatleft">
Usuarios en Linea
</span>
</h4>
</div>
<p>{TOTAL_USERS_ONLINE}
<br />{LOGGED_IN_USER_LIST} {L_ONLINE_USERS} {L_CONNECTED_MEMBERS}</p>

<div class="title_barIC">
<h4 class="titlebg">
<span class="ie6_header floatleft">
Estadisticas
</span>
</h4>
</div>
<p class="inline stats">
{RECORD_USERS}
</p>
<p class="inline smalltext">
</p>
<p class="last smalltext">
{TOTAL_POSTS}</br>
{TOTAL_USERS}
</p>
</div></div>
<span class="lowerframe"><span></span></span>
<!-- 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>
<label><span class="genmed">{L_PASSWORD} :</span> <input class="post" type="password" size="10" name="password"/></label>
<label><span class="gensmall">{L_AUTO_LOGIN}</span> <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label>
{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}

{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 -->

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

<!-- END switch_legend -->

<!-- BEGIN position_text -->
.home {
text-align: left !important;
}
<!-- END position_text -->

Não esqueça de Publicar.

[WebGames]

n deu .

[Tiffye]

Buenas!

Adicione ao teu CSS este código:

Código:

#foruswrap1 {
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
background: #F0F0F0 url(http://www.audentio.com/demo/mybb16/images/glowing/wraptable_bg.png) repeat-x;
border: 1px solid #DEDEDE;
border-radius: 8px;
margin: 100px 0 20px;
padding: 18px 14px;
}
.pun {
line-height: 150%;
}

Um grande abraço,
Touks!

[WebGames]

nenhum funcionou :S

[Convidado]

Olá!

senhor não consegui em chegar seu problema, poderia nos enviar um prait?

Até Mais.

[WebGames]

ok olha : https://i.imgur.com/GNDrq.png

[Sennior]

Olá senhor autor,

O senhor anda fazendo muitos UPs não acha? Se continuar, tomarei providencias com o senhor! Tente o código abaixo:

Código:

.pun{padding: 20px !important;width: 87px; }

[Convidado]

Olá!

aqui aparenta esta normal mas tente isto.

Painel de Controle Geral Fórum Configuração

Procure por Largura do fórum (número ou %) : começe marcando 97%, até ficar do jeito em que deseja.

Até Mais.

[WebGames]

Mike funcionou mais ele ficou mais pequeno :S

[Sennior]

O senhor alterou os numeros do código?

.pun{padding: 20px !important;width: 87px; }

Abraços.

[WebGames]

nenhum funcionou :S

[Tiffye]

Buenas!

Substitua os códigos fornecidos neste tópico, por este:

.pun{padding-left: 22px !important;margin-left: 50px !important;width: 87px !important; }

Os valores destacados em negrito, é o que o senhor pode e deve modificar até ficar ao teu gosto.

Cordialmente!

[Sennior]

Olá,

O código é este, coloque no inicio de teu CSS:

Código:

#page-body {
position: relative;
width: 1181px;
left: -68px;
padding: 37px !important;
}

[WebGames]

naoko vlw funcionou

[Tiffye]

Buenas!

Sim! Basta modificar o valor 87 em negrito para mais. Por exemplo: 100 ou 200.

.pun{padding-left: 22px !important;margin-left: 50px !important;width: 87px !important; }

Aumente o valor destacado até ficar ao teu gosto.

Até mais!

[WebGames]

n ta aumentando :S

[Tiffye]

Buenas!

Isto deve ser de fato, a limitação do código.

.pun{padding-left: 22px !important;margin-left: 50px !important;width: 87px !important; }

Os valores em negritos, devem ser modificados. Modifique os três, e vá modificando aos poucos, regulando o lado esquerdo, a margem do lado esquerdo e também a largura.

Até mais!

[WebGames]

mais não dá eu quero aumentar o tamanho dele mais essas opções só tem : centralizar , right e left não tem para deixar maior

[Tiffye]

Buenas!

Adiciona no teu CSS este código:

Código:

.pun {
width: 980px;
}

Cordialmente!

[WebGames]

vlw naoko você é o cara vey NAOKO