Pagina 1 van 1
Dropdown
Geplaatst: 24 mar 2004, 20:15
door micha3L
Hallo,
Ik heb de shoutbox mod geinstalleerd..
Nu wil ik gewoon 1 balkje waar in staat:
Shoutbox - Klik om te openen
Hoe maak ik dit?
PS : Als ze daar op klikken moet de shoutbox openen..
Hier is mijn index_body:
Code: Selecteer alles
<!-- Start add - Fully integrated shoutbox MOD -->
<table width="100%" cellpadding="0" cellspacing="1" border="0" align="center" class="forumline">
<tr>
<td class="cat" colspan="5" height="22"><span class="cattitle"><span class="cattitle">{L_SHOUTBOX}</a></span></td>
</tr>
<tr>
<td>
<iframe src="{U_SHOUTBOX}" scrolling="NO" width="100%" height="180" frameborder="0" marginheight="0" marginwidth="0" allowtransparency="true"></iframe>
</td>
</tr>
</table>
<br/>
<!-- End add - Fully integrated shoutbox MOD -->
Geplaatst: 25 mar 2004, 11:38
door micha3L
Iemand?
Geplaatst: 25 mar 2004, 12:23
door micha3L
Al gelukt 
Geplaatst: 25 mar 2004, 16:10
door Sam Mullins
kan je ook uitleggen wat je heb gedaan
Geplaatst: 25 mar 2004, 18:18
door DaMnNaTiOn
Geplaatst: 01 apr 2004, 10:59
door Sam Mullins
kan iemand me misschien helpen, wat ik denk dat ik bijna gek word.
ik heb al een aantal codes geprobeerd voor een uitklap menutje, maar ze werken niet.
Ik heb het uitgeprobeerd op de who is online box, maar het verste dat ik kwam is een open en close link erboven.
en het nadeel daarvan was, als je erop klikte, dat je dan weer naar boven werd gestuurd, dus kan je weer naar beneden scrollen.
en ik wil eigenlijk dat de knop waarop je moet klikken naast de titel staat
(dus:
dit is mijn code van mijn who is online box:
Code: Selecteer alles
<table width="100%" cellpadding="3" cellspacing="1" border="0" class="forumline">
<tr>
<td class="catHead" colspan="2" height="28"><span class="cattitle">
<a href="{U_VIEWONLINE}" class="cattitle">{L_WHO_IS_ONLINE}</a></span></td>
</tr>
<tr>
<td class="row1" align="center" valign="middle" rowspan="6"><img src="templates/subSilver/images/whosonline.gif" alt="{L_WHO_IS_ONLINE}" /></td>
<td class="row1" align="left" width="100%"><span class="gensmall">{TOTAL_POSTS}, {TOTAL_USERS}<br />{RECORD_USERS}<br />{NEWEST_USER}</span>
</td>
</tr>
<tr>
<td class="row1" align="left"><span class="gensmall">{TOTAL_USERS_ONLINE} [ {L_WHOSONLINE_ADMIN} ] [ {L_WHOSONLINE_MOD} ]<br />{LOGGED_IN_USER_LIST}</span></td>
</tr>
<!-- Start add - Last visit MOD -->
<tr>
<td class="row1" align="left"><span class="gensmall">{USERS_TODAY_LIST}</br></span></td>
</tr>
<!-- Start add - Last visit MOD -->
<tr>
<td class="row1" align="left"><span class="gensmall">{TOTAL_CHATTERS_ONLINE}
<!-- BEGIN switch_user_logged_out -->
[ {L_LOGIN_TO_JOIN_CHAT} ]
<!-- END switch_user_logged_out -->
<!-- BEGIN switch_user_logged_in -->
[ <a href="javascript:void(0);" onClick="window.open('{S_JOIN_CHAT}','{CHATBOX_NAME}','scrollbars=no,width=540,height=450')">{L_CLICK_TO_JOIN_CHAT}</a> ]
<!-- END switch_user_logged_in -->
<br />{CHATTERS_LIST}
</span>
</td>
</tr>
<tr>
<td class="row1" align="left"><span class="gensmall">{L_WHOSBIRTHDAY_TODAY}</span></td>
</tr>
</table>
kan iemand mij alsjeblieft helpen??
Geplaatst: 01 apr 2004, 11:16
door Luuk
Zet dit erneer ipv wat jij gaf:
Code: Selecteer alles
<table width="100%" cellpadding="0" cellspacing="0" border="0" class="forumline">
<tr>
<td>
<table width="100%" cellpadding="3" cellspacing="1" border="0">
<tr>
<td class="catHead" colspan="2" height="28"><span class="cattitle">
<a href="{U_VIEWONLINE}" class="cattitle">{L_WHO_IS_ONLINE}</a> <a href="#" onclick="menu_toggle('whoisonline');">Klap uit</a></span></td>
</tr>
</table>
<div id="whoisonline" style="display: none;"><table width="100%" cellpadding="3" cellspacing="1" border="0">
<tr>
<td class="row1" align="center" valign="middle" rowspan="6"><img src="templates/subSilver/images/whosonline.gif" alt="{L_WHO_IS_ONLINE}" /></td>
<td class="row1" align="left" width="100%"><span class="gensmall">{TOTAL_POSTS}, {TOTAL_USERS}<br />{RECORD_USERS}<br />{NEWEST_USER}</span>
</td>
</tr>
<tr>
<td class="row1" align="left"><span class="gensmall">{TOTAL_USERS_ONLINE} [ {L_WHOSONLINE_ADMIN} ] [ {L_WHOSONLINE_MOD} ]<br />{LOGGED_IN_USER_LIST}</span></td>
</tr>
<!-- Start add - Last visit MOD -->
<tr>
<td class="row1" align="left"><span class="gensmall">{USERS_TODAY_LIST}</br></span></td>
</tr>
<!-- Start add - Last visit MOD -->
<tr>
<td class="row1" align="left"><span class="gensmall">{TOTAL_CHATTERS_ONLINE}
<!-- BEGIN switch_user_logged_out -->
[ {L_LOGIN_TO_JOIN_CHAT} ]
<!-- END switch_user_logged_out -->
<!-- BEGIN switch_user_logged_in -->
[ <a href="javascript:void(0);" onClick="window.open('{S_JOIN_CHAT}','{CHATBOX_NAME}','scrollbars=no,width=540,height=450')">{L_CLICK_TO_JOIN_CHAT}</a> ]
<!-- END switch_user_logged_in -->
<br />{CHATTERS_LIST}
</span>
</td>
</tr>
<tr>
<td class="row1" align="left"><span class="gensmall">{L_WHOSBIRTHDAY_TODAY}</span></td>
</tr>
</table>
</td>
</tr>
</table></div>
En zet dit in overall_header.tpl, tussen <head> en </head>
Code: Selecteer alles
<script type="text/javascript">
<!--
function menu_toggle(id)
{
if( document.getElementById(id).style.display == '')
{
document.getElementById(id).style.display = 'none';
}
else
{
document.getElementById(id).style.display = '';
}
return true;
}
-->
</script>
Geplaatst: 01 apr 2004, 12:40
door Sam Mullins
juist :thumb: die bedoelde ik, thank you very much
nou heb ik nog 1 vraag:
kan het ook dat als ik op klap uit klik, dat hij dan niet weer naar boven gaat van de pagina, maar dat hij op die plek blijft staan?
want als ik er nu op klik, gaat hij weer helemaal naar boven
(ik hoop dat je weet wat ik bedoel)
Geplaatst: 01 apr 2004, 13:07
door Luuk
Gaat wel ja, haal bij
Code: Selecteer alles
<a href="#" onclick="menu_toggle('whoisonline');">Klap uit</a>
de href="#" weg
Geplaatst: 01 apr 2004, 15:24
door Sam Mullins
ok, ten eerste het spijt me, maar ik kom er nu ook niet uit. Het spijt me dat ik nog zo'n beginnerling ben, maar dit is et probleem nu:
ik heb het proberen in te voegen in de profile_add_body, zodat de lange tabellen ingekort zouden kunnen worden door het in/uit te schuiven.
maar nou is het zo, dat het stukje wat uitschuift nu buiten de tabel valt.
als ik de uitschuiving ga invoegen bij een table daarboven, dan valt alles daaronder weg uit de originele tabel.
ik hoop dat je snapt wat ik bedoel
(kijk anders zelf maar ff:
omdat ik problemen heb met aanmelden kan je het niet even uitproberen:
sorry)
zo ziet mijn avatar panel er nu uit:
Code: Selecteer alles
<!-- BEGIN switch_avatar_block -->
<tr>
<td class="catSides" colspan="2" height="28"> </td>
</tr>
<td>
<tr>
<th class="thSides" colspan="2" height="12" valign="middle">
{L_AVATAR_PANEL} <a onclick="menu_toggle('avatarpanel');" style="cursor:hand">Klap uit</a></th>
</tr>
</table>
<div id="avatarpanel" style="display: none;"><table width="100%" cellpadding="3" cellspacing="1" border="0">
<tr>
<td class="row1" colspan="2"><table width="100%" cellspacing="2" cellpadding="0" border="0" align="center">
<tr>
<td align="center"><span class="gensmall">{L_CURRENT_IMAGE}</span><br />{AVATAR}</span></td>
</tr>
<tr>
<td align="center"><span class="gensmall">{L_AVATAR_EXPLAIN}</span></td>
</tr>
</table></td>
</tr>
<tr>
<td class="row1"><span class="gen">{L_DELETE_AVATAR}</span></td>
<td class="row2"><input type="checkbox" name="avatardel" /> <span class="gensmall"></td>
Code: Selecteer alles
<!-- END switch_avatar_local_gallery -->
<!-- END switch_avatar_block -->
</table></div>
(ik heb een aantal codes en spaties weggehaald dat niet belangrijk was (denk ik))
Geplaatst: 01 apr 2004, 15:51
door Luuk
Vervang het hele bestand met dit:
Code: Selecteer alles
<form action="{S_PROFILE_ACTION}" {S_FORM_ENCTYPE} method="post">
{ERROR_BOX}
<table width="100%" cellspacing="2" cellpadding="2" border="0" align="center">
<tr>
<td align="left"><span class="nav"><a href="{U_INDEX}" class="nav">{L_INDEX}</a></span></td>
</tr>
</table>
<table border="0" cellpadding="0" cellspacing="0" width="100%" class="forumline">
<tr>
<td>
<table border="0" cellpadding="3" cellspacing="1" width="100%">
<tr>
<th class="thHead" colspan="2" height="25" valign="middle">{L_REGISTRATION_INFO}</th>
</tr>
<tr>
<td class="row2" colspan="2"><span class="gensmall">{L_ITEMS_REQUIRED}</span></td>
</tr>
<!-- BEGIN switch_namechange_disallowed -->
<tr>
<td class="row1" width="38%"><span class="gen">{L_USERNAME}: *</span></td>
<td class="row2"><input type="hidden" name="username" value="{USERNAME}" /><span class="gen"><b>{USERNAME}</b></span></td>
</tr>
<!-- END switch_namechange_disallowed -->
<!-- BEGIN switch_namechange_allowed -->
<tr>
<td class="row1" width="38%"><span class="gen">{L_USERNAME}: *</span></td>
<td class="row2"><input type="text" class="post" style="width:200px" name="username" size="25" maxlength="25" value="{USERNAME}" /></td>
</tr>
<!-- END switch_namechange_allowed -->
<tr>
<td class="row1"><span class="gen">{L_EMAIL_ADDRESS}: *</span></td>
<td class="row2"><input type="text" class="post" style="width:200px" name="email" size="25" maxlength="255" value="{EMAIL}" /></td>
</tr>
<!-- BEGIN switch_edit_profile -->
<tr>
<td class="row1"><span class="gen">{L_CURRENT_PASSWORD}: *</span><br />
<span class="gensmall">{L_CONFIRM_PASSWORD_EXPLAIN}</span></td>
<td class="row2">
<input type="password" class="post" style="width: 200px" name="cur_password" size="25" maxlength="32" value="{CUR_PASSWORD}" />
</td>
</tr>
<!-- END switch_edit_profile -->
<tr>
<td class="row1"><span class="gen">{L_NEW_PASSWORD}: *</span><br />
<span class="gensmall">{L_PASSWORD_IF_CHANGED}</span></td>
<td class="row2">
<input type="password" class="post" style="width: 200px" name="new_password" size="25" maxlength="32" value="{NEW_PASSWORD}" />
</td>
</tr>
<tr>
<td class="row1"><span class="gen">{L_CONFIRM_PASSWORD}: * </span><br />
<span class="gensmall">{L_PASSWORD_CONFIRM_IF_CHANGED}</span></td>
<td class="row2">
<input type="password" class="post" style="width: 200px" name="password_confirm" size="25" maxlength="32" value="{PASSWORD_CONFIRM}" />
</td>
</tr>
<!-- Visual Confirmation -->
<!-- BEGIN switch_confirm -->
<tr>
<td class="row1" colspan="2" align="center"><span class="gensmall">{L_CONFIRM_CODE_IMPAIRED}</span><br /><br />{CONFIRM_IMG}<br /><br /></td>
</tr>
<tr>
<td class="row1"><span class="gen">{L_CONFIRM_CODE}: * </span><br /><span class="gensmall">{L_CONFIRM_CODE_EXPLAIN}</span></td>
<td class="row2"><input type="text" class="post" style="width: 200px" name="confirm_code" size="6" maxlength="6" value="" /></td>
</tr>
<!-- END switch_confirm -->
<tr>
<td class="catSides" colspan="2" height="28"> </td>
</tr>
<tr>
<th class="thSides" colspan="2" height="25" valign="middle">{L_PROFILE_INFO}</th>
</tr>
<tr>
<td class="row2" colspan="2"><span class="gensmall">{L_PROFILE_INFO_NOTICE}</span></td>
</tr>
<tr>
<td class="row1"><span class="gen">{L_ICQ_NUMBER}:</span></td>
<td class="row2">
<input type="text" name="icq" class="post"style="width: 100px" size="10" maxlength="15" value="{ICQ}" />
</td>
</tr>
<tr>
<td class="row1"><span class="gen">{L_AIM}:</span></td>
<td class="row2">
<input type="text" class="post"style="width: 150px" name="aim" size="20" maxlength="255" value="{AIM}" />
</td>
</tr>
<tr>
<td class="row1"><span class="gen">{L_MESSENGER}:</span></td>
<td class="row2">
<input type="text" class="post"style="width: 150px" name="msn" size="20" maxlength="255" value="{MSN}" />
</td>
</tr>
<tr>
<td class="row1"><span class="gen">{L_YAHOO}:</span></td>
<td class="row2">
<input type="text" class="post"style="width: 150px" name="yim" size="20" maxlength="255" value="{YIM}" />
</td>
</tr>
<tr>
<td class="row1"><span class="gen">{L_WEBSITE}:</span></td>
<td class="row2">
<input type="text" class="post"style="width: 200px" name="website" size="25" maxlength="255" value="{WEBSITE}" />
</td>
</tr>
<tr>
<td class="row1"><span class="gen">{L_LOCATION}:</span></td>
<td class="row2">
<input type="text" class="post"style="width: 200px" name="location" size="25" maxlength="100" value="{LOCATION}" />
</td>
</tr>
<tr>
<td class="row1"><span class="gen">{L_OCCUPATION}:</span></td>
<td class="row2">
<input type="text" class="post"style="width: 200px" name="occupation" size="25" maxlength="100" value="{OCCUPATION}" />
</td>
</tr>
<tr>
<td class="row1"><span class="gen">{L_INTERESTS}:</span></td>
<td class="row2">
<input type="text" class="post"style="width: 200px" name="interests" size="35" maxlength="150" value="{INTERESTS}" />
</td>
</tr>
<tr>
<td class="row1"><span class="gen">{L_SIGNATURE}:</span><br /><span class="gensmall">{L_SIGNATURE_EXPLAIN}<br /><br />{HTML_STATUS}<br />{BBCODE_STATUS}<br />{SMILIES_STATUS}</span></td>
<td class="row2">
<textarea name="signature"style="width: 300px" rows="6" cols="30" class="post">{SIGNATURE}</textarea>
</td>
</tr>
<tr>
<td class="catSides" colspan="2" height="28"> </td>
</tr>
<tr>
<th class="thSides" colspan="2" height="25" valign="middle">{L_PREFERENCES}</th>
</tr>
<tr>
<td class="row1"><span class="gen">{L_PUBLIC_VIEW_EMAIL}:</span></td>
<td class="row2">
<input type="radio" name="viewemail" value="1" {VIEW_EMAIL_YES} />
<span class="gen">{L_YES}</span>
<input type="radio" name="viewemail" value="0" {VIEW_EMAIL_NO} />
<span class="gen">{L_NO}</span></td>
</tr>
<tr>
<td class="row1"><span class="gen">{L_HIDE_USER}:</span></td>
<td class="row2">
<input type="radio" name="hideonline" value="1" {HIDE_USER_YES} />
<span class="gen">{L_YES}</span>
<input type="radio" name="hideonline" value="0" {HIDE_USER_NO} />
<span class="gen">{L_NO}</span></td>
</tr>
<tr>
<td class="row1"><span class="gen">{L_NOTIFY_ON_REPLY}:</span><br />
<span class="gensmall">{L_NOTIFY_ON_REPLY_EXPLAIN}</span></td>
<td class="row2">
<input type="radio" name="notifyreply" value="1" {NOTIFY_REPLY_YES} />
<span class="gen">{L_YES}</span>
<input type="radio" name="notifyreply" value="0" {NOTIFY_REPLY_NO} />
<span class="gen">{L_NO}</span></td>
</tr>
<tr>
<td class="row1"><span class="gen">{L_NOTIFY_ON_PRIVMSG}:</span></td>
<td class="row2">
<input type="radio" name="notifypm" value="1" {NOTIFY_PM_YES} />
<span class="gen">{L_YES}</span>
<input type="radio" name="notifypm" value="0" {NOTIFY_PM_NO} />
<span class="gen">{L_NO}</span></td>
</tr>
<tr>
<td class="row1"><span class="gen">{L_POPUP_ON_PRIVMSG}:</span><br /><span class="gensmall">{L_POPUP_ON_PRIVMSG_EXPLAIN}</span></td>
<td class="row2">
<input type="radio" name="popup_pm" value="1" {POPUP_PM_YES} />
<span class="gen">{L_YES}</span>
<input type="radio" name="popup_pm" value="0" {POPUP_PM_NO} />
<span class="gen">{L_NO}</span></td>
</tr>
<tr>
<td class="row1"><span class="gen">{L_ALWAYS_ADD_SIGNATURE}:</span></td>
<td class="row2">
<input type="radio" name="attachsig" value="1" {ALWAYS_ADD_SIGNATURE_YES} />
<span class="gen">{L_YES}</span>
<input type="radio" name="attachsig" value="0" {ALWAYS_ADD_SIGNATURE_NO} />
<span class="gen">{L_NO}</span></td>
</tr>
<tr>
<td class="row1"><span class="gen">{L_ALWAYS_ALLOW_BBCODE}:</span></td>
<td class="row2">
<input type="radio" name="allowbbcode" value="1" {ALWAYS_ALLOW_BBCODE_YES} />
<span class="gen">{L_YES}</span>
<input type="radio" name="allowbbcode" value="0" {ALWAYS_ALLOW_BBCODE_NO} />
<span class="gen">{L_NO}</span></td>
</tr>
<tr>
<td class="row1"><span class="gen">{L_ALWAYS_ALLOW_HTML}:</span></td>
<td class="row2">
<input type="radio" name="allowhtml" value="1" {ALWAYS_ALLOW_HTML_YES} />
<span class="gen">{L_YES}</span>
<input type="radio" name="allowhtml" value="0" {ALWAYS_ALLOW_HTML_NO} />
<span class="gen">{L_NO}</span></td>
</tr>
<tr>
<td class="row1"><span class="gen">{L_ALWAYS_ALLOW_SMILIES}:</span></td>
<td class="row2">
<input type="radio" name="allowsmilies" value="1" {ALWAYS_ALLOW_SMILIES_YES} />
<span class="gen">{L_YES}</span>
<input type="radio" name="allowsmilies" value="0" {ALWAYS_ALLOW_SMILIES_NO} />
<span class="gen">{L_NO}</span></td>
</tr>
<tr>
<td class="row1"><span class="gen">{L_BOARD_LANGUAGE}:</span></td>
<td class="row2"><span class="gensmall">{LANGUAGE_SELECT}</span></td>
</tr>
<tr>
<td class="row1"><span class="gen">{L_BOARD_STYLE}:</span></td>
<td class="row2"><span class="gensmall">{STYLE_SELECT}</span></td>
</tr>
<tr>
<td class="row1"><span class="gen">{L_TIMEZONE}:</span></td>
<td class="row2"><span class="gensmall">{TIMEZONE_SELECT}</span></td>
</tr>
<tr>
<td class="row1"><span class="gen">{L_DATE_FORMAT}:</span><br />
<span class="gensmall">{L_DATE_FORMAT_EXPLAIN}</span></td>
<td class="row2">
<input type="text" name="dateformat" value="{DATE_FORMAT}" maxlength="14" class="post" />
</td>
</tr>
<!-- BEGIN switch_avatar_block -->
<tr>
<td class="catSides" colspan="2" height="28"> </td>
</tr>
<tr>
<th class="thSides" colspan="2" height="12" valign="middle">{L_AVATAR_PANEL} <a onclick="menu_toggle('avatarpanel');" style="cursor:hand">Klap uit</a></th>
</tr>
</table>
</td>
</tr>
<tr>
<td>
<div id="avatarpanel" style="display: none;"><table border="0" cellpadding="3" cellspacing="1" width="100%">
<tr>
<td class="row1" colspan="2"><table width="70%" cellspacing="2" cellpadding="0" border="0" align="center">
<tr>
<td width="65%"><span class="gensmall">{L_AVATAR_EXPLAIN}</span></td>
<td align="center"><span class="gensmall">{L_CURRENT_IMAGE}</span><br />{AVATAR}<br /><input type="checkbox" name="avatardel" /> <span class="gensmall">{L_DELETE_AVATAR}</span></td>
</tr>
</table></td>
</tr>
<!-- BEGIN switch_avatar_local_upload -->
<tr>
<td class="row1"><span class="gen">{L_UPLOAD_AVATAR_FILE}:</span></td>
<td class="row2"><input type="hidden" name="MAX_FILE_SIZE" value="{AVATAR_SIZE}" /><input type="file" name="avatar" class="post" style="width:200px" /></td>
</tr>
<!-- END switch_avatar_local_upload -->
<!-- BEGIN switch_avatar_remote_upload -->
<tr>
<td class="row1"><span class="gen">{L_UPLOAD_AVATAR_URL}:</span><br /><span class="gensmall">{L_UPLOAD_AVATAR_URL_EXPLAIN}</span></td>
<td class="row2"><input type="text" name="avatarurl" size="40" class="post" style="width:200px" /></td>
</tr>
<!-- END switch_avatar_remote_upload -->
<!-- BEGIN switch_avatar_remote_link -->
<tr>
<td class="row1"><span class="gen">{L_LINK_REMOTE_AVATAR}:</span><br /><span class="gensmall">{L_LINK_REMOTE_AVATAR_EXPLAIN}</span></td>
<td class="row2"><input type="text" name="avatarremoteurl" size="40" class="post" style="width:200px" /></td>
</tr>
<!-- END switch_avatar_remote_link -->
<!-- BEGIN switch_avatar_local_gallery -->
<tr>
<td class="row1"><span class="gen">{L_AVATAR_GALLERY}:</span></td>
<td class="row2"><input type="submit" name="avatargallery" value="{L_SHOW_GALLERY}" class="liteoption" /></td>
</tr>
<!-- END switch_avatar_local_gallery -->
</table>
</tr>
</td>
<tr>
<td>
<!-- END switch_avatar_block -->
<table border="0" cellpadding="3" cellspacing="1" width="100%">
<tr>
<td class="catBottom" colspan="2" align="center" height="28">{S_HIDDEN_FIELDS}<input type="submit" name="submit" value="{L_SUBMIT}" class="mainoption" /> <input type="reset" value="{L_RESET}" name="reset" class="liteoption" /></td>
</tr>
</table>
</td>
</tr>
</table>
</form>
