how to do that login pup up at the forum toolbar like free formotion

[Michael_vx]

that login pup up at the forum toolbar like this

and also can i make it do redirect to other page like welcome page or something
 

[Ape]

that login pup up at the forum toolbar like this

and also can i make it do redirect to other page like welcome page or something
 

Add this to your CSS files

Code:

#fa_menulist {
    padding-left: 150px;
}
#fa_menulist {
    display: none;
    position: absolute;
    list-style-type: none;
    margin: 0px;
    padding: 0px 10px;
    background-color: #FFF;
    min-width: 175px;
    width: auto;
    border-right: 1px solid #333;
    border-width: 0px 1px 1px;
    border-style: solid;
    border-color: #FFF #333 #333;
    -moz-border-top-colors: none;
    -moz-border-right-colors: none;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    border-image: none;
    line-height: 32px;
    z-index: 10000;
}

Hope that is of help to you

Ape  

[Michael_vx]

Ape  
thank but
 
didnt help

[Michael_vx]

hmmm
i wonder if there will any answer
 

[SLGray]

Please change the title of your topic to something that is related to your question/issue, so that other users will be able to find their question/issue using the search engine.

[Michael_vx]

Please change the title of your topic to something that is related to your question/issue, so that other users will be able to find their question/issue using the search engine.

okay is this title is better  
i just didnt know what better title to use
My apologize
and sorry i didnt see that still 1 more hour to be 24 hour from my last reply
 

[Beyonder]

Is this even solved ? or is there still an issue?

[Ape]

No its not solved for this member

[Michael_vx]

Is this even solved ? or is there still an issue?

i think you can read that its not solved yet

No its not solved for this member

thank you for answer to him
i hope to solve this soon
 

[SLGray]

Did you add the code to the top of your styelsheet?

[Michael_vx]

Did you add the code to the top of your styelsheet?

i did at my test forum still wont show the login like the image
i want it to be like this forum of forumotion
 

[Ape]

i also tested it on my test forum on phpbb2 and it did not work and not sure why

[Michael_vx]

could it be missing JavaScript or something like that ?
till now i think help.forumotion.com is the only forum have this loging pup up

[Ape]

EDIT:
Hi there thing i have found the problem follow this and see if it works now

Add this to your CSS files

Code:

#fa_menulist {
    padding-left: 150px;
}
#fa_menulist {
    display: none;
    position: absolute;
    list-style-type: none;
    margin: 0px;
    padding: 0px 10px;
    background-color: #FFF;
    min-width: 175px;
    width: auto;
    border-right: 1px solid #333;
    border-width: 0px 1px 1px;
    border-style: solid;
    border-color: #FFF #333 #333;
    -moz-border-top-colors: none;
    -moz-border-right-colors: none;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    border-image: none;
    line-height: 32px;
    z-index: 10000;
}

Hope that is of help to you

Ape  

add this to: the JavaScript
Name it: Toolbar loging.
In : All Pages
SAVE and test.

Code:

   $(window).load(function () {
    $('#fa_welcome').click(function () {
        $('#fa_menulist').fadeToggle();
    });
});




      $(window).load(function () {
        document.getElementById("logout") || ($("#fa_toolbar").after('<div id="fa_menulist" style="display: none;"><form action="/login" method="post"><table style="width: 100%; text-align: center;"><tr><td style="width: 50%;">Username:</td><td style="width: 50%;"><input name="username" type="text" /></td></tr><tr><td style="width: 50%;">Password:</td><td style="width: 50%;"><input name="password" type="password" /></td></tr></table><div style="text-align: center; padding: 5px;"><input type="submit" name="login" value="Log In" class="button2" /></div></form>'),
        $('#fa_right .rightHeaderLink:first').click(function (a) {
            a.preventDefault();
            document.getElementById("fa_menulist").style.left = $(this).offset().left - 250 + "px";
            document.getElementById("fa_menulist").style.top = $("#fa_toolbar").offset().top + 30 + "px";
            "rightHeaderLink" == this.className ? (this.className += " active", $(this).css({
                color: "#FFF",
                "background-color": "#333"
            })) : (this.className = "rightHeaderLink", $(this).css({
                color: "",
                "background-color": ""
            }));
            $("#fa_menulist").fadeToggle()
        }))
    });

[Michael_vx]

Edit
an other problem it wont work on the Arabic fourms works on English forum and this is the problem now i wish Ange to be here
 

[Michael_vx]

hello
i tried the code on English forum works good
on Arabic forum not working
can any one help me in that

[Michael_vx]

 
3869 views the code work 100% with English forum but my forum is arabic the code not working with my Arabic forum please can any one find out why

[Guest]

Hi. Do you have any other Javascript on your forum? If you have, try to disable them one by one then check if the login popup will come out, if you tried to disable them 1 by 1 and still not working, can you provide me the link of your english and arabic forum with the code applied on both forums. I'll try to check it.

[Derri]

You could try this tutorial. It gives a nicely styled login pop up.

http://www.avacweb.com/t59-5-lgforum-style-login?highlight=login

[Michael_vx]

Hi. Do you have any other Javascript on your forum? If you have, try to disable them one by one then check if the login popup will come out, if you tried to disable them 1 by 1 and still not working, can you provide me the link of your english and arabic forum with the code applied on both forums. I'll try to check it.

what you have siad is kinda true
here the English forum link
http://micsoft-test.allgoo.net
the Arabic forum that the code wont work in
http://ward.forumaroc.net
and an Arabic test forum the code is working on it
http://micsoft-test-ar.dahek.net/
but not looking good i will see also http://www.avacweb.com/t59-5-lgforum-style-login?highlight=login
i will try at at the English and Arabic test forums after find out what holding the 1st code of being working good
 

[SLGray]

Sometimes codes have to be in the language of the board/forum to work.  So try translating the English code into Arabic.

[Michael_vx]

i understand now in the forum ward.forumaroc.net the login pup wont work some how but on the test Arabic forum is working
some how looks like there script make it wont work
i guess i will take it from here
this topic might marked as solved

[Derri]

i understand now in the forum ward.forumaroc.net the login pup wont work some how but on the test Arabic forum is working
some how looks like there script make it wont work
i guess i will take it from here
this topic might marked as solved

So you want the topic to be closed now?

[Michael_vx]

i think i collect all info i need to fix the problem so i think the topic is solved
colse the topic as solved
i miss 1 last thing how to change the size of this pup up window size
i mean its too big on Arabic forums
tell me how and lock the topic

[SLGray]

Topic Solved & Archived