دوشه نت اكبر تجمع عربي_ منتدى منوع .اسلامي .ثقافي .فني .كل الحصريات تجدها في دوشه نت.نحن نعمل على إرضاء جميع الاذواق
 
آخر المواضيع

شاطر

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

avatarmaceka

عضو رائع
عضو رائع

 
ذكر
عدد المساهمات : 388

نقاط : 606

اإلتقََـِِيِِيِِم : 0

تاريخ التسجيل : 31/01/2013

العمر : 34
رسالة
مُساهمةموضوع: تومبيلايت نافذة الدخول بشكل مختلف.دخول للزوار وترحيب بالاعضاء   تومبيلايت نافذة الدخول بشكل مختلف.دخول للزوار وترحيب بالاعضاء Emptyالثلاثاء أبريل 16, 2013 1:04 am

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


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

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

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

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

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

            <!--بداية كود الدخول للزوار-->
                <!-- BEGIN switch_user_logged_out -->
                    <center>
                    <table class="21598" cellspacing="0" cellpadding="0" border="0" width="960px">
                    <tbody>
                    <tr></tr>


                    <tr>
                    <td class="login" align="center">
                    <div class="wilcom_user">
                    <form name="form_login" method="post" action="/login">
                    <table cellspacing="3" cellpadding="0" border="0" style="padding-left: 20px;">
                    <tbody>
                    <tr>
                    <td>
                    <span class="genmed">
                    <img src="http://i65.servimg.com/u/f65/13/95/29/87/56x76311.gif">


                    </span>


                    </td>

                    <td>
     
                  <input id="Post" type="text" onblur="if (this.value == '')
        this.value = 'اسم العضو';" onclick="if (this.value == 'اسم العضو')
        this.value = '';" value="اسم العضو" size="10" name="username">


                    </td>

                    <td>
                    <input type="checkbox" checked="true" name="autologin">

                    <span lang="ar-sa" span="">حفظ البيانات؟</span>


                    </td>


                    </tr>

                    <tr>
                    <td>
                    <span class="genmed">
                    <img src="http://i65.servimg.com/u/f65/13/95/29/87/a3d76410.gif">


                    </span>


                    </td>

                    <td>
     
                  <input id="Post" type="password" onblur="if (this.value ==
        '') this.value = 'كلمة السر';" onclick="if (this.value == 'كلمة السر')
        this.value = '';" value="كلمة السر" size="10" name="password">


                    </td>

                    <td>
                    <input class="mainoption" type="submit" tabindex="104" value="تسجيل الدخول" name="login">


                    </td>


                    </tr>


                    </tbody>


                    </table>


                    </form>

                    </div>
                    <img role="presentation" class="twisty "><div class="link_userr">
     
                  <img role="presentation" class="twisty "><a

 
  <div style="text-align: center;"><a
href="/search?search_id=newposts&tt=1"><img
alt="http://i43.servimg.com/u/f43/16/43/22/50/0111.png"
src="http://i43.servimg.com/u/f43/16/43/22/50/0111.png">مواضيع لم
يرد<span style="color: SeaGreen;">
عليها</span></a><br></div>

                    </a>

                    <a href="/feed" rel="nofollow">
                    <img src="http://i43.servimg.com/u/f43/16/43/22/50/vcard_10.png">

                    تغذية rss

                    </a>


                    </div>

                    <div class="link_userr">
                    <a href="/memberlist?mode=overall_posters" rel="nofollow">
                    <img src="http://i43.servimg.com/u/f43/16/43/22/50/group_11.png">

                    أفضل 20عضو

                    </a>

                    <a href="/memberlist?mode=today_posters">
                    <img src="http://i43.servimg.com/u/f43/16/43/22/50/group_10.png">

                    أفضل اعضاء اليوم

                    </a>


                    </div>

                    <div class="link_userr">
                    <a href="/search.forum?search_id=newposts" rel="nofollow">
                    <img src="http://i43.servimg.com/u/f43/16/43/22/50/page_r10.png">

                    جديد المواضيع

                    </a>

     


                  <img role="presentation" class="twisty "><a
        href="/search?search_id=egosearch"
        rel="nofollow">
                    <img src="">
