Seite 1 von 1

(Gelöst) CSS Datei ändern.

Verfasst: 11.01.2011 21:00
von hupelmann
Nabend.

Noch ne Frage.
Ich nutze das X-Treme Template. Fixierte Breite auf 1300 px
Ganz unten ist ein Balken mit den Copyrights. Den hätte ich auch gerne in 1300 px.
Wo finde ich das?

Frage 2

Wie kann ich die Schnellmoderation abschalten ?
Und, wie kann ich das hier [ externes Bild ] ausschalten oder ändern ?
Noch vergessen.... die breite ist weit über 1300 px. Das sieht nicht sehr schön aus wenn der darüber gelegte
Kasten noch größer ist als die darunter liegende Box.
Gruß

Re: CSS Datei ändern.

Verfasst: 11.01.2011 21:38
von modernist
ad 2.

Das ist die Jump-Box, die kannst du im ACP deaktivieren: Allgemein -> Board-Funktionalitäten -> Serverlast -> Anzeige der Jumpbox aktivieren: Nein.

Re: CSS Datei ändern.

Verfasst: 11.01.2011 21:53
von Kampf Katze
Ein Link zum Template würde die Hilfe etwas einfacher machen, so schickst du uns nun auf die Suche nach dem korrekten Template...

Aber grob würde ich mal sagen... Schaue im CSS nach einem Part der sich footer nennt. Dort wird eigentlich in der Regel alles festgehalten was in der Fußzeile ist.

Re: CSS Datei ändern.

Verfasst: 11.01.2011 22:03
von hupelmann
@ katze.

Augen auf beim Eierkauf.
Einfach in meine Sig schauen..... Ist in weiß, teilweise schwer zu lesen.
Ich ändere die Farbe
Leider steht da nicht von einer Grössenangabe oder % für den Footer.

Code: Alles auswählen

/*  phpBB 3.0 Style Sheet
    --------------------------------------------------------------
	Style name:	X-Treme
	Original author: subBlue ( http://www.subBlue.com/ )
	Modified by: Jimaniac 

	copyright = © 2008 Jimaniac ( phpbb-fox.info )
           version = 3.1
    --------------------------------------------------------------
*/

/* Begin jimaniac's added hacks */
a {
outline: none;
}
/* End jimaniac's added hacks */

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

html {
	font-size: 100%;
  color: #fff;
}

body {
	/* Text-Sizing with ems: http://www.clagnut.com/blog/348/ */
	font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
	color: #fff;
	background-color: #333333;
	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;
       padding: 0 20px; 
       min-width: 650px; 
       width: 1300px;
       margin: 0 auto; 
    }

    #wrapcentre {
       padding: 0 20px; 
       min-width: 650px; 
       width: 1300px;
       margin: 0 auto; 
    }

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

    #wrapnav {
       padding: 0 20px; 
       min-width: 650px; 
       width: 1300px;
       margin: 0 auto; 
       background-color: #ECECEC;
       border-width: 1px;
       border-style: solid;
       border-color: #A9B8C2;
    }

#menubar {
      width: 100%;
      position: relative;
	margin: 0 auto 0 auto;
      padding-top: 0px;
      top: -1px;
}

#logodesc {
      position: relative;
	padding: 2px 25px 2px 25px;
	background: transparent;
	border-bottom: 0px solid #4787A7;
}

#menubar2 {
      position: relative;
      top: 5px;
	margin: 0;
      padding-top: 0px;  
}

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

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

/* Header Buttons */

.header_buttons {
   width: 100%;
   height: 66px;
}

.button_img {
   margin-left: auto;
   margin-right: auto;
}



/*  Surround Boxes for style
 ----------------------------- */
 
#bx {
  /*background-color: #666666;*/
}

fx {
       margin: 0;
     	font-size: 1.3em;
	font-weight: bold;
      padding-top: 0px;
      /*padding-bottom: 0px;*/
      /*padding-left: 20px;*/
      /*padding-right: 20px;*/
      width: 350px;
      font-family: Arial, Helvetica, sans-serif;

}

/* Eliminating padding on boxes */
#bx td{
  margin: 0;
	padding: 0;
	border: 0;
}

#jim {
/*background-color: #999999;*/

padding-top: 5px;
padding-left: 5px;
/*padding-bottom: 30px;*/

}

#jim2 {
padding-top: 20px;
padding-bottom: 20px;

	border-width: 1px;
	border-color: #333333;
      border-style: solid;
      background-color: #101010;
}

.jim {
/*background-color: #999999;*/

padding-top: 5px;
padding-left: 5px;
/*padding-bottom: 30px;*/

}

.jim2 {
padding-top: 20px;
padding-bottom: 20px;

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

.forumrules h3 {
	color: red;
}

#pageheader { }
#pagecontent { }
#pagefooter { }
#poll { }
#postrow { }
#postdata { }

/*  Text

 --------------------- */

h1 {
	color: #3355FF;
	font-family: "Lucida Grande", "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 {
color: red;
	font-size: 1.3em;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 120%;
      padding-top: 5px;
      width: 350px;

}

h4 {

      margin: 0;
     	font-size: 1.3em;
	font-weight: bold;
      padding-top: 5px;
      /*padding-bottom: 0px;*/
      /*padding-left: 20px;*/
      /*padding-right: 20px;*/
      width: 350px;
      font-family: Arial, Helvetica, sans-serif;
}

h5 {

      margin: 0;
     	font-size: 1.2em;
	font-weight: bold;
      padding-top: 10px;
      /*padding-bottom: 0px;*/
      /*padding-left: 20px;*/
      /*padding-right: 20px;*/
      width: 245px;
      font-family: Arial, Helvetica, sans-serif;
}

h6 {


      margin: 0;
     	font-size: 1.0em;
	font-weight: bold;
	color: #FFFFFF;
	font-weight: bold;
      padding-bottom: 5px;
	/*background-image: url('./images/cu.png');*/
}


h7 {

      margin: 0;
     	font-size: 1.1em;
	font-weight: bold;
      /*padding-top: 5px;*/
      /*padding-bottom: 0px;*/
      /*padding-left: 20px;*/
      /*padding-right: 20px;*/
      width: 350px;
      font-family: Arial, Helvetica, sans-serif;
background-image: url('./images/clock.png');

}


hjim {

      margin: 0;
     	font-size: 1.3em;
	font-weight: bold;
      padding-top: 5px;
      /*padding-bottom: 0px;*/
      /*padding-left: 20px;*/
      /*padding-right: 20px;*/
      width: 350px;
      font-family: Arial, Helvetica, sans-serif;
}



p {
	font-size: 1.1em;
}

p.moderators {
	margin: 0;
	float: left;
	color: white;
	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: white;
	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 {
  color: #fff;
	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: 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: #FFFFFF;
	vertical-align: top;

}

.postdetails {
	color: #FFFFFF;
}

.postbody {
	font-size: 1.3em;
	line-height: 1.4em;
	font-family: "Lucida Grande", "Trebuchet MS", 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: blue;
}

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

}

.navf {
	margin: 0;
	color: #FFFFFF;
	font-weight: bold;
      padding-bottom: 5px;
valign: top;
}


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

.cattitle {

}

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

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

.gensmalleditor {
	color: #FFFFFF;
	background-color: #163D60;
	margin: 1px 1px;
	font-size: 1em;
}

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

.gensmallclock {
	color: #22CC44;
	margin: 1px 1px;
	font-size: 1em;
	width: 350px;
}


.gensmall2 {
  color: #006eff;
	margin: 1px 1px;
	font-size: 1em;
}

.copyright {
	color: #444;
	font-weight: normal;
	font-family: "Lucida Grande", 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: #fff;
	font-size: 1.1em;
	font-weight: bold;
	background-color: #006699;
	background-image: url('./images/cellpic3.gif');
	white-space: nowrap;
	padding: 7px 5px;
}

td.profile {
	padding: 4px;
/*padding-top: 5px;*/
/*padding-left: 5px;*/

}

.tablebg {
	background-color: #000000;
}

.tablebg2 {
	background-color: #000000;
}

.catdiv {
	height: 28px;
	margin: 0;
	padding: 0;
	border: 0;
	background: white url('./images/cellpic3.gif') repeat-x scroll top left;
}

.rtl .catdiv {
	background: white url('./images/cellpic3.gif') repeat-x scroll top right;
}

.cat {
	height: 28px;
	margin: 0;
	padding: 0;
	border: 0;
	background-color: #C7D0D7;
	background-image: url('./images/cellpic3.gif');
	text-indent: 4px;
}

.row1 {
	background-color: #141414;
	padding: 4px !important;
}

.row2 {
	background-color: #141414;
	padding: 4px !important;
}

.row3 {
	background-color: #141414;
	padding: 4px !important;
}

.row4 {
  background-color: #242424;
  padding: 4px !important;
}


.rowf1 {
	background-color: #161616;
	padding: 4px !important;
}

.rowf2 {
	background-color: #101010;
	padding: 4px !important;
}


.spacer {

	background-color: #D1D7DC;

}



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



.legend {
	text-align:center;
	margin: 0 auto;
}



/* Links

 ------------ */

a:link {
	color: #247fe6;
	text-decoration: none;
}



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



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



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

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



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



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



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


/* Form Elements

 ------------ */

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



input {
	color: #333333;
	font-family: "Lucida Grande", Verdana, Helvetica, sans-serif;
	font-size: 1.1em;
	font-weight: normal;
	padding: 1px;
	border: 1px solid #A9B8C2;
	background-color: #FAFAFA;
}



textarea {

	background-color: #FAFAFA;

	color: #333333;

	font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;

	font-size: 1.3em; 

	line-height: 1.4em;

	font-weight: normal;

	border: 1px solid #A9B8C2;

	padding: 2px;

}



select {

	color: #333333;

	background-color: #FAFAFA;

	font-family: "Lucida Grande", Verdana, Helvetica, sans-serif;

	font-size: 1.1em;

	font-weight: normal;

	border: 1px solid #A9B8C2;

	padding: 1px;

}



option {

	padding: 0 1em 0 0;

}



option.disabled-option {

	color: graytext;

}



.rtl option {

	padding: 0 0 0 1em;

}



input.radio {

	border: none;
	background-color: transparent;

}



.post {

	background-color: white;
	border-style: solid;
	border-width: 1px;
}



.btnbbcode {
	color: #FFFFFF;
	font-weight: normal;
	font-size: 1.1em;
	font-family: "Lucida Grande", Verdana, Helvetica, sans-serif;
	background-color: #163D60;
	border: 1px solid #666666;
}



.btnmain {
	color: #FFFFFF;
	font-weight: bold;
	background-color: #163D60;
	border: 1px solid #A9B8C2;
	cursor: pointer;
	padding: 1px 5px;
	font-size: 1.1em;
}



.btnlite {
	color: #FFFFFF;
	font-weight: normal;
	background-color: #163D60;
	border: 1px solid #A9B8C2;
	cursor: pointer;
	padding: 1px 5px;
	font-size: 1.1em;
}



.btnfile {
	color: #FFFFFF;
	font-weight: normal;
	background-color: #163D60;
	border: 1px solid #A9B8C2;
	padding: 1px 5px;
	font-size: 1.1em;
}



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





/* BBCode

 ------------ */

.quotetitle, .attachtitle {

	margin: 10px 5px 0 5px;

	padding: 4px;

	border-width: 1px 1px 0 1px;

	border-style: solid;

	border-color: #006eff;

	color: #006eff;

	background-color: #101010;

	font-size: 1.0em;

	font-weight: bold;

}



.quotetitle .quotetitle {

	font-size: 1em;

}



.quotecontent, .attachcontent {

	margin: 0 5px 10px 5px;

	padding: 5px;

	border-color: #006eff;

	border-width: 1px 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: #343434;

	color: #ffffff;

}




.attachcontent {

	font-size: 0.85em;

}



.codetitle {

	margin: 10px 5px 0 5px;

	padding: 2px 4px;

	border-width: 1px 1px 0 1px;

	border-style: solid;

	border-color: #006eff;

	color: #006eff;

	background-color: #101010;

	font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;

	font-size: 1.0em;
 
      font-width: bold;

}



.codecontent {

	direction: ltr;

	margin: 0 5px 10px 5px;

	padding: 5px;

	border-color: #006eff;

	border-width: 1px 1px 1px 1px;

	border-style: solid;

	font-weight: normal;

	color: #ffffff;

	font-size: 0.85em;

	font-family: Monaco, 'Courier New', monospace;

	background-color: #343434;

}



.syntaxbg {

	color: #FFFFFF;

}



.syntaxcomment {

	color: #FF8000;

}



.syntaxdefault {

	color: #0000BB;

}



.syntaxhtml {

	color: #000000;

}



.syntaxkeyword {

	color: #007700;

}



.syntaxstring {

	color: #DD0000;

}





/* Private messages

 ------------------ */

.pm_marked_colour {

	background-color: #000000;

}



.pm_replied_colour {

	background-color: #A9B8C2;

}



.pm_friend_colour {

	background-color: #007700;

}



.pm_foe_colour {

	background-color: #DD0000;

}





/* Misc

 ------------ */

img {

	border: none;

}



.sep {

	color: black;

	background-color: #FFA34F;

}



table.colortable td {

	padding: 0;

}



pre {

	font-size: 1.1em;

	font-family: Monaco, 'Courier New', monospace;

}



.nowrap {

	white-space: nowrap;

}



.username-coloured {

	font-weight: bold;

}

td.trans2OFF {background-image:url('./images/but1.png');}
td.trans2ON {image:url('./images/but2.png');}


/*td.trans2ON {background-color: transparent;opacity:1.0;filter: alpha(opacity=100); -moz-opacity: 1.0;}*/

/*- Menu Tabs 1--------------------------- */


    #tabs1 {
      float:none;
      width:100%;
      background: transparent;
      font-size:140%;
      line-height:normal;
      }
    #tabs1 ul {
          margin:0 auto 0 auto;
          padding:0px 0px 0px 0px;
          list-style:none;
      }
    #tabs1 li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabs1 a {
      float:left;
      background:url('./images/but1.png') no-repeat left top;
      margin:0;
      padding:0 0 0 0px;
      text-decoration:none;
      }
    #tabs1 a span {
      float:right;
      display:block;
      background:url('./images/but1.png') no-repeat right top;
      padding:20px 47px 10px 12px;
      color:#fff;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabs1 a span {float:none;}
    /* End IE5-Mac hack */
    #tabs a:hover span {
      /*color:#627EB7;*/
      color:#fff;

      }
    #tabs1 a:hover {
      background-position:0% -27px;
      background:url('./images/but2.png') no-repeat right top;

      }
    #tabs1 a:hover span {
     background-position:100% -27px;
      background:url('./images/but2.png') no-repeat right top;

      }

      #tabs1 #current a {
              background-position:0% -27px;
      background:url('./images/jim.png') no-repeat right top;

      }
      #tabs1 #current a span {
              background-position:100% -27px;
      background:url('./images/jim.png') no-repeat right top;

      }

