آموزش قرار دادن کد اطلاع رسانی جهت ثبت نام

به نام خداوند مهربان با توجه به درخواست های دوستان عزیز آموزش اضافه کردن پنجره ی عضویت مانند http://www.dornachat.ir/ را ارائه می دهیم
اچ تی ام ال:

<div id=”closead”>
<div id=”dwin”>
<div id=”dclose” onclick=”document.getElementById (‘closead’).style.display=’none'” >x</div>
<div id=”ptablig”> سلام خدمت شما کاربر محترم ، با توجه به تصمیمات کارگروه تعیین مصادیق و همچنین سو استفاده برخی از افراد از محیط های چت روم ها،<b>استفاده از امکانات سایت به عنوان کاربر مهمان امکان پذیر نمی باشد</b> و پس از ورود می بایست عضو شوید<br><br><b>برای عضویت <a href=”register” target=”_blank”>اینجا</a> را کلیک کنید</b><br /><br />هنگام عضویت کد فعال سازی ایمیل یا پیامک میشود و ممکن است به بخش اسپم ایمیل برود لطفا دقت شود
<br /><br> با تشکر مدیریت چت روم
</div></div></div>
—-
سی اس اس :

<style type=”text/css”>
#dwin{
width: 400px;
background-color: #D9D9D9;
border:solid 5px #0000FF;
text-align: center;
font-family: Tahoma;
font-size: 16px;
color: #000000;
box-shadow: #BDB59B 1px 1px 1px;
padding-right: 5px;
padding-left: 5px;
border-radius: 10px;
position:fixed; left: 35% ;top:30%;
padding-bottom: 15px;
}
#dwin:hover{
box-shadow:#BDB59B 2px 2px 2px 1px;
transition: ease-in 0.3s all ;
background-color: #000000;
color: #FFFFFF;
border: solid 5px #FF0A0A;
}
#dclose{
float: right;
margin-right: 5px;
color: #FF0033;
cursor: pointer;
font-weight: bold;
}
#ptablig{
margin-top: 30px;
font-size: 0.9em;
}
</style>
طبق تصویر زیر به بخش فایل ها می رویم و کد ها را به صفحه ی بیرونی اضافه میکنیم

پاسخ دهید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *