"Klassenraum" Funktion Userbilder in Klassenraum einbauen
lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript
beispiel
bild
code
fixiert url
funktion
helfen
http
jemand
kennen
klassenraum
malen
problem
sagen
url
-
Hallo LC,
Einige von euch kennen bestimmt Schüler.cc eine Schüler community.
Dort gibt es eine "Klassenraum" Funktion. Auf einen Bild ist ein Klassenraum dargestellt, die einzelnen Schüler die in der Klasse sind werden mit einen Bild und einen Link an bestimmtem Postionen fixiert. hier ein Beispiel.
Diese "Klassenraum" Funktion will ich auf meiner HP auch haben. Mein Probleme:
-ich kann nicht malen und habe daher noch kein klassenraum bild.
-ich weiß nicht wie ich die Userbilder in das Klassenraum Bild einfügen kann.
Was ich zu 100% sagen kann die Bilder sind nicht per php zusammen gefügt wurden.
Kann mir jemand helfen?
LG
Chrissi -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
-
Wie das mit HTML gemacht ist, kann man doch einfach an dem Quelltext sehen:
<div style="position: absolute; z-index: 2;" id="id_klassenbilder"> <table width="370" cellspacing="0" cellpadding="0" border="0"> <tbody> <tr> <td height="53"></td> </tr> <tr> <td align="center" height="27" style="padding-right: 20px;"><img border="0" src="http://profileimages.schueler.cc/daten/yyrj/pb_sk_yyrjyrf.png" id="geb" style="position: relative; z-index: 2; left: 0px; top: 0px; cursor: pointer;" onclick="document.location.href='s,profil,anzeigen.php?id=yyrjyrf'" onmouseout="hideinfo_geb('geb')" onmouseover="document.getElementById('tagginfo').style.display='block';document.getElementById('tagginfo').innerHTML='<img src=\'http://profileimages.schueler.cc/daten/yyrj/pb_k_yyrjyrf.png\' border=0><br><img src=\'b/s.png\' width=1 height=5 border=0><br><b class=\'orange\'>Melanie W.</b><br>hat Geburtstag am<br>28.03.2010';"></td> </tr> <tr> <td height="5"></td> </tr> <tr> <td valign="bottom" height="27"> <table width="100%" cellspacing="0" cellpadding="0" border="0" onmouseout="document.getElementById('tagginfo').style.display='none';"> <tbody> <tr> <td width="11"></td> <td align="center" width="34" valign="bottom"><img border="0" src="http://profileimages.schueler.cc/daten/yyrj/pb_sk_yyrjyrf.png" id="yyrjyrf" style="position: relative; z-index: 2; left: 0px; top: 0px; cursor: pointer;" onclick="document.location.href='s,profil,anzeigen.php?id=yyrjyrf'" onmouseout="hideinfo('yyrjyrf')" onmouseover="showinfo('yyrjyrf');document.getElementById('tagginfo').innerHTML='<img src=\'http://profileimages.schueler.cc/daten/yyrj/pb_k_yyrjyrf.png\' border=0><br><img src=\'b/s.png\' width=1 height=5 border=0><br><b class=\'orange\'>Melanie W.</b><br>Klasse KO07C2';"></td> <td align="center" width="34" valign="bottom"><img border="0" src="http://profileimages.schueler.cc/daten/xjjy/pb_sk_xjjyj.png" id="xjjyj" style="position: relative; z-index: 2; left: 0px; top: 0px; cursor: pointer;" onclick="document.location.href='s,profil,anzeigen.php?id=xjjyj'" onmouseout="hideinfo('xjjyj')" onmouseover="showinfo('xjjyj');document.getElementById('tagginfo').innerHTML='<img src=\'http://profileimages.schueler.cc/daten/xjjy/pb_k_xjjyj.png\' border=0><br><img src=\'b/s.png\' width=1 height=5 border=0><br><b class=\'orange\'>Sabrina Feig</b><br>Klasse KO07C2';"></td> <td width="20"></td> <td align="center" width="34" valign="bottom"></td> <td align="center" width="34" valign="bottom"><img border="0" src="http://profileimages.schueler.cc/daten/yrnn/pb_sk_yrnnnh.png" id="yrnnnh" style="position: relative; z-index: 2; left: 0px; top: 0px; cursor: pointer;" onclick="document.location.href='s,profil,anzeigen.php?id=yrnnnh'" onmouseout="hideinfo('yrnnnh')" onmouseover="showinfo('yrnnnh');document.getElementById('tagginfo').innerHTML='<img src=\'http://profileimages.schueler.cc/daten/yrnn/pb_k_yrnnnh.png\' border=0><br><img src=\'b/s.png\' width=1 height=5 border=0><br><b class=\'orange\'>Danny König</b><br>Klasse KO07C2';"></td> <td width="20"></td> <td align="center" width="34" valign="bottom"></td> <td align="center" width="34" valign="bottom"><img border="0" src="http://profileimages.schueler.cc/daten/yyyp/pb_sk_yyyprfl.png" id="yyyprfl" style="position: relative; z-index: 2; left: 0px; top: 0px; cursor: pointer;" onclick="document.location.href='s,profil,anzeigen.php?id=yyyprfl'" onmouseout="hideinfo('yyyprfl')" onmouseover="showinfo('yyyprfl');document.getElementById('tagginfo').innerHTML='<img src=\'http://profileimages.schueler.cc/daten/yyyp/pb_k_yyyprfl.png\' border=0><br><img src=\'b/s.png\' width=1 height=5 border=0><br><b class=\'orange\'>Azscheria Narzan</b><br>Klasse KO07C2';"></td> <td width="18"></td> <td align="center" width="34" valign="bottom"></td> <td align="center" width="34" valign="bottom"></td> <td> </td> </tr> </tbody> </table> </td> </tr> <tr> <td height="6"></td> </tr> <tr> <td valign="bottom" height="27"> <table width="100%" cellspacing="0" cellpadding="0" border="0"> <tbody> <tr> <td width="7"></td> <td align="center" width="34" valign="bottom"><img border="0" src="http://profileimages.schueler.cc/daten/yrjj/pb_sk_yrjjlf.png" id="yrjjlf" style="position: relative; z-index: 2; left: 0px; top: 0px; cursor: pointer;" onclick="document.location.href='s,profil,anzeigen.php?id=yrjjlf'" onmouseout="hideinfo('yrjjlf')" onmouseover="showinfo('yrjjlf');document.getElementById('tagginfo').innerHTML='<img src=\'http://profileimages.schueler.cc/daten/yrjj/pb_k_yrjjlf.png\' border=0><br><img src=\'b/s.png\' width=1 height=5 border=0><br><b class=\'orange\'>Mellü W.</b><br>Klasse KO07C2';"></td> <td align="center" width="34" valign="bottom"></td> <td width="22"></td> <td align="center" width="34" valign="bottom"></td> <td align="center" width="34" valign="bottom"><img border="0" src="http://profileimages.schueler.cc/daten/xlxh/pb_sk_xlxhy.png" id="xlxhy" style="position: relative; z-index: 2; left: 0px; top: 0px; cursor: pointer;" onclick="document.location.href='s,profil,anzeigen.php?id=xlxhy'" onmouseout="hideinfo('xlxhy')" onmouseover="showinfo('xlxhy');document.getElementById('tagginfo').innerHTML='<img src=\'http://profileimages.schueler.cc/daten/xlxh/pb_k_xlxhy.png\' border=0><br><img src=\'b/s.png\' width=1 height=5 border=0><br><b class=\'orange\'>In Alex sein Herzl</b><br>Klasse KO07C2';"></td> <td width="26"></td> <td align="center" width="34" valign="bottom"><img border="0" src="http://profileimages.schueler.cc/daten/hyfx/pb_sk_hyfxhp.png" id="hyfxhp" style="position: relative; z-index: 2; left: 0px; top: 0px; cursor: pointer;" onclick="document.location.href='s,profil,anzeigen.php?id=hyfxhp'" onmouseout="hideinfo('hyfxhp')" onmouseover="showinfo('hyfxhp');document.getElementById('tagginfo').innerHTML='<img src=\'http://profileimages.schueler.cc/daten/hyfx/pb_k_hyfxhp.png\' border=0><br><img src=\'b/s.png\' width=1 height=5 border=0><br><b class=\'orange\'>Christian M</b><br>Klasse KO07C2';"></td> <td align="center" width="34" valign="bottom"></td> <td width="20"></td> <td align="center" width="34" valign="bottom"></td> <td align="center" width="34" valign="bottom"><img border="0" src="http://profileimages.schueler.cc/daten/pjnp/pb_sk_pjnpjz.png" id="pjnpjz" style="position: relative; z-index: 2; left: 0px; top: 0px; cursor: pointer;" onclick="document.location.href='s,profil,anzeigen.php?id=pjnpjz'" onmouseout="hideinfo('pjnpjz')" onmouseover="showinfo('pjnpjz');document.getElementById('tagginfo').innerHTML='<img src=\'http://profileimages.schueler.cc/daten/pjnp/pb_k_pjnpjz.png\' border=0><br><img src=\'b/s.png\' width=1 height=5 border=0><br><b class=\'orange\'>Sacrifice of the Gonger</b><br>Klasse KO07C2';"></td> <td> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </div>
LG cookies
€dit: Code eingerückt...
Beitrag zuletzt geändert: 21.3.2010 14:35:51 von cookies -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
