Web Design Forum: Dropdown Div Wordpress Login - Web Design Forum

Jump to content

WDF
WDF Premium Memberships Reseller Hosting
Page 1 of 1
  • You cannot start a new topic
  • You cannot reply to this topic

Dropdown Div Wordpress Login

#1 User is offline   Ash Scott 

  • Competition Manager
  • PipPipPipPipPip
  • Group: Members
  • Posts: 1,416
  • Joined: 25-May 10
  • Reputation: 53
  • Gender:Male
  • Location:Kent
  • Experience:Advanced
  • Area of Expertise:Designer/Coder

Posted 30 January 2012 - 04:20 PM

Hello,

I am currently coding a wordpress theme, and would like it to have user user login on every page, in the header...Now, i would like to have a 15px div with rounded bottom corners showing from the top of the page, then the user clicks it, and it slides down with a login form inside. The user then logs in and the form disappears and shows their detials like their picture, messages, and simple links like profile etc.

How would i go about doing this?

Regards
Ash
0

#2 User is offline   Matt Maclennan 

  • Forum Newcomer
  • Pip
  • Group: Members
  • Posts: 64
  • Joined: 17-March 10
  • Reputation: 2
  • Gender:Male
  • Location:Gravesend, Kent
  • Experience:Intermediate
  • Area of Expertise:Web Designer

Posted 30 January 2012 - 05:09 PM

Hi Ash!

For a quick job I have done before, I have used this to good effect! Obviously you can edit the CSS and images inside the files as you require.

You just put the login form in the appropriate div, and make sure that the form has an action which is posted to the relevant PHP file you are creating.

Hope this helps! :)
1

#3 User is offline   Ash Scott 

  • Competition Manager
  • PipPipPipPipPip
  • Group: Members
  • Posts: 1,416
  • Joined: 25-May 10
  • Reputation: 53
  • Gender:Male
  • Location:Kent
  • Experience:Advanced
  • Area of Expertise:Designer/Coder

Posted 30 January 2012 - 05:50 PM

Great its just what i needed, however, when it slides back up, the text disappears :/ and it also goes down too far -_-

fragtalk.org

This post has been edited by Ash Scott: 30 January 2012 - 05:50 PM

0

#4 User is offline   Matt Maclennan 

  • Forum Newcomer
  • Pip
  • Group: Members
  • Posts: 64
  • Joined: 17-March 10
  • Reputation: 2
  • Gender:Male
  • Location:Gravesend, Kent
  • Experience:Intermediate
  • Area of Expertise:Web Designer

Posted 30 January 2012 - 06:04 PM

Hi Ash,

Do you use Firefox? If so, use a tool called Firebug, this allows you to edit HTML, CSS and Javascript live in the browser, without affecting any uploaded or local files :)
0

#5 User is offline   Ash Scott 

  • Competition Manager
  • PipPipPipPipPip
  • Group: Members
  • Posts: 1,416
  • Joined: 25-May 10
  • Reputation: 53
  • Gender:Male
  • Location:Kent
  • Experience:Advanced
  • Area of Expertise:Designer/Coder

Posted 30 January 2012 - 06:31 PM

yeah i got it already :) its just the i cant see why or where the text is going.. which is weird :(

This post has been edited by Ash Scott: 30 January 2012 - 06:33 PM

0

#6 User is offline   Ash Scott 

  • Competition Manager
  • PipPipPipPipPip
  • Group: Members
  • Posts: 1,416
  • Joined: 25-May 10
  • Reputation: 53
  • Gender:Male
  • Location:Kent
  • Experience:Advanced
  • Area of Expertise:Designer/Coder

Posted 30 January 2012 - 08:51 PM

okay, i have edited the margin in the jq and still no luck :(
0

Share this topic:


Page 1 of 1
  • You cannot start a new topic
  • You cannot reply to this topic

1 User(s) are reading this topic
0 members, 1 guests, 0 anonymous users