Transparente Grafik möglich

#1
Avatar

tbv

Forum-Sponsor  (25 Punkte)  ·   männlich  ·   Deutschland  ·   Nachricht senden
 https://thomas-doerflinger.de

Hallo zusammen,

habe dieses wunderbare ProWeb Boostrap 3 im Einsatz und bin äußerst zufrieden über die vielfältigen Einstellungsmöglichkeiten!!! Nun bin ich auf der Suche nach einer Lösung für das Einsetzen eines Logos als transparente Grafik (png) in den Kopfbereich, wo per Slider wechselweise fünf Fotos gewechselt werden. Das Logo soll dann immer an der gleichen Stelle sein.

Wie ich noch WTD 8s im Einsatz hatte, war das kein Problem - funktioniert das auch in ProWeb???  Sorry, falls es schon mal im Forum behandelt wurde, aber ich  habe nichts gefunden.

Wäre sehr dankbar, wenn es funktioniert und mir ein Fachmann (der ich immer nnoch nicht bin) den Weg aufzeigt.

Danke und abendliche Grüße!

Burkhard

 

 

 

20.02.2016, 20:12
#2
Avatar

Volker W.

Administrator  (7915 Punkte)  ·   männlich  ·   Deutschland  ·   Nachricht senden
 https://www.warmers.de  ·   vwarmers  ·   vwarmers  ·   volkerw68

Das von Bootstrap 3 Pro von Haus aus unterstützte Logo ist ausschließlich für die Navigationsleiste vorgesehen. Im Header-Bereich (Eyecatcher bzw. Slider) gibt es keine native Unterstützung für ein darüberliegendes Logo.

Sprich Du müßtest einen entsprechend geeigneten <div>-Container als HTML-Code schreiben und diesen unter Datei -> Website-Eigenschaften -> Register "HTML" -> Am Anfang des <body>-Bereichs einfügen.

So und nicht anders ist Dein Ansinnen auf jeden Fall realisierbar.

Viele Grüße,
Volker

Über mich  ·  Volker W. Musik & Sounds  ·  Facebook  ·  Twitter  ·  Instagram  ·  StayFriends  ·  LinkedIn  ·  XING

20.02.2016, 21:30
#3
Avatar

tbv

Forum-Sponsor  (25 Punkte)  ·   männlich  ·   Deutschland  ·   Nachricht senden
 https://thomas-doerflinger.de

Hallo Volker,

besten Dank für die schnelle Antwort. Kann aber erst jetzt reagieren, da ich mehrere Tage "außer Gefecht" gewesen bin. Erfreulich, dass eine transparente Grafik (Logo) möglich ist! Ich würde es gerne realiseren, allerdings gehen meine HTML-Kenntnisse gegen Null. Welchen Code für den "div-Container" muss ich schreiben??

Wäre toll, wenn du nochmals einen hilfreichen Hinweis geben könntest!

Danke im Voraus und abendliche Grüße!!!

Burkhard

25.02.2016, 20:01
#4
Avatar

Volker W.

Administrator  (7915 Punkte)  ·   männlich  ·   Deutschland  ·   Nachricht senden
 https://www.warmers.de  ·   vwarmers  ·   vwarmers  ·   volkerw68

Sorry, daß ich hier keine fix und fertigen Codes liefere. Dazu fehlt mir schlicht und ergreifend die Zeit.


Tipp:

Suche im Quelltext unseres Forums nach den Zeilen

                    <div id="logo" style="cursor: pointer;" onclick="location.href='/'">
                        <img src="http://forum.w2d-siquando.de/images/logos/vortex100.png" style="width: 112px; height: 112px;" />
                    </div>

Dies ist der Code für den "Vortex-Strudel", sprich unser Logo oben auf der rechten Seite des Eyecatchers hinter der Subline "Die Kompetenz-Community...". Dieses ist auch eine transparente PNG-Grafik und wird durch den Code einfach über den großen Eyecatcher (also die 1250 x 200 Pixel Grafik) gelegt.

Ob hinter dem transparenten PNG nun eine weitere Grafik liegt oder ein Slider, spielt aus technischer Sicht keine Rolle.

Hinweis: Beachte unbedingt auch den CSS-Code zu der ID "logo".

Viele Grüße,
Volker

Über mich  ·  Volker W. Musik & Sounds  ·  Facebook  ·  Twitter  ·  Instagram  ·  StayFriends  ·  LinkedIn  ·  XING

25.02.2016, 20:55
#5
Avatar

tbv

Forum-Sponsor  (25 Punkte)  ·   männlich  ·   Deutschland  ·   Nachricht senden
 https://thomas-doerflinger.de

Hallo Volker,

danke für den Tipp! Klar, dass du fertige Codes nicht liefern kannst, dafür habe ich volles  Verständnis. Werde in den nächsten Tagen versuchen, das Problem irgendwie zu lösen.

Danke und beste Grüße!

Burkhard

 

 

25.02.2016, 22:29
815 Aufrufe | 5 Beiträge