ilch Forum » Ilch Clan 1.1 » Design und Templates » Hintergrund Bild einfügen

Geschlossen
  1. #1
    User Pic
    Schommie Mitglied
    Registriert seit
    13.06.2008
    Beiträge
    86
    Beitragswertungen
    1 Beitragspunkte
    hab da mal nen kleines problem:
    ich wollt nen hintergrundbild für mein design nutzen, doch irgendwie komm ich nicht klar, wo ich was einfügen soll...

    ich nutz das "dms_design-v4"

    und möchte folgendes bild als hintergrund haben (links und rechts)
    hpp.clan-base.de/include/designs/dms_design-v4/images/bg.gif

    hier auch mal die index.htm
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
      <title>{TITLE}</title>
    
    
      <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    
      <meta name="Robots" content="INDEX,FOLLOW">
    
      <meta http-equiv="cache-control" content="no-cache">
    
      <meta http-equiv="Pragma" content="no-cache">
    
      <meta name="Robots" content="archive">
    
      <link rel="stylesheet" type="text/css" href="include/designs/dms_design-v4/style.css">
    
      <style type="text/css">
    <!--
    .Stil1 {color: #FFFFFF}
    -->
      </style>
      <meta name="generator" content="Namo WebEditor">
    
    </head>
    
    
      <body>
    
    <center>
    <table border="0" cellpadding="0" cellspacing="0" height="558" width="897">
    
      <tbody>
    
        <tr>
    
          <td background="include/designs/dms_design-v4/images/header.jpg" height="244" width="900">&nbsp;</td>
    
        </tr>
    
        <tr>
    
          <td>
          <table border="0" cellpadding="0" cellspacing="0" width="812">
    
            <tbody>
    
              <tr valign="top">
    
                <td background="include/designs/dms_design-v4/images/leftnavbg.jpg" width="170">
                <table border="0" cellpadding="0" cellspacing="0" width="182">
    
                  <tbody>
    
                    <tr>
    
                      <td background="include/designs/dms_design-v4/images/dms.gif" height="34" width="170">&nbsp;</td>
    
                    </tr>
    
                    <tr>
    
                      <td align="left"> {_list_menunr1@
                      <table border="0" cellpadding="0" cellspacing="0" width="169">
    
                        <tbody>
    
                          <tr>
    
                            <td background="include/designs/dms_design-v4/images/left.jpg" height="34" width="169">
                            <table width="182">
    
                              <tbody>
    
                                <tr>
    
                                  <td width="15"> </td>
    
                                  <td class="Bbody2" width="153">
                                  <b>%1</b> </td>
    
                                </tr>
    
                              </tbody>
                            </table>
    
                            </td>
    
                          </tr>
    
                          <tr>
    
                            <td>
                            <table border="0" cellpadding="4" cellspacing="10" width="181">
    
                              <tbody>
    
                                <tr>
    
                                  <td class="Bbody" width="161">
    %2 </td>
    
                                </tr>
    
                              </tbody>
                            </table>
    
                            </td>
    
                          </tr>
    
                        </tbody>
                      </table>
    
    } </td>
    
                    </tr>
    
                  </tbody>
                </table>
    
                </td>
    
                <td class="Callg" bgcolor="black" valign="top" width="600">
                <table border="0" bordercolor="black" cellpadding="0" cellspacing="10" width="584">
    
                  <tbody>
    
                    <tr>
    
                      <td class="Callg" align="left" bgcolor="black" valign="top" width="564">
                      <p>{HMENU}</p>
    
                      <p>{EXPLODE}</p>
    
                      <p align="center">&nbsp;</p>
    
                      </td>
    
                    </tr>
    
                  </tbody>
                </table>
    
                </td>
    
                <td background="include/designs/dms_design-v4/images/rightbg.jpg" width="170">
                <table border="0" cellpadding="0" cellspacing="0" width="170">
    
                  <tbody>
    
                    <tr>
    
                      <td background="include/designs/dms_design-v4/images/right.gif" height="34" width="170">&nbsp;</td>
    
                    </tr>
    
                    <tr>
    
                      <td align="left"> {_list_menunr2@
                      <table border="0" cellpadding="0" cellspacing="0" width="182">
    
                        <tbody>
    
                          <tr>
    
                            <td background="include/designs/dms_design-v4/images/right.jpg" height="34" width="182">
                            <table>
    
                              <tbody>
    
                                <tr>
    
                                  <td width="20"> </td>
    
                                  <td class="Bbody2" width="150">
    %1 </td>
    
                                </tr>
    
                              </tbody>
                            </table>
    
                            </td>
    
                          </tr>
    
                          <tr>
    
                            <td height="19" width="170">
                            <table border="0" cellpadding="4" cellspacing="10" width="170">
    
                              <tbody>
    
                                <tr>
    
                                  <td class="Bbody"> %2 </td>
    
                                </tr>
    
                              </tbody>
                            </table>
    
                            </td>
    
                          </tr>
    
                        </tbody>
                      </table>
    
    } </td>
    
                    </tr>
    
                  </tbody>
                </table>
    
                </td>
    
              </tr>
    
            </tbody>
          </table>
    
          </td>
    
        </tr>
    
        <tr>
    
          <td background="include/designs/dms_design-v4/images/unten.jpg" height="86" width="900">&nbsp;</td>
    
        </tr>
    
      </tbody>
    </table>
    
    </center>
    
    <!-- {_list_DDDmenupoint@<strong><big>&middot;</big></strong><a %1 class="box" href="%2">%3</a><br />}//-->
    {_list_hmenupoint@<li><a target="%1" class="box" href="%2">%3</a>|</li>
    
    |<br>
    
    |}
    {_list_hmenubegi@
    <ul>
    
    }
    {_list_hmenuende@
    </ul>
    
    }
    {_list_vmenupoint@<li><a target="%1" class="box" href="%2">%3</a>|</li>
    
    |<br>
    
    <ul>
    
    |
    </ul>
    
    }
    {_list_vmenubegi@
    <ul>
    
    }
    {_list_vmenuende@
    </ul>
    
    }
    </body>
    </html>



    verwendete ilchClan Version: 1.1 N

    betroffene Homepage: hpp.clan-base.de


    Zuletzt modifiziert von Schommie am 06.03.2010 - 19:27:00
    0 Mitglieder finden den Beitrag gut.
  2. #2
    User Pic
    Lord|Schirmer Administrator
    Registriert seit
    21.03.2007
    Beiträge
    7.675
    Beitragswertungen
    1212 Beitragspunkte
    Schau mal in die style.css deines Designs!

    body
    {
    background: url('images/bg.gif ');
    }
    rules :: doku :: faq :: linkus
    0 Mitglieder finden den Beitrag gut.
  3. #3
    User Pic
    Schommie Mitglied
    Registriert seit
    13.06.2008
    Beiträge
    86
    Beitragswertungen
    1 Beitragspunkte
    danke, hat geklappt^^
    0 Mitglieder finden den Beitrag gut.
  4. #4
    User Pic
    Schommie Mitglied
    Registriert seit
    13.06.2008
    Beiträge
    86
    Beitragswertungen
    1 Beitragspunkte
    .


    Zuletzt modifiziert von Schommie am 07.03.2010 - 04:48:40
    0 Mitglieder finden den Beitrag gut.
  5. #5
    User Pic
    Dr.Snake Mitglied
    Registriert seit
    10.03.2011
    Beiträge
    16
    Beitragswertungen
    0 Beitragspunkte
    Hallo zusammen
    Könnte mir auch einer helfen,ich bekomme mein Hintergrundbild nicht eingebunden.Bin völliger Anfänger und blick da noch nicht durch.
    ich nutz auch das "dms_design-v4
    Danke im voraus
    Hier mal meine style.css
    body   
    { 
      background: http://www.bilder-hochladen.net/files/hi2w-6-jpg.html('images/bg.jpg '); 
    }
    
    .abg
    {
    }
    
    td 
    {
      font-family: Verdana; 
      font-size: 10px;
    }
    
    a 
    { 
      color: #FFFFFF; 
      font-family: Tahoma; 
      font-size: 10px; 
      text-decoration: none;
    }
    
    a:hover 
    { 
      color: #3FACEA;
      text-decoration: none;  
    }
    
    a.box 
    { 
      color: #FFFFFF; 
      font-family: Tahoma; 
      font-size: 12px; 
    }
    
    a.box:hover 
    {  
      color: #3FACEA;
      text-decoration: none;  
    }
    
    .Chead
    {
      background-color: #000000;
      color: #FFFFFF;
    }
    
    .Chead td, .Chead td strong, .Chead h4, .Chead td b
    {
      color: #FFFFFF;
    }
    
    .Callg
    {
    	color: #FFFFFF;
    }
    
    .Callg td
    {
      color: #FFFFFF;
    }
    
    .Cnorm 
    {
      background-color: #0066FF;
    }
    
    .Cmite
    {
      background-color: #0066FF;
    }
    .Cdark
    {
    }
    
    #Ballg
    {
    	color: #FFFFFF;
    }
    #Ballg td
    {
    	color: #FFFFFF;
    }
    
    .Bhead
    {
    	color: #FFFFFF;
    }
    
    .Bbody
    {
    	color: #FFFFFF;
    }
    
    .Bbody2
    {
    	color: #000000;
    }
    
    .rand
    {
    }
    
    .smalfont 
    { 
        font-size: 10px;
    	text-decoration: none; 
    }
    
    .border 
    { 
        background-color: #848484;
    }
    
    hr 
    { 
        height: 0px; 
    	border-top-width: 1px; 
    }
    
    input, textarea, select
    { 
        color: #000000;  
        font: 11px Tahoma;  
        border-color: #003366;
      	border-width: 1px;
        border-style: solid;  
        font-weight: none;  
        text-decoration: none;  
    }
    
    #menu {}
    #menu ul { padding-left: 11px; margin-left: 11px; }
    #smallmenu { }
    #smallmenu li { font-size: 10px; }
    #smallmenu a { font-size: 10px; }
    0 Mitglieder finden den Beitrag gut.
  6. #6
    User Pic
    she Mitglied
    Registriert seit
    13.11.2010
    Beiträge
    1.115
    Beitragswertungen
    82 Beitragspunkte
    body { background-image:url(http://www.bilder-hochladen.net/files/hi2w-6-jpg); }
    Google+ shelfinger.eu
    Das Wissen verfolgt mich - doch ich bin schneller!
    0 Mitglieder finden den Beitrag gut.
  7. #7
    User Pic
    Dr.Snake Mitglied
    Registriert seit
    10.03.2011
    Beiträge
    16
    Beitragswertungen
    0 Beitragspunkte
    Erstmal Danke für die schnelle Antwort,aber leider krieg ich immer einen weißen Hintergrund.Ich denke mal das ich was falsch gemacht habe.
    body   
    { 
      body { background-image:url(http://www.bilder-hochladen.net/files/hi2w-6-jpg.html); }
    0 Mitglieder finden den Beitrag gut.
  8. #8
    User Pic
    she Mitglied
    Registriert seit
    13.11.2010
    Beiträge
    1.115
    Beitragswertungen
    82 Beitragspunkte
    ZitatZitat geschrieben von Dr.Snake

    Erstmal Danke für die schnelle Antwort,aber leider krieg ich immer einen weißen Hintergrund.Ich denke mal das ich was falsch gemacht habe.
    body   
    { 
      body { background-image:url(http://www.bilder-hochladen.net/files/hi2w-6-jpg.html); }



    Jep du machst was falsch.

    body { background-image:url(http://www.bilder-hochladen.net/files/hi2w-6-jpg.html); }
    sollte alleine stehen nicht davo noch ein {

    Dann noch zu deiner URL. Dies ist eine HTML Datei du musst aber den Direkten Link auf das Bild angeben. Das wäre in deinem Fall
    externer Link <<--

    So nun zu dein Code.
    body { background-image:url(http://www.bilder-hochladen.net/files/big/hi2w-6.jpg); }
    Google+ shelfinger.eu
    Das Wissen verfolgt mich - doch ich bin schneller!
    0 Mitglieder finden den Beitrag gut.
  9. #9
    User Pic
    Dr.Snake Mitglied
    Registriert seit
    10.03.2011
    Beiträge
    16
    Beitragswertungen
    0 Beitragspunkte
    Super hat geklappt.Danke
    Aber das Bild sieht aus auf der Hompage als wenn es geteilt wäre.
    Kann man das ändern?
    0 Mitglieder finden den Beitrag gut.
  10. #10
    User Pic
    WDTeamWarLord Mitglied
    Registriert seit
    17.01.2009
    Beiträge
    539
    Beitragswertungen
    46 Beitragspunkte
    Dann ist das Bild zu klein. Schick mal nen link zur Seite plz.
    0 Mitglieder finden den Beitrag gut.
  11. #11
    User Pic
    Dr.Snake Mitglied
    Registriert seit
    10.03.2011
    Beiträge
    16
    Beitragswertungen
    0 Beitragspunkte
    www.gungamezentrale.de
    0 Mitglieder finden den Beitrag gut.
  12. #12
    User Pic
    WDTeamWarLord Mitglied
    Registriert seit
    17.01.2009
    Beiträge
    539
    Beitragswertungen
    46 Beitragspunkte
    Versuche es mal damit:
    body { background-image:url(http://www.bilder-hochladen.net/files/big/hi2w-6.jpg);
    background-attachment:fixed;
    }
    0 Mitglieder finden den Beitrag gut.
  13. #13
    User Pic
    mobi Mitglied
    Registriert seit
    08.06.2007
    Beiträge
    93
    Beitragswertungen
    3 Beitragspunkte
    body {background:#000 url("http://www.bilder-hochladen.net/files/big/hi2w-6.jpg") no-repeat}

    Dann wiederholt er das Bild nicht mehr und zeigt den rest als Schwarz an das #000 ist der Farbcode
    0 Mitglieder finden den Beitrag gut.
  14. #14
    User Pic
    WDTeamWarLord Mitglied
    Registriert seit
    17.01.2009
    Beiträge
    539
    Beitragswertungen
    46 Beitragspunkte
    ZitatZitat geschrieben von mobi

    body {background:#000 url("http://www.bilder-hochladen.net/files/big/hi2w-6.jpg") no-repeat}

    Dann wiederholt er das Bild nicht mehr und zeigt den rest als Schwarz an das #000 ist der Farbcode


    Sieht aber blöd aus bei dem Bild. Wenn das PIC nach aussen ins schwarze laufen würde, dann ja. Aber so nicht.
    0 Mitglieder finden den Beitrag gut.
  15. #15
    User Pic
    mobi Mitglied
    Registriert seit
    08.06.2007
    Beiträge
    93
    Beitragswertungen
    3 Beitragspunkte
    jo das klar aber so kann er den Fabcode einstellen wie er es brauch lächeln
    Und am besten am Bild einen verlauf als übergang einbauen. Dann sieht es gut aus lächeln
    Ist ja gleich gemacht so ein Verlauf


    Zuletzt modifiziert von mobi am 10.03.2011 - 11:41:56
    0 Mitglieder finden den Beitrag gut.
  16. #16
    User Pic
    WDTeamWarLord Mitglied
    Registriert seit
    17.01.2009
    Beiträge
    539
    Beitragswertungen
    46 Beitragspunkte
    ZitatZitat geschrieben von mobi

    jo das klar aber so kann er den Fabcode einstellen wie er es brauch lächeln
    Und am besten am Bild einen verlauf als übergang einbauen. Dann sieht es gut aus lächeln


    Brauch er ja nicht. Er muss nur den Hintergrund fixen dann geht es. Dann scrollt er ja nicht mit. Bei meiner Auflösung ist das Bild groß genug. Und meine Auflösung ist hoch.^^
    0 Mitglieder finden den Beitrag gut.
  17. #17
    User Pic
    Dr.Snake Mitglied
    Registriert seit
    10.03.2011
    Beiträge
    16
    Beitragswertungen
    0 Beitragspunkte
    Also mit den Tipps von euch klappt es wunderbar.
    Danke Euch
    Ich hab aber noch 2 Fragen,wäre schön wenn ihr mir auch dabei helfen könntet.

    1.Ich hab ein no cheat.gif bei mir auf der Seite,das aber nicht wirklich zentriert in der Box ist und ein blöder weißer Rahmen drum ist.Wie kann ich das ändern?

    2.Meine 3 Partner auf der Seite liegen zu nah einander.Kann man da eine kleine Lücke zwischen lassen?

    Danke im Voraus
    0 Mitglieder finden den Beitrag gut.
  18. #18
    User Pic
    WDTeamWarLord Mitglied
    Registriert seit
    17.01.2009
    Beiträge
    539
    Beitragswertungen
    46 Beitragspunkte
    ZitatZitat geschrieben von Dr.Snake

    1.Ich hab ein no cheat.gif bei mir auf der Seite,das aber nicht wirklich zentriert in der Box ist und ein blöder weißer Rahmen drum ist.Wie kann ich das ändern?

    2.Meine 3 Partner auf der Seite liegen zu nah einander.Kann man da eine kleine Lücke zwischen lassen?

    Danke im Voraus

    Zu 1. <center>Hier das Bild</center> mit in die box.
    zu 2. Oh. Sag ich dir später. Muss nochmal weg. Sry^^
    0 Mitglieder finden den Beitrag gut.
  19. #19
    User Pic
    Dr.Snake Mitglied
    Registriert seit
    10.03.2011
    Beiträge
    16
    Beitragswertungen
    0 Beitragspunkte
    ZitatZitat
    Zu 1. <center>Hier das Bild</center> mit in die box.


    Jetzt macht der mir ein link darunter.Und wieder was falsch gemacht:'(
    Hab es jetzt so eingefügt,geht aber immer noch nicht.

    <center><a href="http://www.bilder-hochladen.net/files/hi2w-1-gif-nb.html"><img src="http://www.bilder-hochladen.net/files/hi2w-1.gif" alt="Bilder Upload"></a></center>



    Zuletzt modifiziert von Dr.Snake am 10.03.2011 - 12:47:04
    0 Mitglieder finden den Beitrag gut.
  20. #20
    User Pic
    Jan Hall Of Fame
    Registriert seit
    17.01.2007
    Beiträge
    3.646
    Beitragswertungen
    54 Beitragspunkte
    Hab das Thema nur schnell überflogen, aber ich denke dies ist die beste Lösung für dein Hintergrundbild:

    body {
    background: fixed #000 url("http://www.bilder-hochladen.net/files/big/hi2w-6.jpg") 50% 0 no-repeat;
    }

    background: <attachement> <color> <image> <position> <repeat>;
    (in alphabetischer Reihenfolge) lächeln

    Liebe Grüße
    Jan
    0 Mitglieder finden den Beitrag gut.
  21. #21
    User Pic
    Dr.Snake Mitglied
    Registriert seit
    10.03.2011
    Beiträge
    16
    Beitragswertungen
    0 Beitragspunkte
    ZitatZitat geschrieben von Dr.Snake





    Meine 4 Partner auf der Seite liegen zu nah einander.Kann man da eine kleine Lücke zwischen lassen?
    Kann mir da noch einer helfen

    Danke im Voraus
    0 Mitglieder finden den Beitrag gut.
  22. #22
    User Pic
    Jan Hall Of Fame
    Registriert seit
    17.01.2007
    Beiträge
    3.646
    Beitragswertungen
    54 Beitragspunkte
    Am einfachsten ist es für dich wohl, wenn du einfach nach jedem Bild einen Zeilensprung ( <br /> ) einfügst.

    Liebe Grüße
    Jan
    0 Mitglieder finden den Beitrag gut.
  23. #23
    User Pic
    lostboy2003 Mitglied
    Registriert seit
    09.09.2009
    Beiträge
    283
    Beitragswertungen
    14 Beitragspunkte
    ja einfach

    <br />

    dazwischen einfügen dann haste mindestens 1 zeile platz dazwischen .
    0 Mitglieder finden den Beitrag gut.
Geschlossen

Zurück zu Design und Templates

Optionen: Bei einer Antwort zu diesem Thema eine eMail erhalten