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

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.

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

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.

I Need That Shadow Css Code

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.

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

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;
      }


Demo: https://i.servimg.com/u/f46/15/26/55/24/demolo10.png

ioncube Thanks Bro

So i take it this is solved?

YEA ITS SOLVED