<div
 style="text-align: center;"><a
href="/search?search_id=egosearch"><img
alt="http://i43.servimg.com/u/f43/16/43/22/50/0111.png"
src="http://i43.servimg.com/u/f43/16/43/22/50/0111.png">مشاركاتى</a><br></div>

                    </a>
               
                    </div>

                    <div class="link_userr">
                    <a href="/faq">
                    <img src="http://i43.servimg.com/u/f43/16/43/22/50/email_10.png">

                    قوانين المنتدى

                    </a>

     
                  <img role="presentation" class="twisty "><a
        href="/search?search_id=egosearch"
        rel="nofollow">
                    <img src="">
<div
 style="text-align: center;"><a href="/register"><img
alt="http://i43.servimg.com/u/f43/16/43/22/50/0111.png"
src="http://i43.servimg.com/u/f43/16/43/22/50/0111.png">التسجيل</a><br></div>

                    </a>



                    </a>


                    </div>


                    </td>


                    </tr>


                    </tbody>


                    </table>



        <div>
            <!-- END switch_user_logged_out -->


            <!--نهاية كود الدخول للزوار-->



            <!--بداية كود الدخول للاعضاء-->
            <!-- BEGIN switch_user_logged_in -->

                    <center>
                    <table class="21598" cellspacing="0" cellpadding="0" border="0" width="960px">
                    <tbody>
                    <tr></tr>


                    <tr>
                    <td class="login" align="center">
                    <div class="wilcom_user">
                    <form name="form_login" method="post" action="/login">
                    <table cellspacing="3" cellpadding="0" border="0" style="padding-left: 20px;">
                    <tbody>
                    <tr>
                    <td>

        <span class="gensmall">
        {LOGGED_AS} <br />{CURRENT_TIME}<br />{LAST_VISIT_DATE}</span>

                    </td>


                    </tr>


                    </tbody>


                    </table>


                    </form>

                    </div>
                    <img role="presentation" class="twisty "><div class="link_userr">
     
                  <img role="presentation" class="twisty "><a

<div
 style="text-align: center;"><a
href="/search?search_id=newposts&tt=1"><img
alt="http://i43.servimg.com/u/f43/16/43/22/50/0111.png"
src="http://i43.servimg.com/u/f43/16/43/22/50/0111.png">مواضيع لم
يرد<span style="color: SeaGreen;">
عليها</span></a><br></div>

                    </a>

                    <a href="/rss" rel="nofollow">
                    <img src="http://i43.servimg.com/u/f43/16/43/22/50/vcard_10.png">

                    تغذية rss

                    </a>


                    </div>

                    <div class="link_userr">
                    <a href="/memberlist?mode=overall_posters" rel="nofollow">
                    <img src="http://i43.servimg.com/u/f43/16/43/22/50/group_11.png">

                    أفضل 20عضو

                    </a>

                    <a href="/memberlist?mode=today_posters">
                    <img src="http://i43.servimg.com/u/f43/16/43/22/50/group_10.png">

                    أفضل اعضاء اليوم

                    </a>


                    </div>

                    <div class="link_userr">
                    <a href="/search.forum?search_id=newposts" rel="nofollow">
                    <img src="http://i43.servimg.com/u/f43/16/43/22/50/page_r10.png">

                    جديد المواضيع

                    </a>


                  <img role="presentation" class="twisty "><a
        href="/search?search_id=egosearch"
        rel="nofollow">
                    <img src="">
<div
 style="text-align: center;"><a
href="/search?search_id=egosearch"><img
alt="http://i43.servimg.com/u/f43/16/43/22/50/0111.png"
src="http://i43.servimg.com/u/f43/16/43/22/50/0111.png">مشاركاتى</a><br></div>


                    </a>

                 



                    </div>

                    <div class="link_userr">
                    <a href="/faq">
                    <img src="http://i43.servimg.com/u/f43/16/43/22/50/email_10.png">

                    قوانين المنتدى

                    </a>

     
                  <img role="presentation" class="twisty "><a
        href="/profile?mode=editprofile&page_profil=friendsfoes"
        rel="nofollow">
                    <img src="">
