phpBB.de

phpBB.de - Die deutsche phpBB-Community
https://www.phpbb.de/community/

Forum Breite ?

https://www.phpbb.de/community/viewtopic.php?t=186604

Seite 1 von 1

Forum Breite ?

Verfasst: 18.02.2009 15:59
von Levent61
Hallo,

ich suche schon den ganzen Tag in diesem Code, aber ich finde nicht den Bereich wo ich die Forum Breite ändern kann. Kann mir einer helfen wo genau der Befehl ist. Ich will das mein Forum etwas breiter wird, wo wie es jetzt ist, ist es ziemlich schmal.

Code: Alles auswählen

/*  phpBB 3.0 Style Sheet
    --------------------------------------------------------------
	Style name:		subSilver2
	Based on style:	subSilver2 (the default phpBB 2 style)

	This is an alternative style for phpBB3 for those wishing to stay with
	the familiar subSilver style of phpBB version 2.x

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

/* Background
--------------------------------------------- */
#header-bg {
	background-position: top left;
	background-repeat: no-repeat;
}

#wrap-bg {
	background-repeat: repeat-y;
}

#footer-bg {
	background-position: top left;
	background-repeat: no-repeat;
}

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

html {
	font-size: 100%;
}

body {
	/* Text-Sizing with ems: http://www.clagnut.com/blog/348/ */
	font-family: Verdana, Helvetica, Arial, sans-serif;
	color: #323D4F;
	background-color: gray;
	font-size: 62.5%; /* This sets the default font size to be equivalent to 10px */
	margin: 0;
}

#wrapheader {
	min-height: 120px;
	height: auto !important;
	height: 120px;
	margin: 15px 15px 0 15px;}

#wrapcentre {
	margin: 15px;
}

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

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

#dropmenudiv{
	position:absolute;
	border:1px solid #E0E0E0;
	border-bottom-width: 0;
	font:normal 8pt Verdana;
	line-height:18px;
	z-index:100;

}

#dropmenudiv a{
	width: 100%;
	display: block;
	text-indent: 3px;
	border-bottom: 1px solid #E0E0E0;
	padding: 1px 0;
	text-decoration: none;
}

#dropmenudiv a:hover{
	background-color: #005D8C;
	color: #ffffff;
}

#logodesc {
    position: absolute;
    margin-left: 226px;
    margin-top: 20px;
}
#menubar {
	background: #EEECEC none repeat scroll 0%;
	background-image: url('./images/cellpic3.gif');
	background-repeat: repeat-x;
	padding: 0 3px 3px;
    padding-top: 3px;


}

#datebar {
	margin-top: 0px;
}

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

.forumrules {
	background-color: #F9CC79;
	border-width: 1px;
	border-style: solid;
	border-color: #BB9860;
	padding: 4px;
	font-weight: normal;
	font-size: 1.1em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

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

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


/*  Text
 --------------------- */
h1 {
	font-family: 'Trebuchet MS', Verdana, sans-serif;
	font-weight: bold;
	font-size: 1.8em;
	text-decoration: none;
}

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

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

h4 {
	margin: 0px;
	font-size: 1.1em;
	font-weight: bold;
	color: #666;
}

p {
	font-size: 1.1em;
}

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

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

p.kat {
   	margin: 0px;
    color: black;
	color: #666;
}

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

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

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

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

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

p.topicauthor {
	margin: 1px 0px;
}

p.topicdetails {
	margin: 1px 0px;
}

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

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

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

.postauthor {
	color: #222222;
    font-size: 1.3em;
}

.postdetails {
	background:#F1F1F1 url(./images/detail.gif)no-repeat scroll left top;
    border:1px solid #D1D1E1;
	margin: 3px 3px 3px 5px;
	padding: 3px 0 3px 7px;;
	float: center;
    text-align: left;

}

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

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

.posthilit {
	background-color: yellow;
}

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

.pagination {
	padding: 4px;
	color: black;
	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 {
	color: #666666;
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

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

.error {
	color: red;
}


/* Tables
 ------------ */
th {
	color: #666666;
	font-size: 1.0em;
	font-weight: bold;
	background-color: gray;
	background-image: url('./images/cellpic3.gif');
	white-space: nowrap;
	padding: 2px 5px;
}

td {
	padding: 2px;

}

.tablebg {
	background: #9E9D9D none repeat scroll 0%;
	color: #555A5F;
    border:1px solid #f4f4f4;

}
.tablefooter {
	background-color: #DBDBDB;
	height: 4px;
}


.cat, .catdiv {
	height: 25px;
	margin: 0px;
	padding: 0px;
	border: 0px;
	background-image: url('./images/cellpic1.gif');
	text-indent: 4px;

}

.catline {
	height: 25px;
	margin: 0px;
	padding: 0px;
	border: 0px;
	background-color: #E8E8E8;
	background-image: url('./images/cellpic1.gif');
	text-indent: 4px;
}

.row1, .row4 {
	background: #EEECEC url('./images/row1.gif') repeat-x scroll left top;
	border-left: 1px solid #FFFFFF;
	border-top: 1px solid #FFFFFF;
	color: #656565;
}

.row2, .row3 {
	background: #E5E5E5 url('./images/row2.gif') repeat-x scroll left top;
	border-left: 1px solid #FFFFFF;
	border-top: 1px solid #FFFFFF;
	color: #656565;
}

.rowgood {
	background-color: #C2D6CD;
	padding: 4px;
}

.rowneutral {
	background-color: #CAC1D7;
	padding: 4px;
}

.rowbad {
	background-color: #D7C1C3;
	padding: 4px;
}

.spacer {
	background-color: #DBDBDB;
}

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

.legend {
	text-align:center;
	margin: 0 auto;
	background-color: #EEECEC;
	border-left: 1px solid #FFFFFF;
	border-top: 1px solid #FFFFFF;
}

/* Links
 ------------ */
a:link {
	color: #666666;
	text-decoration: none;
}

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

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

a.forumlink:hover {
	color: #e36318;
	font-weight: bold;
	font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
	font-size: 1.2em;
}

a.forumlink {
	color: #666666;
	font-weight: bold;
	font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
	font-size: 1.2em;
}

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

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

a.topictitle:hover {
	color: #e36318;
	text-decoration: none;
}

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

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

a.menubar, a.menubar:visited {
	color: #e36318;
	font: bold 10px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	padding: 1px 20px 3px 6px;
	white-space: nowrap;}

a.menubar:hover {
	color: #222222;
	font: bold 10px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	padding: 2px 20px 3px 6px;
	white-space: nowrap;}}

#kat {
	padding: 0 5px 4px 5px;
	border: 1px #666666 solid;
}

a.kat, a.kat:visited {
	color: #666666;
	font: bold 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	padding: 3px 6px 3px 6px;
	white-space: nowrap;}

a.kat:hover {
	color: #222222;
	font: bold 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	padding: 3px 6px 3px 6px;
	white-space: nowrap;}}


/* Form Elements
 ------------ */
form {
	margin: 0px;
	padding: 0px;
	border: 0px;
}

input {
	background: #EEECEC;
	color: #222222;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 1.1em;
	font-weight: normal;
	padding: 1px;
	border: 1px solid #333333;
	background-color: #DBDBDB;
}

textarea, textarea.post {
	background: #E1E1E1 url('./images/textarea.gif') repeat scroll left top;
	color: #222222;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 1.1em;
	font-weight: normal;
	padding: 1px;
	border: 1px solid #999999;
	background-color: #DBDBDB;
	padding: 2px;
}

select {
	color: #222222;
	background-color: #DBDBDB;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 1.1em;
	font-weight: normal;
	border: 1px solid #333333;
	padding: 1px;
}

option {
	padding-right: 1em;
}

input.radio {
	border: none;
	background-color: DBDBDB;
	color: #222222;

}

input.post {
	
	background-color: efefef;
	color: #222222;
    border:1px solid #999999;
    margin-top: 2px;

}

.post {
	background: #efefef url('./images/input.gif') repeat-x scroll left top;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 1.1em;
	font-weight: normal;
	padding: 1px;
	border: 1px solid #333333;
}

.post:hover, .btnmain:hover, .btnlite:hover {
    border-color: #e36318;
}


.btnbbcode, .btnlite {
	background: #DBDBDB url('./images/buton.gif') repeat-x scroll left top;
	color: #222222;
	font-weight: normal;
	border: 1px solid #999999;
	font-size: 1.1em;
}

.btnmain {
	background: #DBDBDB url('./images/buton.gif') repeat-x scroll left top;
	color: #e36318;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 1.0em;
	font-weight: bold;
	padding: 1px;
	border: 1px solid #999999;
}

.helpline {
	background-color: #DBDBDB;
	border-style: none;
	color: #222222;
}


/* BBCode
 ------------ */
.quotetitle, .attachtitle {
	margin: 10px 5px 0px 5px;
	padding: 4px;
	border-width: 1px 1px 0px 1px;
	border-style: solid;
	border-color: #999999;
	color: #222222;
	background-color: #EEEEEE;
	font-size: 0.85em;
	font-weight: bold;
}

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

.quotecontent, .attachcontent {
	margin: 0px 5px 10px 5px;
	padding: 5px;
	border-color: #999;
	border-width: 0px 1px 1px 1px;
	border-style: solid;
	font-weight: normal;
	font-size: 1em;
	line-height: 1.4em;
	font-family: "Lucida Grande", "Trebuchet MS", Helvetica, Arial, sans-serif;
	background-color: #DBDBDB;
	color: #222222;
}

.attachcontent {
	font-size: 0.85em;
}

.codetitle {
	margin: 10px 5px 0px 5px;
	padding: 2px 4px;
	border-width: 1px 1px 0px 1px;
	border-style: solid;
	border-color: #333;
	color: #333333;
	background-color: #E8E8E8;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 0.8em;
}

.codecontent {
	margin: 0px 5px 10px 5px;
	padding: 5px;
	border-color: #333;
	border-width: 0px 1px 1px 1px;
	border-style: solid;
	font-weight: normal;
	color: #222;
	font-size: 0.85em;
	font-family: Monaco, 'Courier New', monospace;
	background-color: #E8E8E8;
}

.syntaxbg {
	color: #666666;
}

.syntaxcomment {
	color: #FF8000;
}

.syntaxdefault {
	color: #0000BB;
}

.syntaxhtml {
	color: #000000;
}

.syntaxkeyword {
	color: #007700;
}

.syntaxstring {
	color: #DD0000;
}


/* Private messages
 ------------------ */
.pm_marked_colour {
	background-color: #DBDBDb;
}

.pm_replied_colour {
	background-color: #A9B8C2;
}

.pm_friend_colour {
	background-color: #007700;
}

.pm_foe_colour {
	background-color: #DD0000;
}


/* Misc
 ------------ */
 img {
	border: none;
}

.blue {
	color: #006699;
}

.pbit {
padding-left: 3px;
padding-right: 3px;
padding-top: 3px;
padding-bottom: 3px;
border-bottom: 1px solid #DBDBDB;
margin-bottom: 3px;
float: left;
width: 170px;
}

.yesil {
font-weight: bold;
color: #00AA00;
}

.gri {
font-weight: bold;
color: #8D9AAB;
}


/* replace background color */
html, body {
	background-color: silver;
	background-image:url(./images/body.png);
	background-repeat:repeat;
	color:#5F6476;
}

.inside {
	align: right;
	background-image: url("./images/bg.gif");            /* YCC: background-color of the inside */
	background-repeat: repeat-y;
	background-position: 100%
	color: #333333;
	padding: 0px 0px 15px 0px;

}
.notopgap    { margin-top: 0; }    /* DNC: to avoid splitting of the box */
.nobottomgap { margin-bottom: 0; } /* DNC: to avoid splitting of the box */

.outside {
	margin: 0 auto;
	width : 850px;
	padding: 0;
}

.bottom {
  background-image:url(./images/bgbottom.gif);
  background-repeat: no-repeat;
  background-position: 100%
  padding: 0;
  margin: 0;
  width : 850px;
  height : 3px;
}

.bgtop {
  background-image:url(./images/bgtop.gif);
  background-repeat: no-repeat;
  background-position: 100%
  padding: 0;
  margin: 0;
  width : 850px;
  height : 3px;
}


.sep {
	color: black;
	background-color: #FFA34F;
}

table.colortable td {
	padding: 0;
}

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

Re: Forum Breite ?

Verfasst: 18.02.2009 17:44
von franki
Hast Du es hier mal versucht ?

Code: Alles auswählen

.outside {
   margin: 0 auto;
   width : 850px;
   padding: 0;

Re: Forum Breite ?

Verfasst: 18.02.2009 19:21
von Levent61
also wenn ich den wert width ändere, dann wird es zwar breiter aber der hintergrund bleibt immer noch wie vorher.

http://img25.imageshack.us/my.php?image ... nnthg3.png

Re: Forum Breite ?

Verfasst: 18.02.2009 20:18
von franki
Dann schau mal nach, welche Größe die body.png hat, evtl. musst Du das Images auf die neue Breite umwandeln

Code: Alles auswählen

/* replace background color */
html, body {
   background-color: silver;
   background-image:url(./images/body.png);
   background-repeat:repeat;
   color:#5F6476;
}

Re: Forum Breite ?

Verfasst: 18.02.2009 22:02
von Levent61
Habe mal nachgeschaut wie groß die body.png ist. Sie ist 3 * 3 also ultra klein. Wie mache ich das denn mit der Anpassung der Größe?
Alle Zeiten sind UTC+02:00
Seite 1 von 1

Powered by phpBB® Forum Software © phpBB Limited

Deutsche Übersetzung durch phpBB.de