Go Back   vb.org Archive > vBulletin Modifications > Archive > vB.org Archives > vBulletin 3.7 > vBulletin 3.7 Template Modifications

Reply
 
Thread Tools
[AJAX] - Slide Panel (F1) Details »»
[AJAX] - Slide Panel (F1)
Version: 1.00, by apdcanari apdcanari is offline
Developer Last Online: Jul 2011 Show Printable Version Email this Page

Category: Integration with vBulletin - Version: 3.7.0 RC 1 Rating:
Released: 03-23-2008 Last Update: Never Installs: 41
Template Edits
 
No support by the author.

Hello,

I speak French...

1. Upload the js file in clientscript : forumroot/clientscript/slidepanel.js

2. Add to CSS

HTML Code:
#dhtmlgoodies_leftPanel ul{
padding-left:20px;
margin-left:0px;
}
#dhtmlgoodies_leftPanel div{
padding:3px;
}
#mainContent{
width:460px;
background-color:#fff;
padding-right:5px;
border-left:1px solid #000;
border-right:1px solid #000;
border-bottom:1px solid #000;
padding-left:5px;
}

#dhtmlgoodies_leftPanel{
background:#fff;
color:#000;
font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;
height:100%;	
left:0px;
z-index:10;
position:absolute;
display:none;
overflow:hidden;
}
#dhtmlgoodies_leftPanel #leftPanelContent{
padding:0px;
}
#dhtmlgoodies_leftPanel .closeLink{
padding-left:2px;
padding-right:2px;
background-color:#FFF;
position:absolute;
top:7px;
left:135px;
border:1px solid #000;
color:#000;
font-size:0.8em;
}
#dhtmlgoodies_leftPanel .closeLink:hover{
color:#FFF;
background-color:#000;
}	
3. Add to template HEADINCLUDE

HTML Code:
<script type="text/javascript" src="clientscript/slidepanel.js"></script>
4. Add to template HEADER

HTML Code:
<!-- Code for the left panel -->
<div id="dhtmlgoodies_leftPanel">
	<a class="closeLink" href="#" onclick="initSlideLeftPanel();return false">Fermer</a>
	<div id="leftPanelContent">
	<!-- This is the content -->
	<div>
<!-- table to support left column nav -->
<table cellpadding="0" cellspacing="0" border="0" width="100%" align="center">
<tr valign="top">
<td>

<!-- usercp nav -->
<table class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" border="0">
<tr><td class="tcat" nowrap="nowrap"><a href="usercp.php$session[sessionurl_q]">
	Tableau de bord</a></td></tr>
<tr><td class="thead"><a style="float:$stylevar[right]" href="#top" onclick="return toggle_collapse('yourcp')"><img id="collapseimg_yourcp" src="$stylevar[imgdir_button]/collapse_thead$vbcollapse[collapseimg_yourcp].gif" alt="" border="0" /></a><a href="member.php?$session[sessionurl]u=$bbuserinfo[userid]">Votre profil</a></td></tr>
<tbody id="collapseobj_yourcp" style="$vbcollapse[collapseobj_yourcp]">
	<tr><td class="$navclass[profile]" nowrap="nowrap">
		<table border="0" cellspacing="0" cellpadding="0">
			<tr>
				<td width="20"><img border="0" src="$stylevar[imgdir_misc]/usercp_icons/user_edit.gif" width="16" height="16"></td>
				<td><a class="smallfont" href="profile.php?$session[sessionurl]do=editprofile">Modifier vos informations</a></td>
			</tr>
		</table>
		</td></tr>

	<tr><td class="$navclass[customize]" nowrap="nowrap">
		<table border="0" cellspacing="0" cellpadding="0">
			<tr>
				<td width="20">
		<img border="0" src="$stylevar[imgdir_misc]/usercp_icons/vcard_edit.gif" width="16" height="16"></td>
				<td>
				<a class="smallfont" href="profile.php?$session[sessionurl]do=customize">Personnalisation du profil</a></td>
			</tr>
		</table>
		</td></tr>

	<if condition="$show['profilepiclink']">
	<tr><td class="$navclass[profilepic]" nowrap="nowrap">
		<table border="0" cellspacing="0" cellpadding="0">
			<tr>
				<td width="20">
		<img border="0" src="$stylevar[imgdir_misc]/usercp_icons/picture_edit.gif" width="16" height="16"></td>
				<td><a class="smallfont" href="profile.php?$session[sessionurl]do=editprofilepic">Modifier votre portrait</a></td>
			</tr>
		</table>
		</td></tr>
	</if>
</tbody>
<tr><td class="thead"><a style="float:$stylevar[right]" href="#top" onclick="return toggle_collapse('networking')"><img id="collapseimg_networking" src="$stylevar[imgdir_button]/collapse_thead$vbcollapse[collapseimg_networking].gif" alt="" border="0" /></a>R?seau</td></tr>
<tbody id="collapseobj_networking" style="$vbcollapse[collapseobj_networking]">
	<tr><td class="$navclass[buddylist]" nowrap="nowrap">
		<table border="0" cellspacing="0" cellpadding="0">
			<tr>
				<td width="20">
		<img border="0" src="$stylevar[imgdir_misc]/usercp_icons/emoticon_smile.gif" width="16" height="16"></td>
				<td><a class="smallfont" href="profile.php?$session[sessionurl]do=buddylist"><if condition="$show['friends_and_contacts']">$vbphrase[contacts_and_friends]<else />Contacts</if></a></td>
			</tr>
		</table>
		</td></tr>
	<tr><td class="$navclass[usergroups]" nowrap="nowrap">
		<table border="0" cellspacing="0" cellpadding="0">
			<tr>
				<td width="20">
		<img border="0" src="$stylevar[imgdir_misc]/usercp_icons/group.gif" width="16" height="16"></td>
				<td><a class="smallfont" href="group.php$session[sessionurl_q]">Groupes sociaux</a></td>
			</tr>
		</table>
		</td></tr>
	<tr><td class="$navclass[usergroups]" nowrap="nowrap">
		<table border="0" cellspacing="0" cellpadding="0">
			<tr>
				<td width="20">
		<img border="0" src="$stylevar[imgdir_misc]/usercp_icons/group_add.gif" width="16" height="16"></td>
				<td><a class="smallfont" href="profile.php?$session[sessionurl]do=editusergroups">Mes groupes</a></td>
			</tr>
		</table>
		</td></tr>

	<tr><td class="$navclass[album]" nowrap="nowrap">
		<table border="0" cellspacing="0" cellpadding="0">
			<tr>
				<td width="20">
		<img border="0" src="$stylevar[imgdir_misc]/usercp_icons/photos.gif" width="16" height="16"></td>
				<td><a class="smallfont" href="album.php?$session[sessionurl]u=$bbuserinfo[userid]">Images & Albums</a></td>
			</tr>
		</table>
		</td></tr>
</tbody>
<tr><td class="thead"><a style="float:$stylevar[right]" href="#top" onclick="return toggle_collapse('settings')"><img id="collapseimg_settings" src="$stylevar[imgdir_button]/collapse_thead$vbcollapse[collapseimg_settings].gif" alt="" border="0" /></a>Param?tres 
	et Options</td></tr>
<tbody id="collapseobj_settings" style="$vbcollapse[collapseobj_settings]">
	<if condition="$show['avatarlink']">
	<tr><td class="$navclass[avatar]" nowrap="nowrap">
		<table border="0" cellspacing="0" cellpadding="0">
			<tr>
				<td width="20">
		<img border="0" src="$stylevar[imgdir_misc]/usercp_icons/picture_empty.gif" width="16" height="16"></td>
				<td><a class="smallfont" href="profile.php?$session[sessionurl]do=editavatar">Modifier votre avatar</a></td>
			</tr>
		</table>
		</td></tr>
	</if>
	<if condition="$show['siglink']">
	<tr><td class="$navclass[signature]" nowrap="nowrap">
		<table border="0" cellspacing="0" cellpadding="0">
			<tr>
				<td width="20">
		<img border="0" src="$stylevar[imgdir_misc]/usercp_icons/page_red.gif" width="16" height="16"></td>
				<td><a class="smallfont" href="profile.php?$session[sessionurl]do=editsignature">Modifier votre signature</a></td>
			</tr>
		</table>
		</td></tr>
	</if>
	<tr><td class="$navclass[password]" nowrap="nowrap">
		<table border="0" cellspacing="0" cellpadding="0">
			<tr>
				<td width="20">
		<img border="0" src="$stylevar[imgdir_misc]/usercp_icons/lock.gif" width="16" height="16"></td>
				<td><a class="smallfont" href="profile.php?$session[sessionurl]do=editpassword">Email & Mot de passe</a></td>
			</tr>
		</table>
		</td></tr>
	<tr><td class="$navclass[options]" nowrap="nowrap">
		<table border="0" cellspacing="0" cellpadding="0">
			<tr>
				<td width="20">
		<img border="0" src="$stylevar[imgdir_misc]/usercp_icons/cog.gif" width="16" height="16"></td>
				<td><a class="smallfont" href="profile.php?$session[sessionurl]do=editoptions">Modifier vos options</a></td>
			</tr>
		</table>
		</td></tr>
	<tr><td class="$navclass[ignorelist]" nowrap="nowrap">
		<table border="0" cellspacing="0" cellpadding="0">
			<tr>
				<td width="20">
		<img border="0" src="$stylevar[imgdir_misc]/usercp_icons/user_delete.gif" width="16" height="16"></td>
				<td><a class="smallfont" href="profile.php?$session[sessionurl]do=ignorelist">Modifier la liste d'ignor?s</a></td>
			</tr>
		</table>
		</td></tr>
