php-Ausgabe des Artikeldatums bei Mouse-over über Bild

McBorney · 26.04.2010, 12:32

Hallo,

für meinen Blog will ich folgendes Feature:

Ich möchte, dass in den kleinen Vorschaubildern, die bei mouse-over transparent werden, das Datum des Artikels und des Teaser-Textes angezeigt werden (aber nur bei mouse-over!!). Wie geht das?? CSS ist hier nicht das Problem (glaub ich), ich hab nur keine Ahnung, wie man die php-Befehle integriert.

So sollte es ungefähr aussehen: Preview Wordpress Themes � Where I will be previewing & testing my wordpress themes online.

Hier der Code der aktuellen php-Datei:

Zitat:

<h2>Frische Fotos</h2>

<ul id="latestworkgallery">

<?php $theme_options = get_option('Grace'); ?>
<?php if (!isset($theme_options["autothumb"]) || $theme_options["autothumb"] == "timthumbon") {
include (TEMPLATEPATH . '/includes/hpautothumbson.php');
}
else if (!isset($theme_options["autothumb"]) || $theme_options["autothumb"] == "timthumboff") {
include (TEMPLATEPATH . '/includes/hpautothumbsoff.php');
} ?>

</ul>

Sirke · 26.04.2010, 13:02

Ich denke, das ganze ist eher ein CSS als ein PHP Thema! Auf jeden Fall kannst du den gewünschten Effekt mit folgenden Zielen umsetzen:

Code:

<style type="text/css">
<!--
div.outer {
	position: relative;
	overflow: hidden;
	margin: 0 auto;
	width: 400px;
	height: 400px;
	background-color: #FF0000;
}
div.outer div.inner {
	position: absolute;
	bottom: 0;
	width: 100%;
	background-color: #00FF00;
	visibility: hidden;
}
div.outer:hover div.inner {
	visibility: visible;
}
-->
</style>


<div class="outer">
	<div class="inner">
		<b>Titel</b><br>
		Text Text Text Text Text Text Text Text Text Text Text Text Text
		Text Text Text Text Text Text Text Text Text Text Text Text Text
		Text Text Text Text Text Text Text Text Text Text Text Text Text
		Text Text Text Text Text Text Text Text Text Text Text Text Text
	</div>
</div>

Die Teile mit dem Text und dem Titel ersetzt du durch deinen gewünschten PHP Code und die DIVs passt du deinen Wünschen an, wobei du dann keine Hintergrundfarben sondern Bilder (z.B. tranzparente PNGs) wählen solltest!

nikosch · 26.04.2010, 13:09

"Ich möchte .. Hier ist der Code" ist keine konkrete Frage! Wo liegt das Problem? Und was macht eine Mouseover-Frage im PHP-Forum?

McBorney · 26.04.2010, 13:40

Ok, danke. Und sorry, hab mich wohl "verlaufen" hier ins php-Forum. Scheint in der Tat eine css-Sache zu sein. Bin halt blutiger Anfänger, sowohl bei php als auch bei css.

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Bild Mouseover über Tabellen	bonfires	PHP Tipps 2009	4	11.04.2009 13:36
[Erledigt] Bild über Container hinaus	webproger	HTML, Usability und Barrierefreiheit	7	19.03.2009 15:20
Sortierung der Ausgabe über URL	red-head	Datenbanken	5	09.12.2008 15:52
[Erledigt] Bild anzeigen über $name	t-stude	Datenbanken	8	11.11.2008 15:34
Problem bei Ausgabe über <script>	BartTheDevil89	PHP Tipps 2008	4	01.08.2008 13:56
[GDLib] Bild über Text legen	Johnnii360	PHP-Fortgeschrittene	8	07.02.2008 15:46
Transparentes Bild über Bild legen update gelöst	Broadcast	PHP-Fortgeschrittene	11	04.02.2008 15:27
[Erledigt] Label über ein Bild funktioniert nicht?		HTML, Usability und Barrierefreiheit	3	23.05.2006 12:06
Ausgabe der Verknüpften tabellen über php skript		PHP Tipps 2006	4	07.02.2006 15:04
Bild per email über Formular versenden		PHP Tipps 2005-2	8	30.07.2005 14:46
über Bild gelegter Link nichtg anwählbar	Stümper	HTML, Usability und Barrierefreiheit	7	22.03.2005 19:54
Einfacher Mouse Over Button	c001130	HTML, Usability und Barrierefreiheit	8	23.01.2005 17:05
Ausgabe über mehrere Seiten		PHP Tipps 2004-2	4	11.11.2004 10:43
Über Feld Ausgabe steuern		PHP Tipps 2004-2	2	10.11.2004 08:37
PHP -> PDF Ausgabe mit Zeilenumbruch über MySQL	tekknotrip	PHP Tipps 2004	6	23.08.2004 16:26


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten

26.04.2010, 13:09
nikosch moderatives Dielektrikum Registriert seit: 21.05.2008 Beiträge: 34.255 PHP-Kenntnisse: Fortgeschritten	"Ich möchte .. Hier ist der Code" ist keine konkrete Frage! Wo liegt das Problem? Und was macht eine Mouseover-Frage im PHP-Forum? __________________ -- One pixel is still too big. Please make it smaller. ASAP. Initiative Mittelstand. Die wichtigste Gestaltungsregel im Screendesign ist Pi mal Daumen des Arbeitgebers. --

26.04.2010, 13:40
McBorney Neuer Benutzer Registriert seit: 26.04.2010 Beiträge: 2 PHP-Kenntnisse: Anfänger	Ok, danke. Und sorry, hab mich wohl "verlaufen" hier ins php-Forum. Scheint in der Tat eine css-Sache zu sein. Bin halt blutiger Anfänger, sowohl bei php als auch bei css.