Logo soll anklickbar sein (also verlinkt werden) und bei Mouseover soll es ausgetauscht werden? Aber wie....
Eingetragen von Don Corleone 1172 (9)am 08.10.2011 - 14:06 Uhr in
Hallo Leute.
Ich habe nach ewigen Stunden es endlich geschafft, mein Logo "SWS" seperat in den Header zu bekommen! http://socialwebstyle.de.
So weit so gut. Nun möchte ich aber, das mein Logo einmal auf die Startseite verlinkt wird und das sich beim Überfahren mit der Maus sich das Logo wechselt. Habe beide Logobilder bereits im images Ordner.
und hier der Code aus der page.tlp.php:
div class="art-header"
div class="art-headerobject"
div class="art-headerlogo"
.usw usw....
(die divs sind natürlich in spitzen Klammern....)
Hier der Header-Code in der style.css:
/* begin Header */
div.art-header
{
margin: 0 auto;
position: relative;
z-index: 3;
width:100%;
height: 175px;
margin-top: 0;
margin-bottom: 0;
}
.art-header:after
{
position: absolute;
z-index: -1;
display:block;
content:' ';
top: 0;
width:100%;
height: 175px;
background-image: url('images/header.jpg');
background-repeat: no-repeat;
background-position: center left;
}
/* end Header */
/* begin HeaderObject */
div.art-headerobject
{
display: block;
left: 100%;
position: absolute;
margin-left: -275px;
z-index: 50;
top: 0;
width: 306px;
height: 175px;
background-image: url('images/header-object.png');
}
/* end HeaderObject */
/* begin HeaderLogo */
div.art-headerlogo
{
display: block;
right: 100%;
z-index: 100;
top: 0;
width: 242px;
height: 175px;
background-image: url('images/SWSLogo.png');
}
/* end HeaderLogo */
Kann mir jemand sagen, was ich an diesen beiden Codes ändern muss, oder wie ich evtl sonst noch vorgehen könnte, um mein Problem zu lösen? Ich versuche jetzt schon 2 Tage herum! Wäre echt sehr dankbar!
| Anhang | Größe |
|---|---|
| SWSLogo.png | 31.98 KB |
| SWSLogoHOVER.png | 31.65 KB |
- Anmelden oder Registrieren um Kommentare zu schreiben
:hover
am 08.10.2011 - 14:36 Uhr
Hallo.
Für den Hover-Effekt kannst Du ganz einfach die CSS-Pseudoklasse ":hover" verwenden:
div.art-headerlogo:hover {background-image: url("images/SWSLogoHOVER.png");
}
Um das Bild zu verlinken musst Du in der page.tpl.php Deines Themes einen Link um das Bild setzen, bzw.
<div class="art-headerlogo"></div>in<a href="<?php print url(); ?>" class="art-headerlogo"></a>ändern und dann die CSS-Anweisungen entsprechend abändern (von "div." auf "a.").Wow...Vielen Dank für Deine
am 08.10.2011 - 17:50 Uhr
Wow...Vielen Dank für Deine superschnelle Antwort. Habe mich jetzt frisch ans Werk gemacht... leider noch immer ohne Erfolg. Irgendetwas übersehe ich doch einfach noch!
Ich babe zwei bilder angefügt, um es vielleicht deutlicher zu zeigen, was ich getan habe!
pic01= page.tlp.php
pic2= style.css
Bin wie gesagt wirklich für jede Hilfe sehr dankbar...
flash
am 08.10.2011 - 18:06 Uhr
Das ist so schon korrekt.
Wenn Du jetzt noch diesen Flash-Müll (sorry) wegnimmst, siehst Du den hover-Effekt für das Logo auch.
Ohje, ich bin doch noch ein
am 08.10.2011 - 18:22 Uhr
Ohje, ich bin doch noch ein kleiner Drupler! ;-) Du bist der König der Welt! Es funktioniert! Vielen tausend dank! Das war ja eigentlich schon sehr machbar... Ich werde demnächst diese Spielereien mit Flash lassen! Habe aber die letzten 2 Tage ganz schön was dazu gelernt! Nochmal DANKE!
OFFTOPIC
am 08.10.2011 - 21:25 Uhr
Ohje, ich bin doch noch ein kleiner Drupler! ;-)
naja mit Drupal hatte eigentlich weder das Problem noch die Lösung viel zu tun.
es ist eher einfaches Basiswissen im Webdesign.
An sich ist mangelndes Wissen kein Problem, man kann ja lernen.
Was mich persönlich etwas wundert ist der content deiner Seite.
von deiner Seite:
Glückwunsch: Offensichtlich haben Sie Interesse daran, eine eigene, professionelle Webseite für Ihr Projekt zu erstellen. Hier sollten Sie genau das Richtige für Ihren Anspruch finden!
mit dem aktuellen Wissensstand ist das aber noch Zukunftsmusik.
Ich kann Deine Bedenken sehr
am 10.10.2011 - 14:02 Uhr
Ich kann Deine Bedenken sehr gut verstehen! Aber zu meiner Entlastung:
Ich erhalte ab Januar 2012 kompetente Unterstützung eines Freundes, der zur Zeit noch in Finnland arbeitet! Er ist ein richtiger Crack, was Webdesign betrifft. Meine Aufgabe bis dahin ist es, mich soweit es möglich ist in die Materie einzuarbeiten und schon mal eine kleine Webpräsenz online zu stellen – er möchte natürlich sehen, das ich bereit bin, mich ausgiebig mit Webdesign zu befassen.
Und das bin ich sehr wohl. Ich werde mich sehr gezielt und auch täglich darauf Vorbereiten, d.h. ich werde auch an Fortbildungen zum Thema teilnehmen und mich gegebenenfalls in Foren wie diesem informieren.
Und wenn ich weiterhin so gezielte und präzise Lösungsvorschläge für meine kleinen Problemchen erhalte, wie "stBorchert" sie mir gegeben hat, dann denke ich, kann ich Juha (meinen Freund aus Finnland) im Januar überzeugen, bei meinem Projekt „socialwebstyle“ bedenkenlos einzusteigen.
Dann hoffe ich, dass meine Aussage
„Glückwunsch: Offensichtlich haben Sie Interesse daran, eine eigene, professionelle Webseite für Ihr Projekt zu erstellen. Hier sollten Sie genau das Richtige für Ihren Anspruch finden! „
auch Berechtigung hat.
Aber ich finde es echt klasse, wie Du Dir konstruktiv kritisch über mein Verhalten Gedanken machst!