Profilfeld, klappbar machen,wie?

User wurde gesperrt

Samstag, 15. März 2008, 20:38

Tach leute, ich habe in meinem profil die usergaliere eingebaut schon seit langem aber so das man 10 bilder auf dem profil anzeigen kann ,und wenn man auf eins der bilder klickt werden die im neuen fenster vergrössert geöffnet.

Was ich nun wissen will wie könnte man ein profilfeld auf und zukappbar machen, wenn ich die funktion bei der usergaliere dort hätte, dan würd ich eventuell mehr als nur 10 anzuzeigende bilder ein bauen.

Weil wenn ich zb 20 bilder mache oder 30
dann wird das profil net so endlos lang gezogn weil man ja dan die gallerie auf und zu klappen kann

»DJNovastar« hat folgende Datei angehängt:

usergaliere.jpg (25,43 kB - 31 mal heruntergeladen - zuletzt: 10. Januar 2011, 14:39)

Dieser Beitrag wurde bereits 1 mal editiert, zuletzt von »DJNovastar« (15. März 2008, 20:45)

JackCimberly

ist gerade angekommen

Beiträge: 39

Geschlecht: Männlich

PHPKIT Version: 1.6.1

2

Samstag, 15. März 2008, 21:47

Quellcode

<script language="javascript" type="text/javascript"> 
//Klapptext 
function more(id) 
{ 
if (document.getElementById("more" + id).style.display == 'none') 
{ 
document.getElementById("img" + id).src = "images/html_files/collapse.gif"; 
document.getElementById("more" + id).style.display = ""; 
} else { 
document.getElementById("img" + id).src = "images/html_files/expand.gif"; 
document.getElementById("more" + id).style.display = "none"; 
} 
} 
</script> 

<table cellspacing=0 cellpadding=0 width="100%"> 
<tr> 
<td class=contentodd align="left"><a href="javascript:more('1')"><img src='images/html_files/expand.gif' border='0' id='img1' alt='Mehr Details'></a> <a href="javascript:more('1')">Details für den Abrechnungszeitraum: <font style="font-size: 9pt; font-weight: normal; font-style: normal; color: #c82c35;"><b>01. April 2008 bis 30. Juni 2008</b></font></a></td> 
</tr> 
<tr id="more1" style="display:none;"><td class=contentodd align="center">Inhalt</td></tr></table>

Versuche mal das ....

»JackCimberly« hat folgende Dateien angehängt:

collapse.gif (305 Byte - 132 mal heruntergeladen - zuletzt: 12. Februar 2012, 20:10)
expand.gif (199 Byte - 133 mal heruntergeladen - zuletzt: 12. Februar 2012, 20:10)

http://www.team-der-gnadenlosen.eu

DJNovastar

User wurde gesperrt

Beiträge: 58

3

Samstag, 15. März 2008, 21:48

ich verstehe den code nicht wo binde ich den das feld meiner usergalerie ein

hier dieser code soll in die klappbox

