المشهر
السلام عليكم ورحمة الله وبكراته

احبتنا زوار الموقع الكرام نود اعلامكم جميعا بان المنتدى مفتوحاً للجميع لذلك فلا تبخلوا علينا بزيارتكم والتصفح ولو بالقراءة والدعاء

لا نريد ان نجبركم على التسجيل للتصفح نريدكم فقط ان استفدتم شيئاً من الموقع بان تدعو من قلبك لصاحب الموضوع والعاملين بالموقع

ودمتم بحفظ الله ورعايته

"خير الناس أنفعهم للناس"

المشهر
السلام عليكم ورحمة الله وبكراته

احبتنا زوار الموقع الكرام نود اعلامكم جميعا بان المنتدى مفتوحاً للجميع لذلك فلا تبخلوا علينا بزيارتكم والتصفح ولو بالقراءة والدعاء

لا نريد ان نجبركم على التسجيل للتصفح نريدكم فقط ان استفدتم شيئاً من الموقع بان تدعو من قلبك لصاحب الموضوع والعاملين بالموقع

ودمتم بحفظ الله ورعايته

"خير الناس أنفعهم للناس"

المشهر
هل تريد التفاعل مع هذه المساهمة؟ كل ما عليك هو إنشاء حساب جديد ببضع خطوات أو تسجيل الدخول للمتابعة.
المشهر


 
الرئيسيةالرئيسية  أحدث الصورأحدث الصور  التسجيلالتسجيل  دخول  

 

 تومبيلايت نافذة الدخول بشكل مختلف.دخول للزوار وترحيب بالاعضاء

اذهب الى الأسفل 
كاتب الموضوعرسالة
زيد عربيات
المدير العام
المدير العام
زيد عربيات


الجنس : ذكر
عدد المساهمات : 376
السٌّمعَة : 16
تاريخ التسجيل : 14/05/2011
العمر : 28

تومبيلايت نافذة الدخول بشكل مختلف.دخول للزوار وترحيب بالاعضاء Empty
مُساهمةموضوع: تومبيلايت نافذة الدخول بشكل مختلف.دخول للزوار وترحيب بالاعضاء   تومبيلايت نافذة الدخول بشكل مختلف.دخول للزوار وترحيب بالاعضاء Emptyالجمعة ديسمبر 02, 2011 7:27 pm

السلام عليكم ورحمة الله وبركاته

كل عام والامه الاسلاميه بخير

اردت اليوم ان اقدم اليكم كود دخول بشكل جميل .ومختلف
يظهر للزوار بشكل الدخول
وللاعضاء بشكل الترحيب

مثال ..للزوار
تومبيلايت نافذة الدخول بشكل مختلف.دخول للزوار وترحيب بالاعضاء Hima-v10

مثال للاعضاء
تومبيلايت نافذة الدخول بشكل مختلف.دخول للزوار وترحيب بالاعضاء Hima-m11

اليكم التعديلات
ادخل الى
لوحه الادارة
مظهر المنتدى
التومبيلايت والقوالب

واعمل تعديل لقالب الهيدر
overall_header


اولا اذا كنت مركب هيدر باتعديل على التومبيلايت
يمكن اضافته اسفل الهيدر بهذه الطريقة

ضيف هذا اسفل كود الهيدر





Spoiler:


ثم سجل وانشر التعديل

بالنسبة لمن يريد اضافة هذا التعديل ..اسفل الازرار وهذا لمن لديه الواجهه الاساسية الاصليه فقط
يدخل الى قالب الهيدر
ويبحث عن

الكود:
<div style="clear: both;"></div>


ويضيف اسفها الكود الموجود بالاعلى
ثم ينشر التعديل


ملحوظة صغيرة ::تم تركيب الكود بطريقة مختلفه ..اذا دخلت وراجعت الكود هتلاقيه مكرر مرتين
ولكن هناك الكود الاول يبدا ب

الكود:
        <!-- BEGIN switch_user_logged_out -->

وينتهى ب

الكود:
    <!-- END switch_user_logged_out -->


وهذا الكود كاملا خاص بالزوار فقط مثل الدخول وغيره
يمكنك انت تغير كافة الروابط والكلام الموجود فهو يظهر للزوار وتجعله مختلف عن الذى يظهر للاعضاء

وهذا الجزء الذى يبدا ب

الكود:
    <!-- BEGIN switch_user_logged_in -->

وينتهى ب

الكود:
    <!-- END switch_user_logged_in -->

فهو يظهر للاعضاء فقط

ويذهب الى
لوحه الادارة
مظهر المنتدى
ورقة تصميم
css
ويضيف هذا فى بداية الحقل



الكود:
.login {
    background: url("http://i43.servimg.com/u/f43/16/43/22/50/social10.png") no-repeat scroll center top transparent;
    height: 113px;
    width: 960px;
}.wilcom_user {
    background: url("../../images/alrakami_space2011/misc/blue/normal/005_13.gif") no-repeat scroll right 5px transparent;
    float: right;
    font-family: tahoma;
    font-size: 11px;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 17px;
    padding: 2px 15px 0 0;


}

.wilcom_user span img {
    border: 0 none;


}

.link_userr {
    border-right: 1px solid #DDDDDD;
    float: left;
    margin: 2px 8px 0 0;
    padding: 0 8px 0 0;
    width: 120px;


}

.link_userr {
    border-right: 1px solid #DDDDDD;
    float: left;
    margin: 2px 8px 0 0;
    padding: 0 8px 0 0;
    width: 120px;


}

.link_userr a img {
    border: 0 none;
    margin: 0 0 0 8px;


}

.link_userr a {
    display: block;
    float: right;
    font-family: tahoma;
    font-size: 11px;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    padding: 2px 0;


}

.user_l {
    background: url("../../images/alrakami_space2011/misc/blue/normal/005_13.gif") no-repeat scroll 97% 7px #FFFFE8;
    border: 1px solid #CCCCCC;
    color: #666666;
    float: right;
    font-family: tahoma;
    font-size: 11px;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    padding: 5px 20px 5px 5px;
    text-align: right;


}

.user_pass {
    float: right;
    margin: 0;


}

.user_n_b {
    margin: 0 0 0 3px;
    width: 178px;


}

.user_p_b {
    margin: 0;
    width: 178px;


}

.user_click {
    float: right;
    margin: 0;
    padding: 0;


}

#put_in {
    height: 26px;
    margin: 0 5px 0 0;
    padding: 0 0 4px;
    width: 80px;


}


ثم يضغط قدم

انتهى الشرح
الرجوع الى أعلى الصفحة اذهب الى الأسفل
https://al-mushher.ahlamontada.com
 
تومبيلايت نافذة الدخول بشكل مختلف.دخول للزوار وترحيب بالاعضاء
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1
 مواضيع مماثلة
-
» بالتعديل على التومبيلايت .وضع نافذة الدخول باعلى المنتدى تظهر للزوار وللاعضاء .مع تعديلات جميله
»  حصريا كود الدخول مثل تويتر
»  كود css لجعل حقل الدخول و البحث و اسم المستخدم و كلمة السر بشكل رائع
» كود css روعة للهيدر اعلى المنتدى ايكونات الدخول حصريا بشكل متحرك
» تومبيلايت :شرح وضع صورة اسفل الفئة تتكون من صورتين ونقطة تمدد

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
المشهر :: قسم تطوير المنتديات :: قسم تطوير احلى المنتديات :: اكواد التومبلايت-
انتقل الى: