Use of Sliding login on Wordpress

[Claudio]

Im looking for use Wordpress and then a bridge to XF

The issue is that XF has a very good looking slide login at the top, but i would like to integrate it to wordpress also, to keep the same wordpress and XF style (if the login box is on the forum and not in the portal they seems different sites)

Its any way to call from wordpress, the function or the slide login of XF?

Thank you very much

 

[Scott Dixon]

This would be a nice feature to have for my site as well.

 

[bambua]

Im looking for use Wordpress and then a bridge to XF

The issue is that XF has a very good looking slide login at the top, but i would like to integrate it to wordpress also, to keep the same wordpress and XF style (if the login box is on the forum and not in the portal they seems different sites)

Its any way to call from wordpress, the function or the slide login of XF?

Thank you very much

Take a look at www.defiantminecraft.com, that's using both a bridge and a shared style which integrates the login drop down completely. I published it here as XenDynamic.

 

[Andy.N]

Take a look at www.defiantminecraft.com, that's using both a bridge and a shared style which integrates the login drop down completely. I published it here as XenDynamic.

Is it possible that you share instruction on how to do that for any WP theme?

 

[bambua]

Is it possible that you share instruction on how to do that for any WP theme?

I'm not sure you could easily, I literally re purposed the style from the XenForo site. It loads the HTML and CSS from XenForo and then inserts the WordPress elements into it.

 

[Andy.N]

I'm planning to use the bridge that James offers but we will not use any XF-based WP style so getting the same login block to work is something I always want to know how.

 

[ColumbusGEEK]

Go to your Xen forum, view the source. Extract the html and css that are the relevant bits to the login box.

Paste said bits into your WP header template.

Dubug any code conflicts.

I suspect it will be some css files, a .js file which you may or may not need depending on if you are using it already, and some html/php. You should be able to do it with some basic html/php/css knowledge.
Granted, if you update the WP theme you will potentially lose the hack, but if you setup the code in a child theme you should be good.

I know that's all a bit vague, but it steers you in the right direction.

 

[Claudio]

I'm planning to use the bridge that James offers but we will not use any XF-based WP style so getting the same login block to work is something I always want to know how.

same to me

but if its not possible to use the same login sliding, to be possible to use a jquery box, in order to put an image on WP that opens a login box into XF

 

[bambua]

It would be pretty easy to use one of the sliding login plugins that is out there for WordPress and then just copy the style from XF.

 

[Claudio]

Go to your Xen forum, view the source. Extract the html and css that are the relevant bits to the login box.

Paste said bits into your WP header template.

Dubug any code conflicts.

I suspect it will be some css files, a .js file which you may or may not need depending on if you are using it already, and some html/php. You should be able to do it with some basic html/php/css knowledge.
Granted, if you update the WP theme you will potentially lose the hack, but if you setup the code in a child theme you should be good.

I know that's all a bit vague, but it steers you in the right direction.

that its about the code to show it...but for the login?
how the html used will login into a XF account, with a id and a password? thats the most hard part and i dont know how to get it..

 

[Claudio]

It would be pretty easy to use one of the sliding login plugins that is out there for WordPress and then just copy the style from XF.

im not referring to the XF style, im talking about using jquery on Wordpress to login into XF account..

imagine that you can make possible to login to XF through an html page outside the XF folder...

thats what im talking about

 

[bambua]

that its about the code to show it...but for the login?
how the html used will login into a XF account, with a id and a password? thats the most hard part and i dont know how to get it..

You can literally just look at the source of the page and copy the html for the login form, that's what I did in a previous version of my wordpress site.

 

[Claudio]

<div id="loginBar">
    <div class="pageWidth">
        <div class="pageContent">
            <h3 id="loginBarHandle">
                <label for="LoginControl"><a href="login/" class="concealed noOutline">Log in or Sign up</a></label>
            </h3>

            <span class="helper"></span>
 
        </div>
    </div>
</div>

copy this on the wordpress style and it will work like in the forum? and the div style? where i get it?

please give more information

 

[ColumbusGEEK]

The information is all right in front of you on your site. Install Firebug and the Developer Toolbar for Firefox and you can figure out all the css and html.

You are on the right track so far.

 

[Claudio]

thanks columbus, not all of us are programmers, i will try this in a future

 

[ColumbusGEEK]

I'm not a programmer by a long shot. I'm just cutting and pasting mostly.

 

[Deepmartini]

thanks columbus, not all of us are programmers, i will try this in a future

I was just curious what solution you came up with. I am trying to do a similar thing and make my wordpress site look to be a part of xenforo.

 

[bambua]

I was just curious what solution you came up with. I am trying to do a similar thing and make my wordpress site look to be a part of xenforo.

I ended up creating a wordpress theme that pulls in the html/css from Xenforo, it's far from a this works for everyone solution. It's dependant on how you have your directory structures.

 

[Andy.N]

I ended up creating a wordpress theme that pulls in the html/css from Xenforo, it's far from a this works for everyone solution. It's dependant on how you have your directory structures.

How easy it is to take what you did and build into any existing WP theme?

 

[bambua]

How easy it is to take what you did and build into any existing WP theme?

It really wouldn't be easy at all. Because it's not like I took a static copy of the Xenforo html/css for the slider and just dropped it in a theme, I literally built the theme from the dynamic html/css that loads from Xenforo, and then just plugged the few bits that Wordpress needs in (the loop, the sidebar etc)