Login Form: S2Member-style Top Bar

Hello:
I did what Christian mentioned in post #24351 back in 9/2012 to create the login bar like S2Member but nothing shows up. There’s a mention of modifying the CSS in the InFocus Theme but no details. I modified the header.php file per the instructions.

Can you provide some detail as to how to get this working?

Thanks!

Thanks for your inquiry. ~ We appreciate your patience :-)

Can you please link me to the post you’re referring to?

Also, please see this KB article for some clarification.
Knowledge Base » Login Box Like s2Member.com?

Sorry Jason. The link is: http://www.s2member.com/forums/topic/login-form-2/

I use the Infocus 3.0 theme (which I think you guys do too). I made the changes to header.php that was recommended in the above thread but didn’t get the result I was expecting…actually I got nothing.

For my site, I need a similar capability as S2Members site with the bar at the top for the purposes of login/logout, member account, and profile. When a visitor is at the site, I either want to hide the bar entirely or all options except login.

Thanks :)

Thanks for the follow-up :-)

I’ll try to get you started on this with the inFocus theme. That’s about as far as I can go on custom coding. I’ll be happy to provide you with more leads on where to find certain things, or to share ideas with you, but I can’t debug any custom code that you end up with; due to time constraints :-) Please see: s2Member® » Support Policy » Within Scope for some clarification on this. Thanks!

Step #1.

Please create this directory and file:
/wp-content/mu-plugins/s2-hacks.php
(NOTE: these are MUST USE plugins, see: http://codex.wordpress.org/Must_Use_Plugins)
(See also: http://www.s2member.com/kb/hacking-s2member/)

<?php
add_action('mysite_before_header', 'my_login_box');
function my_login_box()
	{
		if(!is_user_logged_in())
			{
				echo '<div id="my-login-box">';
				$ops = array('title' => '', 'login_redirect' => '%%previous%%', 'my_profile_url' => site_url('/profile/'), 'logout_redirect' => '');
				echo s2member_pro_login_widget($ops);
				echo '</div>';
			}
	}

Step #2. Now apply CSS styles like this.

See also. This article in the s2Member® Codex.
s2Member® Pro Login Widget Via PHP