Mouse over?

Wolfgang · 4. Februar 2012

Moin zusammen,
ich bin wohl wieder einmal blind...
Gerade erstelle ich ein Web für unser Tierheim.
Habe auch die Bilder in die Galerie eingefügt.
Was mir jetzt noch fehlt, wenn ich mit der Maus auf das Vorschaubild gehe, hätte ich gerne den Namen des Tieres eingeblendet.
Grüße Wolfgang

bernie · 4. Februar 2012

Zitat von Wolfgang

Moin zusammen,
ich bin wohl wieder einmal blind...
Gerade erstelle ich ein Web für unser Tierheim.
Habe auch die Bilder in die Galerie eingefügt.
Was mir jetzt noch fehlt, wenn ich mit der Maus auf das Vorschaubild gehe, hätte ich gerne den Namen des Tieres eingeblendet.
Grüße Wolfgang

Hallo Wolfgang

Was ich weiß, geht das so einfach nicht... Bin aber auch schon seit längerem auf den Beinen heute...

Probiere es mal mit diesem Code:

Weißt eh schon, Höhe und Breite und Position anpassen...

Da machst ein Bild normal, das andere gleich, nur eben unten abgedunkelt und mit Namen.

Reden wir hoffentlich vom gleichen?

bernie · 4. Februar 2012

HTML

<div style="position: fixed; right:0px; top: 280px;">
onMouseOver="document.Bild.src='images/bild.png'"
onMouseOut="document.Bild.src='images/bild1.png'">
<img src="images/bild1.png"
name="Bild"
width=40 height=160
alt="Demo"
</a>
</div>

Alles anzeigen

So geht es nun mit dem Code??? Wird trotz Code einfügen als Quelltext angezeigt? Aber das werden die Profis auch noch in den Griff bekommen

zwoemti · 4. Februar 2012

Die Buttons oben sind für die jeweiligen Abschnitte...um sie als Quelltext darzustellen und nicht um ihn umzuwandeln... das bleibt den Administratoren vorbehalten...

Also

Spoiler anzeigen

die raute für allgemeinen Quelltext (ganze Seite oder Abschnitte) ohne Highlight
#

HTML

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Titel der Webseite</title>
</head>
<body>
<p>Inhalt der Webseite</p>
</body>
</html>

Alles anzeigen

für HTML Quelltext
<>

HTML

<head>
<title>Ausblick vom Hamburger Michel</title>
</head>

für SQL Quelltext
SQL

SQL

CREATE TABLE tbl_namen (
id int NOT NULL,
spalte1 varchar(50)
);

für XML
xml

XML

<fahrplan>
<bahnhof>
<name>Frankfurt HBF</name>
<ereignis>
<abfahrt>
<zeit>10.24</zeit>
<zugtyp class="ic">IC</zugtyp>
<zugnr>234</zugnr>
<route>Nürnberg 11.48, Regensburg 12.50, Passau 13.38, Linz 14.22
<ziel>Wien West an 17.55</ziel>
</route>
</abfahrt>
</ereignis>
<ereignis>
<ankunft>
<zeit>10.36</zeit>
<zugtyp>RB</zugtyp>
<zugnr>20392</zugnr>
<route><start>Koblenz ab 08.57</start>
Bacharach 09.16, St. Goar 09.42, Mainz 10.05, Ffm Flughafen 10.25
</route>
</ankunft>
</ereignis>
<ereignis>
<abfahrt>
<zeit>10.39</zeit>
<zugtyp>RSB</zugtyp>
<zugnr>58483</zugnr>
<route>Offenbach 10.52, Hanau 11.01
<ziel>Aschaffenburg an 11.27</ziel>
</route>
</abfahrt>
</ereignis>
<ereignis>
<ankunft>
<zeit>10.40</zeit>
<zugtyp class="ice">ICE</zugtyp>
<zugnr>23</zugnr>
<route><start>Hamburg ab 06.55</start>
Hannover 08.05, Göttingen 08.43, Kassel 09.01, Fulda 09.43
</route>
</ankunft>
</ereignis>
</bahnhof>
</fahrplan>

Alles anzeigen

für CSS
css

CSS