</tbody>
<if condition="$show['pmmainlink']">
<tr>
	<td class="thead" nowrap="nowrap">
	<span id="nav_pmfolders"><a style="float:$stylevar[right]" href="#top" onclick="return toggle_collapse('pm')"><img id="collapseimg_pm" src="$stylevar[imgdir_button]/collapse_thead$vbcollapse[collapseimg_pm].gif" alt="" border="0" /></a>Messages 
	priv?s</span></td>
</tr>
<tbody id="collapseobj_pm" style="$vbcollapse[collapseobj_pm]">
	<tr><td class="$navclass[pm_messagelist]" nowrap="nowrap">
		<table border="0" cellspacing="0" cellpadding="0">
			<tr>
				<td width="20">
		<img border="0" src="$stylevar[imgdir_misc]/usercp_icons/email_open.gif" width="16" height="16"></td>
				<td colspan="2"><a class="smallfont" href="private.php?$session[sessionurl_q]folderid=0">Bo?te de r?ception</a></td>
			</tr>
			<tr>
				<td width="20">
		&nbsp;</td>
				<td>
		<img border="0" src="$stylevar[imgdir_misc]/tree_$stylevar[textdirection].gif" /></td>
				<td><a class="smallfont" href="private.php?$session[sessionurl_q]folderid=-1">?l?ments envoy?s</a></td>
			</tr>
		</table>
		</td></tr>
	<if condition="$show['pmsendlink']">
	<tr><td class="$navclass[pm_newpm]" nowrap="nowrap">
		<table border="0" cellspacing="0" cellpadding="0">
			<tr>
				<td width="20">
		<img border="0" src="$stylevar[imgdir_misc]/usercp_icons/email_add.gif" width="16" height="16"></td>
				<td><a class="smallfont" href="private.php?$session[sessionurl]do=newpm">Envoyer un message</a></td>
			</tr>
		</table>
		</td></tr>
	</if>
	<if condition="$show['pmtracklink']">
	<tr><td class="$navclass[pm_trackpm]" nowrap="nowrap">
		<table border="0" cellspacing="0" cellpadding="0">
			<tr>
				<td width="20">
		<img border="0" src="$stylevar[imgdir_misc]/usercp_icons/email_go.gif" width="16" height="16"></td>
				<td><a class="smallfont" href="private.php?$session[sessionurl]do=trackpm">Suivre vos messages</a></td>
			</tr>
		</table>
		</td></tr>
	</if>
	<tr><td class="$navclass[pm_editfolders]" nowrap="nowrap">
		<table border="0" cellspacing="0" cellpadding="0">
			<tr>
				<td width="20">
		<img border="0" src="$stylevar[imgdir_misc]/usercp_icons/folder_edit.gif" width="16" height="16"></td>
				<td><a class="smallfont" href="private.php?$session[sessionurl]do=editfolders">Modifier vos dossiers</a></td>
			</tr>
		</table>
		</td></tr>
</if>
</tbody>
<tr>
	<td class="thead" nowrap="nowrap">
		<span id="nav_subsfolders"><a style="float:$stylevar[right]" href="#top" onclick="return toggle_collapse('subs')"><img id="collapseimg_subs" src="$stylevar[imgdir_button]/collapse_thead$vbcollapse[collapseimg_subs].gif" alt="" border="0" /></a>Discussions 
		suivies</span></td>
</tr>
<tbody id="collapseobj_subs" style="$vbcollapse[collapseobj_subs]">
	<tr><td class="$navclass[substhreads_listthreads]" nowrap="nowrap">
		<table border="0" cellspacing="0" cellpadding="0">
			<tr>
				<td width="20">
		<img border="0" src="$stylevar[imgdir_misc]/usercp_icons/newspaper.gif" width="16" height="16"></td>
				<td colspan="2"><a class="smallfont" href="subscription.php?$session[sessionurl]do=viewsubscription">Lister les abonnements</a></td>
			</tr>
			<tr>
				<td width="20">
		&nbsp;</td>
				<td width="20">
		<img border="0" src="$stylevar[imgdir_misc]/tree_$stylevar[textdirection].gif" /></td>
				<td><a class="smallfont" href="subscription.php?$session[sessionurl]do=viewsubscription&daysprune=-1&folderid=all">Voir tout</a></td>
			</tr>
		</table>
		</td></tr>
	<tr><td class="$navclass[substhreads_editfolders]" nowrap="nowrap">
		<table border="0" cellspacing="0" cellpadding="0">
			<tr>
				<td width="20">
		<img border="0" src="$stylevar[imgdir_misc]/usercp_icons/folder_edit.gif" width="16" height="16"></td>
				<td><a class="smallfont" href="subscription.php?$session[sessionurl]do=editfolders">Modifier vos dossiers</a></td>
			</tr>
		</table>
		</td></tr>
</tbody>

<tr><td class="thead"><a style="float:$stylevar[right]" href="#top" onclick="return toggle_collapse('misc')"><img id="collapseimg_misc" src="$stylevar[imgdir_button]/collapse_thead$vbcollapse[collapseimg_misc].gif" alt="" border="0" /></a>Divers</td></tr>
<tbody id="collapseobj_misc" style="$vbcollapse[collapseobj_misc]">
	<tr><td class="$navclass[event_reminders]" nowrap="nowrap">
		<table border="0" cellspacing="0" cellpadding="0">
			<tr>
				<td width="20">
		<img border="0" src="$stylevar[imgdir_misc]/usercp_icons/time.gif" width="16" height="16"></td>
				<td><a class="smallfont" href="calendar.php?$session[sessionurl]do=viewreminder">Rappel des ?v?nements</a></td>
			</tr>
		</table>
		</td></tr>
	<if condition="$show['paidsubscriptions']">
	<tr><td class="$navclass[paid_subscriptions]" nowrap="nowrap">
		<table border="0" cellspacing="0" cellpadding="0">
			<tr>
				<td width="20">
		<img border="0" src="$stylevar[imgdir_misc]/usercp_icons/coins.gif" width="16" height="16"></td>
				<td><a class="smallfont" href="payments.php$session[sessionurl_q]">Abonnements payants</a></td>
			</tr>
		</table>
		</td></tr>
	</if>
	<if condition="$show['attachments']">
	<tr><td class="$navclass[attachments]" nowrap="nowrap">
		<table border="0" cellspacing="0" cellpadding="0">
			<tr>
				<td width="20">
		<img border="0" src="$stylevar[imgdir_misc]/usercp_icons/attach.gif" width="16" height="16"></td>
				<td><a class="smallfont" href="profile.php?$session[sessionurl]do=editattachments">Pi?ces jointes</a></td>
			</tr>
		</table>
		</td></tr>
<tbody>
	</if>
</table>
<!-- / usercp nav -->

	<if condition="$show['popups']">
		<div class="vbmenu_popup" id="nav_subsfolders_menu" style="display:<if condition="$show['popups']">none<else />block</if>">
			<table cellpadding="4" cellspacing="1" border="0">
			<tr>
			<td class="thead" nowrap="nowrap">$vbphrase[folders]</td>
			</tr>
			$cpnav[subsfolders]
			</table>
		</div>
	</if>
	<if condition="$show['popups']">			
		<div class="vbmenu_popup" id="nav_pmfolders_menu" style="display:<if condition="$show['popups']">none<else />block</if>">
			<table cellpadding="4" cellspacing="1" border="0">
			<tr>
				<td class="thead" nowrap="nowrap">$vbphrase[folders]</td>
			</tr>
			$cpnav[pmfolders]
			</table>
		</div>
	</if>
</td>
</tr>
</table>
<!-- / table to support left column nav -->
	</div>
	<!-- End content -->
	</div>
</div>
<!-- End code for the left panel -->
5. After if you want a link in your template, you can add this :

HTML Code:
<a href="#" onclick="initSlideLeftPanel();return false">Voir le Slide Panel ou appuyez sur F1</a>
Touch F1 in your keayboard, or click the image (top right)

Source : http://www.dhtmlgoodies.com/

C?dric

Show Your Support

  • This modification may not be copied, reproduced or published elsewhere without author's permission.

Comments
  #22  
Old 07-09-2008, 02:10 AM
dvbusuario's Avatar
dvbusuario dvbusuario is offline
 
Join Date: Oct 2007
Posts: 153
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Quote:
Originally Posted by codershark View Post
I have found a mistake.

