Startseite
  • » Home
  • » Handbuch & FAQ
  • » Forum
  • » Übersetzungsserver
  • » Suche
Startseite › Forum › Drupalcenter.de › Themes & Theming ›

Bild zwischen Header und Header Bild einblenden ?

Eingetragen von trunkx (7)
am 22.04.2014 - 03:03 Uhr in
  • Themes & Theming
  • Drupal 7.x

Hallo,

Ich habe folgendes Problem und bitte um eure Hilfe.

Ich habe einen Header der aus einem Logo besteht.
Direkt darunter hätte ich gern ein Bild welches sich ändert wenn ich auf eine andere Unterseite ich gehe.
Das ganze hätte ich soweit mit Hilfe von Blocks schon geschafft.

Jetzt möchte ich allerdings einen Bild (Button) genau zwischen Header und Header Bild einblenden.

Um besser zu verstehen was ich meine habe ich eine kleine Skizze angefertigt:

Hat vllt. jemand eine Idee wie man so etwas am einfachsten realisieren könnte ?

Danke schon mal im vorhinein.

‹ Aufwändige, individuelle Startseite / Landingpage Bild zwischen Header und Header Bild einblenden ? ›
  • Anmelden oder Registrieren um Kommentare zu schreiben

Du könntest

Eingetragen von ronald (3857)
am 22.04.2014 - 09:08 Uhr

im Template dafür einen neuen Bereich anlegen.

  • Anmelden oder Registrieren um Kommentare zu schreiben

Danke für die

Eingetragen von trunkx (7)
am 22.04.2014 - 12:10 Uhr

Danke für die Antwort.

Könntest du mir das vielleicht ein bisschen detaillierter erklären ?

wenn ich einen Bereich zwischen Header und Header Bild mache und
dort dann den Button einfüge schiebt es mir doch das ganze Header Bild nach unten oder ?

  • Anmelden oder Registrieren um Kommentare zu schreiben

Halllo, Du könntest doch

Eingetragen von oteno (775)
am 22.04.2014 - 12:53 Uhr

Halllo,
Du könntest doch einfach einen div um die beiden Bereiche legen und das Bild darin als Hintergrund festlegen...
Gruß
Christian

  • Anmelden oder Registrieren um Kommentare zu schreiben

Da das alles mit CSS beschrieben wird

Eingetragen von ronald (3857)
am 22.04.2014 - 13:46 Uhr

kannst du für den Button eine relative Positionierung realisieren, die sich mit der Position des Bildes/Headers überlagert.

  • Anmelden oder Registrieren um Kommentare zu schreiben

danke für eure Tipps. Ich hab

Eingetragen von trunkx (7)
am 30.04.2014 - 17:03 Uhr

danke für eure Tipps. Ich hab das ganze jetzt mal mit css eingebunden mit folgendem code:

position: absolute;
z-index:10;
display:block;
content:' ';
top: 100px;
left: 1120px;
width:220px;
height: 219px;
background-image: url('images/button.gif');
background-repeat: no-repeat;

Wenn die Seite auf "Vollbild" angezeigt wird passt die Position des Buttons genau.
Wenn man das Fenster allerdings verkleinert rutscht der Button um 1120px
nach rechts und befindet sich dann außerhalb des Browser Fenster.

Der Button soll aber immer an der genau gleichen Position bleiben egal ob ich
das Fenster auf Vollbild hab oder nicht.

Hat jemand eine Idee wie man das schöner lösen könnte ?

Danke im vorhinein !

  • Anmelden oder Registrieren um Kommentare zu schreiben

Man müsste mal die komplette

Eingetragen von Goekmen (1013)
am 30.04.2014 - 21:36 Uhr

Man müsste mal die komplette Seite vorher sehen ansonsten kann man nur rumraten.
Auch bei Vollbild wird die Position aber nur auf deinem Monitor, bei deiner Auflösung stimmen. Wenn jemand einen höhere Auflösung hat, wird es da auch nicht mehr stimmen.

  • Anmelden oder Registrieren um Kommentare zu schreiben

