ilch Forum » Ilch Clan 1.1 » Design und Templates » Anpassen der Style.css

Geschlossen
  1. Fr. 05.10.2007 08:11 Uhr #1
    User Pic
    CellSplitter Mitglied
    Registriert seit
    24.05.2007
    Beiträge
    195
    Beitragswertungen
    3 Beitragspunkte
    Hallo liebe Ilch Freunde!!!

    Ich möchte gerne den Hintergrund, also was man links und rechts sieht ändern!!!

    So das man dieses Bild sieht im Hintergrund:

    gesperrtes Bild

    Meine Style.css sieht wie folgt aus: 

    /* -------------BODY---------------------------------------------------------------------------*/
body {						margin: 				0px;
							background:				#2D2D2D url('img/bg.jpg') repeat-x 0% 50%;
							}
							
#main {						width:					1005px;}
							/*background-image: 	url(img/navi_bg.jpg);
							background-repeat:		repeat-y;
         					vertical-align:			top; }*/


/* -------------HEADER---------------------------------------------------------------------------*/
#header_1 {					float:					none;
							padding:				0px; 
 							margin:					0px;  
 							height:					145px; 
 							width:					1005px; 
 							background:  			url('img/header.gif'); }
							
/* -------------HORZNAV---------------------------------------------------------------------------*/
#horz_nav_main {			width:					1005px;
							height:					24px;
							padding:				0px; 
 							margin:					0px;}							
							
/* -------------LOGINBOX---------------------------------------------------------------------------*/
.login_head{				height:					26px;
							width:					202px;
							margin:					0px;
							background:  			url('img/login_head.gif');
							color:					#FFFFFF;
							text-align:				left;
							text-indent:			27px;
							font-weight:			bold;
							font-family:			Verdana, Arial, Helvetica, sans-serif;
							font-size: 				11px;
							padding-top:			4px; padding-left:0px; padding-right:0px; padding-bottom:0px}

/* -------------NAVILINKS---------------------------------------------------------------------------*/
#navi{						width:					202px;
							float:					left;}
							
#navibox_l{					width:					202px;
    						text-align:				left;
							clear:					none;
    						vertical-align:			top;
							background: 			url('img/cont_left.gif');}

.top{						width:					202px;
							height:					16px;
							margin-bottom:			0px;
							font-family:			Verdana, Arial, Helvetica, sans-serif;
							font-size: 				11px;
							padding-top:			4px;
							background-image:		url('img/navi_head.gif');
							text-align:				left;
							text-indent:			25px;
							font-weight:			bold;
							vertical-align:			top;
							color:					#FFFFFF}
							
.top_2{						width:					202px;
							height:					28px;
							margin-bottom:			0px;
							font-family:			Verdana, Arial, Helvetica, sans-serif;
							font-size: 				11px;
							padding-top:			4px;
							background-image:		url('img/head_left.gif');
							text-align:				left;
							font-weight:			bold;
							text-indent:			25px;
							vertical-align:			top;
							color:					#FFFFFF}							
							
.input{						padding-left:			3px;
							padding-top:			0px;}							

.com_menu ul{				padding: 				0px;
							margin:					0px;
							margin-bottom:			0px;
							list-style-type:		none;	}

.com_menu li{				margin: 				0px;
							padding: 				0px;
							margin-bottom:			0px;							
							list-style-type:		none;} 

.com_menu li ul	{			margin-bottom:			0px;
							padding: 				0px;
							margin: 				0px;}

.com_menu li li	{			margin-bottom:			0px;
							padding: 				0px;
							margin: 				0px;
							margin-top:				0px;}
								
.com_menu li a{				margin-bottom:			0px;			
							display:				block;
							margin:					0px;
							padding: 				0px;
							width:					202px;
							height:					17px;
							color: 					#FFFFFF;
							text-indent:			35px;
							font-size: 				10px;
							font-family:	 		Verdana, Arial, Helvetica, sans-serif;
							font-weight: 			bold;
							text-decoration: 		none;
							line-height:			17px;
							background-image:		url('img/navi.gif');}
								
.com_menu li a:hover{		margin-bottom:			0px;			
							display:				block;
							margin:					0px;
							padding: 				0px;
							width:					202px;
							height:					17px;
							color: 					#000000;
							text-indent:			35px;
							font-size: 				10px;
							font-family:	 		Verdana, Arial, Helvetica, sans-serif;
							font-weight: 			bold;
							text-decoration: 		none;
							line-height:			17px;
							background-image:		url('img/navi_hover.gif');}
								
.com_menu li li a{			margin-bottom:			0px;			
							display:				block;
							margin:					0px;
							padding: 				0px;
							width:					202px;
							height:					17px;
							color: 					#FFFFFF;
							text-indent:			45px;
							font-size: 				9px;
							font-family:	 		Verdana, Arial, Helvetica, sans-serif;
							font-weight: 			bold;
							text-decoration: 		none;
							line-height:			17px;
							background-image:		url('img/navi.gif');}
								
.com_menu li li a:hover{	margin-bottom:			0px;			
							display:				block;
							margin:					0px;
							padding: 				0px;
							width:					202px;
							height:					17px;
							color: 					#000000;
							text-indent:			45px;
							font-size: 				9px;
							font-family:	 		Verdana, Arial, Helvetica, sans-serif;
							font-weight: 			bold;
							text-decoration: 		none;
							line-height:			17px;
							background-image:		url('img/navi_hover.gif');}

.box_l {					width:					176px;
							padding-left:			10px;
							padding-right:			16px;
							color:					#FFFFFF;
							margin-bottom:			0px;
							text-indent:			0px;
							font-size: 				9px;
							font-weight: 			normal;
							font-family:			Verdana, Arial, Helvetica, sans-serif;
							text-decoration: 		none;
							background: 			url('img/cont_left.gif');}
							
.box_l_foot {				width:					202px;
							height:					13px;
							padding:				0px;
							margin:					0px;
							background:				url('img/boxfoot_left.gif');}							
							
														
/* -------------CONTENTBEREICH---------------------------------------------------------------------------*/	
#content {					width:					795px;
							font-family:			Verdana, Arial, Helvetica, sans-serif;
							font-size: 				10px;
    						text-align:				left;
    						float:					left;
    						vertical-align:			top;
							padding:				4px;
							color:					#FFFFFF;
							background:				url('img/content.gif');}				
							

/* -------------STANDARDSUMS---------------------------------------------------------------------------*/						
.abg {						}

td {						font-family: 			Verdana; 
  							font-size: 				10px;
  							color: 					#FFFFFF;}

a {							font-family: 			Verdana, Helvetica, sans-serif, Default;
  							font-size: 				9px;
  							text-decoration: 		none;
  							color: 					#FFFFFF;
  							font-weight: 			bold;}

 a:link {					font-family: 			Verdana, Helvetica, sans-serif, Default;
							font-size: 				9px;
							text-decoration: 		none;
							color: 					#FFFFFF;
							font-weight: 			bold; }
 
a:visited {					font-family: 			Verdana, Helvetica, sans-serif, Default;
							font-size: 				9px;
							text-decoration: 		none;
							color: 					#FFFFFF;
							font-weight: 			bold; }
							
a:hover {				 	font-family: 			Verdana, Helvetica, sans-serif, Default;
							font-size: 				9px;
							text-decoration: 		none;
							color: 					#FF6C00;
							font-weight: 			bold; }

a.box{ 					  	color: 					#FFFFFF; 
  							font-family: 			Verdana, Helvetica, sans-serif, Default;
  							font-size: 				9px; }

a.box:hover {  				color: 					#FF6C00;
  							text-decoration: 		none;  }
							
.Chead {  					background-color: 		#FF6C00;
  							color: 					#000000;}


.Chead td, .Chead td strong, .Chead h4, .Chead td b{ color: #FFFFFF;}


.Callg {					color: 					#FFFFFF;
	  						font-family: 			Verdana, Helvetica, sans-serif, Default;
  							font-size: 				9px; }

.Callg td {  				color: 					#FFFFFF;
    						font-family: 			Verdana, Helvetica, sans-serif, Default;
  							font-size: 				9px; }

.Cnorm {  					background-color: 		#2B2B2B;}

.Cmite {  					background-color: 		#2B2B2B;}

.Cdark {				  	background-color: 		#2B2B2B;}

#Ballg {					color: 					#FFFFFF;}

#Ballg td {					color: 					#FFFFFF;}

.Bhead {					color: 					#FFFFFF;}

.Bbody {					color: 					#FFFFFF;}

.Bbody2 {					color: 					#2B2B2B;}

.rand {						}

.smalfont {     			font-size: 				10px;
							text-decoration: 		none;}

.border {     				background-color: 		#FFFFFF;}

hr {     					height: 				0px; 
							border-top-width: 		1px; }

input, textarea, select {	color: 					#000000;  
							font-family: 			Verdana, Helvetica, sans-serif, Default;
    						font-size: 				9px; 
    						border-color: 			#FF6C00;
  							border-width: 			1px;
    						border-style: 			solid;  
    						text-decoration: 		none;}

#menu {						}

#menu ul { 					padding-left: 			1px; 
							margin-left: 			6px; 
							margin-top: 			4px}
							
#smallmenu { 				}
#smallmenu li { 			font-size: 				9px; }
#smallmenu a { 				font-size: 				9px; }


    Wäre echt super wenn mir einer verraten könnte was ich ändern muß????

    Sorry für den Mega Eintrag hier!!!! ..........kommt nicht wieder vor!!

    MFG
    Andé


    verwendete ilchClan Version: 1.1

    betroffene Homepage: externer Link
    Es gibt keine dummen Fragen, nur dumme Antworten !!!
    0 Mitglieder finden den Beitrag gut.
  2. Fr. 05.10.2007 11:46 Uhr #2
    User Pic
    Mairu Coder
    Registriert seit
    16.06.2006
    Beiträge
    15.334
    Beitragswertungen
    387 Beitragspunkte
    Hiermit 
    /* -------------BODY---------------------------------------------------------------------------*/
body {                        margin:                 0px;
                            background:                #2D2D2D url('img/bg.jpg') repeat-x 0% 50%;
                            }
    steht schon, dass ein Hintergrundbild verwendet wird, du musst dieses also einfach nur ersetzen.
    Und auch immer mal ein Blick auf die FAQ werfen. | Mairus Ilchseite
    0 Mitglieder finden den Beitrag gut.
  3. Fr. 05.10.2007 12:18 Uhr #3
    User Pic
    filch Mitglied
    Registriert seit
    21.08.2007
    Beiträge
    35
    Beitragswertungen
    0 Beitragspunkte
    /* -------------BODY---------------------------------------------------------------------------*/
body {                        margin:                 0px;
                            background:                #2D2D2D url(img/bg.jpg) ;
                            }


    Da es sicher in alle Richtungen wiederholt werden soll, repeat-x weglassen. Die Prozentangeben sind sicher die Position. Zentriert macht bestimmt auch nicht viel Sinn, also weglassen.

    Gruß filch


    Zuletzt modifiziert von filch am 05.10.2007 - 12:18:25
    0 Mitglieder finden den Beitrag gut.
  4. Di. 09.10.2007 13:36 Uhr #4
    User Pic
    CellSplitter Mitglied
    Registriert seit
    24.05.2007
    Beiträge
    195
    Beitragswertungen
    3 Beitragspunkte
    Joa thx nochmal hat alles suppi gefunzt


    Cya
    Es gibt keine dummen Fragen, nur dumme Antworten !!!
    0 Mitglieder finden den Beitrag gut.
Geschlossen

Zurück zu Design und Templates

Optionen: Bei einer Antwort zu diesem Thema eine eMail erhalten