Hintergrundgrafik für einen individuellen Stil

  • Hallo zusammen!


    Möchte gerne eine kleine Grafik in einem individuellen Stil im Hintergrund anzeigen lassen und zwar so, das sie sich ständig wiederholt und so zu sagen ein verteiltes Muster abgibt. Im "Lucent"-Stil habe ich bereits gesehen das es einen Codeschnipsel dazu gibt, der wie folgt aussieht:


    CSS
    body, .dialogContent, .dropdownMenu, .dialogContent .formSubmit  {
    	background-image: url("@{style_image_path}06.jpg");
    	background-attachment:fixed;
    	background-size: cover;
    	background-position: center;
    }


    Allerdings verwende ich einen angepassten Standard-Stil, bei dem diese Stelle überhaupt nicht drin vorkommt. Wie muß ich den o.g. Code abändern, um ihn für den WBB 4-Standardstil zu übernehmen? Werden da überhaupt alle Einträge benötigt?

  • Wenn es nur im Hintergrund sein soll, ist es folgender Code:

    CSS
    body  {
    	background: url("@{style_image_path}06.jpg") scroll repeat center top;
    }
  • Danke, hat prima geklappt! :thumbup:


    Anbei noch die Frage: Welche Bereiche kann man denn noch damit abändern und wie lauten die entsprechenden Funktionen dafür?

    Edited once, last by PARALAX ().

  • Okay, dann muß ich wohl etwas konkreter werden denn ich würde gerne noch den rot markierten Bereich mit der Grafik ausfüllen. Mit welchem Befehl kann ich das erreichen? Der Bereich Betrifft auch zugleich die Zwischenräume innerhalb von Threads zwischen den Postings.

    Edited 2 times, last by PARALAX ().

  • Rechte Maustaste und "Element untersuchen", dann auf den Pfeil in dem sich öffnenden Kästchen oder im FF den FireBug installieren. Dann siehst du alle CSS Klassen.

    Liebe Grüße
    Susi

  • Danke, das hat auch soweit geklappt. Allerdings stört nun der Zwischenabstand des Contents zur oberen Navigationsleiste. Mit Hilfe des Navigators konnte ich durch Deaktivieren des "Paddings" schonmal die entsprechende Stelle ausfindig machen. Allerdings werden dann beide Seiten bis zum Rand des Contents aufgefüllt. Ich möchte aber nur die linke Seite bis zum Rand strecken, ohne das sich die rechte Seite verändert. Gleiches gilt für die Themenübersicht. In den Threads direkt hingegen sollen beide Seiten, also rechts und links ausgestreckt werden. Nur wie bekomme ich das am besten hin?

    Edited once, last by PARALAX ().

  • Hast Du einen Link zum Forum. Dann ist das einfacher.


    Wenn ich Dich richtig verstanden habe, dann möchtest Du das der aktuell zentrierte Content linksbündig an der Hauptnavigation ausgerichtet wird. Ist das so richtig?


    Edit: OK, Forum gefunden. Falls es das ist was ich oben geschrieben habe:


    CSS
    #main > div > div > .content {
    	padding: 7px 38px 21px 0px;
    	}

    Grüße, CCFF

  • Hast Du einen Link zum Forum. Dann ist das einfacher.


    Ja, klar! Ich wollte nur vermeiden, das es als Schleichwerbung aufgefasst wird, weshalb auch die Bilder wieder gelöscht werden, nachdem alles korrekt eingerichtet wurde. Dein Code hat schonmal funktioniert und sowohl für die Foren- als auch die Threadübersicht genau das bewirkt, was ich meinte. Jetzt fehlt mir nur noch das Strecken von Beiträgen innerhalb der Themen auf die rechte Seite des Contents. Ein Beispiel findest Du hier:


    http://www.radio-paralax.de/bo…sinnliche-weihnachtszeit/


    Versuche es aber mit Hilfe des Navigators parallel dazu nochmal selbst aber vielleicht bist Du ja schneller. ;)


    Edit: Das Problem ist das anscheinend auch innerhalb der Beiträge derselbe Verweis zum Content vorliegt, nämlich #main > div > div > .content. Deswegen wird nur die linke Seite gestreckt aber innerhalb der Beiträge müssen beide Seiten gestreckt werden, damit es mit der oberen Leiste harmoniert. Scheinbar läßt sich das aber nicht spezifizieren. ?(

    Edited once, last by PARALAX ().

  • Mach aus der 38 eine 0.





    Gruß norse

    Zugang zu meinen Arbeiten und dem dazugehörigen Support bekommt Ihr bei Interesse hier.

  • Dann entfällt wiederrum der Abstand in der Forenübersicht sowie in der Themenübersicht und gerade der sollte ja so bleiben. Lediglich innerhalb der Themen müssen beide Seiten gestreckt werden und genau da liegt das Problem. Es muß wohl irgendwas mit dem .message-Tag zu tun haben.

    Edited once, last by PARALAX ().

  • Dann eben so: #tplThread #main > div > div > .content {padding-right:0;}





    Gruß norse

    Zugang zu meinen Arbeiten und dem dazugehörigen Support bekommt Ihr bei Interesse hier.

Participate now!

Don’t have an account yet? Register yourself now and be a part of our community!