Aumentar a largura do forum
2 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1 • Compartilhe
Aumentar a largura do forum
Qual é minha questão:
Olá a todos,
Não estou conseguindo aumentar a largura do meu fórum no painel de controle não dá e já utilizei o código
#page-body {width: 1280px;}
.pun {
width: 1000px;
}
E um deles apenas aumenta para o lado direito.
Endereço do meu fórum:
http://godown.foruns.com.pt
Versão do fórum:
PUNBB
Olá a todos,
Não estou conseguindo aumentar a largura do meu fórum no painel de controle não dá e já utilizei o código
#page-body {width: 1280px;}
.pun {
width: 1000px;
}
E um deles apenas aumenta para o lado direito.
Endereço do meu fórum:
http://godown.foruns.com.pt
Versão do fórum:
PUNBB
Re: Aumentar a largura do forum
Olá!
Aceda à "Folha de Estilos CSS":
Painel de Controle Visualização Imagens & Cores Cores Folha de Estilo CSS
Código
No código acima procure por 90, quanto mais aumentar mais largo vai ficar.
Salve.
Aceda à "Folha de Estilos CSS":
Painel de Controle Visualização Imagens & Cores Cores Folha de Estilo CSS
Código
- Código:
#brading {
width: 90%;
}
No código acima procure por 90, quanto mais aumentar mais largo vai ficar.
Salve.
Re: Aumentar a largura do forum
Olá Crazy!!
Não funcionou eu até coloquei 150% eu quero aumentar a largura do index apenas isso.
Não funcionou eu até coloquei 150% eu quero aumentar a largura do index apenas isso.
Re: Aumentar a largura do forum
Olá!
Poderia me fornecer a sua Folha de Estilos CSS?
O código que eu lhe forneci está correto, pode ter outro em conflito com ele.
Até mais.
Poderia me fornecer a sua Folha de Estilos CSS?
O código que eu lhe forneci está correto, pode ter outro em conflito com ele.
Até mais.
Re: Aumentar a largura do forum
Sim, tambem acho que seja do css, aqui tem Crazy
- Código:
#brading {
width: 150%;
}
body {
background: #1a1a1a url("http://i45.tinypic.com/35cmnow.png") repeat;
color: #5A5A5A;
font: normal 11px tahoma,helvetica,arial,sans-serif;
}
.container_IE {
background: #212121 url("http://i.imgur.com/5gizNfM.png") repeat;
margin-top: 130px;
position: relative;
z-index: 2;
padding-top: 10px;
box-shadow: rgba(255, 255, 255, 0.2) 0px -1px 0px;
}
a:link {
text-decoration: none;
}
#main .module-advert .main-content {
background-color: transparent;
border: 0px;
}
#pun-about {
font-size: 0.8em;
text-align: right;
text-shadow: black 0px 1px 0px;
background: transparent;
border: none;
}
#pun-about ul li a {
color: white;
font-weight: 700;
}
#pun-about form {
display: none;
}
#pun-intro {
display: none;
}
#pun-navlinks {
display: none;
}
#pun-visit, .main-box {
background-color: transparent;
border: 0px;
margin: 0 0 1em;
padding: .6em 1em;
}
#pun-visit {
display: none;
}
.pun {
margin: 0 auto;
width: 95%;
max-width: 1200px;
min-width: 990px;
}
.right {
clear: both;
float: right;
}
.attach {
float: right;
}
/*topo*/
#branding {
background: black url("") no-repeat 50% 0;
height: 130px;
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 1;
}
.wrapper {
margin: 0 auto;
width: 100%;
max-width: 1200px;
min-width: 990px;
}
/*logo*/
#logo {
float: left;
}
#logo a.textLogo {
color: white;
height: 130px;
line-height: 130px;
padding: 0 12px;
display: block;
text-decoration: none;
font-size: 45px;
letter-spacing: -1px;
font-weight: 300;
font-family: "Helvetica Neue",Arial,sans-serif;
color: white;
text-shadow: rgba(0, 0, 0, 0.6) 0px 1px 3px, rgba(0, 0, 0, 0.6) 0px 0px 14px;
}
/*primary nav*/
#primary_nav {
float: right;
font-weight: 200;
font-family: "Helvetica Neue",Arial,sans-serif;
text-shadow: rgba(0, 0, 0, 0.6) 0px 1px 3px, rgba(0, 0, 0, 1) 0px 0px 8px;
font-size: 16px;
font-family: Tahoma;
font-weight: bold;
font-size: 14px;
margin: 44px 10px 0 0;
}
ol, ul {
list-style: none;
}
#community_app_menu > li {
margin: 0 3px 0 0;
position: relative;
}
#community_app_menu > li > a:hover, #community_app_menu > li > a.menu_active {
background: url("http://i.imgur.com/tGGpLxp.png") repeat;
background: rgba(0, 0, 0, 0.4);
-webkit-box-shadow: inset rgba(0, 0, 0, 0.5) 0px 1px 3px, rgba(255, 255, 255, 0.2) 0px 1px 0px, rgba(255, 255, 255, 0.05) 0px 0px 0px 1px;
-moz-box-shadow: inset rgba(0,0,0,0.5) 0px 1px 3px, rgba(255,255,255,0.2) 0px 1px 0px, rgba(255,255,255,0.05) 0px 0px 0px 1px;
box-shadow: inset rgba(0, 0, 0, 0.5) 0px 1px 3px, rgba(255, 255, 255, 0.2) 0px 1px 0px, rgba(255, 255, 255, 0.05) 0px 0px 0px 1px;
color: white;
}
#community_app_menu > li.active > a {
background: url("http://i.imgur.com/kiSuynF.png") repeat;
background: rgba(0, 0, 0, 0.8);
-webkit-box-shadow: inset rgba(0, 0, 0, 0.7) 0px 1px 3px, rgba(255, 255, 255, 0.25) 0px 1px 0px, rgba(255, 255, 255, 0.05) 0px 0px 0px 1px;
-moz-box-shadow: inset rgba(0,0,0,0.7) 0px 1px 3px, rgba(255,255,255,0.25) 0px 1px 0px, rgba(255,255,255,0.05) 0px 0px 0px 1px;
box-shadow: inset rgba(0, 0, 0, 0.7) 0px 1px 3px, rgba(255, 255, 255, 0.25) 0px 1px 0px, rgba(255, 255, 255, 0.05) 0px 0px 0px 1px;
color: white;
position: relative;
}
#community_app_menu > li > a {
color: white;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
display: block;
outline: none;
padding: 0px 15px;
line-height: 40px;
height: 40px;
text-decoration: none;
}
.ipsList_inline > li:first-child {
margin-left: 0;
}
.ipsList_inline > li {
display: inline-block;
margin: 0 3px;
}
/*user bar*/
#user_bar {
text-shadow: rgba(0, 0, 0, 0.5) 0px -1px 0px;
background: #333 url("http://i.imgur.com/wopHcfp.png") repeat-x 0 50%;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: inset rgba(255, 255, 255, 0.1) 0px 1px 0px, inset rgba(255, 255, 255, 0.05) 0px 0px 0px 1px;
-moz-box-shadow: inset rgba(255,255,255,0.1) 0px 1px 0px, inset rgba(255,255,255,0.05) 0px 0px 0px 1px;
box-shadow: inset rgba(255, 255, 255, 0.1) 0px 1px 0px, inset rgba(255, 255, 255, 0.05) 0px 0px 0px 1px;
margin-top: -5px;
}
#user_navigation {
float: left;
color: white;
font-size: 11px;
line-height: 36px;
height: 36px;
overflow: hidden;
}
#user_navigation .ipsList_inline li {
margin: 0;
padding: 0;
float: left;
}
#user_navigation ul li {
border-right: 1px solid rgba(255, 255, 255, 0.1);
}
#user_navigation a {
color: white;
float: left;
padding: 0 12px;
line-height: 36px;
outline: none;
height: 36px;
text-decoration: none;
}
#user_navigation #sign_in img, #user_navigation #register_link img {
vertical-align: top;
position: relative;
margin: 10px 2px 0 0;
}
#user_navigation a:hover{background:rgba(255,255,255,0.05)}
#user_navigation .user_photo {
position: relative;
vertical-align: top;
padding: 0;
height: 24px;
width: 24px;
margin: 6px -6px 0px -6px;
}
#notify_link img, #inbox_link img {
width: 20px;
height: 20px;
background-repeat: no-repeat;
background-position: 0 0;
margin-top: -2px;
}
#inbox_link img {
background-image: url('http://i.imgur.com/owF1pKg.png');
}
#notify_link img {
background-image: url('http://i.imgur.com/U9AWh9o.png');
}
img, .input_check, .input_radio {
vertical-align: middle;
}
/*search box*/
#search {
margin: 5px 5px 0 0;
}
#main_search{
margin-top: 5px;
font-size:12px;
border:0;
padding:0;
background:transparent;
width:138px;
color: #DDD;
outline:0
}
#main_search.inactive{color:#bcbcbc}
#search_wrap{
position:relative;
background:#1f1f1f;
display:block;
padding:0 26px 0 8px;
height:26px;
line-height:25px;
-moz-border-radius:3px 4px 4px 3px;
-webkit-border-top-left-radius:3px;
-webkit-border-top-right-radius:4px;
-webkit-border-bottom-right-radius:4px;
-webkit-border-bottom-left-radius:3px;
border-radius:3px 4px 4px 3px;
-webkit-box-shadow:inset rgba(0,0,0,0.6) 0px 1px 3px, rgba(255,255,255,0.1) 0px 1px 0px;
-moz-box-shadow:inset rgba(0,0,0,0.6) 0px 1px 3px, rgba(255,255,255,0.1) 0px 1px 0px;
box-shadow:inset rgba(0,0,0,0.6) 0px 1px 3px, rgba(255,255,255,0.1) 0px 1px 0px;
min-width:230px
}
#adv_search{
width:26px;
height:26px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
background:url('http://i.imgur.com/aO7FPxO.png') no-repeat 50% 50%;
text-indent: -3000em;
display:inline-block;
margin-left:3px
}
#adv_search:hover{
background-color:rgba(0,0,0,0.2)
}
#search .submit_input{
background:#141414 url('http://i.imgur.com/TX7KFb7.png') no-repeat 50%;
text-indent: -3000em;
padding:0;
border:0;
display:block;
width:26px;
height:26px;
position:absolute;
right:0;
top:0;
bottom:0;
-moz-border-radius:0 3px 3px 0;
-webkit-border-top-right-radius:3px;
-webkit-border-bottom-right-radius:3px;
border-radius:0 3px 3px 0
}
#search .submit_input:hover{
background-color:#0c0c0c
}
#search_options{
font-size:10px;
height:20px;
line-height:20px;
margin:3px 3px 3px 0;
padding:0 6px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
background:#333;
color:#ccc;
display:inline-block;
text-shadow:rgba(0,0,0,0.4) 0px -1px 0px;
float:right;
max-width:80px;
text-overflow:ellipsis;
overflow:hidden
}
/*secondary navigation*/
#secondary_navigation {
background: rgba(0, 0, 0, 0.3);
box-shadow: inset rgba(0, 0, 0, 0.6) 0px 1px 3px, rgba(255, 255, 255, 0.1) 0px 1px 0px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
overflow: hidden;
line-height: 37px;
margin-top: 10px;
margin-bottom: 15px;
clear: both;
font-size: 11px;
}
.left {
float: left;
}
#secondary_navigation #breadcrumb li {
float: left;
}
#secondary_navigation #breadcrumb li.first a {
margin-left: 0;
background: none;
padding-left: 0px;
}
#secondary_navigation #breadcrumb li a {
padding-left: 12px;
margin-left: -15px;
background: url('http://i.imgur.com/tsNvN68.png') no-repeat 0 0;
display: block;
outline: none;
text-decoration: none;
}
#secondary_navigation #breadcrumb li span {
display: block;
padding-right: 17px;
padding-left: 4px;
background: url('http://i.imgur.com/XDromo3.png') no-repeat 100% 0;
}
#secondary_navigation a {
color: #888;
line-height: 37px;
height: 37px;
}
#secondary_navigation #breadcrumb li.first a span {
padding-left: 12px;
border-radius: 3px 0px 0px 3px;
-moz-border-radius: 3px 0px 0px 3px;
border-radius: 3px 0px 0px 3px;
}
#secondary_navigation #breadcrumb li a:hover span{
background-position:100% -43px
}
#secondary_navigation #breadcrumb li a:active{
background-position:0 -86px
}
#secondary_navigation #breadcrumb li a:active span{
background-position:100% -86px
}
#secondary_links{
overflow:hidden;
padding-right:4px
}
#secondary_links li{
float:left;
margin:0
}
#secondary_links a{
padding:0 12px;
display:block;
text-decoration: none;
}
#secondary_links img{
vertical-align:top;
width:16px;
height:16px;
position:relative;
margin:10px -4px 0 -4px
}
#secondary_links a#quickNavLaunch img{opacity:0.6}
#secondary_links a#quickNavLaunch:hover img{opacity:1}
/*table*/
.main .main-head {
background: #63A103 url('http://i.imgur.com/IhHEfSe.png') repeat-x 50% 0;
color: white;
text-shadow: rgba(0, 0, 0, 0.4) 0px -1px 0px;
padding: 17px;
-moz-border-radius: 4px 4px 0 0;
border-radius: 4px 4px 0 0;
border-radius: 4px 4px 0 0;
border-top: 1px solid #F9FE36;
border-bottom: 1px solid #406E00;
-webkit-box-shadow: inset rgba(255, 255, 255, 0.2) 1px 0px 0px, inset rgba(255, 255, 255, 0.2) -1px 0px 0px;
-moz-box-shadow: inset rgba(255,255,255,0.2) 1px 0px 0px, inset rgba(255,255,255,0.2) -1px 0px 0px;
box-shadow: inset rgba(255, 255, 255, 0.2) 1px 0px 0px, inset rgba(255, 255, 255, 0.2) -1px 0px 0px;
overflow: hidden;
margin-top: 10px;
}
.main .main-head .page-title {
font-size: 12px;
font-weight: bold;
}
.main .main-foot {
text-align: center;
font-weight: bold;
color: #222;
background: url('http://fcimage.net/public/style_images/imgfc/trans10.png') repeat;
background: #fcfcfc url('http://fcimage.net/public/style_images/imgfc/highlight.png') repeat-x 0 0;
border-radius: 0 0 4px 4px;
}
.pun table.table th {
color: #8F8F8F;
font-weight: bold;
text-shadow: white 0px 1px 0px;
background: #E3E3E3 url('http://i.imgur.com/QqNbKuj.png') repeat-x 0 0;
}
.pun table.table td {
background: url("http://www.ipbforumskins.com/skindemo/public/style_images/wireless/row_gradient.png") repeat-x;
border-bottom: 1px solid #E9E9E9;
border-right: 0px;
border-left: 0px;
}
.pun .main table td.tc2, .pun .main table td.tc3 {
background: url("http://www.ipbforumskins.com/skindemo/public/style_images/wireless/row_gradient.png") repeat-x;
}
.pun .main-content {
border: 1px solid white;
border-radius: 0 0 4px 4px;
}
.hierarchy {
margin-left: 10px;
}
.desc {
margin-left: 10px;
}
/*module*/
.module .main-content {
background: #2D2D2D;
color: #CCC;
border: 0;
text-shadow: rgba(0, 0, 0, 0.3) 0px -1px 0px;
-webkit-border-radius: 0 0 4px 4px;
-moz-border-radius: 0 0 4px 4px;
border-radius: 0 0 4px 4px;
-webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 4px;
-moz-box-shadow: rgba(0,0,0,0.2) 0px 1px 4px;
box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 4px;
}
.module .main-head {
color: white;
text-shadow: rgba(0, 0, 0, 0.5) 0px -1px 0px;
background: #333 url("http://i.imgur.com/O4Ngzz2.png") repeat-x 0 50%;
padding: 15px;
border-radius: 4px 4px 0px 0px;
-moz-border-radius: 4px 4px 0px 0px;
border-radius: 4px 4px 0px 0px;
border: 1px solid #2d2d2d;
border-top: 1px solid #555;
}
/*stats*/
#statistics {
margin: 0 auto !important;
text-align: center !important;
display: table;
background: none;
}
.statHide{display:none !important;}
.statsPers li span a {
text-decoration: none !important;
}
.statsPers li > span {
display: inline-block;
background: url('http://imgur.com/47KXvZn') repeat;
background: rgba(0, 0, 0, 0.1);
color: #DDD;
padding: 3px 7px;
font-weight: bold;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
margin-right: 3px;
-webkit-box-shadow: inset rgba(0, 0, 0, 0.5) 0px 1px 2px, rgba(255, 255, 255, 0.1) 0px 1px 0px;
-moz-box-shadow: inset rgba(0,0,0,0.5) 0px 1px 2px, rgba(255,255,255,0.1) 0px 1px 0px;
box-shadow: inset rgba(0, 0, 0, 0.5) 0px 1px 2px, rgba(255, 255, 255, 0.1) 0px 1px 0px;
}
.statsPers li {
float: left;
color:#666;
margin: 2px 10px;
}
.statsPers {
list-style: none;
display: block;
margin: 0px auto;
width: 100%;
}
/*Statistics*/
#pun-info {
background: #2D2D2D;
color: #CCC;
text-shadow: rgba(0, 0, 0, 0.3) 0px -1px 0px;
border: 0;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 4px;
-moz-box-shadow: rgba(0,0,0,0.2) 0px 1px 4px;
box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 4px;
}
.statistics_head{
color: white;
text-shadow: rgba(0, 0, 0, 0.5) 0px -1px 0px;
background: #333 url("http://i.imgur.com/UdVVjcz.png") repeat-x 0 50%;
padding: 15px;
border-radius: 4px 4px 0px 0px;
-moz-border-radius: 4px 4px 0px 0px;
border-radius: 4px 4px 0px 0px;
border-bottom: 0;
border-top: 1px solid #555;
border-bottom: 1px solid #393939;
}
.statistics_head h1{
color: white;
font-size: 12px;
tahoma,helvetica,arial,sans-serif;
text-shadow: white 0px 1px 0px;
margin-left:10px;
}
#onlinelist {
background: #2d2d2d;
border: 0px;
border-top:none;
}
#onlinelist a {
color: white;
}
#onlinechat {
background: #2d2d2d;
border-top: 1px solid #2d2d2d;
border-top:none;
}
/*footer*/
#footer_utilities, #footer_utilities a {
color: #EEE;
}
#footer_utilities {
height: 43px;
padding: 8px;
position: relative;
text-shadow: rgba(0, 0, 0, 0.5) 0px -1px 0px;
background: #333 url("http://i.imgur.com/bAOGNfp.png") repeat-x 0 50%;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: inset rgba(255, 255, 255, 0.1) 0px 1px 0px;
-moz-box-shadow: inset rgba(255,255,255,0.1) 0px 1px 0px;
box-shadow: inset rgba(255, 255, 255, 0.1) 0px 1px 0px;
}
#footer_utilities .ipsList_inline > li > a {
margin-right: 0px;
padding: 4px 10px;
display: inline-block;
}
#backtotop, #bottomScroll {
width: 24px;
height: 24px;
line-height: 20px;
left: 50%;
top: 50%;
margin-left: -12px;
margin-top: -12px;
position: absolute;
display: inline-block;
background: #242424;
-webkit-box-shadow: inset rgba(0, 0, 0, 0.7) 0px 1px 3px, rgba(255, 255, 255, 0.1) 0px 1px 0px;
-moz-box-shadow: inset rgba(0,0,0,0.7) 0px 1px 3px, rgba(255,255,255,0.1) 0px 1px 0px;
box-shadow: inset rgba(0, 0, 0, 0.7) 0px 1px 3px, rgba(255, 255, 255, 0.1) 0px 1px 0px;
text-align: center;
-moz-border-radius: 16px;
-webkit-border-radius: 16px;
border-radius: 16px;
outline: 0;
}
#bottomScroll:hover,#backtotop:hover{background:#161616;color:#fff;opacity:1}
#backtotop, #bottomScroll {
line-height: 20px;
text-align: center;
}
#backtotop img {
margin-top: 5px;
}
#copyright {
text-align: right;
line-height: 22px;
float: right;
}
.skin_link {
float: left;
padding-top: 4px;
}
#rss_feed {
margin-top: -1px;
}
.clickable {
cursor: pointer;
}
/*box*/
.titlebox {
background: #EFEFEF;
text-shadow: white 0px 1px 0px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
padding: 10px;
overflow: hidden;
}
.titlebox dd {display: block;}
.titlebox dava {float: left;}
.ipsBox_withphoto {float: left; margin-left: 10px;}
.ipsType_pagetitle {color: #323232; display: block; font-family: Helvetica,Arial,sans-serif; font-size: 26px; font-style: normal; font-variant: normal; font-weight: 300; line-height: 1.4; outline-style: none; overflow: hidden; text-align: left; text-decoration: none; text-overflow: ellipsis; white-space: nowrap; width: 650px;}
.ipsType_pagetitle a {font-size: 23px; z-index: 999;}
.desc.lighter.blend_links {color: #777; float: left; font-size: 11px;}
.socialetopic {float: right; position: relative;}
.titlebox dava a img {
float: left;
height: 50px!important;
width: 50px!important;
border: 1px solid #b3b3b3;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: inset rgba(0, 0, 0, 0.2) 0px 1px 5px, inset rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
-moz-box-shadow: inset rgba(0,0,0,0.2) 0px 1px 5px, inset rgba(0,0,0,0.08) 0px 0px 0px 1px;
box-shadow: inset rgba(0, 0, 0, 0.2) 0px 1px 5px, inset rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
}
.titlebox dava a img:hover {opacity: 0.9;}
.user-avatar a img {
float: left;
max-height: 94px;
max-width: 94px;
height: 94px!important;
width: 94px!important;
margin-right: 10px;
border: 1px solid #222;
-webkit-border-radius: 0px;
border-radius: 0px;
}
.username {
color: #FAFAFA !important;
padding-left: 4px;
margin-left: 4px;
}
.pun .userinfo .username {
font-size: 18px;
font-weight: bold!important;
text-shadow: none;
}
.post-options img:hover {
opacity: 0.8;
}
.posting img:hover {
opacity: 0.9;
}
.pun .postmain {
background-color: #FCFCFC;
border-left: 0px;
margin-left: 0em;
}
.postfoot {
margin: 0;
background: #F8F8F8;
border-top: 1px solid #E4E4E4;
margin-top: 10px;
padding: 7px;
clear: both;
overflow: hidden;
}
.perfilsright {
float: right;
}
.pun .post-entry {
font-size: 14px;
line-height: 1.5em;
text-align: justify;
color: #444;
}
.pun .post-entry {
padding: 1em 1em 0;
}
.pun .paged-foot, .pun .paged-head {
background-color: transparent;
border: 0px;
padding: .6em 1.3em .3em;
}
.pun .topic {
border: 0px;
}
.pun .user .user-ident {
color: white;
font-size: 12px;
}
.user-basic-info {
color: white;
}
#stats {
color: white;
text-shadow: rgba(0, 0, 0, 0.5) 0px -1px 0px;
background: #333 url("http://i.imgur.com/hXpCRI6.png") repeat-x 0 50%;
padding: 15px;
border: 1px solid #2d2d2d;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 4px;
-moz-box-shadow: rgba(0,0,0,0.2) 0px 1px 4px;
box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 4px;
}
/*linha da assinatura*/
.pun .sig-content {
clear: both;
padding: .5em 1em;
position: relative;
}
.pun div, .pun td, .sig-line {
border-color: ##DDD;
color: ##DDD;
}
.sig-content, .signature_div {
border-top: 1px solid #E4E4E4;
}
/*lastpost*/
#avatar-lastpost img {
height: 30px;
width: 30px;
border: 1px solid #D5D5D5;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
margin-top:16px;
margin-right:11px;
-webkit-box-shadow: inset rgba(0, 0, 0, 0.2) 0px 1px 5px, inset rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
-moz-box-shadow: inset rgba(0,0,0,0.2) 0px 1px 5px, inset rgba(0,0,0,0.08) 0px 0px 0px 1px;
box-shadow: inset rgba(0, 0, 0, 0.2) 0px 1px 5px, inset rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
}
#avatar-lastpost img:hover {opacity: 0.9;}
/*quick-reply*/
#quick_reply #textarea_content {
clear: both;
margin-left: 0px;
margin-right: 0px;
width: 100% !important;
height: auto !important;
}
#text_editor_controls {
display: !important;
}
#pun-qpost #textarea_content dt label{
float:left;
}
fieldset.frm-set dl dd {
margin: auto!important;
}
/*smiley-box e quickreply*/
#smiley-box iframe{height: 260px;}
#smilies_categ{padding: 0px 0}
#smiley-box{border:1px solid #DDD;width:150px;margin:10px 0!important;padding:5px}
.pun .frm .frm-buttons input {
background-image: url(http://i.imgur.com/Qt4G6.png);
border: 1px solid #CCC;
border-bottom: 1px solid #BBB;
border-image: initial;
border-radius: 4px;
box-shadow: 0 1px 2px #ccc;
color: #333;
cursor: pointer;
margin: 0 2px 16px;
padding: 7px 22px;
}
#quick_reply fieldset.frm-set dl dd {
margin: 0 auto;
background: #2F2F2F url(http://www.purevb.com/demo/images/buttons/newbtn_middle.png) repeat-x left top;
}
#quick_reply .frm-buttons {
margin: 0 auto;
padding: 5px;
text-align: center;
background: #959595 url('http://i.imgur.com/iURiiOf.png') repeat-x 0 0;
border: 1px solid #9E9E9E;
border-bottom: 0;
-webkit-box-shadow: inset rgba(255, 255, 255, 0.2) 0px 1px 0px;
-moz-box-shadow: inset rgba(255,255,255,0.2) 0px 1px 0px;
box-shadow: inset rgba(255, 255, 255, 0.2) 0px 1px 0px;
color: #363636;
text-shadow: #C2C2C2 0px 1px 0px;
font-size: 12px;
font-weight: 300;
-moz-border-radius: 0px 0px 4px 4px;
border-radius: 0px 0px 4px 4px;
-moz-border-radius-bottomleft: 5px;
-moz-border-radius-bottomright: 5px;
-webkit-border-bottom-left-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
}
#textarea_content dt {display:none}
.main .main-content.frm {
background-color: #333;
}
a.button2, body:last-child a.button1, button.button2, input.button1, input.button2 {
-webkit-transition: all 0.218s;
border: 1px solid;
border-radius: 3px;
padding: 0px 0.91em;
}
button.button2, input.button2 {
moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
margin-right: 6px;
margin-bottom: 5px;
padding: 2px;
}
a.button2, body:last-child a.button1, button.button2, input.button1, input.button2 {
padding: 1px 0px;
}
button.button2, input.button2 {
background-position: 50% 0%;
background-repeat: repeat-x;
border: 1px solid #BCBCBC;
margin: 0px 0.25em;
overflow: visible;
padding: 2px 3px;
}
.pun .main-head a.exthelp, .pun .main-head a.exthelp:link, .pun .main-head a.exthelp:visited {
background-image: url(http://cdn2.iconfinder.com/data/icons/humano2/16x16/apps/gnome-help.png);
background-position: left;
background-repeat: no-repeat;
color: black;
padding-left: 20px;
}
textarea {
-webkit-appearance: textarea;
background-color: #171717;
color: #777;
border: 1px solid;
border-image: initial;
-webkit-rtl-ordering: logical;
-webkit-user-select: text;
-webkit-box-orient: vertical;
resize: auto;
cursor: auto;
white-space: pre-wrap;
word-wrap: break-word;
}
/*quick avatar*/
#quick-avatar {
float: left;
padding: 11px;
}
#quick-avatar img {
margin-top: 41px;
width: 50px;
height: 50px;
padding: 1px;
border: 1px solid #D5D5D5;
background: white;
-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);
}
#quick-avatar img:hover {
border-color: #A1A1A1;
-webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.2);
box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
}
/*chatbox*/
#chatbox, #chatbox_footer, #chatbox_members {
background: #1A1A1A;
border-top: 1px solid #161616;
color: white;
}
#chatbox_header.main-head {
margin: 0 auto;
-moz-border-radius: 4px 4px 0 0;
-moz-box-shadow: inset rgba(255,255,255,0.2) 1px 0 0px, inset rgba(255,255,255,0.2) -1px 0 0;
-webkit-box-shadow: inset rgba(255, 255, 255, 0.2) 1px 0 0px, inset rgba(255, 255, 255, 0.2) -1px 0 0;
background: #63A103 url(http://i.imgur.com/n1jQivZ.png) repeat-x 50% 0;
border-bottom: 1px solid #406E00;
border-radius: 4px 4px 0 0;
border-top: 1px solid #F9FE36;
box-shadow: inset rgba(255, 255, 255, 0.2) 1px 0 0px, inset rgba(255, 255, 255, 0.2) -1px 0 0;
padding: 2px;
text-shadow: rgba(0, 0, 0, 0.4) 0 -1px 0;
}
.chatbox-title, .chatbox-title a.chat-title {
color: white;
font-size: 12px;
font-weight: bold;
}
.chatbox-options li, .chatbox-options li a, .chatbox-options li label {
color: white;
}
#chatbox_members .member-title {
background: #1a1a1a;
background-color: #F4F9FD;
background-image: none;
border-bottom: 2px solid red;
color: #A30000;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 12px;
padding: .5em .25em;
text-align: center;
text-shadow: 1px 0 0 white;
}
#chatbox_members {
display: none;
}
div.main-content.chatbox.clearfix {
border: 1px solid #161616;
border-radius: 4px;
}
#chatbox p {
background: #2F2F2F url(http://www.purevb.com/demo/images/buttons/newbtn_middle.png) repeat-x left top;
border-bottom: 1px solid #4d4d4d;
border-top: 1px solid #4d4d4d;
line-height: 1.2em;
}
#chatbox_footer {
margin-top: 0px;
width: 290px;
min-width: 230px;
background: #1a1a1a;
float: right;
clear:both;
position: relative;
border-top: 1px solid #161616;
}
.right {
clear: both;
float: right;
}
input#message.post {
height: 45px;
width: 240px;
padding: 6px;
border: 1px solid #383838;
background: #292929;
color: #B7B7B7;
text-shadow: rgba(0, 0, 0, 0.3) 0px -1px 0px;
-webkit-box-shadow: inset rgba(0, 0, 0, 0.2) 0px 1px 4px;
-moz-box-shadow: inset rgba(0,0,0,0.2) 0px 1px 4px;
box-shadow: inset rgba(0, 0, 0, 0.2) 0px 1px 4px;
margin: 20px;
margin-bottom: 0px;
}
#message, #submit_button {
background: #323232 url('http://lifegames.in/forum/public/style_images/LifeGames_v2_0/highlight_faint.png') repeat-x 0 0;
border-color: #2B2B2B;
color: white;
text-shadow: #2B2B2B 0px -1px 0px;
-moz-box-shadow: rgba(0,0,0,0.43) 0px 1px 3px;
-webkit-box-shadow: rgba(0, 0, 0, 0.43) 0px 1px 3px;
box-shadow: rgba(0, 0, 0, 0.43) 0px 1px 3px;
-moz-border-radius: 2px;
padding: 5px;
-webkit-border-radius: 2px;
border-radius: 2px;
display: block;
margin: 10px;
margin-top: 0px;
margin-left: 20px;
}
#message, #submit_button:hover {
opacity: 0.9;
}
.fontbutton {
background: #646464 url('http://lifegames.in/forum/public/style_images/LifeGames_v2_0/highlight_faint.png') repeat-x 0 0;
border: 1px solid #585858;
color: white;
text-shadow: #474747 0px -1px 0px;
-moz-box-shadow: rgba(0,0,0,0.43) 0px 1px 3px;
-webkit-box-shadow: rgba(0, 0, 0, 0.43) 0px 1px 3px;
box-shadow: rgba(0, 0, 0, 0.43) 0px 1px 3px;
border-radius: 2px;
color: black;
cursor: pointer;
float: left;
margin: 3px;
padding: 3px;
margin-right: 10px;
text-align: left;
}
.fontbutton:hover {
opacity: 0.9;
}
#divsmilies img + img{visibility:visible!important}
#chatbox_messenger_form div.right img{visibility:hidden}
#simple-wrap {
background:white;
}
#divbold, #divcolor, #divitalic, #divsmilies, #divstrike, #divunderline {
background-position: center;
background-repeat: no-repeat;
}
#divbold {
background-image: url(http://cdn2.iconfinder.com/data/icons/oxygen/16x16/actions/format-text-bold.png);
}
#divitalic {
background-image: url(http://cdn2.iconfinder.com/data/icons/oxygen/16x16/actions/format-text-italic.png);
}
#divunderline {
background-image: url(http://cdn2.iconfinder.com/data/icons/oxygen/16x16/actions/format-text-underline.png);
}
#divstrike {
background-image: url(http://cdn1.iconfinder.com/data/icons/bnw/16x16/actions/text_strike.png);
}
#divcolor {
background-image: url(http://2img.net/i/fa/wysiwyg/color_swatch.png);
}
#divsmilies {
background-image: url(http://i26.servimg.com/u/f26/12/56/56/12/emotic10.png);
}
#chatbox{
background: #333;
padding: 8px;
border: 1px solid #222222;
margin-top: 6px;
margin-right: 290px;
left:0
}
.right {
clear: both;
float: right;
}
.attach {
float: right;
}
.pun .frm-form {
background: #333 url("http://www.ipbforumskins.com/skindemo/public/style_images/engraved34x/row_gradient.png") repeat-x;
border: none;
}
.pun .frm .frm-form table {
border: 1px solid #BBB;
border-top: 1px solid #BBB;
}
.main .frm-info {
background: #333 url("http://www.ipbforumskins.com/skindemo/public/style_images/engraved34x/row_gradient.png") repeat-x;
border: 0px;
margin: 1.7em;
padding: 1em;
}
.pun input, .pun select {
padding: 6px;
border: 1px solid #383838;
background: #292929;
color: #B7B7B7;
text-shadow: rgba(0, 0, 0, 0.3) 0px -1px 0px;
-webkit-box-shadow: inset rgba(0, 0, 0, 0.2) 0px 1px 4px;
-moz-box-shadow: inset rgba(0,0,0,0.2) 0px 1px 4px;
box-shadow: inset rgba(0, 0, 0, 0.2) 0px 1px 4px;
}
input[type="password"]:focus, input[type="text"]:focus, textarea:focus {
outline: none;
}
/*guest message*/
.guestMessage {
background: #FFF2DB url("http://www.ipbforumskins.com/skindemo/public/style_images/wireless/highlight.png") repeat-x 0 0;
color: #B85F1D;
line-height: 180%;
margin-bottom: 10px;
padding: 10px;
text-shadow: rgba(255, 255, 255, 0.55) 0px 1px 0px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.guestMessage .guestHeader {
background: #F0AF51;
-webkit-box-shadow: inset #B0720A 0px 1px 4px, rgba(255, 255, 255, 0.5) 0px 1px 0px;
-moz-box-shadow: inset #b0720a 0px 1px 4px, rgba(255,255,255,0.5) 0px 1px 0px;
box-shadow: inset #B0720A 0px 1px 4px, rgba(255, 255, 255, 0.5) 0px 1px 0px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
color: #9A6200;
text-shadow: rgba(255, 255, 255, 0.4) 0px 1px 0px;
padding: 10px;
font-size: 1.1em;
font-weight: bold;
margin: -4px -4px 10px -4px;
}
.guestMessage a.guestButton {
background: #F0AF51;
-webkit-box-shadow: inset #B0720A 0px 1px 4px, rgba(255, 255, 255, 0.5) 0px 1px 0px;
-moz-box-shadow: inset #b0720a 0px 1px 4px, rgba(255,255,255,0.5) 0px 1px 0px;
box-shadow: inset #B0720A 0px 1px 4px, rgba(255, 255, 255, 0.5) 0px 1px 0px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
color: #9A6200;
text-shadow: rgba(255, 255, 255, 0.4) 0px 1px 0px;
padding: 0 14px;
display: inline-block;
height: 36px;
line-height: 36px;
outline: 0;
margin: 10px 8px 0 0;
font-weight: bold;
text-decoration: none;
}
/*spoiler*/
.codebox dt {
height: 24px;
line-height: 24px;
font-size: 11px;
padding: 0 10px;
background: #ECECEC url('http://lifegames.in/forum/public/style_images/LifeGames_v2_0/highlight_strong.png') repeat-x 0 0;
border: 1px solid #D0D0D0;
-moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.1), inset rgba(255,255,255,0.7) 0px 1px 0px;
-webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1), inset rgba(255, 255, 255, 0.7) 0px 1px 0px;
box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1), inset rgba(255, 255, 255, 0.7) 0px 1px 0px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
color: #616161;
text-shadow: white 0px 1px 0px;
display: inline-block;
white-space: nowrap;
cursor: pointer;
}
.codebox dt:hover {
color:#4c4c4c;background-color:#f8f8f8
}
.codebox {
background-color: transparent;
border: 0px;
margin: 1em;
}
.codebox dd {
background-color: transparent;
border: 1px solid transparent;
margin: .5em;
padding: .5em;
}
.codebox dd:hover {
border: 1px dashed #E3E3E3;
}
/*lastpost*/
.mini_ava {
float: left;
}
.mini_ava img {
width: 36px;
height: 36px;
margin: 0 5px;
padding: 1px;
border: 1px solid #D5D5D5;
background: white;
-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);
}
.mini_ava img:hover {
border-color: #a1a1a1;
-webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.2);
box-shadow: 0px 2px 2px rgba(0,0,0,0.2);
}
Re: Aumentar a largura do forum
Olá!
Procure por isso na sua CSS
No código acima, procure por 95, vai aumentando.
No código acima procure por 1200, vai aumentando.
Até mais.
Procure por isso na sua CSS
- Código:
.pun {
margin: 0 auto;
width: 95%;
max-width: 1200px;
min-width: 990px;
}
No código acima, procure por 95, vai aumentando.
No código acima procure por 1200, vai aumentando.
Até mais.
Re: Aumentar a largura do forum
Já dei um obrigado para você Crazy!!
Resolvido, muito obrigado!!
Resolvido, muito obrigado!!
Tópicos semelhantes
» Aumentar largura do forum
» Aumentar largura do fórum
» Aumentar a largura do fórum
» Aumentar a largura do fórum
» Aumentar largura de fórum
» Aumentar largura do fórum
» Aumentar a largura do fórum
» Aumentar a largura do fórum
» Aumentar largura de fórum
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos