ilch Forum » Ilch Clan 1.1 » Design und Templates » Hilfe beim Hintergrund

Geschlossen
  1. #1
    User Pic
    Daisy Mitglied
    Registriert seit
    25.09.2008
    Beiträge
    69
    Beitragswertungen
    0 Beitragspunkte
    Moin leutz,

    Muss leider wieder mal die anfrage stellen on einer weis wie ich ein nild als hintergrund einstellen kann.
    Habe schonmal was gepostet aber damit ging es leider nicht.
    Habe auch schon sämtliche FAQ s usw durchstöbert.
    Leider ohne erfolg.
    Ich weis das ich die url zb. url:includes/ ....usw eintragen muss aber es hat nicht geklappt.
    Kann jemand bitte eine komplette anleitung erstellen wie es endlich mal klappe könnte.
    Ich bin mit meinen wissen am ende.
    Wäre super von euch.

    MFG


    verwendete ilchClan Version: 1.1

    betroffene Homepage: Killerstübchen.de
    0 Mitglieder finden den Beitrag gut.
  2. #2
    User Pic
    Chapter Hall Of Fame
    Registriert seit
    21.10.2007
    Beiträge
    5.951
    Beitragswertungen
    229 Beitragspunkte
    in deiner style.css musst du das machen. hier mal ein teil meiner style.css. dort siehst du wie du deinen hintergrund bei dir einfügen kannst.


    body {
      background-color: #705123;
      background-image: url(include/designs/site/img/sitebg.png);
      background-attachment:fixed;
      background-repeat:repeat-y;
      text-align: left;
      font-size: 12px;
      font-family:	Verdana, sans-serif, default;
    }


    wenn du weitere optionen für hintergrundbilder brauchst, kannst du es hier nachlesen:
    externer Link
    Spamming, sinnlose Beiträge, Pushing, Doppelposting und Werbung sind verboten
    externer Link
    0 Mitglieder finden den Beitrag gut.
  3. #3
    User Pic
    Daisy Mitglied
    Registriert seit
    25.09.2008
    Beiträge
    69
    Beitragswertungen
    0 Beitragspunkte
    Viel Dank für die schnelle antwort.
    Leider klappt auch dies nicht.
    Meine style.css

    body
    {
    background-color: #330000;
    background-image: url(include/designs/jetixblue/bilder/hintergrund4.jpg);
    background-attachment:fixed;
    background-repeat:repeat-y;
    scrollbar-face-color: #DDDDDD;
    scrollbar-highlight-color: #EFEFEF;
    scrollbar-shadow-color: #003366;
    scrollbar-3dlight-color: #000000;
    scrollbar-arrow-color: #003366;
    scrollbar-track-color: #EFEFEF;
    scrollbar-darkshadow-color: #DDDDDD;
    }


    wo liegt der fehler?
    0 Mitglieder finden den Beitrag gut.
  4. #4
    User Pic
    Daisy Mitglied
    Registriert seit
    25.09.2008
    Beiträge
    69
    Beitragswertungen
    0 Beitragspunkte
    hab mein fehler selber gefunden lächeln
    ich habs so eingegeben

    killerstübchen.de/include/designs/jetixblue/bilder/hintergrund4.jpg

    jetzt gehts.
    Vielen Dank!!!!!!!!
    0 Mitglieder finden den Beitrag gut.
  5. #5
    User Pic
    Chapter Hall Of Fame
    Registriert seit
    21.10.2007
    Beiträge
    5.951
    Beitragswertungen
    229 Beitragspunkte
    das hier
    /bilder/hintergrund4.jpg

    hätte mein pfad gereicht. war mein fehler, da ich auf meiner seite keine style.css verwende...
    Spamming, sinnlose Beiträge, Pushing, Doppelposting und Werbung sind verboten
    externer Link
    0 Mitglieder finden den Beitrag gut.
  6. #6
    User Pic
    masterx396 Mitglied
    Registriert seit
    08.02.2009
    Beiträge
    43
    Beitragswertungen
    0 Beitragspunkte
    habe damit auch ein kleines Problem.
    Ich finde nichteinmal den richtigen Eintrag zum Hintergrund kann mir jemand helfen?

    #left_nav    {width:179px;
    			  float:left;
    			  clear:none;
    			  text-align:left;
    			  vertical-align:top;}
    
    .head_navi      {width:	179px;
    				height: 30px;
    				float:	none;
    				clear:	none;
    				background-image:url(images/navigation.jpg);
    				text-align:left;
    				vertical-align:middle;
    				color:#FFFFFF;
    			    line-height:28px;
    				text-indent:20px;}
    				
    				
    .right_nav_list  		{width:	157px;
    						float:left;
    			            clear:none;
    			            text-align:left;
    			            vertical-align:middle;
    						display: block;
    						margin:0px;
    						padding-top:0px;
    						height:16px;
    						color:#FFFFFF;
    						font-size:10px;
    						text-indent:16px;
    						line-height:15px;
    						}
    						
    a .right_nav_list 	{   width:	157px;
    						float: none;
    						clear: none;
    						display: block;
    						margin:0px;
    						padding-top:0px;
    						height:16px;
    						color:#FFFFFF;
    						text-indent:16px;
    						font-size:10px;
    						font-family:Verdana, Arial, Helvetica, sans-serif;
    						text-decoration: none;
    						line-height:15px;
    						font-weight:normal;}										
    									
    				
    .leftbox-menupunkte		{width:	179px;
    						float: none;
    						clear: none;
    						display: block;
    						margin:0px;
    						padding-top:0px;
    						width:179px;
    						height:22px;
    						color:#FFFFFF;
    						text-indent:6px;
    						font-size:10px;
    						font-family:Verdana, Arial, Helvetica, sans-serif;
    						text-decoration: none;
    						line-height:14px;
    						background-image:url(images/news_bg.jpg);
    						font-weight:normal;
    						vertical-align:middle;
    						}
    						
    a .leftbox-menupunkte	 {display: block;
    						margin:0px;
    						padding-top:0px;
    						width:179px;
    						height:22px;
    						color:#FFFFFF;
    						text-indent:20px;
    						font-size:10px;
    						font-family:Verdana, Arial, Helvetica, sans-serif;
    						text-decoration: none;
    						line-height:20px;
    						background-image:url(images/news_bg.jpg);
    						font-weight:normal;
    						vertical-align:middle;
    						}
    			
    			
    			
    
    td 
    {
      font-family: Arial; 
      font-size: 11px;
    }
    
    a 
    { 
      color: #FFFFFF; 
      font-family: Arial; 
      font-size: 11px; 
      text-decoration: none;
    }
    
    a:hover 
    { 
      color: #FFFFFF; 
      background-image:url(images/rollover.jpg);  
    }
    
    a.box 
    { 
      color: #FFFFFF; 
      font-family: Arial; 
      font-size: 11px; 
    }
    
    a.box:hover 
    {  
      cbackground-image:url(images/left_nav/bg.jpg);
        
    }
    
    .Chead
    {
      background-color: #333333;
      color: #FFFFFF;
    }
    
    .Chead td, .Chead td strong, .Chead h4, .Chead td b
    {
      color: #FFFFFF;
    }
    
    .Callg
    {
    	color: #FFFFFF;
    }
    
    .Callg td
    {
      color: #FFFFFF;
    }
    
    .Cnorm 
    {
      background-color: #333333; 
    }
    
    .Cmite
    {
      background-color: #333333; 
    }
    .Cdark
    {
    	background-color: #333333;
    }
    
    #Ballg
    {
    	color: #FFFFFF;
    }
    #Ballg td
    {
    	color: #FFFFFF;
    }
    
    .Bhead
    {
    	color: #FFFFFF;
    }
    
    .Bbody
    {
    	color: #FFFFFF;
    }
    
    .Bbody2
    {
    	color: #000000;
    }
    
    .rand
    {
    }
    
    .smalfont 
    { 
        font-size: 11px;
    	text-decoration: none; 
    }
    
    .border 
    { 
        background-color: #848484; 
    }
    
    hr 
    { 
        height: 0px; 
    	border-top-width: 1px; 
    }
    
    input, textarea, select
    { 
        color: #000000;  
        font: 11px Arial;  
        border-color: #003366;
      	border-width: 1px;
        border-style: solid;  
        font-weight: none;  
        text-decoration: none;  
    }
    
    #menu {}
    #menu ul { padding-left: 11px; margin-left: 10px; }
    #smallmenu { }
    #smallmenu li { font-size: 9px; }
    #smallmenu a { font-size: 9px; }



    Zuletzt modifiziert von masterx396 am 09.04.2009 - 22:59:21
    0 Mitglieder finden den Beitrag gut.
  7. #7
    User Pic
    CellSplitter Mitglied
    Registriert seit
    24.05.2007
    Beiträge
    195
    Beitragswertungen
    3 Beitragspunkte
    Also mir ist aufgefallen oben im Body Bereich hieß es noch (bilder/hintergrundXYZ.jpg);


    und weiter unten dann aufeinmal

    (images/left_nav/bg.jpg);

    oder irre ich mich da?

    Wie heißt denn nun dein Ordner mit den Bildern fürs Design?

    bilder oder images???
    Es gibt keine dummen Fragen, nur dumme Antworten !!!
    0 Mitglieder finden den Beitrag gut.
  8. #8
    User Pic
    CellSplitter Mitglied
    Registriert seit
    24.05.2007
    Beiträge
    195
    Beitragswertungen
    3 Beitragspunkte
    ZitatZitat geschrieben von masterx396

    habe damit auch ein kleines Problem.
    Ich finde nichteinmal den richtigen Eintrag zum Hintergrund kann mir jemand helfen?

    #left_nav    {width:179px;
    			  float:left;
    			  clear:none;
    			  text-align:left;
    			  vertical-align:top;}
    
    .head_navi      {width:	179px;
    				height: 30px;
    				float:	none;
    				clear:	none;
    				background-image:url(images/navigation.jpg);
    				text-align:left;
    				vertical-align:middle;
    				color:#FFFFFF;
    			    line-height:28px;
    				text-indent:20px;}
    				
    				
    .right_nav_list  		{width:	157px;
    						float:left;
    			            clear:none;
    			            text-align:left;
    			            vertical-align:middle;
    						display: block;
    						margin:0px;
    						padding-top:0px;
    						height:16px;
    						color:#FFFFFF;
    						font-size:10px;
    						text-indent:16px;
    						line-height:15px;
    						}
    						
    a .right_nav_list 	{   width:	157px;
    						float: none;
    						clear: none;
    						display: block;
    						margin:0px;
    						padding-top:0px;
    						height:16px;
    						color:#FFFFFF;
    						text-indent:16px;
    						font-size:10px;
    						font-family:Verdana, Arial, Helvetica, sans-serif;
    						text-decoration: none;
    						line-height:15px;
    						font-weight:normal;}										
    									
    				
    .leftbox-menupunkte		{width:	179px;
    						float: none;
    						clear: none;
    						display: block;
    						margin:0px;
    						padding-top:0px;
    						width:179px;
    						height:22px;
    						color:#FFFFFF;
    						text-indent:6px;
    						font-size:10px;
    						font-family:Verdana, Arial, Helvetica, sans-serif;
    						text-decoration: none;
    						line-height:14px;
    						background-image:url(images/news_bg.jpg);
    						font-weight:normal;
    						vertical-align:middle;
    						}
    						
    a .leftbox-menupunkte	 {display: block;
    						margin:0px;
    						padding-top:0px;
    						width:179px;
    						height:22px;
    						color:#FFFFFF;
    						text-indent:20px;
    						font-size:10px;
    						font-family:Verdana, Arial, Helvetica, sans-serif;
    						text-decoration: none;
    						line-height:20px;
    						background-image:url(images/news_bg.jpg);
    						font-weight:normal;
    						vertical-align:middle;
    						}
    			
    			
    			
    
    td 
    {
      font-family: Arial; 
      font-size: 11px;
    }
    
    a 
    { 
      color: #FFFFFF; 
      font-family: Arial; 
      font-size: 11px; 
      text-decoration: none;
    }
    
    a:hover 
    { 
      color: #FFFFFF; 
      background-image:url(images/rollover.jpg);  
    }
    
    a.box 
    { 
      color: #FFFFFF; 
      font-family: Arial; 
      font-size: 11px; 
    }
    
    a.box:hover 
    {  
      cbackground-image:url(images/left_nav/bg.jpg);
        
    }
    
    .Chead
    {
      background-color: #333333;
      color: #FFFFFF;
    }
    
    .Chead td, .Chead td strong, .Chead h4, .Chead td b
    {
      color: #FFFFFF;
    }
    
    .Callg
    {
    	color: #FFFFFF;
    }
    
    .Callg td
    {
      color: #FFFFFF;
    }
    
    .Cnorm 
    {
      background-color: #333333; 
    }
    
    .Cmite
    {
      background-color: #333333; 
    }
    .Cdark
    {
    	background-color: #333333;
    }
    
    #Ballg
    {
    	color: #FFFFFF;
    }
    #Ballg td
    {
    	color: #FFFFFF;
    }
    
    .Bhead
    {
    	color: #FFFFFF;
    }
    
    .Bbody
    {
    	color: #FFFFFF;
    }
    
    .Bbody2
    {
    	color: #000000;
    }
    
    .rand
    {
    }
    
    .smalfont 
    { 
        font-size: 11px;
    	text-decoration: none; 
    }
    
    .border 
    { 
        background-color: #848484; 
    }
    
    hr 
    { 
        height: 0px; 
    	border-top-width: 1px; 
    }
    
    input, textarea, select
    { 
        color: #000000;  
        font: 11px Arial;  
        border-color: #003366;
      	border-width: 1px;
        border-style: solid;  
        font-weight: none;  
        text-decoration: none;  
    }
    
    #menu {}
    #menu ul { padding-left: 11px; margin-left: 10px; }
    #smallmenu { }
    #smallmenu li { font-size: 9px; }
    #smallmenu a { font-size: 9px; }



    Zuletzt modifiziert von masterx396 am 09.04.2009 - 22:59:21


    Ne kannst Du auch nicht finden.

    Fehlt das Body tag wie z.B.

    body {
    	 background-image: url('../bilderordner/hintergrundxyz.jpg');
         background-repeat: repeat-x;
    	 background-color: #000000;
    	 margin-top: 0px;
    }
    Es gibt keine dummen Fragen, nur dumme Antworten !!!
    0 Mitglieder finden den Beitrag gut.
  9. #9
    User Pic
    masterx396 Mitglied
    Registriert seit
    08.02.2009
    Beiträge
    43
    Beitragswertungen
    0 Beitragspunkte
    also der ordner heißt images,
    und wie kann ich den hintergrund dann ändern?

    mfg
    0 Mitglieder finden den Beitrag gut.
  10. #10
    User Pic
    Siggi Hall Of Fame
    Registriert seit
    08.02.2007
    Beiträge
    6.558
    Beitragswertungen
    327 Beitragspunkte
    hm dann vllt einfach von oben angegebenden code den ordner umschreiben in images und halt wie das hintergrundbild heisst.
    0 Mitglieder finden den Beitrag gut.
  11. #11
    User Pic
    masterx396 Mitglied
    Registriert seit
    08.02.2009
    Beiträge
    43
    Beitragswertungen
    0 Beitragspunkte
    danke für die antworten,
    leider ist der hintergrund nicht ganz verändert sondern nur ca. 1/4 der page
    0 Mitglieder finden den Beitrag gut.
  12. #12
    User Pic
    masterx396 Mitglied
    Registriert seit
    08.02.2009
    Beiträge
    43
    Beitragswertungen
    0 Beitragspunkte
    ha jetzt hats gefunzt Jippi^^
    ich musste nur in der Zeile
    background-repeat: repeat-x;


    einen wer ändern so das es nun so aussieht:

    background-repeat: repeat-y-x;
    0 Mitglieder finden den Beitrag gut.
Geschlossen

Zurück zu Design und Templates

Optionen: Bei einer Antwort zu diesem Thema eine eMail erhalten