Anstelle von left: 1120px;

Eingetragen von nickstedt (30)
am 01.07.2014 - 16:44 Uhr

Anstelle von left: 1120px; z.B. right:25px; oder right:5%;

http://jsfiddle.net/A48tW/12/

g. nick

  • Anmelden oder Registrieren um Kommentare zu schreiben

Benutzeranmeldung

  • Registrieren
  • Neues Passwort anfordern

Aktive Forenthemen

  • Drupal CMS installieren
  • [erledigt]MP3 in Drupal 10 einbinden
  • (gelöst)Drupal 11 installieren
  • Titel ausblenden
  • Ich brauche dringen Hilfe zu Updates oder ggf. wwie geht Composer?
  • Dynamische Ansicht von Seiteninhalt (als Tabelle?)
  • Vergabe von Berechtigungen für bestimmte Rollen; mir fehlt der Haken bzw. das „Veröffentlicht“
  • Medien und andere Daten mit Feeds von Drupal 7 auf Drupal 10 migrieren
  • Rolle erstellen nicht zu finden
  • für drupal11 ein Slider Modul
  • [gelöst] W3CSS Paragraphs Views
  • Drupal 11 neu aufsetzen und Bereiche aus 10 importieren
Weiter

Neue Kommentare

  • Verwende doch das Tag dafür,
    vor 6 Tagen 8 Stunden
  • Guckst du hier: step by step
    vor 5 Tagen 21 Stunden
  • Guckst du hier: step by step
    vor 5 Tagen 21 Stunden
  • Ich habe ja keine Angst vor
    vor 2 Wochen 1 Tag
  • Ist grundsätzlichmachbar – aber nichts für „einfach mal schnell“
    vor 2 Wochen 3 Tagen
  • Vielen Dank erst einmal, aber
    vor 2 Wochen 5 Tagen
  • Du hast die "Trusted host
    vor 2 Wochen 5 Tagen
  • Bitte genauer den aktuellen Lösungs-Ansatz beschreiben
    vor 4 Wochen 4 Tagen
  • Git und rsync sind die wichtigsten Werkzeuge
    vor 5 Wochen 1 Tag
  • Arrrrg. Nix Tabelle :-D /*
    vor 9 Wochen 3 Tagen

Statistik

Beiträge im Forum: 250284
Registrierte User: 20499

Neue User:

  • Inga GuAph
  • Robertolix
  • DavidBit

» Alle User anzeigen

User nach Punkten sortiert:
wla9464
stBorchert6003
quiptime4972
Tobias Bähr4019
bv3924
ronald3857
md3717
Thoor3678
Alexander Langer3416
Exterior2903
» User nach Punkten
Zur Zeit sind 0 User und 41 Gäste online.

Hauptmenü

  • » Home
  • » Handbuch & FAQ
  • » Forum
  • » Übersetzungsserver
  • » Suche

Quicklinks I

  • Infos
  • Drupal Showcase
  • Installation
  • Update
  • Forum
  • Team
  • Verhaltensregeln

Quicklinks II

  • Drupal Jobs
  • FAQ
  • Drupal-Kochbuch
  • Best Practice - Drupal Sites - Guidelines
  • Drupal How To's

Quicklinks III

  • Tipps & Tricks
  • Drupal Theme System
  • Theme Handbuch
  • Leitfaden zur Entwicklung von Modulen

RSS & Twitter

  • Drupal Planet deutsch
  • RSS Feed News
  • RSS Feed Planet
  • Twitter Drupalcenter
Drupalcenter Team | Impressum & Datenschutz | Kontakt
Angetrieben von Drupal | Drupal is a registered trademark of Dries Buytaert.
Drupal Initiative - Drupal Association