Seite 1 von 1
Einfache Spielerliste mit Bildern darstellen
Verfasst: So 8. Apr 2012, 17:10
von peku
Hallo hatt jemand eine Idee wie ich die Spieler meines Fußballvereins ordentlich anzeigen kann
so eine Art memberliste.
Es soll das Passbild angezeigt werden sowie einige Infos zu den Spielern zb Name Nationalität alter usw.
mit Ersatzspieler haben wir 30 Leute
ich will ja net das man bis unendlich nach unten scrollen muss.
oder wäre eine Bildergaliere besser geeignet
mfg Patric
Re: Einfache Spielerliste mit Bildern darstellen
Verfasst: So 8. Apr 2012, 17:38
von Jasko
Wenn Du nicht viel Scrollen willst wuerde ich dir eine Art slide liste empfehlen.
In die liste kommen die Ueberschrifften der Position: Torwaerter, Abwehr, Mitelfeld...usw
nach dem klick auf die ueberschrift wird die Liste der Spieler geoeffnet die diese Position spielen, beim klick auf ein weitere Ueberschrifft wird die vorherige geschlossen und die neue geht auf, so kann man auf wenig platz viel inhalt unterbringen, wiue du dan die Spieler presentiers, in einer art Ausweis oder anders bleib dan natuerlich dir ueberlasen.
Re: Einfache Spielerliste mit Bildern darstellen
Verfasst: So 8. Apr 2012, 17:42
von peku
wo bekomme ich sowas her oder muss man sowas selber coden
Re: Einfache Spielerliste mit Bildern darstellen
Verfasst: So 8. Apr 2012, 17:49
von Jasko
Nun so etws kann man sehr leicht selber coden, aber hier habe ich etwas fuer dich gefunden
DEMO
Auf der rechten Seite wo Exempel 4 steht die Links mal ausprobieren der reihe nach, exemplel 4 dan 5 dan 6, damit du siehst wie es aussehen kann, natuerlich kannst du das aussehen anpassen und schoener gestallten fuer dich ist hier nur die funktionalitaet wichtig.
Re: Einfache Spielerliste mit Bildern darstellen
Verfasst: So 8. Apr 2012, 17:53
von peku
Uff die seite ist aber hart naja mal sehn ob ich das kapiere
Re: Einfache Spielerliste mit Bildern darstellen
Verfasst: So 8. Apr 2012, 17:54
von Jasko
Wenn es nicht klappt helfe ich dir gerne weiter...
Re: Einfache Spielerliste mit Bildern darstellen
Verfasst: So 8. Apr 2012, 18:02
von peku
Gibts da nichts einfacheres
Re: Einfache Spielerliste mit Bildern darstellen
Verfasst: So 8. Apr 2012, 18:07
von peku
Re: Einfache Spielerliste mit Bildern darstellen
Verfasst: So 8. Apr 2012, 18:12
von Jasko
Das kann man mit Javascript und/oder CSS machen, das ist so aenlich gemacht wie bei uns
HIER die Info ganz am ende wen man auf das Schild geht.
Re: Einfache Spielerliste mit Bildern darstellen
Verfasst: Di 8. Mai 2012, 20:18
von PHPfreak
Schau dir mal das hier an:
http://tuts4you.de/99-programmieren/css ... t-anzeigen
Der Code ist nur mit CSS geschrieben, das heißt, wenn bei deinem Homepage Besucher Javascript deaktiviert ist,
kann es trotzdem noch angezeigt werden. Der Code:
Zwischen den <head></head> Tags:
Code: Alles auswählen
<style>
a.tooltip
{
position: relative;
text-decoration: none;
color: black;
}
a.tooltip span
{
display: none;
}
a.tooltip:hover span
{
position: absolute;
display: block;
top: 1.5em;
left: 2em;
border: 1px solid black;
background-color:white;
padding: 0.2em;
}
Zwischen den <body></body> Tags:
Code: Alles auswählen
<a href="#" class="tooltip">Überqueren Sie mich mit der Maus!<span>Ich bin ein ToolTip der aus einem Text besteht <br>Hier kann auch ein Bild sein!</span></a>
Falls du hilfe brauchst, kannst du es gerne sagen, dann mache ich schnell eine html-Datei und gebe dir den Code...
grüße freaky