نافذة جميلة للترحيب بالزائر

كود هتمل لنافذة ترحيب بالزائر
بشكل جميل
صورة مثال

والان مع الكود
يوضع باى مكان يقبل الهتمل
سواء كان العناصر المستقلة او الاعلانات الخاصة او الرئيسية

الكود:

                <div class="unregisterbox">
                <div class="imp">!</div><span style="font-size: 22px;"><div align="center"><strong>اهلا وسهلا بك فى (اسم منتداك)</strong>
                انضم الى منتدانا اذا كانت الزيارة الاولى اذا كنت موجود مسبقا قم, <a href="/login">بتسجيل الدخول هنا</a>.اذا كنت جديد يمكنك, <a href="/register">التسجيل من هنا</a>.
                </div>
                <style>
              .unregisterbox {
            position: fixed;
            left: 20px;
            z-index: 30000;
            background: none repeat scroll 0% 0% rgb(100, 10, 10);
            color: white;
            text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.3);
            border: 1px solid rgb(119, 27, 27);
            box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3), 0px 1px 0px rgb(246, 108, 108) inset;
            border-radius: 3px 3px 3px 3px;
            bottom: 20px;
            text-align: justify;
            padding: 10px;
            text-decoration: none;
            font-size: 12px;
            font-family: Lucida sans;
            line-height: 20px;
            height: auto;
            width: 500px;
        }
              .imp {
            display: block;
            float: left;
            font-size: 150px;
            text-shadow: 0px 0px 10px grey;
            height: 116px;
            line-height: 0.8;
            color: white;
        }
                #lapis {
                    background-color: black;
                    opacity: 0.5;
                    width: 100%;
                    height: 100%;
                    position: fixed;
                    z-index: 30000;
                    top: 0px;
                    left: 0px;
                }
                </style>

Michael_vx كتب:يوضع باى مكان يقبل الهتمل
سواء كان العناصر المستقلة او الاعلانات الخاصة او الرئيسية