Hallo,
ich suche ein Widget wie auf dieser Seite.
http://www.fcau-berneck05.ch/
Bei dem ich Firmen mit dem Logo grau hinterlegt auflisten kann und wenn ich mit der Maus drüber geh, dass sie farbig werden.
Könnt Ihr mir weiterhelfen?
Um schreiben oder kommentieren zu können, benötigen Sie ein Benutzerkonto.
Sie haben schon ein Benutzerkonto? Melden Sie sich hier an.
Jetzt anmeldenHier können Sie ein neues Benutzerkonto erstellen.
Neues Benutzerkonto erstellenHallo,
ich suche ein Widget wie auf dieser Seite.
http://www.fcau-berneck05.ch/
Bei dem ich Firmen mit dem Logo grau hinterlegt auflisten kann und wenn ich mit der Maus drüber geh, dass sie farbig werden.
Könnt Ihr mir weiterhelfen?
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.
Hallo,
ich denke nicht, dass das mittels Plugin gelöst ist. Hier kommt einfach der css :hover Befehl zum tragen.
Du nimmst das Text-Widget und füllst das mit deinem html Code.
VG
Philip
Hallo Philip,
danke für deine schnelle Antwort.
Kannst du mir bitte etwas genauer erklären vorallem mit dem Text-Widget.
Bin noch nicht so fit in dem Gebiet und noch ein "Frischling", deshalb wäre es super, wenn du mir etwas genauer beschreiben könntest.
Vielen Dank
Matthias
Hallo,
im Text-Widget kannst du html Code einbinden. Für ein Bild mit Hover Effekt also folgendes.
In deiner css Datei fügst du dann folgendes hinzu:
#bild-hover-1 {
background-image: url(bild-sw.jpg);
width: 200px;
height: 150px;
background-repeat: no-repeat;
}
#bild-hover-1:hover {
background-image: url(bild-bunt.jpg);
width: 200px;
height: 150px;
background-repeat: no-repeat;
}
Alles anzeigen
Deine Bilder sollten bei diesem Beispiel die Größe 200px x 150px haben. Die Dateinamen und den Pfad musst du natürlich anpassen.
VG
Philip
super vielen Dank schon mal. Das Text Widget, wo find ich das? Sorry für die Frage, warscheinlich ganz einfach. ....
Das ist standardmäßig in der Widget Auswahl mit dabei.
kinghefe
lies dich doch bitte erstmal in diverse tutorials ein, welche dir die basics von wordpress erklären.
denn, wenn du nicht einmal diese weißt, kann man dir auch nicht helfen, selbst mit so einer tollen hilfe wie sie flipps gegeben hat. :)
nichts für ungut, aber n paar sachen muss man sich dann doch auch selbst beibringen :)
Es gibt auch ein Plugin hierfür: Hover Image
Auf der genannten Seite lautet der Code übrigens so:
.sidebar .supporter .thumbnail img {
filter: url("desaturate.svg#greyscale");
}
.sidebar .supporter .thumbnail:hover img, .sidebar .supporter .thumbnail:active img {
filter: none;
}
Die svg Datei kannst Du hier herunterladen:
http://dobersch.com/wp-content/themes/web/desaturate.svg
Siehe:
http://www.suralin.de/bilder-mit-css-in-sw-umwandeln
Und noch ein Tutorial für Dich:
Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!