ilch Forum » Ilch Clan 1.1 » Design und Templates » Hilfe background anpassen

Geschlossen
  1. #1
    User Pic
    Virusdesign Mitglied
    Registriert seit
    16.05.2011
    Beiträge
    9
    Beitragswertungen
    0 Beitragspunkte
    Hallo,

    ich habe ein porblem undzwar ich habe das design in einer auflösung von 1888x1000 gemacht mit meiner bildschirmauflösung von 1920x1080 kannn ich die seite wunderbar sehen, aber wenn jetzt andere user auf die seite gehen müssen die die seite verschieben.

    wie kann ich das anpassen lassen??

    ich hoffe man kann mir helfen


    gruß

    betroffene Homepage: externer Link
    0 Mitglieder finden den Beitrag gut.
  2. #2
    User Pic
    Jan Hall Of Fame
    Registriert seit
    17.01.2007
    Beiträge
    3.646
    Beitragswertungen
    54 Beitragspunkte
    Einfach ein großes Bild in den Hintergrund.

    Dazu die ersten Zeilen der CSS-Datei durch diese ersetzen:

    body { 
    	background:#020c15 url(PFAD/ZUM/BILD.jpg) 50% 0 no-repeat;
    	scrollbar-face-color: #1e1e1e;
    	scrollbar-highlight-color: #EFEFEF;
    	scrollbar-shadow-color: #72d13b;
    	scrollbar-3dlight-color: #000000;
    	scrollbar-arrow-color:  #72d13b;
    	scrollbar-track-color: #4B4B4A;
    	scrollbar-darkshadow-color: #DDDDDD;
    }

    Liebe Grüße
    Jan
    0 Mitglieder finden den Beitrag gut.
  3. #3
    User Pic
    MVN050 Mitglied
    Registriert seit
    20.09.2008
    Beiträge
    1.273
    Beitragswertungen
    29 Beitragspunkte
    du könntest ein hintergrundbild machen
    du hast kein hintergrundbild sondern eion normales bild genommen

    ein hintergrundbild wird sooft wiederholt bis der ganze bildschirm bedeckt istbzw abgehackt wenn der bildschirm zuklein ist.

    was du jetzt machst ist

    du erstellst dir ein bildvon sagen wir mal einer breite von 1920, dieses bild wird dein hintergrundbild, also musst du in der mitte eine spalte lassen weil da ja der inhalt von der HP ist, die spalte sollte dan sobreit sein wie die HP auch ist

    ich weiß das klingt verwirrend aber anders kann ich das grad nit erklären lachen

    so und dieses bild machen wir dan über css als hintergrundbild auf deine HP


    jankrug war schneller :(



    Zuletzt modifiziert von MVN050 am 02.06.2011 - 17:16:04
    1 Mitglieder finden den Beitrag gut.
  4. #4
    User Pic
    Tr3icio gelöschter User
    Einfach Background anpassen an die normale Aulösung und dann die erste TD in der ersten TR entfernen :-)

    Und dann Hintergrundbild im Body einfügen
    0 Mitglieder finden den Beitrag gut.
  5. #5
    User Pic
    Virusdesign Mitglied
    Registriert seit
    16.05.2011
    Beiträge
    9
    Beitragswertungen
    0 Beitragspunkte
    thx habe das jetzt mal so gemacht wie jankrug es sagte nur es geht nicht?

    was nun?

    ist mein hintergrund bild vielleicht zu groß?


    Zuletzt modifiziert von Virusdesign am 02.06.2011 - 17:57:04
    0 Mitglieder finden den Beitrag gut.
  6. #6
    User Pic
    MVN050 Mitglied
    Registriert seit
    20.09.2008
    Beiträge
    1.273
    Beitragswertungen
    29 Beitragspunkte
    ja weil der scheiße erzählt lachen

    nehmen wir meinen code der is kurzer und funzt auch lachen


    body {
      background-image: url(Bilder/bg.jpg);
      width: auto;
      height: auto;
    }


    jetzt erstllst du ein bild namens
    bg.jpg
    und schiebst es in den ordner
    xxx/xxx/Bilder/
    rein und staunst lachen
    0 Mitglieder finden den Beitrag gut.
  7. #7
    User Pic
    Virusdesign Mitglied
    Registriert seit
    16.05.2011
    Beiträge
    9
    Beitragswertungen
    0 Beitragspunkte
    jo der geht nur jetzt schau mal es ist doppelt da was nun?
    0 Mitglieder finden den Beitrag gut.
  8. #8
    User Pic
    Trucker-Siggi Mitglied
    Registriert seit
    21.11.2010
    Beiträge
    740
    Beitragswertungen
    41 Beitragspunkte
    verschieb es doch mal in das .menu in der style.css
    0 Mitglieder finden den Beitrag gut.
  9. #9
    User Pic
    MVN050 Mitglied
    Registriert seit
    20.09.2008
    Beiträge
    1.273
    Beitragswertungen
    29 Beitragspunkte
    de.selfhtml.org/navigation/css.htm#hintergrund

    da steht was mit wiederholen
    allerdings fällt mir da was ein

    ich glaube das bild ist jetzt linksbündung und nicht in der mitte, aber dafür gibt es auch ein css code, musst du mal kucken

    die ganzen teilen baustdu so ein wie es in der ganzen css datei ist
    das is nit schwer lächeln

    bei hintergrundposition
    0 Mitglieder finden den Beitrag gut.
  10. #10
    User Pic
    Virusdesign Mitglied
    Registriert seit
    16.05.2011
    Beiträge
    9
    Beitragswertungen
    0 Beitragspunkte
    thx nochmal jetzt geht es:)
    0 Mitglieder finden den Beitrag gut.
  11. #11
    User Pic
    Virusdesign Mitglied
    Registriert seit
    16.05.2011
    Beiträge
    9
    Beitragswertungen
    0 Beitragspunkte
    ne doch net

    wenn wann mann es mit einer andern auflösung anschaut ist es verschoben

    was nun?
    0 Mitglieder finden den Beitrag gut.
  12. #12
    User Pic
    MVN050 Mitglied
    Registriert seit
    20.09.2008
    Beiträge
    1.273
    Beitragswertungen
    29 Beitragspunkte
    ich glaube das bild ist jetzt linksbündung und nicht in der mitte, aber dafür gibt es auch ein css code, musst du mal kucken


    hast du ein glück das ich so nett bin lächeln

    background-position:center;


    dan sollte es gehen
    0 Mitglieder finden den Beitrag gut.
  13. #13
    User Pic
    Virusdesign Mitglied
    Registriert seit
    16.05.2011
    Beiträge
    9
    Beitragswertungen
    0 Beitragspunkte
    jo thx nur

    background-position:top;

    ist besser bei center ist es in der mitte
    0 Mitglieder finden den Beitrag gut.
  14. #14
    User Pic
    Jan Hall Of Fame
    Registriert seit
    17.01.2007
    Beiträge
    3.646
    Beitragswertungen
    54 Beitragspunkte
    ZitatZitat geschrieben von MVN050

    ja weil der scheiße erzählt lachen

    nehmen wir meinen code der is kurzer und funzt auch lachen

    Scherzkeks, mein Code ist kürzer und funktioniert sogar im Internet Explorer 5.5 ...

    background:#fff url(PFADZUMBILD) 50% 0 no-repeat;

    "#fff" ist die Hintergrundfarbe, "url()" gibt den Pfad zum Bild an, "50% 0" die position des Hintergrundbildes (X- und Y-Achse und "no-repeat" besagt, dass sich das Bild nicht wiederholen soll.
    1 Mitglieder finden den Beitrag gut.
Geschlossen

Zurück zu Design und Templates

Optionen: Bei einer Antwort zu diesem Thema eine eMail erhalten