The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

Login popup Shadow On This SIte

View previous topic View next topic Go down

Solved Login popup Shadow On This SIte

Post by Mr DarkHaxers2 on November 16th 2011, 3:36 am

How Can I Make Mine Login Popup Make A Shadow On My Site Like Forumotion Did Please Help Me

Mr DarkHaxers2
Forumember

Male Posts : 409
Reputation : -17
Language : English
Location : Modesto,Cali

Back to top Go down

Solved Re: Login popup Shadow On This SIte

Post by kirk on November 16th 2011, 3:43 am

what do you mean by shadow?
or are you just talking about the pop-out log in feature.

It's in your configuration options.

Admin panel>general>forum>configurations

scroll down to log in pop-up, select yes and hit save.

kirk
Forumaster

Male Posts : 11037
Reputation : 651
Language : English,Vulcan,Klingon, Romulan,& Gorn

Back to top Go down

Solved Re: Login popup Shadow On This SIte

Post by Mr DarkHaxers2 on November 16th 2011, 3:44 am

Yea I Want The Shadow Don't U See The Shadow Around it

Mr DarkHaxers2
Forumember

Male Posts : 409
Reputation : -17
Language : English
Location : Modesto,Cali

Back to top Go down

Solved Re: Login popup Shadow On This SIte

Post by kirk on November 16th 2011, 3:56 am

No i dont even see it popping up now.
I have other tabs open so unless i close everything and come back it will not pop-up for me right now.

If you like get a screen shot.

kirk
Forumaster

Male Posts : 11037
Reputation : 651
Language : English,Vulcan,Klingon, Romulan,& Gorn

Back to top Go down

Solved Re: Login popup Shadow On This SIte

Post by Mr DarkHaxers2 on November 16th 2011, 4:02 am

I Need That Shadow Css Code

Mr DarkHaxers2
Forumember

Male Posts : 409
Reputation : -17
Language : English
Location : Modesto,Cali

Back to top Go down

Solved Re: Login popup Shadow On This SIte

Post by Guest on November 16th 2011, 4:13 am

Code:
<style>
    /*------------------POPUPS------------------------*/ #fade{display:none;background:#000;position:fixed;left:0;top:0;width:100%;height:100%;opacity:.80;z-index:
    99;}.popup_block{display:none;background:#C7C7C7;border:10px solid #296FA5;float:left;
    color: #296FA5; font-size:1.2em;position:fixed;top:50%;left:50%;z-index:
    999;-webkit-box-shadow:0 0 7px #000;-moz-box-shadow:0 0 7px #000;box-shadow:0
    0 20px #000;-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px;padding:10px;}img.btn_close{float:right;margin:-30px
    -30px 0 0;}.popup p{margin:5px 0;padding:5px 10px;}*html #fade,*html .popup_block{position:absolute;}
</style>
<script>
$(document).ready(function() {
    $("a.poplight[href^=#]").click(function() {
        var a = $(this).attr("rel"),
            b = $(this).attr("href").split("?")[1].split("&")[0].split("=")[1];
        $("#" + a).fadeIn().css({
            width: Number(b)
        }).prepend('<a href="#" class="close"><img src="http://i27.servimg.com/u/f27/14/67/90/38/close_10.png" class="btn_close" title="Close Window" alt="Close" /></a>');
        var b = ($("#" + a).height() + 80) / 2,
            c = ($("#" + a).width() + 80) / 2;
        $("#" + a).css({
            "margin-top": -b,
            "margin-left": -c
        });
        $("body").append('<div id="fade"></div>');
        $("#fade").css({
            filter: "alpha(opacity=80)"
        }).fadeIn();
        return false
    });
    $("a.close, #fade").live("click", function() {
        $("#fade , .popup_block").fadeOut(function() {
            $("#fade, a.close").remove()
        });
        return false
    })
});
</script>
<div id="loginpopupFMvi" class="popup_block">
    <!-- login form -->
    <form action="/login.forum?redirect=/t34-danh-cho-cac-bn-mun-gia-nhp-fmvi-group"
    method="post" id="signin">
        <table cellspacing="0" cellpadding="0" border="0">
            <td class="smallfont" style="white-space: nowrap;">
                <label style="margin: 0 20px; width: 100px">
                    Username :
                </label>
            </td>
            <td>
                <input id="username" class="post" name="username" size="20" type="text"
                value="username" onblur="if(this.value=='') this.value='username';" onfocus="if(this.value=='username') this.value='';"
                />
            </td>
            </td>
            <td class="smallfont" nowrap="nowrap">
                <label style="margin: 0 20px; width: 100px" for="cb_cookieuser_navbar">
                    <input type="checkbox" name="cookieuser" value="1" tabindex="103" id="cb_cookieuser_navbar"
                    accesskey="c" />
                    Remember me?
                </label>
            </td>
            </tr>
            <tr>
                <td class="smallfont">
                    <label style="margin: 0 20px; width: 100px">
                        Password :
                    </label>
                </td>
                <td>
                    <input id="pass" name="password" class="post" size="20" type="password"
                    value="password" onblur="if(this.value=='') this.value='password';" onfocus="if(this.value=='password') this.value='';"
                    />
                </td>
                <td>
                    <input style="margin: 0 20px; width: 100px" type="submit" value="Login"
                    name="login" id="login" />
                </td>
            </tr>
        </table>
    </form>
    <!-- / login form -->
</div>
<div align="center" style="padding: 100px">
    <a href="#?w=500" rel="loginpopupFMvi" class="poplight"><h1>Login</h1></a>
</div>

Demo: LINK Removed kirk.
I dont know where that link is supposed to go??? but it keeps going to adfly and no where else, just keeps repeating for some reason.

Guest
Guest


Back to top Go down

Solved Re: Login popup Shadow On This SIte

Post by kirk on November 16th 2011, 4:21 am

seems like a lot of coding for as something as simple as a shadow?

kirk
Forumaster

Male Posts : 11037
Reputation : 651
Language : English,Vulcan,Klingon, Romulan,& Gorn

Back to top Go down

Solved Re: Login popup Shadow On This SIte

Post by ioncube on November 16th 2011, 4:43 am

@kirk wrote:seems like a lot of coding for as something as simple as a shadow?
you said it partner

here you go
Code:

#login_popup {
  box-shadow: 1px 1px 40px #F1F1F1;
      }

ioncube
Forumember

Male Posts : 279
Reputation : 41
Language : eng
Location : Pakistan

http://defencedog.blogspot.com/

Back to top Go down

Solved Re: Login popup Shadow On This SIte

Post by Guest on November 16th 2011, 4:48 am


Guest
Guest


Back to top Go down

Solved Re: Login popup Shadow On This SIte

Post by Mr DarkHaxers2 on November 16th 2011, 6:32 am

ioncube Thanks Bro

Mr DarkHaxers2
Forumember

Male Posts : 409
Reputation : -17
Language : English
Location : Modesto,Cali

Back to top Go down

Solved Re: Login popup Shadow On This SIte

Post by kirk on November 16th 2011, 4:35 pm

So i take it this is solved?

kirk
Forumaster

Male Posts : 11037
Reputation : 651
Language : English,Vulcan,Klingon, Romulan,& Gorn

Back to top Go down

Solved Re: Login popup Shadow On This SIte

Post by Mr DarkHaxers2 on November 17th 2011, 12:14 am

YEA ITS SOLVED

Mr DarkHaxers2
Forumember

Male Posts : 409
Reputation : -17
Language : English
Location : Modesto,Cali

Back to top Go down

Solved Re: Login popup Shadow On This SIte

Post by Jophy on November 17th 2011, 11:53 am

Solved ** Moved

Jophy
ForumGuru

Male Posts : 17924
Reputation : 835
Language : English
Location : Somewhere

Back to top Go down

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum