Come Allargare il forum ?

[Peppe]

Salve, altro quesito altro giro dunque vorrei allargare il forum, mi spiego con una risoluzione di 1280 x 1024 il forum si vede stretto ancora dai margini ce un bel po di spazio, da dove si modifica questo parametro ? di recente ho fatto un sondaggio ed ormai la risoluzione standard che in molti anno votato era 1280 x 1024 addirittura anche piu alta.

Grazie in anticipo

[Carlo]

Che stile utilizzi?

[Sir Xiradorn]

Volendo il margine del forum puo essere anche dinamico se serve...anche se poi crea difficoltà nella gestione di eventuali modifiche postume

Comunque devi apportare delle modifiche al common.css (pro) o allo stylesheet.css (sub)

[Peppe]

Che stile utilizzi?

Il mio template non e nessuno dei 2 ma e legato al Subsilver2, al stylesheet.css che dovrei modificare quale voce ! ho dato un'cchiata ma non vedo cosa modificare

[Carlo]

Incolla il contenuto dello stylesheet, inserendolo nel BBCode CODE.

[Peppe]

Stylesceet.css

Codice: Seleziona tutto

/*
	phpBB 3.0 Style Sheet
	--------------------------------------------------------------
	Style name:				Black Pearl
	Based on style:		subSilver (the default phpBB 2 style)
	Original author:	subBlue ( http://www.subBlue.com/ )
	Modified by:			Mighty Gorgon ( http://www.icyphoenix.com )

	Copyright 2006 phpBB Group ( http://www.phpbb.com/ )
	--------------------------------------------------------------
*/

@import url("fap.css");

/* === Layout === */

* {
	/* Reset browsers default margin, padding and font sizes */
	margin: 0;
	padding: 0;
}

html {
	font-size: 100%;
}

body {
         background-attachment: fixed;
         background-image: url('./images/Top_Header.jpg'); fixed;
	/* Text-Sizing with ems: http://www.clagnut.com/blog/348/ */
	font-family: Verdana, "Trebuchet MS", "Lucida Grande", Helvetica, Arial, sans-serif;
	color: #FFFFFF;
	background-color: #112238;
	font-size: 62.5%; /* This sets the default font size to be equivalent to 10px */
	margin: 0px 10px 0px 10px;
}

html, body {
   background-attachment: fixed;
   background-color: #112238;
   background-image: url('./images/Top_Header.jpg'); fixed;

}

#wrapcentre {
	margin: 15px 15px 0 15px;
}

#wrapfooter {
	text-align: center;
	clear: both;
}

#wrapper{
	/* clear: both; */
	margin: 0 auto;
	width: 1100px;
	/* width: 100%; */
}

#top_logo{
	border-width: 0px 0px 0px 0px;
	margin: 40px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: url('./images/top_header.png');
	height: 150px;
}

#bottom_logo_ext{
	border-top: 1px solid #445566;
	border-bottom: 1px solid #556677;
}

#bottom_logo{
	border: 0px solid #182848;
	background: url('./images/bg_footer.gif') repeat;
}

.leftshadow{
	background: url('./images/shadow_left.gif') repeat-y;
	padding: 0px;
	/*margin-left: 10px;*/
	width: 9px;
	vertical-align: top;
}

.rightshadow{
	background: url('./images/shadow_right.gif') repeat-y;
	padding: 0px;
	/*margin-right: 10px;*/
	width: 9px;
	vertical-align: top;
}

.forum-buttons {
	color: #E8E8EE;
	background: #112238 url('./images/bg_buttons.gif') top left repeat-x;
	border-top: solid 1px #DD2222;
	border-bottom: solid 1px #DD2222;
	height: 24px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	white-space: nowrap;
	padding: 0px;
	padding-top: 6px;
}

#wrapnav {
	width: 100%;
	margin: 0;
	background-color: #112238;
	border-width: 1px;
	border-style: solid;
	border-color: #182848;
}

#datebar {
	margin: 10px 25px 0 25px;
}

#findbar {
	width: 100%;
	margin: 0;
	padding: 0;
	border: 0;
}

.forumrules {
	background-color: #008484;
	border-width: 1px;
	border-style: solid;
	border-color: #FFBB00;
	padding: 4px;
	font-weight: normal;
	font-size: 1.1em;
	font-family: Verdana, "Trebuchet MS", "Lucida Grande", Arial, Helvetica, sans-serif;
}

.forumrules h3 {
	color: #DD2222;
}

#pageheader { }
#pagecontent { }
#pagefooter { }

#poll { }
#postrow { }
#postdata { }


/* === Text === */

h1 {
	color: #E8E8EE;
	font-family: "Trebuchet MS", "Lucida Grande", Verdana, sans-serif;
	font-size: 1.8em;
	font-weight: bold;
	text-decoration: none;
}

h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	font-weight: bold;
	line-height: 120%;
	text-decoration: none;
}

h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	font-weight: bold;
	line-height: 120%;
}

h4 {
	font-size: 0.9em;
	font-weight: bold;
	margin: 0;
	padding-top: 3px;
}

p {
	font-size: 1.1em;
}

p.moderators {
	margin: 0;
	float: left;
	color: #E8E8EE;
	font-weight: bold;
}

.rtl p.moderators {
	float: right;
}

p.linkmcp {
	margin: 0;
	float: right;
	white-space: nowrap;
}

.rtl p.linkmcp {
	float: left;
}

p.breadcrumbs {
	margin: 0;
	float: left;
	color: #E8E8EE;
	font-weight: bold;
	white-space: normal;
	font-size: 1em;
}

.rtl p.breadcrumbs {
	float: right;
}

p.datetime {
	margin: 0;
	float: right;
	white-space: nowrap;
	font-size: 1em;
}

.rtl p.datetime {
	float: left;
}

p.searchbar {
	padding: 2px 0;
	white-space: nowrap;
}

p.searchbarreg {
	margin: 0;
	float: right;
	white-space: nowrap;
}

.rtl p.searchbarreg {
	float: left;
}

p.forumdesc {
	padding-bottom: 4px;
}

p.topicauthor {
	margin: 1px 0;
}

p.topicdetails {
	margin: 1px 0;
}

.postreported, .postreported a:visited, .postreported a:hover, .postreported a:link, .postreported a:active {
	margin: 1px 0;
	color: CC3333;
	font-weight:bold;
}

.postapprove, .postapprove a:visited, .postapprove a:hover, .postapprove a:link, .postapprove a:active {
	color: #007700;
	font-weight:bold;
}

.postapprove img, .postreported img {
	vertical-align: bottom;
}

.postauthor {
	color: #E8E8EE;
}

.postdetails {
	color: #E8E8EE;
}

.postbody {
	font-size: 1.3em;
	line-height: 1.4em;
	font-family: Verdana, "Trebuchet MS", "Lucida Grande", Helvetica, Arial, sans-serif;
}

.postbody li, ol, ul {
	margin: 0 0 0 1.5em;
}

.rtl .postbody li, .rtl ol, .rtl ul {
	margin: 0 1.5em 0 0;
}

.posthilit {
	background-color: #00FF00;
}

.nav {
	margin: 0;
	color: #E47817;
	font-weight: bold;
}

.pagination {
	padding: 4px;
	color: #E8E8EE;
	font-size: 1em;
	font-weight: bold;
}

.cattitle {

}

.gen {
	margin: 1px 1px;
	font-size: 1.2em;
}

.genmed {
	margin: 1px 1px;
	font-size: 1.1em;
}

.gensmall {
	margin: 1px 1px;
	font-size: 1em;
}

.copyright {
	padding-left: 2px;
	padding-right: 2px;
	font-size: 1.0em;
	color: #E8E8EE;
	vertical-align: middle;
}

.titles {
	font-family: Verdana, "Trebuchet MS", "Lucida Grande", Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 1.3em;
	text-decoration: none;
}

.error {
	color: CC3333;
}


/* === Tables === */

.tbl-title {
	color: #E8E8EE;
	margin-top: 6px;
}

.tbl-h-c {
	background: url('./images/tbl_h_c.gif') bottom left repeat-x;
	height: 30px;
	font-weight: bold;
	font-size: 1.3em;
	text-align: center;
	vertical-align: middle;
	margin: 0;
	white-space: nowrap;
	overflow: hidden;
}

.tbl-h-l {
	background: url('./images/tbl_h_l.gif') bottom left no-repeat;
	padding-left: 27px;
}

.tbl-h-r {
	background: url('./images/tbl_h_r.gif') bottom right no-repeat;
	padding-right: 27px;
}

.tbl-f-c {
	background: url('./images/tbl_f_c.gif') bottom left repeat-x;
	height: 12px;
	font-size: 0.1em;
	margin: 0;
	white-space: nowrap;
	overflow: hidden;
}

.tbl-f-l {
	background: url('./images/tbl_f_l.gif') bottom left no-repeat;
	padding-left: 10px;
}

.tbl-f-r {
	background: url('./images/tbl_f_r.gif') bottom right no-repeat;
	padding-right: 10px;
}

th {
	color: #E47817;
	background-color: #112238;
	background-image: url('./images/bg_th.gif');
	font-size: 1.1em;
	font-weight: bold;
	white-space: nowrap;
	padding: 7px 5px;
}

td {
	padding: 2px;
}

td.profile {
	padding: 4px;
}

td.np {
	padding: 0px;
}

td.np-body {
	background-color: #112238;
	padding: 0px;
}

.tablebg {
	background-color: #112238;
	border: solid 1px #556677;
}

.tablebg th{
	color: #C2A82E;
	background: #112238 url('./images/bg_th.gif') top left repeat-x;
	font-size: 1.1em;
	font-weight: bold;
	height: 26px;
	padding: 0 5px;
	border: solid 1px #182848;
	border-right-color: #445566;
	border-bottom-color: #445566;
	white-space: nowrap;
}

.cat {
	color: #FFBB00;
	background-color: #112238;
	background-image: url('./images/bg_th.gif');
	border: solid 1px #182848;
	border-right-color: #445566;
	border-bottom-color: #445566;
	height: 26px;
	margin: 0;
	padding: 0;
	text-indent: 4px;
}

.cat h4 a, .cat h4 a:visited {
	color: #E8E8EE;
	font-size: 1.2em;
	font-weight: bold;
	text-decoration: none;
}

.cat h4 a:hover, .cat h4 a:active {
	color: #DD2222;
	font-size: 1.2em;
	font-weight: bold;
	text-decoration: underline;
}

.cat-bottom {
	background: #112238 url('./images/bg_catbottom.gif') top left repeat-x;
	border: solid 1px #182848;
	border-right-color: #223355;
	border-bottom-color: #223355;
	height: 28px;
	min-height: 28px;
	text-align: center;
	padding: 0px;
}

.catdiv {
	background-color: #112238;
	background-image: url('./images/bg_th.gif');
	border: solid 1px #182848;
	border-right-color: #445566;
	border-bottom-color: #445566;
	height: 26px;
	margin: 0;
	padding: 0;
}

.rtl .catdiv {
	background-color: #112238;
	background-image: url('./images/bg_th.gif');
}

.row1, .row2, .row3, .row4 {
	border: solid 1px #182848;
	border-right-color: #223355;
	border-bottom-color: #223355;
	padding: 4px;
}

.row1 {
	background-color: #081828;
}

.row2 {
	background-color: #122334;
}

.row3 {
	background-color: #233456;
}

.row4 {
	background-color: #324354;
}

.row-post-top {
	background-color: #112238;
	border: solid 1px #182848;
	border-right-color: #223355;
	border-bottom-color: #223355;
	vertical-align: top;
}

.row-post-body {
	background: #112233 url('./images/bg_post.gif') top left repeat-x;
	border: solid 1px #182848;
	border-right-color: #223355;
	border-bottom-color: #223355;
	vertical-align: top;
}

.row-post-bottom {
	color: #666666;
	background: #001133 url('./images/bg_postbottom.gif');
	border: solid 1px #182848;
	border-right-color: #223355;
	border-bottom-color: #223355;
	vertical-align: middle;
	font-size: 1.0em;
	line-height: 1.2em;
	white-space: nowrap;
	padding: 1px;
}

.spacer {
	background-color: #FF8800;
	background-image: url('./images/bg_spacerow.gif');
	border: solid 1px #182848;
	border-right-color: #223355;
	border-bottom-color: #223355;
	height: 4px;
	padding: 0;
}

hr {
	color: #233456;
	background-color: #233456;
	border-width: 0;
	height: 1px;
}

.legend {
	text-align: center;
	margin: 0 auto;
	border: solid 1px #182848;
	background-color: #112238;
}


/* === Links === */

a:link {
	color: #02DECC;
	text-decoration: none;
}

a:active,
a:visited {
	color: #E8E8EE;
	text-decoration: none;
}

a:hover {
	color: #DD2222;
	text-decoration: underline;
}

a.forumlink, a.forumlink:visited {
	color: #FBA001;
	font-family: Verdana, "Trebuchet MS", "Lucida Grande", Helvetica, Arial, sans-serif;
	font-size: 1.2em;
	font-weight: bold;
	text-decoration: none;
}

a.forumlink:hover, a.forumlink:active {
	color: #DD2222;
	font-family: Verdana, "Trebuchet MS", "Lucida Grande", Helvetica, Arial, sans-serif;
	font-size: 1.2em;
	font-weight: bold;
	text-decoration: underline;
}

a.topictitle {
	margin: 1px 0;
	font-family: Verdana, "Trebuchet MS", "Lucida Grande", Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 1.2em;
}

a.topictitle:visited {
	color: #E8E8EE;
	text-decoration: none;
}

th a,
th a:visited {
	color: #FFBB00 !important;
	text-decoration: none;
}

th a:hover {
	text-decoration: underline;
}

a.subforum.read {
	background-image: url('./images/subforum_read.gif');
	background-repeat: no-repeat;
	background-position: 3px;
	padding-left: 12px;
}

a.subforum.unread {
	background-image: url('./images/subforum_unread.gif');
	background-repeat: no-repeat;
	background-position: 3px;
	padding-left: 12px;
}

.forum-buttons a, .forum-buttons a:visited {
	color: #E8E8EE;
	font-weight: bold;
	text-decoration: none;
	vertical-align: top;
}

.forum-buttons a:hover, .forum-buttons a:active {
	color: #DD2222;
	font-weight: bold;
	text-decoration: none;
	vertical-align: top;
}


/* === Form Elements === */

form {
	margin: 0;
	padding: 0;
	border: 0;
}

input {
	color: #E8E8EE;
	background-color: #112238;
	border: 1px solid #336688;
	font-family: Verdana, "Trebuchet MS", "Lucida Grande", Helvetica, sans-serif;
	font-size: 1.1em;
	font-weight: normal;
	padding: 1px;
}

textarea {
	color: #E8E8EE;
	background-color: #112238;
	border: 1px solid #336688;
	font-family: Verdana, "Trebuchet MS", "Lucida Grande", Helvetica, Arial, sans-serif;
	font-size: 1.3em;
	line-height: 1.4em;
	font-weight: normal;
	padding: 2px;
}

select {
	color: #E8E8EE;
	background-color: #112238;
	border: 1px solid #336688;
	font-family: Verdana, "Trebuchet MS", "Lucida Grande", Helvetica, sans-serif;
	font-size: 1.1em;
	font-weight: normal;
	padding: 1px;
}

input:hover, textarea:hover, select:hover {
	color: #DD2222;
	background-color: #233456;
	border: solid 1px #E8E8EE;
}

input:focus, textarea:focus, select:focus {
	color: #E8E8EE;
	background-color: #112238;
	border: solid 1px #DD2222;
}

option {
	padding: 0 1em 0 0;
}

option.disabled-option {
	color: #888888;
}

.rtl option {
	padding: 0 0 0 1em;
}

input.radio {
	background-color: transparent;
	border: none;
}

.post {
	background-color: #112238;
	border-style: solid;
	border-width: 1px;
}

.btnbbcode {
	color: #E8E8EE;
	background-color: #112238;
	border: 1px solid #336688;
	font-family: Verdana, "Trebuchet MS", "Lucida Grande", Helvetica, sans-serif;
	font-size: 1.1em;
	font-weight: normal;
	padding: 1px;
}

.btnmain {
	color: #E8E8EE;
	background-color: #112238;
	border: 1px solid #336688;
	font-family: Verdana, "Trebuchet MS", "Lucida Grande", Helvetica, sans-serif;
	font-size: 1.1em;
	font-weight: bold;
	padding: 1px;
	cursor: pointer;
}

.btnlite {
	color: #E8E8EE;
	background-color: #112238;
	border: 1px solid #336688;
	font-family: Verdana, "Trebuchet MS", "Lucida Grande", Helvetica, sans-serif;
	font-size: 1.1em;
	font-weight: normal;
	padding: 1px;
	cursor: pointer;
}

.btnfile {
	color: #E8E8EE;
	background-color: #112238;
	border: 1px solid #336688;
	font-family: Verdana, "Trebuchet MS", "Lucida Grande", Helvetica, sans-serif;
	font-size: 1.1em;
	font-weight: normal;
	padding: 1px;
}

btnmain:hover, btnlite:hover, btnfile:hover, btnbbcode:hover {
	color: #DD2222;
	background-color: #233456;
	border: solid 1px #E8E8EE;
}

btnmain:focus, btnlite:focus, btnfile:focus, btnbbcode:hover {
	color: #E8E8EE;
	background-color: #112238;
	border: solid 1px #DD2222;
}


.helpline {
	color: #E8E8EE;
	background-color: #112238;
	border: 1px solid #556677;
}


/* === PM === */

.popuppm-new a {
	color: #E8E8EE;
	background: #001133 url('./images/bg_post.gif') top left repeat-x;
	border: solid 1px #445566;
	font-size: 1.2em;
	font-weight: bold;
	text-decoration: none;
	margin: 5px 0;
	padding: 40px 60px;
}

.popuppm-new a:hover {
	color: #DD2222;
	border: solid 1px #DD2222;
	text-decoration: underline;
}

a.pm-new-link, a.pm-new-link:visited {
	color: #FFBB00;
	text-decoration: underline;
}

a.pm-new-link:hover, a.pm-new-link:active {
	color: #DD2222;
	text-decoration: underline;
}

.pm-bg-color {
	background-color: #666666;
}


/* === BBCode === */

.quotetitle {
	color: #FFDD99;
	background: #FF9933 url('./images/bbc_quote.gif') no-repeat right;
	border: 1px solid #556677;
	font-family: Verdana, "Trebuchet MS", "Lucida Grande", Helvetica, Arial, sans-serif;
	font-size: 0.9em;
	font-weight: bold;
	text-align: left;
	padding: 5px;
	width: 90%;
	margin-top: 10px;
}

.attachtitle {
	color: #446688;
	background: #AACCFF url('./images/bbc_zip.gif') no-repeat right;
	border: 1px solid #556677;
	font-family: Verdana, "Trebuchet MS", "Lucida Grande", Helvetica, Arial, sans-serif;
	font-size: 0.9em;
	font-weight: bold;
	text-align: left;
	padding: 5px;
	width: 90%;
	margin-top: 10px;
}

.quotetitle .quotetitle {
	font-size: 1.0em;
}

.quotecontent, .attachcontent {
	background: #233456;
	border: 1px solid #556677;
	border-top: 0;
	font-family: Verdana, "Trebuchet MS", "Lucida Grande", Helvetica, Arial, sans-serif;
	font-size: 1em;
	text-align: left;
	padding: 5px;
	width: 90%;
	overflow: auto;
	direction: ltr;
}

.attachcontent {
	font-size: 0.85em;
}

.codetitle {
	color: #FFDD99;
	background: #119933 url('./images/bbc_code.gif') no-repeat right;
	border: 1px solid #556677;
	font-family: Verdana, "Trebuchet MS", "Lucida Grande", Helvetica, Arial, sans-serif;
	font-size: 0.9em;
	font-weight: bold;
	text-align: left;
	margin-top: 10px;
	padding: 5px;
	width: 90%;
}

.codecontent {
	color: #00FF00;
	background: #233456;
	border: 1px solid #556677;
	border-top: 0;
	font-family: 'Courier New', Monaco, monospace;
	font-size: 0.85em;
	font-weight: normal;
	text-align: left;
	padding: 5px;
	width: 90%;
	height: 100px;
	overflow: auto;
	direction: ltr;
}

.syntaxbg {
	color: #E8E8EE;
}

.syntaxcomment {
	color: #FF8800;
}

.syntaxdefault {
	color: #E8E8EE;
}

.syntaxhtml {
	color: #E8E8EE;
}

.syntaxkeyword {
	color: #007700;
}

.syntaxstring {
	color: #DD2222;
}


/* === Navigation === */

.bc-tbl {
	border: solid 1px #556677;
	background-color: #112238;
	margin: 5px 0;
}

.bc-header {
	color: #E8E8EE;
	background: #112238 url('./images/bg_nav1.gif');
	font-size: 1.3em;
	font-weight: bold;
	text-align: left;
	padding: 4px 5px;
}

.bc-links {
	color: #11FF11;
	background: #112238 url('./images/bg_nav2.gif') top left repeat-x;
	font-size: 1.0em;
	line-height: 1.4em;
	text-align: right;
	padding: 3px 5px;
}

.bc-links-left {
	position: relative;
	float: left;
	text-align: left;
}

.bc-header, .bc-links {
	border: solid 1px #182848;
	border-right-color: #223355;
	border-bottom-color: #223355;
}

.bc-div a, .bc-div a:visited {
	color: #E8E8EE;
	text-decoration: none;
}

.bc-div a:hover, .bc-div a:active {
	color: #DD2222;
	text-decoration: none;
}

.bc-links a, .bc-links a:visited, .bc-links a:hover{ text-decoration: underline; }

.bc-div a.nav-current, .bc-div a.nav-current:visited {
	color: #FFBB00;
}

.bc-div a.nav-current:hover, .bc-div a.nav-current:active {
	color: #DD2222;
	text-decoration: none;
}


/* === Private messages === */

.pm_marked_colour {
	background-color: #FF5500;
}

.pm_replied_colour {
	background-color: #AACCEE;
}

.pm_friend_colour {
	background-color: #007700;
}

.pm_foe_colour {
	background-color: #DD2222;
}


/* === Misc === */

img {
	border: none;
}

.sep {
	color: #E8E8EE;
	background-color: #FFBB00;
}

table.colortable td {
	padding: 0;
}

pre {
	font-size: 1.1em;
	font-family: 'Courier New', Monaco, monospace;
}

.nowrap {
	white-space: nowrap;
}

.username-coloured {
	font-weight: bold;
}

/* Tag Board
 ------------ */
.tb_style1,.tb_style2{
	background-color:#003366;
	border-bottom:#0066CC 1px solid;
	border-left:#0066CC 1px solid;
	border-right:#0066CC 1px solid;
	border-top:#CC6633 1px solid;
	padding:2px;
	font-size:1em;
}
.tb_post_time{
	color:#33CC99;
}
.tb_post_username{
	/* usr's span */
}
.tb_post_text{
	color:#FFFFFF;
}

[Carlo]

Credo che dovresti modificare questa parte:

Codice: Seleziona tutto

#wrapper{
    /* clear: both; */
    margin: 0 auto;
    width: 1100px;
    /* width: 100%; */
}

Precisamente il parametro width.

[Peppe]

Credo che dovresti modificare questa parte:

Codice: Seleziona tutto

#wrapper{
    /* clear: both; */
    margin: 0 auto;
    width: 1100px;
    /* width: 100%; */
}

Precisamente il parametro width.

nulla resta uguale a prima

[Carlo]

Domanda banale, hai aggiornato il tema e poi svuotato la cache?

[Peppe]

Domanda banale, hai aggiornato il tema e poi svuotato la cache?

Certo ormai e una cosa che ho imparato visto che tempo fa sbaglaivo e svuotalo la cache del brosver

Domanda stupida ma non e che prende pure i settaggi del Subsilver2 anche se non lo uso ?