Author Topic: [SMF Trick] Creating a jQuery Sliding Login Panel (Read 37592 times)

((Kakashi)) · « **Reply #20 on:** August 30, 2011, 12:29:49 PM »

Disregard my confusion. I had an older version of this slide java. The file names I had were different from what you referenced in your code and I did figure out where to place code (maybe I should actually read entire sentences for a change

).

Thanks again for your contribution

enik · « **Reply #21 on:** August 31, 2011, 03:57:33 PM »

Exelent nice tutorial

~Dragon~ · « **Reply #22 on:** October 15, 2011, 04:18:51 PM »

that is interesting!

Upakul · « **Reply #23 on:** January 30, 2012, 03:24:14 PM »

Quote from: ((Kakashi)) on August 29, 2011, 11:45:15 PM

I gotta tell you, PE, I'm a bit lost...I'm actually using this very jQuery Slider on my site as a login for both my client's CP and as a way for them to log into my SMF community via SSI (Once logged in I'm calling the ssi_welcome and ssi_news functions in that panel). I've incorporated the slider into my WHMCS (billing package) control panel and was just today starting to dig into integrating it into my SMF when I ran across your post.

"Man..." I though, " somebody has already figured this out. That ought to save me some effort!"

The problem is...I'm not following your tutorial.

"...look for any Javascript code in the template_html_above() function, and add this code below" - OK...did that (I'm actually using a customized Curve theme)

"Next is to create the actual slider. Above,"

Code: [Select]
echo !empty($settings['forum_width']) ? '
huh...where does this line go? Above...what? I'm totally lost on this one.

I've completed the remainder of your tutorial (and thanks for the contribution ), but obviously the "echo !empty($settings['forum_width']) ? '" needs to be in there....somewhere (especially seeing as it's not working . )

anyone help me with this?
I have same problem

Anthony` · « **Reply #24 on:** January 30, 2012, 06:21:12 PM »

Quote from: Upakul on January 30, 2012, 03:24:14 PM

Quote from: ((Kakashi)) on August 29, 2011, 11:45:15 PM
I gotta tell you, PE, I'm a bit lost...I'm actually using this very jQuery Slider on my site as a login for both my client's CP and as a way for them to log into my SMF community via SSI (Once logged in I'm calling the ssi_welcome and ssi_news functions in that panel). I've incorporated the slider into my WHMCS (billing package) control panel and was just today starting to dig into integrating it into my SMF when I ran across your post.

"Man..." I though, " somebody has already figured this out. That ought to save me some effort!"

The problem is...I'm not following your tutorial.

"...look for any Javascript code in the template_html_above() function, and add this code below" - OK...did that (I'm actually using a customized Curve theme)

"Next is to create the actual slider. Above,"

Code: [Select]
echo !empty($settings['forum_width']) ? '
huh...where does this line go? Above...what? I'm totally lost on this one.

I've completed the remainder of your tutorial (and thanks for the contribution ), but obviously the "echo !empty($settings['forum_width']) ? '" needs to be in there....somewhere (especially seeing as it's not working . )
anyone help me with this?
I have same problem

Are you sure you dont have an older version like he had?

mrw1986 · « **Reply #25 on:** February 15, 2012, 12:01:51 AM »

Hello, I have this running on my site www.techfuzion.net [nofollow] and when I hit the "Login" link it pulls down but the Menu bar from my forum still appears through the slider. Is there a way to fix this?

Thanks!

mashby · « **Reply #26 on:** February 15, 2012, 12:08:59 AM »

http://techfuzion.net/Themes/GrayStyle2/css/index.css?fin20
BEFORE:

Code: [Select]

#topnav {
	position: relative;
	height: 32px;
	z-index: 1000;
	padding: 0;
	margin: 0;
}

AFTER:

Code: [Select]

#topnav {
	position: relative;
	height: 32px;
	z-index: 998;
	padding: 0;
	margin: 0;
}

mrw1986 · « **Reply #27 on:** February 15, 2012, 12:40:38 AM »

Thank you very much, worked a treat!

loplo · « **Reply #28 on:** February 23, 2012, 03:13:50 PM »

I can't make it work. I think I misunderstand something.
Here are the steps I made:
1 copied style.css from the package and the attached file into "Themes\default\css\"
2 edit index.template.php and insert the first code after "template_html_above()"
3 insert the second code above "echo !empty($settings['forum_width']) ? '"
4 close and save index.template.php
5 edit index.english.php and insert the third code
6 copied the content of the js folder into scripts

Nothing appears. I was expecting, if I'm doing something wrong to get some errors, but no error and no bar

I've tried this on a clean install, locally.

I'd really appreciate if anyone could help me out.

SMF 2.0.2

Bigguy · « **Reply #29 on:** February 23, 2012, 03:33:49 PM »

I just finished this on www.smfhelper.info and it works great. From what you post that is how I did it and it works fine. Mine is on the default theme.

loplo · « **Reply #30 on:** February 23, 2012, 03:44:34 PM »

I'm trying also on the default, but no joy.

LE
It works only if I'm not logged in. After login the info panel is not showing.

Bigguy · « **Reply #31 on:** February 23, 2012, 03:55:31 PM »

Is that not the way it is supposed to work. If your a guest it shows the login panel and if your logged in then the whole thing does not show. It's only for guests and non-logged in members. If I'm not mistaken.

loplo · « **Reply #32 on:** February 23, 2012, 04:01:16 PM »

OK, thanks.
I thought it could be showed also after login for some customization. The logooff team made some themes and they did a pretty nice job.

Anthony` · « **Reply #33 on:** February 23, 2012, 04:29:28 PM »

Quote from: loplo on February 23, 2012, 04:01:16 PM

OK, thanks.
I thought it could be showed also after login for some customization. The logooff team made some themes and they did a pretty nice job.

This was initally designed to display only for guests, however you are obviously free to customize this to your needs.

Inti31 · « **Reply #34 on:** February 26, 2012, 01:13:07 PM »

thanks for that tip - because of testing purposes I decided to make my own mod which have also some little changes integrated
- the avatar is linked to the forum profile (screenshot 1)
- own posts is reachable at the top (next of avatar - screenshot 1)
- an impressum-link ist placed at the bottom next to wap-link (screenshot 2)
- a colored sperator line between each posts (screenshot 5)

it needs just the regbar mod, which have to be installed first
and looks like this, when not logged in... (screenshot 3 + 4)

So it is more flexible for me and saves much time instead of always looking to this thread...

cheers Inti31

cheers inti31

Čarobnjak · « **Reply #35 on:** March 24, 2012, 08:28:33 PM »

Very nice!!

MoinFaraz · « **Reply #36 on:** April 28, 2012, 07:14:47 AM »

I have installed it and it doesn't seems to be working for me...

I am not sure what's causing it not to work... may be an older version of JQuery?

Edit ::: i am using custom theme and was uploading style sheets, images, JavaScript files etc to it... tried placing them in "default" and it worked! looks great and will now alter some portions of text to make it fit my forum...

Cheers

ABM · « **Reply #37 on:** May 06, 2012, 11:18:42 PM »

When I logout larger are the lyrics my theme. Why?

Anthony` · « **Reply #38 on:** May 07, 2012, 04:18:55 PM »

Quote from: ABM on May 06, 2012, 11:18:42 PM

When I logout larger are the lyrics my theme. Why?

Sorry, I don't understand what you're saying.

ABM · « **Reply #39 on:** May 07, 2012, 05:11:55 PM »

What I mean is...

The modification I Go perfect ..
The only problem is that when I close session. the letters are big in my theme.

News:

Author Topic: [SMF Trick] Creating a jQuery Sliding Login Panel (Read 37592 times)