In Opera Browser , when a User type the charakter "p" it open the menu too, and the user cant type the charakter "p" in the text....


can someone fix it ?
Me too happens to me, does anyone know how to fix it?
Reply With Quote
  #23  
Old 07-10-2008, 05:30 PM
pilotxx pilotxx is offline
 
Join Date: Nov 2007
Posts: 34
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Hii. i need some help pls.
My forum if from right to left. how can i fit it to this? i want to see it from right.
Reply With Quote
  #24  
Old 08-21-2008, 04:56 PM
Oyabun Oyabun is offline
 
Join Date: Dec 2006
Location: Germany
Posts: 87
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Quote:
Originally Posted by dvbusuario View Post
Me too happens to me, does anyone know how to fix it?
To bring this topic back = HOW CAN WE FIX IT? (:
Reply With Quote
  #25  
Old 08-25-2008, 04:17 PM
Oyabun Oyabun is offline
 
Join Date: Dec 2006
Location: Germany
Posts: 87
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Please, someone help <_<
Reply With Quote
  #26  
Old 01-20-2009, 05:47 PM
Graphictr's Avatar
Graphictr Graphictr is offline
 
Join Date: Jan 2009
Location: Turkiye
Posts: 37
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Thanks! Works Very Good!
Reply With Quote
Reply

Thread Tools

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump


All times are GMT. The time now is 01:39 AM.


Powered by vBulletin® Version 3.8.12 by vBS
Copyright ©2000 - 2024, vBulletin Solutions Inc.
X vBulletin 3.8.12 by vBS Debug Information
  • Page Generation 0.04714 seconds
  • Memory Usage 2,349KB
  • Queries Executed 20 (?)
More Information
Template Usage:
  • (1)SHOWTHREAD
  • (1)ad_footer_end
  • (1)ad_footer_start
  • (1)ad_header_end
  • (1)ad_header_logo
  • (1)ad_navbar_below
  • (1)ad_showthread_beforeqr
  • (4)bbcode_html
  • (2)bbcode_quote
  • (1)footer
  • (1)forumjump
  • (1)forumrules
  • (1)gobutton
  • (1)header
  • (1)headinclude
  • (1)modsystem_post
  • (1)navbar
  • (6)navbar_link
  • (120)option
  • (1)pagenav
  • (1)pagenav_curpage
  • (2)pagenav_pagelink
  • (6)post_thanks_box
  • (6)post_thanks_button
  • (1)post_thanks_javascript
  • (1)post_thanks_navbar_search
  • (6)post_thanks_postbit_info
  • (5)postbit
  • (6)postbit_onlinestatus
  • (6)postbit_wrapper
  • (1)spacer_close
  • (1)spacer_open
  • (1)tagbit_wrapper 

Phrase Groups Available:
  • global
  • inlinemod
  • postbit
  • posting
  • reputationlevel
  • showthread
Included Files:
  • ./showthread.php
  • ./global.php
  • ./includes/init.php
  • ./includes/class_core.php
  • ./includes/config.php
  • ./includes/functions.php
  • ./includes/class_hook.php
  • ./includes/modsystem_functions.php
  • ./includes/functions_bigthree.php
  • ./includes/class_postbit.php
  • ./includes/class_bbcode.php
  • ./includes/functions_reputation.php
  • ./includes/functions_post_thanks.php 

Hooks Called:
  • init_startup
  • init_startup_session_setup_start
  • init_startup_session_setup_complete
  • cache_permissions
  • fetch_threadinfo_query
  • fetch_threadinfo
  • fetch_foruminfo
  • style_fetch
  • cache_templates
  • global_start
  • parse_templates
  • global_setup_complete
  • showthread_start
  • showthread_getinfo
  • forumjump
  • showthread_post_start
  • showthread_query_postids
  • showthread_query
  • bbcode_fetch_tags
  • bbcode_create
  • showthread_postbit_create
  • postbit_factory
  • postbit_display_start
  • post_thanks_function_post_thanks_off_start
  • post_thanks_function_post_thanks_off_end
  • post_thanks_function_fetch_thanks_start
  • post_thanks_function_fetch_thanks_end
  • post_thanks_function_thanked_already_start
  • post_thanks_function_thanked_already_end
  • fetch_musername
  • postbit_imicons
  • bbcode_parse_start
  • bbcode_parse_complete_precache
  • bbcode_parse_complete
  • postbit_display_complete
  • post_thanks_function_can_thank_this_post_start
  • pagenav_page
  • pagenav_complete
  • tag_fetchbit_complete
  • forumrules
  • navbits
  • navbits_complete
  • showthread_complete