PHP-Quelltext

 <td class="heads"  colspan="2" align="center"><span style="color:#ffff00;"><b>$info_nick `s Usergalerie &nbsp;<a href="include.php?path=userpic/edit_user.php" style="text-decoration: none;"><span style="color:#ff0000;"><b>Bild Hochladen</a></b></td>
</tr>
<tr>
  <td class="right" height="30" valign="top"><center>
<b>Achtung hier werden nur hochgeladene Bilder im JPG/JPEG format angezeigt.<br>
            <table border="0" ><tr>
<td><a href="/images/galerie/$user_bild " target="_blank" border="0">
<img src="/images/galerie/$user_bild " width="120" height="120" style="border-color: #000000; border-width: 2px;"></td><td></a><a href="/images/galerie/$user_bild2 " target="_blank" border="0">
<img src="/images/galerie/$user_bild2 " width="120" height="120" style="border-color: #000000; border-width: 2px;"></td><td></a><a href="/images/galerie/$user_bild3 " target="_blank" border="0">
<img src="/images/galerie/$user_bild3 " width="120" height="120" style="border-color: #000000; border-width: 2px;"></td><td></a><a href="/images/galerie/$user_bild4 " target="_blank" border="0">
<img src="/images/galerie/$user_bild4 " width="120" height="120" style="border-color: #000000; border-width: 2px;"></a></td><td><a href="/images/galerie/$user_bild5 " target="_blank" border="0">
<img src="/images/galerie/$user_bild5 " width="120" height="120" style="border-color: #000000; border-width: 2px;"></a></td></tr><tr><td><a href="/images/galerie/$user_bild6 " target="_blank" border="0">
<img src="/images/galerie/$user_bild6 " width="120" height="120" style="border-color: #000000; border-width: 2px;"></a></td><td><a href="/images/galerie/$user_bild7 " target="_blank" border="0">
<img src="/images/galerie/$user_bild7 " width="120" height="120" style="border-color: #000000; border-width: 2px;"></a></td><td><a href="/images/galerie/$user_bild8 " target="_blank" border="0">
<img src="/images/galerie/$user_bild8 " width="120" height="120" style="border-color: #000000; border-width: 2px;"></a></td><td><a href="/images/galerie/$user_bild9 " target="_blank" border="0">
<img src="/images/galerie/$user_bild9 " width="120" height="120" style="border-color: #000000; border-width: 2px;"></a></td><td><a href="/images/galerie/$user_bild10 " target="_blank" border="0">
<img src="/images/galerie/$user_bild10 " width="120" height="120" style="border-color: #000000; border-width: 2px;"></a></td></table>

Dieser Beitrag wurde bereits 1 mal editiert, zuletzt von »DJNovastar« (15. März 2008, 21:58)

JackCimberly

ist gerade angekommen

Beiträge: 39

Geschlecht: Männlich

PHPKIT Version: 1.6.1

4

Samstag, 15. März 2008, 21:56

Ich vermute mal, daß du die Bildergalerie in der templates/userinfo.htm drin hast.

Dort dementsprechend die Tabelle anpassen.

EDIT: Ah, ich sehe, du setzt es gerade um. Somit gefunden, wo man das einbindet. :-)

http://www.team-der-gnadenlosen.eu

DJNovastar

User wurde gesperrt

Beiträge: 58

5

Samstag, 15. März 2008, 21:59

naja ich habs versucht, aber irgent ie mache ich was falsch

und ja ist imn der userinfo htm

direkt unter dem foruminfo teil

JackCimberly

ist gerade angekommen

Beiträge: 39

Geschlecht: Männlich

PHPKIT Version: 1.6.1

6

Samstag, 15. März 2008, 22:00

Zitat von »DJNovastar«

naja ich habs versucht, aber irgent ie mache ich was falsch

und ja ist imn der userinfo htm

direkt unter dem foruminfo teil

Jau, warte, mach das eben fertig.

http://www.team-der-gnadenlosen.eu

DJNovastar

User wurde gesperrt

Beiträge: 58

7

Samstag, 15. März 2008, 22:01

stop stop meine userinfo.htm is voll umgebaut so einfahc ists nicht ich gebe dir mal den code

PHP-Quelltext

<a name="head"></a>

<table  cellspacing="0" cellpadding="0" width="710"   >
 <tr>
<td class="heads" width="710" height="22"   valign="left" style=" font-size: 130%;" ><b>$info_os</td>
 </tr>
<tr>
<td background="bilder/leiste_oben.gif" width="710" height="22" align="right"><a class="nav$navalign" href="include.php?path=login/extoption.php" style="text-decoration: none;"><span style="color:#1e90ff;"><b>Weitere Optionen</b></a>&nbsp;<span style="color:#1e90ff;"><b>|&nbsp;<a class="nav$navalign" href="include.php?path=login/imcenter.php&userid=$id" style="text-decoration: none;"><span style="color:#1e90ff;"><b>PN-Schreiben</b></a>&nbsp;<span style="color:#1e90ff;"><b>|&nbsp;<a class="nav$navalign" href="include.php?path=login/buddy.php&add=$id" style="text-decoration: none;"><span style="color:#1e90ff;"><b>Freunde+</b></a>&nbsp;<a class="nav$navalign" href="include.php?path=login/buddy.php&drop=$id" style="text-decoration: none;"><span style="color:#1e90ff;"><b>Freunde-</b></a>&nbsp;<span style="color:#1e90ff;"><b>|&nbsp;<a class="nav$navalign" href="include.php?path=login/buddy.php"&PHPKITSID=2f0845457de2ec3d56a02042ccee7f00 style="text-decoration: none;"><span style="color:#1e90ff;"><b>Freundesliste</b></a>&nbsp;&nbsp;&nbsp;&nbsp;</center></td>
</tr> 
<tr>
<table  cellspacing="0" cellpadding="0" width="710"   >
 <tr>
</Tr>
<tr>
<td class="standard" height="10" valign="top"></td></tr>
</tr><tr>
<td ><center><script type="text/javascript">
    //<![CDATA[
        var banner = new Array(
           'bunner/2.jpg',
            'bunner/1.jpg',
            'bunner/3.jpg',
            'bunner/4.jpg',
            'http://c.icq.com/img/template/logo_in.gif',
            'bunner/6.JPG',
            'bunner/8.jpg',
            'bunner/11.JPG',
            'http://www.flashgames.de/banner/fg_728x90.jpg',
            'http://www.dreamcodes.biz/Banner/dcgross.gif',
            'bilder/gulli.jpg',
            'bunner/ori.png',
            'http://www1.picfront.org/picture/mef8liKCTnq/img/banneriso.jpg',
            'http://www.sat-ulc.com/ulc/banner/BannerNF.jpg',
            'bunner/Banner_k.png'
            
        )
        var links = new Array(
            'http://www.life-community.de.vu',
            'http://www.hidaproduction.de.vu',
            'http://www.flirt-times.de',
            'http://www.webwacki.de',
            'http://www.icq.com',
            'http://get.live.com/messenger/overview',
            'http://duggshare.com/',
            'http://de.poneyvallee.com/',
            'http://www.flashgames.de/pali/goto.php?in=443/',
            'http://www.Dreamcodes.com',
            'http://www.gulli.com',
            'http://www.life-com.de/die-ori',
            'http://isos.at',
            'http://www.sat-ulc.eu',
            'http://www.gtahood.de'


        )
        var i = Math.floor(Math.random() * banner.length)
        document.write('<a href="' + links[i] + '"><img src="' + banner[i] + '" height="90" width="708" alt="" style="border:0;"  /></a>')
    //]]>
</script></center> </td></tr>
<tr>
<td class="standard" height="10" valign="top"></td></tr>
<tr>
 <td class="standard" colspan="2">
    <table cellspacing="0" cellpadding="0" width="100%">
      <td width="25%" valign="top">$avatar_eod</td>
      <td width="75%" valign="top">
<table class="userbody" cellspacing="0" cellpadding="0" width="100%">
         </tr>
<td class="heads" colspan="2"><center><span style="color:#ffff00;"><b>Profilangaben&nbsp;&nbsp;<a href="include.php?path=login/edtprofil.php" style="text-decoration: none;"><span style="color:#ff0000;"><b>Bearbeiten</b></center></td>
</tr>
        <table class="userbody" cellspacing="1" cellpadding="2" width="100%">
         </tr>
<span style="color:#1e90ff;"><b>$info_extended
</tr>
<tr>
              <td class="left"><span style="color:#1e90ff;"><b>Geburtstag</td>
          <td class="right">$info_birthday</td>
         </tr>
         <tr>
      <td class="left"><span style="color:#1e90ff;"><b>ICQ</td>
<td class="right"><img src="images/messanger/icq.gif"> $info_icq</td>
</tr>
<tr>
     <td class="left"><span style="color:#1e90ff;"><B>MSN</td> 
<td class="right"><span style="color:#000000;"><img src="images/messanger/msn.gif"> $info_msn</td></tr>
      </tr>
          <tr>
      <td class="left"><span style="color:#1e90ff;"><b>Skype</td> 
<td class="right"><span style="color:#000000;"><img src="images/messanger/skype.gif"> $info_skype</td>
         </tr>
     <tr>
  <td class="left" width="25%" nowrap><span style="color:#1e90ff;"><b>E-Mail</td>
      <td class="right" width="75%"><span style="color:#000000;"> $info_email</td>
     </tr>
     <tr>
      <td class="left"><span style="color:#1e90ff;"><b>Homepage</td>
      <td class="right"> $info_hpage</td>
         </tr>
         <tr>
 <td class="left"><b><span style="color:#1e90ff;"><b>€</td>
<td class="right"> $info_psp</td>
</tr>
<tr>
          <td class="left" nowrap><span style="color:#1e90ff;"><b>Benutzerstatus</td>
          <td class="right"> $info_userstatus</td>
</tr>
<tr>
    </table>
</Td>
</tr>
</table>

<!-- Video im Profil -->
<tr>
</tr>
<td class="standard" height="10" valign="top"></td></tr>
<tr>
 <td class="heads" width="10%" align="center" >&nbsp;&nbsp;<span style="color:#ffff00;"><b>Beschreibung</b></td></tr>
 <tr>
 <td class="left" valign="top"  height="30" >&nbsp;$info_qoute</td></tr>
<tr>
<td class="standard" height="10" valign="top"></td></tr>
<tr>
  <td class="heads" width="10%" align="center"><span style="color:#ffff00;"><b>Abwesendheitsnachricht</b></td></tr>
 <tr>
  <td class="right" valign="top" height="30">&nbsp;$info_away </td>
</tr>
<td class="standard" height="10" valign="top"></td></tr>
<tr>
<td class="heads" width="10%" align="center"><span style="color:#ffff00;"><b>Hobbies,Lieblingsessen,Was für Music hörst du,Lieblingsfilme...</b></td></tr>
 <tr>
<td class="right" valign="top" height="30">&nbsp;$info_hobby </td>
</tr>
 <tr>
<td class="standard" height="10" valign="top"></td></tr>
<tr>

<!-- Code (c) by Architekt, Xena24.de.vu -->
 <td class="heads"  colspan="2" align="center"><span style="color:#ffff00;"><b>Signatur</b></td>
</tr>
<tr>
  <td class="right" height="30" valign="top">&nbsp;$info_sig</td></tr>
 <tr>
<td class="standard" height="10" valign="top"></td></tr>
<tr>
$foruminfo
</tr>
<td class="standard" height="10" valign="top"></td></tr>
<tr>
 <td class="heads"  colspan="2" align="center"><span style="color:#ffff00;"><b>$info_nick `s Usergalerie &nbsp;<a href="include.php?path=userpic/edit_user.php" style="text-decoration: none;"><span style="color:#ff0000;"><b>Bild Hochladen</a></b></td>
</tr>
<tr>
  <td class="right" height="30" valign="top"><center>
<b>Achtung hier werden nur hochgeladene Bilder im JPG/JPEG format angezeigt.<br>
            <table border="0" ><tr>
<td><a href="/images/galerie/$user_bild " target="_blank" border="0">
<img src="/images/galerie/$user_bild " width="120" height="120" style="border-color: #000000; border-width: 2px;"></td><td></a><a href="/images/galerie/$user_bild2 " target="_blank" border="0">
<img src="/images/galerie/$user_bild2 " width="120" height="120" style="border-color: #000000; border-width: 2px;"></td><td></a><a href="/images/galerie/$user_bild3 " target="_blank" border="0">
<img src="/images/galerie/$user_bild3 " width="120" height="120" style="border-color: #000000; border-width: 2px;"></td><td></a><a href="/images/galerie/$user_bild4 " target="_blank" border="0">
<img src="/images/galerie/$user_bild4 " width="120" height="120" style="border-color: #000000; border-width: 2px;"></a></td><td><a href="/images/galerie/$user_bild5 " target="_blank" border="0">
<img src="/images/galerie/$user_bild5 " width="120" height="120" style="border-color: #000000; border-width: 2px;"></a></td></tr><tr><td><a href="/images/galerie/$user_bild6 " target="_blank" border="0">
<img src="/images/galerie/$user_bild6 " width="120" height="120" style="border-color: #000000; border-width: 2px;"></a></td><td><a href="/images/galerie/$user_bild7 " target="_blank" border="0">
<img src="/images/galerie/$user_bild7 " width="120" height="120" style="border-color: #000000; border-width: 2px;"></a></td><td><a href="/images/galerie/$user_bild8 " target="_blank" border="0">
<img src="/images/galerie/$user_bild8 " width="120" height="120" style="border-color: #000000; border-width: 2px;"></a></td><td><a href="/images/galerie/$user_bild9 " target="_blank" border="0">
<img src="/images/galerie/$user_bild9 " width="120" height="120" style="border-color: #000000; border-width: 2px;"></a></td><td><a href="/images/galerie/$user_bild10 " target="_blank" border="0">
<img src="/images/galerie/$user_bild10 " width="120" height="120" style="border-color: #000000; border-width: 2px;"></a></td></table><br>

</td>
</tr></td></tr>
<tr>
</table>
<table border="0" cellspacing="0" cellpadding="0" width="710">
<tr>
<td class="standard" height="10" valign="top"></td></tr>
<tr>
<td class="heads"  cellspacing="0" cellpadding="0"  colspan="2" border="0"><center><span style="color:#ffff00;"><b>Weiteres</b></center></td>
<tr>
 <td class="right" colspan="2">
<table cellspacing="0" cellpadding="0" border="0">
<tr>
    <td valign="top" cellspacing="0" cellpadding="0" > <table class="right" width="254" cellspacing="0" cellpadding="4">
 <tr>
  <td class="heads" colspan="8">
    <table border="0" cellspacing="0" cellpadding="0" width="215">
     <tr>
      <td  cellspacing="0" cellpadding="0" ><span style="color:#ffff00;"><b><center>$info_nick,wurde besucht von</center></b></font></td>
     </tr>
    </table>
<span style="color:#ffff00;">$profile_visitor_row
  </td>
 </tr>
<tr>
</table></center></td>
    <td valign="top" cellspacing="0" cellpadding="0"  >$info_vote_user</td>
<td valign ="top" ><table cellspacing="0" cellpadding="2" border="0" width="100%">
<tr>
    <td class="heads" colspan="2" valign="top" cellspacing="0" cellpadding="0" height="21" width="100"><span style="color:#ffff00;" ><b><center>Mitgliedsstatus</center></b></td>
</tr>
<tr>
    <td class="left" cellspacing="1" cellpadding="2" height="22"><span style="color:#1e90ff;" ><b>Mitglied seit</td>
    <td class="right" cellspacing="1" cellpadding="2">$info_signin</td>
</tr>
<tr>
    <td class="left" cellspacing="1" cellpadding="2" height="22"><span style="color:#1e90ff;"><b>Zuletzt online</td>
    <td class="right" cellspacing="1" cellpadding="2">$info_logtime</td>
     </tr>
         <tr>
          <td class="left"><span style="color:#1e90ff;" ><b>Userrang</td>
          <td class="right">$info_usergroup</td>


</table></td>
</tr>
</table>
<table cellspacing="0" cellpadding="0" border="0">
<tr>
 <td class="right" colspan="2">
    <td valign="top" width="550" cellspacing="0" cellpadding="0" ></tr>
<tr>  
<td class="heads" colspan="2" align="center" width="550"><span style="color:#ffff00;" ><b>Freunde von $info_nick</b></td>
 </tr>
 <tr>    
  <td class="right" colspan="0" valign="top">
    <table class="userbody" cellspacing="0" cellpadding="4" width="550"><span style="color:#ffffff;">
    $buddy_list
    </table>
  </td>
<td class="heads"><span style="color:#ffffff;" >&nbsp;&nbsp;</TD>
<td ><center> <object classid="clsid:-D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" param name="wmode" value="transparent"width="130" height="130">
<param name="movie" value="swf/uhr.swf">
<param name="quality" value="high">
<embed src="swf/uhr.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="130" height="130"wmode="transparent"></embed>
</object></center></td>
</tr>
</tr>
</tr>
</table>
</tr>
</table>

<table border="0" cellspacing="0" cellpadding="0" width="710">
<tr>
<td class="standard" height="10" valign="top"></td></tr>
<tr>
<a name="gästebuch"></a>

JackCimberly

ist gerade angekommen

Beiträge: 39

Geschlecht: Männlich

PHPKIT Version: 1.6.1

8

Samstag, 15. März 2008, 22:05

Das macht nix .... der kleine Auszug langt schon.

http://www.team-der-gnadenlosen.eu

DJNovastar

User wurde gesperrt

Beiträge: 58

9

Samstag, 15. März 2008, 22:06

oke wennde meinst dann mal vielen dank

das ist echt serh nett,

das es solche wie dich noch gibt

JackCimberly

ist gerade angekommen

Beiträge: 39

Geschlecht: Männlich

PHPKIT Version: 1.6.1

10

Samstag, 15. März 2008, 22:20

Versuche es mal so:

Quellcode

<script language="javascript" type="text/javascript"> 
//Klapptext 
// Den Java-Script Code ganz am Anfang von der userinfo.htm setzen 
// Die Pfade collapse.gif und expand.gif richtig angeben 
function more(id) 
{ 
if (document.getElementById("more" + id).style.display == 'none') 
{ 
document.getElementById("img" + id).src = "Pfad/zum/Bild/collapse.gif"; 
document.getElementById("more" + id).style.display = ""; 
} else { 
document.getElementById("img" + id).src = "Pfad/zum/Bild/expand.gif"; 
document.getElementById("more" + id).style.display = "none"; 
} 
} 
</script> 


<tr> 
<td class="heads" colspan="2" align="center"><a href="javascript:more('1')"><img src='Pfad/zum/Bild/expand.gif' border='0' id='img1' alt='Usergalerie einblenden/ausblenden'></a> <a href="javascript:more('1')"><span style="color:#ffff00;"><b>$info_nick `s Usergalerie</b></span></a> &nbsp;<a href="include.php?path=userpic/edit_user.php" style="text-decoration: none;"><span style="color:#ff0000;"><b>Bild Hochladen</b></a></td> 
</tr> 
<tr id="more1" style="display:none;"> 
<td class="right" height="30" valign="top" colspan="2"><center> 
<b>Achtung hier werden nur hochgeladene Bilder im JPG/JPEG format angezeigt.<br> 
<table border="1"><tr> 
<td><a href="/images/galerie/$user_bild " target="_blank" border="0"> 
<img src="/images/galerie/$user_bild " width="120" height="120" style="border-color: #000000; border-width: 2px;"></td><td></a><a href="/images/galerie/$user_bild2 " target="_blank" border="0"> 
<img src="/images/galerie/$user_bild2 " width="120" height="120" style="border-color: #000000; border-width: 2px;"></td><td></a><a href="/images/galerie/$user_bild3 " target="_blank" border="0"> 
<img src="/images/galerie/$user_bild3 " width="120" height="120" style="border-color: #000000; border-width: 2px;"></td><td></a><a href="/images/galerie/$user_bild4 " target="_blank" border="0"> 
<img src="/images/galerie/$user_bild4 " width="120" height="120" style="border-color: #000000; border-width: 2px;"></a></td><td><a href="/images/galerie/$user_bild5 " target="_blank" border="0"> 
<img src="/images/galerie/$user_bild5 " width="120" height="120" style="border-color: #000000; border-width: 2px;"></a></td></tr><tr><td><a href="/images/galerie/$user_bild6 " target="_blank" border="0"> 
<img src="/images/galerie/$user_bild6 " width="120" height="120" style="border-color: #000000; border-width: 2px;"></a></td><td><a href="/images/galerie/$user_bild7 " target="_blank" border="0"> 
<img src="/images/galerie/$user_bild7 " width="120" height="120" style="border-color: #000000; border-width: 2px;"></a></td><td><a href="/images/galerie/$user_bild8 " target="_blank" border="0"> 
<img src="/images/galerie/$user_bild8 " width="120" height="120" style="border-color: #000000; border-width: 2px;"></a></td><td><a href="/images/galerie/$user_bild9 " target="_blank" border="0"> 
<img src="/images/galerie/$user_bild9 " width="120" height="120" style="border-color: #000000; border-width: 2px;"></a></td><td><a href="/images/galerie/$user_bild10 " target="_blank" border="0"> 
<img src="/images/galerie/$user_bild10 " width="120" height="120" style="border-color: #000000; border-width: 2px;"></a></td></table> 
</td> 
</tr>

Also bei mir funzt es

http://www.team-der-gnadenlosen.eu