body {
font: normal 100.01% Helvetica, Arial, sans-serif;
color: black; background-color: white;
min-width: 40em; /* Mindestbreite verhindert Anzeigefehler in modernen Browsern */
}
p {
margin: 3em 0 0 3em; /* Positionierung des 'zurueck'-Links */
}
p a {
color:black; /* Farbe des 'zurueck'-Links */
}
html {
padding: 0;
}
body {
margin: 0; padding: 0;
}
#fixiert {
position: absolute;
top: 2.8em; left: 2em;
width: 18em;
background-color: white;
border: 1px solid silver;
}
html>body #fixiert { /* nur fuer moderne Browser! */
position: fixed;
}
#fixiert img {
height: 6.8em; float: right;
}

Alles anzeigen

für JS (Javascript)
js

JavaScript

<script language=javascript>
var face = "ff0000";
var shadow = "00458C";
var highlight = "cccccc";
var darkshadow = "00ffff";
var track = "ffffff";
var arrow = "ff0000";
function laufLeiste(){
document.body.style.scrollbarFaceColor = face;
document.body.style.scrollbarShadowColor = shadow ;
document.body.style.scrollbarHighlightColor = highlight;
document.body.style.scrollbarDarkshadowColor = darkshadow;
document.body.style.scrollbarTrackColor = track;
document.body.style.scrollbarArrowColor = arrow;
}
window.onload=laufLeiste;
</script>

Alles anzeigen

für PHP Quelltext
<?

PHP

require 'inc/fpdf.php';
$pdf = new FPDF();
$pdf->AddPage ( 'P' );
// z.B. 640x480 auf 6,4cmx4,8cm
$pdf->Image('meinbild.png',10,10,64,48 );
$pdf->Output('meinbild.pdf', 'I');
exit;

Verstanden?

Wolfgang · 4. Februar 2012

Ich fürchte ich habe mich mal wieder undeutlich ausgedrückt.
Was ich meinte, war das Alt Attribut.
Grüße Wolfgang

bernie · 4. Februar 2012

Zitat von Wolfgang

Ich fürchte ich habe mich mal wieder undeutlich ausgedrückt.
Was ich meinte, war das Alt Attribut.
Grüße Wolfgang

Ja das...
Das schreibst da, wo Du die Grafik aussuchst unterhalb rein.

zwoemti · 4. Februar 2012

Der Quelltext oben ist nicht vollständig!

little-key · 4. Februar 2012

Zitat von Wolfgang

Ich fürchte ich habe mich mal wieder undeutlich ausgedrückt.
Was ich meinte, war das Alt Attribut.
Grüße Wolfgang

Das ALT hat damit nichts zu tun.
In der Gallerie (Liste) hast Du 2 Möglichkeiten (nicht so schöne):
1. bei Beschreibung Text rein (erscheint dann im Balken, je nach Gallerietyp)
2. Link und verlinken mit "Hinweis" (dann bei Klick aufs Bild)

Aber alles nicht optimal.
Hoffe ich hab das richtig verstanden, wenn Du von der Bildergallerie redest. Deine Informationen sind grundsätzlich dürftig.

Wolfgang · 4. Februar 2012

Ich habe mal einen Screen angehängt.
Ich dachte ich hätte gut getippert.

Grüße Wolfgang

little-key · 4. Februar 2012

... und nun noch den Gallerietyp nennen und Du ersparst mir ein wenig Arbeit, sonst muss ich erst gucken, welcher das ist...

Wenn wir anderen helfen wollen, müssen wir das besser können, eine Anfrage zu formulieren.
Die schauen Dir ev. auf die Finger...

Wolfgang · 4. Februar 2012

Zitat von little-key

... und nun noch den Gallerietyp nennen und Du ersparst mir ein wenig Arbeit, sonst muss ich erst gucken, welcher das ist...

Wenn wir anderen helfen wollen, müssen wir das besser können, eine Anfrage zu formulieren.
Die schauen Dir ev. auf die Finger...

Es ist aber auch ein Kreuz mit uns alten....
Ich habe die Horizontale Gallery genommen.
Wenns nicht geht, ist es auch kein Beinbruch.
Grüße Wolfgang

little-key · 4. Februar 2012

Bleibt eigentlich nur wwie ich bereits schrieb.
Versuche mal Punkt 1.

Bei aktiver Steuerleiste, erscheint er darin, oder bei inaktiver wird der Balken eingeblendet.

Wolfgang · 5. Februar 2012

Hallo Mario,
ist leider wie Du schon bemerkt hast, nicht der Klopper.
Ich habe die Beschreibung in der Showbox eingetragen.
Es soll ja auch nicht zu umständlich werden, da die Tiere ja oft
vermittelt bzw. neue Tiere hinzukommen.
Danke Euch aber für die Mühe
Wolfgang

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Mouse over?

Teilen