تومبلايت نافذة ترحيب بالزائر بشكل جديد
2 مشترك
2 مشترك
close
عاشقة الجنة
admin
تومبلايت نافذة ترحيب بالزائر بشكل جديد
السلام عليكم ورحمة الله وبركاته
اسعد الله اوقاتكم بكل خير
اليوم تعديلات بسيطة بالهيدر بقالب overall_header
وكود css ويعطينا شكل احترافي لترحيب بالزائر مع تسجيل دخول مستقل احترافي
صورة لشكل الجديد
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
اوﻻ تفعيل نافذة الترحيب للزوار
اذهب الى لوحة الادارة. ادارة عامة. منتدى . تشكيل
نافذة الترحيب بالزوار . تنشيط نعم
........
طريقة التركيب
اذهب إلى. لوحة الادارة. مظهر المنتدى. قوالب التومبلايت. ادارة عامة
.قالب overall_header
ونبحث عن ..
ثم نذهب الى مظهر المنتدى. صور والوان. الوان. ورقة css
وضع الكود الاتي
ومبروك عليكم التغيير
التغيرات بالنسخة الثانية فقط
دمتم بخير
السلام عليكم ورحمة الله وبركاته
اسعد الله اوقاتكم بكل خير
اليوم تعديلات بسيطة بالهيدر بقالب overall_header
وكود css ويعطينا شكل احترافي لترحيب بالزائر مع تسجيل دخول مستقل احترافي
صورة لشكل الجديد
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
اوﻻ تفعيل نافذة الترحيب للزوار
اذهب الى لوحة الادارة. ادارة عامة. منتدى . تشكيل
نافذة الترحيب بالزوار . تنشيط نعم
........
طريقة التركيب
اذهب إلى. لوحة الادارة. مظهر المنتدى. قوالب التومبلايت. ادارة عامة
.قالب overall_header
ونبحث عن ..
- الكود:
<!-- BEGIN switch_login_popup -->
<div id="login_popup">
<table class="forumline" width="{LOGIN_POPUP_WIDTH}" height="{LOGIN_POPUP_HEIGHT}" border="0" cellspacing="1" cellpadding="0">
<tr height="25">
<td class="catLeft">
<span class="genmed module-title">{SITENAME}</span>
</td>
</tr>
<tr height="{LOGIN_POPUP_MSG_HEIGHT}">
<td class="row1" align="left" valign="top">
<div id="login_popup_buttons">
<form action="{S_LOGIN_ACTION}" method="get">
<input type="submit" class="mainoption" value="{L_LOGIN}" />
<input type="button" class="mainoption" value="{L_REGISTER}" onclick="parent.location='{U_REGISTER}';" />
<input id="login_popup_close" type="button" class="button" value="{L_DONT_DISPLAY_AGAIN}" />
</form>
</div>
<span class="genmed">{LOGIN_POPUP_MSG}</span>
</td>
</tr>
</table>
</div>
<!-- END switch_login_popup -->
- ضع رد لرؤية المخفي:
ثم نذهب الى مظهر المنتدى. صور والوان. الوان. ورقة css
وضع الكود الاتي
- الكود:
#login_popup {
width: 230px !important;
height: 320px !important;
padding: 0;
background: #f1f1f1 url(http://i44.servimg.com/u/f44/16/54/26/99/vywr10.jpg) no-repeat center top;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
box-shadow: 2px 5px 5px rgba(42, 44, 44, 0.2);
-moz-box-shadow: 2px 5px 5px rgba(42, 44, 44, 0.2);
-webkit-box-shadow: 2px 5px 5px rgba(42, 44, 44, 0.2);
border: 1px solid #fff;
font-family: Verdana,Arial,Helvetica;
color: #826363;
font-size: 10px;
}
#login_popup form {
width: 230px !important;
margin: 60px auto 0;
text-align: center;
}
input.post {
padding: 5px 30px 5px 5px;
margin: 0 auto;
width: 180px;
border: 1px solid #B0C4DE;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
-moz-box-shadow: 0 1px 1px #87CEFA inset;
-webkit-box-shadow: 0 1px 1px #87CEFA inset;
box-shadow: 0 1px 1px #87CEFA inset;
}
input#nm {
background: #f1f1f1 url(http://i44.servimg.com/u/f44/16/54/26/99/busine12.png) no-repeat center right;
}
input#pass {
background: #f1f1f1 url(http://i44.servimg.com/u/f44/16/54/26/99/link10.png) no-repeat center right;
}
input.radio {
vertical-align: middle;
}
#log {
width: 218px;
padding: 7px 0;
margin: 5px auto 20px !important;
border: 1px solid #B0C4DE;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
-moz-box-shadow: 0 1px 1px #87CEFA;
-webkit-box-shadow: 0 1px 1px #87CEFA;
box-shadow: 0 1px 1px #87CEFA;
cursor: pointer;
color: #826363;
}
#login_popup_close {
width: 100%;
height: 30px !important;
padding: 3px 0;
margin: 5px auto !important;
background: rgba(42, 44, 44, 0.2);
color: #fff;
cursor: pointer;
border: none;
}
.prez {
text-shadow: 0 1px 0 #fff;
font-weight : bold;
}
.oda a {
text-shadow: 0 1px 0 #fff;
text-decoration: none !important;
color: #74B2CB;
}
.oda a:hover {
color: #008000;
}
ومبروك عليكم التغيير
التغيرات بالنسخة الثانية فقط
دمتم بخير
رائع جدااا
تسلم على التومبلايت المميز
شكرا لك
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى