ilch Forum » Ilch Clan 1.1 » Module und Modifikationen » Hintergrundbild ändern

Geschlossen
  1. #1
    User Pic
    Streethawk Mitglied
    Registriert seit
    13.05.2007
    Beiträge
    64
    Beitragswertungen
    0 Beitragspunkte
    Hallo zusammen!

    Weiss vielleicht jemand wie ich ein eigenes Hintergrundbild in mein Ilch-Template einfügen kann? Habe euch als Beispiel wie es aussehen könnte, einen Link dazu gepackt.

    externer Link

    Es geht nur um die Seitenränder (gestrichelt).

    Soweit habe ich es schon. Aber es funktioniert nicht.

    body {
      background-image: url(<http://www.multigaming-center.com/develop/mgc/include/EigeneBanner/pagehintergrund.jpg>);
    } 
      margin: 0;
      padding: 0;
      text-align: center;
      background-color: transparent;		// Hintergrund
      font-size: 10px;
      font-family: Verdana, sans-serif;
    }
    #wrap {
      position: relative;
      width: 967px;
      text-align: left;
      margin: 0 auto 0 auto;
    }
    #top {
      background: url('img/top.gif');
      height: 67px
    }
    #header {
      background: url('img/logo.gif');
      height: 153px;
      text-align: center;
      vertical-align:middle
    }
    #header h1 {
      display: inline;
      position: absolute; 
      top: 110px; left: 100px;
      color: #fff;
      font-family: 'Trebuchet MS';
      font-weight: normal;
      font-size: 24px;
    }
    #top2 {
      background: url('img/top2.gif');
      height: 31px
    }
    #top2 font {
      display: inline;
      position: absolute; 
      left: 172px;
      margin-top: 2px;
      font-size: 10px;
    	text-decoration: none; 
    }
    #content {
      background: url('img/contentbg.gif');
      
    }
    #footer {
      background: url('img/footer.gif');
      height: 33px;
      text-align: center;
      vertical-align: middle
    }
    #left_col {
      width: 158px;
      float: left;
      padding-top: 0px;
      padding-left: 9px;
      padding-right: 18px;
      padding-bottom: 0px;
      color: #fff;
      overflow: hidden;
    }
    
    #left_col .Cmite, #left_col .Cnorm, #left_col .Cdark {
      color: #ff0000;
    }
    
    #left_col a {
      color: #CCCCCC;
    }
    
    #left_col .menu_heading
    {
      color: #000;
      display:block;
      letter-spacing: 1px;
      font-size: 11px;
      padding: 0  0 3px 5px;
    }
    
    #main_col {
      width: 440px;
      float: left;
      padding-top: 0px;
      padding-left: 5px;
      padding-right: 20px;
      padding-bottom: 0px;
      clear: none;
      min-height: 100px;
      overflow: auto;
    }
    #right_col1 { 
      width: 141px;
      float: left;
      padding-top: 0px;
      padding-left: 7px;
      padding-right: 10px;
      padding-bottom: 0px;
      overflow: hidden;
    }
    #right_col2 { 
      width: 141px;
      float: right;
      padding-top: 0px;
      padding-left: 0px;
      padding-right: 14px;
      padding-bottom: 0px;
      overflow: hidden;
    }
    
    #right_col1 .menu_heading,
    #right_col2 .menu_heading 
    {
      color:#fff;
      font-size:11px;
      letter-spacing: 1px;
    }
    
    #left_col ul
    {
      padding: 0;
      margin: 0;
      width: 149px; list-style-position:inside; list-style-image:url('img/box_menu_pfeil.gif')
    }
    
    #left_col li
    {
      margin:0;
      background: url('img/box_menu_trennlinie.gif') no-repeat bottom;; padding-left:2px; padding-right:0; padding-top:5px; padding-bottom:0
    } 
    
    #left_col li ul
    {
      width: 146px;
      background: url('img/box_menu_trennlinie.gif') no-repeat top;
    }
    
    #left_col li li
    {
        padding-left: 16px;
    }
    #left_col li a
    {
      color: #fff;
      padding-left: 8px;
      font-size: 11px;
      font-weight: normal;
      text-decoration: none;
    }
    
    td 
    {
      font-family: Verdana; 
      font-size: 12px;
      color: #00CC33;				// Textfarbe
    }
    
    hr 
    { 
        height: 0px; 
    		border: solid #006600 0px; 
    		border-top-width: 1px; 
    }
    
    a, #left_col .Cmite a, #left_col .Cnorm a, #left_col .Cdark a 
    {
      color: #00CC33;  				// Hyperlinks
    	font-family: Verdana; 
    	font-size: 10px; 
    	text-decoration: none; 
    }
    
    a:hover 
    {   
      text-decoration: none;  
    }
    
    a.box 
    { 
      color: #00CC33; 			 	// Hyperlinks bei login und menuepunkte
    	font-family: Tahoma; 
    	font-size: 13px; 
    	text-decoration: none; 
    }
    
    a.box:hover 
    {   
      text-decoration: none;  
    }
    
    .Chead
    {
      background: #DBDADA;			// Schrift zb bei forum und Kalender
      color: #0066cc;
    }
    
    .Chead td, .Chead td strong, .Chead h4, .Chead td b
    {
      background: #DBDADA;
      color: #0066cc;				// &#65533;berschriften
    }
    
    .Callg
    {
      background-color: #EFEFEF;
    	color: #000000;
    }
    
    .Callg td
    {
      color: #000000;
    }
    
    .Cnorm 
    {
      background-color: #1D1D1D;
    }
    .Cmite
    {
      background-color: #1D1D1D;
    }
    .Cdark
    {
      background-color: #1D1D1D;
    }
    
    .rand
    {
      border: solid #c0c0c0 1px;
    }
    
    .smalfont 
    { 
        font-size: 10px;
    		text-decoration: none; 
    }
    
    .border 
    { 
       background-color: #ffffff; 
    }
    hr 
    { 
        height: 0px; 
    		border: solid #6B6B6B 0px; 
    		border-top-width: 1px; 
    }
    
    input, textarea, select
    { 
        color: #000000;  
        font: 10px Verdana;  
        border-color: #1D1D1D;		
      	border-width: 1px;
        border-style: solid;  
        font-weight: none;  
        text-decoration: none;  
        background-color: #EFEFEF;  
    }
    
    #Last-News a, #Last-Wars a, #Last-Forum a{
    	font-size: 10px !important;
    }
    
    img {
    	border:0px;
    }


    Gruß
    Michael


    verwendete ilchClan Version: 1.1


    Zuletzt modifiziert von Streethawk am 07.02.2009 - 03:18:56
    0 Mitglieder finden den Beitrag gut.
  2. #2
    User Pic
    littlecrow Mitglied
    Registriert seit
    29.08.2007
    Beiträge
    281
    Beitragswertungen
    0 Beitragspunkte
    hi michael,

    die such funktion hätte dich weiter gebracht ,

    mit den suchwort background oder hintergrund hättest du selber darauf kommen können,

    externer Link
    externer Link
    externer Link
    externer Link

    body {
      background-image: url(include/EigeneBanner/pagehintergrund.jpg);
      margin: 0;
      padding: 0;
      text-align: center;
      background-color: transparent;        // Hintergrund
      font-size: 10px;
      font-family: Verdana, sans-serif;
    }


    mfg littlecrow
    0 Mitglieder finden den Beitrag gut.
  3. #3
    User Pic
    Streethawk Mitglied
    Registriert seit
    13.05.2007
    Beiträge
    64
    Beitragswertungen
    0 Beitragspunkte
    Hallo nochmal,

    also ich hatte schon ziemlich viel versucht aber

    background: #ccc url(images/background.png) center top fixed;
    hiermit hat es jetzt geklappt. Danke schön!!!

    Gruß Michael
    0 Mitglieder finden den Beitrag gut.
Geschlossen

Zurück zu Module und Modifikationen

Optionen: Bei einer Antwort zu diesem Thema eine eMail erhalten