der so funktioniert wie auf DWDL.de? Also wenn mit der Maus auf Logo dann wechselt das Bild. Hat das schon mal jemand umgesetzt?
wie kann man einen hover Effekt mit dem Logo erzeugen
-
-
- Gerade eben
- Anzeige
Hallo!
Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.
- ✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
- ✔️ Deutsche Server & DSGVO-konform
- ✔️ Persönlicher Support (kein 0815-Ticket-System)
-
Das sind zwei verschiedene Bilder wenn ich mich nicht irre.
Es wurden zwei die selben Bilder bis auf die Description erstellt.http://www.google.de/#hl=de&source=…9934b00c623671d
Sollte Dir weiter helfen.
LG
-
werd ich mal testen. Wird zwar ein böser Eingriff in den header aber wenns klappt solls ok sein. Danke.
-
nicht dafür. ;)
Kannst es dann ja mal zeigen.LG
-
demnächst auf diesem Kanal unter "Blogshow", garantiert.
-
ja, das würde mich durchaus auch mal interessieren - bitte mal hier posten, was du gmeacht hast! ich danke schonmal :-)
-
Servus Geri,
ganz einfach (macht man auch bei Sprites so > Google): Beide Bilder in zB Photoshop untereinander legen und nur ein Bild daraus machen. Dann zB
und in deiner css-dateiCode#dein_bild { display: block; width: XYpx; height: XYpx; // B&H wichtig für das IE-Boxmodel overflow: hidden; // damit der hover-state verborgen wird background: url('pfad/angabe/im/theme/bild.png') no-repeat 0 0; } #dein_bild:hover { background-position: 150px 0; // damit rutscht das Bild beim MouseOver hin und her }Kluge Sache, die kein [x] zeigt, weil der hover-state gleich mit dem Ausgangsbild geladen wird. :mrgreen:
-
Mahlzeit Herr Kaiser,
hmm, irgendwie klappte das nicht so, wie ich es mir vorgestellt hatte. Das Layout war sowas von im A., hola. Ich denke, ich überlasse diese Spielereien mal besser Leuten, die wissen, was sie da wirklich machen. Mein Halbwissen ist zu gefährlich.
Danke für die Ausführungen! -
warum? also bei mir klappts wunderbar - danke für den hinweis! :-)
-
geri: Falls Du Probleme mit dem Html-Layout hast, kann ich Dir folgende Css-Frameworks (nachstehende Links) empfehlen. Ich selbst verwende in erster Linie blueprint. Das einarbeiten und testweise erstellen von 2-3 Vorlagen dauert ca. 2h. Dann hast Du für längere Zeit Ruhe von diesen Problemen und musst Dich nicht immer damit herum ärgern:
* Mein heiß geliebtes blueprint: http://www.blueprintcss.org/ (solltest Du damit umgehen können, schick mir eine PN und ich schick Dir meine Ergänzungen retour)
* 960 Grid: http://960.gs/ (auch gut, aber weniger flexibel)
* Nicht wirklich für den Produktionseinsatz, aber gut zum Lernen wie man Layout und Content-Struktur auseinander hält: http://github.com/stubbornella/oocss
* Nur falls Du ziemlich gut mit Js bist: http://desandro.com/resources/jquery-masonry
* Falls Du noch andere Alternativen durchsehen willst: http://www.tripwiremagazine.com/2009/06/45-css…hould-know.html -
sollte mir mal nicht den Codex bookmarken sondern "Herr Kaiser" ;). Vielen Dank für die vielen nützlichen Links! Werde morgen den Tag damit verbringen, mich mit den vielen Links auseinander zu setzen.
griffon: sendest Du mal nen Link, damit man sich das mal live ansehen kann? Danke.
Der Sourcecode an der entsprechenden Stelle meines Themes ist recht komplex:ZitatAlles anzeigen<body>
<div id="container">
<div id="header">
<h1><a href="<?php bloginfo('home') ?>"><img src="<?php wptp_getopt('home_logo') ?>"/></a></h1>
<?php if(wptp_getopt('show_blog_desc', 0)): ?><div class="blog-desc"><?php wptp_getopt('header_desc') ?></div><?php endif; ?>
</div><!-- #header -->
<div class="ffix"></div>
Hab da wohl irgendwas übersehen oder zuviel weg genommen. -
die seite ist noch offline, mal sehen, wann ichs schaffe mit online-stellen - dann kommt der link!
-
danke, bin gespannt!
Jetzt mitmachen!
Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!