/*- Menu Tabs 2--------------------------- */


    #tabs2 {
      float:none;
      width:100%;
      background: transparent;
      font-size:140%;
      line-height:normal;
      }
    #tabs2 ul {
          margin:0 auto 0 auto;
          padding:0px 0px 0px 0px;
          list-style:none;
      }
    #tabs2 li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabs2 a {
      float:left;
      background:url('./images/but1.png') no-repeat left top;
      margin:0;
      padding:0 0 0 0px;
      text-decoration:none;
      }
    #tabs2 a span {
      float:right;
      display:block;
      background:url('./images/but1.png') no-repeat right top;
      padding:20px 47px 10px 12px;
      color:#fff;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabs1 a span {float:none;}
    /* End IE5-Mac hack */
    #tabs a:hover span {
      /*color:#627EB7;*/
      color:#fff;

      }
    #tabs2 a:hover {
      background-position:0% -27px;
      background:url('./images/but2.png') no-repeat right top;

      }
    #tabs2 a:hover span {
     background-position:100% -27px;
      background:url('./images/but2.png') no-repeat right top;

      }

      #tabs2 #current a {
              background-position:0% -27px;
      background:url('./images/jim.png') no-repeat right top;

      }
      #tabs2 #current a span {
              background-position:100% -27px;
      background:url('./images/jim.png') no-repeat right top;

      }






Brauche ich jetzt nur noch das ding mit den 1300 px

Re: CSS Datei ändern.

Verfasst: 11.01.2011 22:14
von Kampf Katze
Ich werde mir das morgen mal ansehen. Nun ist für mich erstmal Bettzeit angesagt :-)
Es sei denn jemand gibt vor mir nen Tipp ab, dann muss ich ja nichts mehr machen ;-)

Re: CSS Datei ändern.

Verfasst: 12.01.2011 16:17
von hupelmann
So, das ein Problem hab ich dann gelöst.
Hab jetzt immernoch nach langer sucherei das Problem mit der Fixierten Breite
für den Letzten Balken in meinem Forum.
Alles ist Fixiert, nur der nicht.
Hilfeeeee

Re: CSS Datei ändern.

Verfasst: 13.01.2011 13:37
von hupelmann
Hier die Lösung des Problems.

Suche das in der Stylesheet.css

Code: Alles auswählen

#wrapheader {
       min-height: 120px;
       height: auto !important;
       height: 120px;
       padding: 0 20px; 
       min-width: 650px; 
       width: 1200px;
       margin: 0 auto; 
    }

    #wrapcentre {
       padding: 0 20px; 
       min-width: 650px; 
       width: 1200px;
       margin: 0 auto; 
    }

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

    #wrapnav {
       padding: 0 20px; 
       min-width: 650px; 
       width: 1200px;
       margin: 0 auto; 
       background-color: #ECECEC;
       border-width: 1px;
       border-style: solid;
       border-color: #A9B8C2;
    }
Ersetze es mit diesem:

Code: Alles auswählen

#wrapheader {
	min-height: 120px;
	height: auto !important;
	height: 120px;
	margin: 10px 10px 0 10px;	
/*	background-image: url('./images/background.gif');
	background-repeat: repeat-x;*/
/*	padding: 0 25px 15px 25px;*/
	padding: 0;
}

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

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

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

Code: Alles auswählen

body {
	/* Text-Sizing with ems: http://www.clagnut.com/blog/348/ */
	font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
	color: #fff;
	background-color: #222222;
	font-size: 62.5%; /* This sets the default font size to be equivalent to 10px */
	margin: 0;  
}
und ersetze es mit diesem:

Code: Alles auswählen

body {
	/* Text-Sizing with ems: http://www.clagnut.com/blog/348/ */
	font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
	color: #fff;
	background-color: #222222;
	font-size: 62.5%; /* This sets the default font size to be equivalent to 10px */
	margin: 0 auto;  
                width: 1300px;
}
Danach nur die Farben die sich nun geändert haben wieder anpassen.