Advertisement:

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

Offline ((Kakashi))

  • Semi-Newbie
  • *
  • Posts: 28
Re: [SMF Trick] Creating a jQuery Sliding Login Panel
« 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  :o).

Thanks again for your contribution  ;)

Offline enik

  • SMF Hero
  • ******
  • Posts: 1,426
  • Gender: Male
  • Adkimode Developer
    • Smf Personal.
Re: [SMF Trick] Creating a jQuery Sliding Login Panel
« Reply #21 on: August 31, 2011, 03:57:33 PM »
Exelent nice tutorial  ;)
SMF Personal Project Manager


Offline ~Dragon~

  • Jr. Member
  • **
  • Posts: 301
  • Gender: Male
Re: [SMF Trick] Creating a jQuery Sliding Login Panel
« Reply #22 on: October 15, 2011, 04:18:51 PM »
that is interesting!
Please do not PM or email, Thank respond please post fast to SMF!

Offline Upakul

  • Newbie
  • *
  • Posts: 2
Re: [SMF Trick] Creating a jQuery Sliding Login Panel
« Reply #23 on: January 30, 2012, 03:24:14 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  :P. )
anyone help me with this?
I have same problem :(

Offline Anthony`

  • Sophist Member
  • *****
  • Posts: 1,347
  • Gender: Male
  • Formerly Project Evolution
Re: [SMF Trick] Creating a jQuery Sliding Login Panel
« Reply #24 on: January 30, 2012, 06:21:12 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  :P. )
anyone help me with this?
I have same problem :(

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

Offline mrw1986

  • Semi-Newbie
  • *
  • Posts: 18
Re: [SMF Trick] Creating a jQuery Sliding Login Panel
« 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!

Online mashby

  • On Hiatus
  • SMF Hero
  • *
  • Posts: 8,102
  • Gender: Male
  • Beer is good food.
    • Choppix
Re: [SMF Trick] Creating a jQuery Sliding Login Panel
« 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;
}
Always be a little kinder than necessary.
- James M. Barrie

Offline mrw1986

  • Semi-Newbie
  • *
  • Posts: 18
Re: [SMF Trick] Creating a jQuery Sliding Login Panel
« Reply #27 on: February 15, 2012, 12:40:38 AM »
Thank you very much, worked a treat!

Offline loplo

  • Semi-Newbie
  • *
  • Posts: 69
Re: [SMF Trick] Creating a jQuery Sliding Login Panel
« 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

Offline Bigguy

  • Support Specialist
  • SMF Super Hero
  • *
  • Posts: 11,602
  • Gender: Male
  • Be nice, or else....
    • SMF Helper
Re: [SMF Trick] Creating a jQuery Sliding Login Panel
« 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.

Offline loplo

  • Semi-Newbie
  • *
  • Posts: 69
Re: [SMF Trick] Creating a jQuery Sliding Login Panel
« 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.
« Last Edit: February 23, 2012, 03:53:48 PM by loplo »

Offline Bigguy

  • Support Specialist
  • SMF Super Hero
  • *
  • Posts: 11,602
  • Gender: Male
  • Be nice, or else....
    • SMF Helper
Re: [SMF Trick] Creating a jQuery Sliding Login Panel
« 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.

Offline loplo

  • Semi-Newbie
  • *
  • Posts: 69
Re: [SMF Trick] Creating a jQuery Sliding Login Panel
« 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.

Offline Anthony`

  • Sophist Member
  • *****
  • Posts: 1,347
  • Gender: Male
  • Formerly Project Evolution
Re: [SMF Trick] Creating a jQuery Sliding Login Panel
« Reply #33 on: February 23, 2012, 04:29:28 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.

Offline Inti31

  • Jr. Member
  • **
  • Posts: 246
    • Chevrolet Epica & Malibu Community
Re: [SMF Trick] Creating a jQuery Sliding Login Panel
« 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
« Last Edit: February 26, 2012, 04:52:17 PM by Inti31 »
my forum
my testforum

my mods - which I only made them work for 2.0 Gold:
Topics Filter v3.2 SMF 2.0 Gold
MemberNumber

Offline Founder 2008

  • Full Member
  • ***
  • Posts: 582
  • Gender: Male
  • No limit.
    • forumcarobni on Facebook
    • Čarobni forum
Re: [SMF Trick] Creating a jQuery Sliding Login Panel
« Reply #35 on: March 24, 2012, 08:28:33 PM »
Very nice!!

Offline MoinFaraz

  • Jr. Member
  • **
  • Posts: 118
  • Gender: Male
    • Internet Marketing Forums
Re: [SMF Trick] Creating a jQuery Sliding Login Panel
« 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 :)
« Last Edit: April 28, 2012, 07:32:22 AM by MoinFaraz »

Offline ABM

  • SMF Hero
  • ******
  • Posts: 1,941
  • Gender: Male
  • Aportes Y Descargas
    • aportesydescargas.com.ar on Facebook
Re: [SMF Trick] Creating a jQuery Sliding Login Panel
« Reply #37 on: May 06, 2012, 11:18:42 PM »
When I logout larger are the lyrics  my theme. Why?

Offline Anthony`

  • Sophist Member
  • *****
  • Posts: 1,347
  • Gender: Male
  • Formerly Project Evolution
Re: [SMF Trick] Creating a jQuery Sliding Login Panel
« Reply #38 on: May 07, 2012, 04:18:55 PM »
When I logout larger are the lyrics  my theme. Why?

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

Offline ABM

  • SMF Hero
  • ******
  • Posts: 1,941
  • Gender: Male
  • Aportes Y Descargas
    • aportesydescargas.com.ar on Facebook
Re: [SMF Trick] Creating a jQuery Sliding Login Panel
« 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.