Customizing SMF > Tips and Tricks

[SMF Trick] Creating a jQuery Sliding Login Panel

<< < (10/11) > >>

pixeleyes:
Login Sliding bar is working perfect just got a problem in board fonts.

All fonts changed into large size?

Anthony`:

--- Quote from: pixeleyes on June 13, 2012, 02:41:41 AM ---Login Sliding bar is working perfect just got a problem in board fonts.

All fonts changed into large size?

--- End quote ---

Can I have a link to the site with the issue please.

MoinFaraz:
I am pretty much impressed with this mod, except a minor error...

Its adding some extra space and due to that i have a horizontal scroll bar... here is an screen shot of the same
http://screencast.com/t/j9sv1R427la

While i am logged in (and mod is hidden), i see no scroll bar ... screen shot while i am logged in
http://screencast.com/t/I02WA59Dq

Any help would be greatly appreciated :)

-=[Vyorel]=-:
Beautiful script. I have added to my forum :)



--- Quote from: ABM on May 07, 2012, 11:47:14 PM ---My Url http://www.aportesydescargas.com.ar/index.php?action=forum#



--- End quote ---

Open index.template.php file, search this code:

--- Code: ---echo $context['html_headers'];
--- End code ---
and add after:

--- Code: --- // The below JS interferes with some HTML in the messages area of members, so just disable this for logged in members (wont hurt anyways)
if ($context['user']['is_guest'])
echo '
<link rel="stylesheet" type="text/css" href="', $settings['default_theme_url'], '/css/slide.css" />
<script type="text/javascript" src="', $settings['default_theme_url'], '/scripts/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="', $settings['default_theme_url'], '/scripts/slide.js"></script>
<script type="text/javascript"><!-- // --><![CDATA[
$(document).ready(function() {
 
// Expand Panel
$("#openpanel").click(function(){
$("div#panel").slideDown("slow");
});
 
// Collapse Panel
$("#closepanel").click(function(){
$("div#panel").slideUp("slow");
});
 
// Switch buttons from "Log In | Register" to "Close Panel" on click
$("#togglepanel a").click(function () {
$("#togglepanel a").toggle();
});
 
});
// ]]></script>';
--- End code ---

savita009:
you have to download first javascript libray and then use slide toggle


Navigation

[0] Message Index

[#] Next page

[*] Previous page

Go to full version