<div
 style="text-align: center;"><a
href="/login?logout=1"><img
alt="http://i43.servimg.com/u/f43/16/43/22/50/0111.png"
src="http://i43.servimg.com/u/f43/16/43/22/50/0111.png">تسجيل
الخروج</a><br></div>

                    </a>


                    </div>


                    </td>


                    </tr>


                    </tbody>


                    </table>



        <div>
            <!-- END switch_user_logged_in -->

            <!--نهاية كود الدخول للاعضاء-->
ثم سجل وانشر التعديل
بالنسبة لمن يريد اضافة هذا التعديل ..اسفل الازرار وهذا لمن لديه الواجهه الاساسية الاصليه فقط
يدخل الى قالب الهيدر
ويبحث عن
الكود:
<div style="clear: both;"></div>
ويضيف اسفها الكود الموجود بالاعلى
ثم ينشر التعديل
ملحوظة صغيرة ::تم تركيب الكود بطريقة مختلفه ..اذا دخلت وراجعت الكود هتلاقيه مكرر مرتين تومبيلايت نافذة الدخول بشكل مختلف.دخول للزوار وترحيب بالاعضاء 708172
ولكن تم عمل الكود هكذا لنبتعد عن اى خطاأ



بعد تركيب كود التومبيلايت فى المكان الذى تريده
الان عليك بالدخول الى
لوحه الادارة
مظهر المنتدى
ورقة تصميم
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("لمن يريد وضع صور ة بجانب الترحيبهنا رابط الصوره") 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: 1px 8px 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("http://2img.net/i/fa/admin/icones/small_ico/type_li.png") 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;


    }

ثم يضغط قدم

ومبروك عليك التعديل
الرجوع الى أعلى الصفحة اذهب الى الأسفل
مـلـكــة <حـزنـ~مـلـكــة <حـزنـ~

الإاشــرِِاف الـعــام
الإاشــرِِاف الـعــام

 
انثى
عدد المساهمات : 1975

نقاط : 2517

اإلتقََـِِيِِيِِم : 3

تاريخ التسجيل : 10/09/2012

العمر : 24

الموقع : http://www.dwshant.com/
رسالة
مُساهمةموضوع: رد: تومبيلايت نافذة الدخول بشكل مختلف.دخول للزوار وترحيب بالاعضاء   تومبيلايت نافذة الدخول بشكل مختلف.دخول للزوار وترحيب بالاعضاء Emptyالثلاثاء أبريل 16, 2013 1:15 am

الله يعطيك العافية على الموضوع المميز
الرجوع الى أعلى الصفحة اذهب الى الأسفل
avatarklematy

عضو متألق
عضو متألق

 
ذكر
عدد المساهمات : 83

نقاط : 83

اإلتقََـِِيِِيِِم : 0

تاريخ التسجيل : 31/01/2013

العمر : 34
رسالة
مُساهمةموضوع: رد: تومبيلايت نافذة الدخول بشكل مختلف.دخول للزوار وترحيب بالاعضاء   تومبيلايت نافذة الدخول بشكل مختلف.دخول للزوار وترحيب بالاعضاء Emptyالسبت أبريل 20, 2013 4:39 am

شكرا لك اخي
يسلموا علي الطرح الجميل
في انتظار جديدك
♥♥
الرجوع الى أعلى الصفحة اذهب الى الأسفل
 

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

استعرض الموضوع التالي استعرض الموضوع السابق الرجوع الى أعلى الصفحة 
الردود السريعة :
صفحة 1 من اصل 1

 مواضيع مماثلة

-
» طريقة تشغيل نافذة الترحيب بالزوار
» [تومببيلت] كود الدخول السريع بشكل احترافي
» ياريت تظهروا الروابط للزوار
» تومبيلايت التحكم فى حجم الصور الشخصيه
» تومبيلايت:وضع اطار حول عناصر البيانات الشخصيه
الرد على الموضوع

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