1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

Use of Sliding login on Wordpress

Discussion in 'XenForo Pre-Sales Questions' started by Claudio, Oct 12, 2011.

  1. Claudio

    Claudio Well-Known Member

    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 :)
     
    Andy.N and Scott Dixon like this.
  2. Scott Dixon

    Scott Dixon Member

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

    bambua Well-Known Member

    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 likes this.
  4. Andy.N

    Andy.N Well-Known Member

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

    bambua Well-Known Member

    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.
     
  6. Andy.N

    Andy.N Well-Known Member

    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.
     
    Claudio likes this.
  7. ColumbusGEEK

    ColumbusGEEK New Member

    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.
     
  8. Claudio

    Claudio Well-Known Member

    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
     
  9. bambua

    bambua Well-Known Member

    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.
     
  10. Claudio

    Claudio Well-Known Member

    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..
     
  11. Claudio

    Claudio Well-Known Member

    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
     
  12. bambua

    bambua Well-Known Member

    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.
     
  13. Claudio

    Claudio Well-Known Member

    HTML:
    <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
     
  14. ColumbusGEEK

    ColumbusGEEK New Member

    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.
     
  15. Claudio

    Claudio Well-Known Member

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

    ColumbusGEEK New Member

    I'm not a programmer by a long shot. I'm just cutting and pasting mostly. :)
     
    Claudio likes this.
  17. Deepmartini

    Deepmartini Well-Known Member

    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.
     
  18. bambua

    bambua Well-Known Member

    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.
     
  19. Andy.N

    Andy.N Well-Known Member

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

    bambua Well-Known Member

    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)
     

Share This Page