Einfache Spielerliste mit Bildern darstellen

Beitrag von **peku** » So 8. Apr 2012, 17:10

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

Beitrag von **Jasko** » So 8. Apr 2012, 17:38

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.

Beitrag von **peku** » So 8. Apr 2012, 17:42

wo bekomme ich sowas her oder muss man sowas selber coden

Beitrag von **Jasko** » So 8. Apr 2012, 17:49

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.

Beitrag von **peku** » So 8. Apr 2012, 17:53

Uff die seite ist aber hart naja mal sehn ob ich das kapiere

Beitrag von **Jasko** » So 8. Apr 2012, 17:54

Wenn es nicht klappt helfe ich dir gerne weiter...

Beitrag von **peku** » So 8. Apr 2012, 18:02

Gibts da nichts einfacheres

Beitrag von **peku** » So 8. Apr 2012, 18:07

http://www.sportfreunde-siegen.de/teams ... ste/kader/ wie macht man den sowas

Beitrag von **Jasko** » So 8. Apr 2012, 18:12

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.

Beitrag von **PHPfreak** » Di 8. Mai 2012, 20:18

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

HomepageHelfer.org

Einfache Spielerliste mit Bildern darstellen

Einfache Spielerliste mit Bildern darstellen

Re: Einfache Spielerliste mit Bildern darstellen

Re: Einfache Spielerliste mit Bildern darstellen

Re: Einfache Spielerliste mit Bildern darstellen

Re: Einfache Spielerliste mit Bildern darstellen

Re: Einfache Spielerliste mit Bildern darstellen

Re: Einfache Spielerliste mit Bildern darstellen

Re: Einfache Spielerliste mit Bildern darstellen

Re: Einfache Spielerliste mit Bildern darstellen

Re: Einfache Spielerliste mit Bildern darstellen

Wer ist online?