كيفية عمل شريط للتسجيل

اذهب الى الأسفل 
4 مشترك
كاتب الموضوعرسالة
Mido2001Salah
 
 
Mido2001Salah


ذكر
عدد المساهمات : 222
معدل النشاط : 4603
السُمعة : 6

كيفية عمل شريط للتسجيل Empty
مُساهمةموضوع: كيفية عمل شريط للتسجيل   كيفية عمل شريط للتسجيل Emptyالخميس 15 أغسطس 2013 - 15:59

كيفية عمل شريط للتسجيل 274970126

السلام عليكم
كيف اعمل مثل هذا الشريطQuestion 
الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://adf0lhqaftk.forumarabia.com/
Mohamed
احلى إدارة
احلى إدارة
Mohamed


ذكر
عدد المساهمات : 11354
معدل النشاط : 16001
السُمعة : 454

كيفية عمل شريط للتسجيل Empty
مُساهمةموضوع: رد: كيفية عمل شريط للتسجيل   كيفية عمل شريط للتسجيل Emptyالخميس 15 أغسطس 2013 - 16:06

اهلا اخي
تابع معي:لوحة الاداره>>عناصر الاضافيه>>البوابه والعناصر>>ادارة العناصر المستقله>>انشاء عنصر شخصي 
وقم بوضع الكود التالي مع عدم استخدام جدول وضع الصلاحيات للزوار فقط

الكود:
<div style="left: 0px; overflow: visible; width: 100%; position: fixed; top: 0px; height: 25px;" align="left">


<!-- نافبار راس الوادي نت بداية -->
<ul  class="menu" >
 
<li><a  href="/" alt="منتديات راس الوادي نت " title="الصفحة 
الرئيسية"><img 
src="http://i76.servimg.com/u/f76/12/22/94/86/123410.gif" 
/></a></li>
        <li><a title="جديد مواضيع المنتدى" href="/feed/" >جديد المنتدى</a></li>

        <li><a title="الاعضاء" href="#">خدماتنا  ▼ </a>
      <ul>
 
     <li><a title="اطلب منتدى في بي مجانا" 
href="/f39-montada" class="documents" > »  vb طلبات منتديات  
</a></li>
        <li><a title="تطوير منتديات 
احلى منتدى" href="http://www.layalyeg.com/f81-montada/f81-montada" > »
 تطوير احلى منتدى  </a></li>
        <li><a 
title=" vb لتطوير منتديات ال" href="/f64-montada" class="signout" > 
»  vb تطوير منتديات  </a></li>
      </ul>
 
<li><a title="للاتصال بمدير المنتدى" href="/contact" class="documents" >أتصل بنا  </a></li>
 

     <li><a title="البحث داخل المنتدى" 
href="/search"><img 
src="http://i33.servimg.com/u/f33/16/83/50/82/112.png" /></a>
   
<li><a
 title="التسجيل في المنتدى" href="/register"><img 
src="http://i76.servimg.com/u/f76/12/22/94/86/21310.png" /></a>



</ul>

<style Type="Text/css">
/* Reset */
.menu,
.menu ul,
.menu li,
.menu a {margin: 0; padding: 0;  border: none; outline: none;}
 
/* Menu */
.menu {height: 42px; width: 100%; background: #2e2e2e;
            box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
  background: -webkit-linear-gradient(top, #494949 0%,#202020 100%);
  background: -moz-linear-gradient(top, #494949 0%,#202020 100%);
  background: -o-linear-gradient(top, #494949 0%,#202020 100%);
  background: -ms-linear-gradient(top, #494949 0%,#202020 100%);
  background: linear-gradient(top, #494949 0%,#202020 100%); }
.menu li {position: relative;  list-style: none; float: right;  display: block;  height: 40px;}
 
/* Links */
.menu li a {  display: block;  padding: 0 8px;  margin: 6px 0;  line-height: 30px;
  text-decoration: none;  border-left: 1px solid #393942;  border-right: 1px solid #161616;
  font-family: Tahoma;  font-weight: bo#ld; font-size: 12px; color: #bdbdbd; text-shadow: 1px 1px 1px rgba(0,0,0,.6);}
.menu li:hover > a { color: #8fde62; }
 
/* Sub Menu */
.menu ul { position: absolute;  top: 40px; left: 0; opacity: 0;  background: #1f2024;
  -webkit-border-radius: 0 0 5px 5px;
  -moz-border-radius: 0 0 5px 5px;
  border-radius: 0 0 5px 5px;
  -webkit-transition: opacity .25s ease .1s;
  -moz-transition: opacity .25s ease .1s;
  -o-transition: opacity .25s ease .1s;
  -ms-transition: opacity .25s ease .1s;
  transition: opacity .25s ease .1s; }
.menu li:hover > ul { opacity: 1;}
.menu ul li { height: 0; overflow: hidden; padding: 0;
  -webkit-transition: height .25s ease .1s;
  -moz-transition: height .25s ease .1s;
  -o-transition: height .25s ease .1s;
  -ms-transition: height .25s ease .1s;
  transition: height .25s ease .1s; }
.menu li:hover > ul li { height: 34px;  overflow: visible; padding: 0;}
.menu ul li a {width: 130px;  padding: 4px 0 4px 40px; margin: 0; border: none; border-bottom: 1px solid #353539;}
.menu ul li:last-child a { border: none; }
</style>
<!--
 نافبار حوف نت نهاية--><div style="left: 3px; overflow: visible; 
width: 450px; position: absolute; top: 10px; height: 30px;" 
align="center">

<form action="/login" method="post" dir="rtl">
<input
 name="username" value="اسم العضو" onclick="if (this.value == 'اسم 
العضو') this.value = '';" onblur="if (this.value == '') this.value = 
'اسم العضو';" size="9" maxlength="40" type="text">
<input 
name="password" value="كلمه سر" onclick="if (this.value == 'كلمه سر') 
this.value = '';" onblur="if (this.value == '') this.value = 'كلمه سر';"
 size="9" maxlength="32" type="password">
<input class="mainoption" name="login" value="دخول" size="9" type="submit">

<input name="autologin" checked="true" type="checkbox">
<font  title="تذكر بياناتي في المرة القادمة" color="#4F4F4F" size="1" >تذكرني</font>
<a
 title="استعادة كلمه السر من هنا" 
href="/profile?mode=sendpassword"><font color="#3DAC0B" 
size="1">| نسيت كلمة السر؟ |</font></a>
<a 
title="سجل كعضو جديد" href="/register"><font color="#3DAC0B" 
size="2"><b> عضو جديد</b></font></a>


</form>
</div>
ثم اسحب العنصر وضعه فيي الجهه اليمين او اليسار ,ثم قوم بانشاء عنصر شخصي اخر مع اتباع نفس الخطوات ونجعل صلاحياته للاعضاء والمشرفون والاداره تفضل الكود:

الكود:
<div style="left: 0px; overflow: visible; width: 100%; position: fixed; top: 0px; height: 25px;" align="left">


<!-- نافبار رأس الوادي نت بداية -->
<ul class="menu">
 
<li><a
 href="/" alt="منتديات اسم منتداك" title="الصفحة الرئيسية"><img
 src=" http://i76.servimg.com/u/f76/12/22/94/86/123410.gif" /></a></li>
       
<li><a title="جديد مواضيع المنتدى" href="/feed/">جديد المنتدى</a></li>

       
<li><a title="الاعضاء" href="#">خدماتنا  ▼ </a>
     
<ul>
       
<li><a
 title="اطلب منتدى في بي مجانا" href="/f39-montada" 
class="documents"> »  vb طلبات منتديات  </a></li>
       
<li><a
 title="تطوير منتديات احلى منتدى" href="/f51-montada" 
class="messages"> » تطوير احلى منتدى  </a></li>
       
<li><a title=" vb لتطوير منتديات ال" href="/f64-montada" class="signout"> »  vb تطوير منتديات  </a></li>
      </ul>
 


      
</li>
<li><a title="الاعضاء" href="#">روابط مهمة  ▼ </a>
     
<ul>
       
<li><a
 title="عنوان الموضوع" href="رابط الموضوع" class="documents"> » وصف    </a></li>
       
<li><a 
title="عنوان الموضوع" href="الرابط هنا" class="messages"> » وصف  </a></li>
       
<li><a title="عنوان الموضوع" href="الرابط هنا" class="signout"> » وصف  </a></li>
      </ul>

 
</li>
<li><a title="للاتصال بمدير المنتدى" href="/contact" class="documents">أتصل بنا  </a></li>

<li><a
 title="خيارات سريعة" href="#"><img 
src="http://i49.servimg.com/u/f49/16/89/40/74/uoouo11.png" 
/></a>
     
<ul>
       
<li><a 
title="جميع مشاركاتي" href="/search.forum?search_id=egosearch" 
class="messages"> » جميع مشاركاتي  </a></li>
       
<li><a
 title="مواضيع لم يرد عليها" href="/search.forum?search_id=unanswered" 
class="signout"> » مواضيع لم يرد عليها  </a></li>
                 
<li><a
 title="هنا يتم عرض المواضيع التي اضيفت بعد آخر زيارة لك" 
href="/search?search_id=newposts" class="signout"> » الجديد منذ آخر 
زيارة  </a></li>
      </ul>
  </li>


<li><a
 title="الرسائل الخاصة" href="/privmsg?folder=inbox"><img 
src="http://i33.servimg.com/u/f33/16/83/50/82/115.png" /></a>

</li>
<li><a
 title="البيانات الشخصية" href="/profile?mode=editprofile"><img 
src="http://i33.servimg.com/u/f33/16/83/50/82/215.png" /></a>

       
</li>
<li><a
 title="البحث داخل المنتدى" href="/search"><img 
src="http://i33.servimg.com/u/f33/16/83/50/82/112.png" /></a>
     

</li></ul>

<style type="Text/css">
/* Reset */
.menu,
.menu ul,
.menu li,
.menu a {margin: 0; padding: 0;  border: none; outline: none;}
 
/* Menu */
.menu {height: 42px; width: 100%; background: #2e2e2e;
            box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
  background: -webkit-linear-gradient(top, #494949 0%,#202020 100%);
  background: -moz-linear-gradient(top, #494949 0%,#202020 100%);
  background: -o-linear-gradient(top, #494949 0%,#202020 100%);
  background: -ms-linear-gradient(top, #494949 0%,#202020 100%);
  background: linear-gradient(top, #494949 0%,#202020 100%); }
.menu li {position: relative;  list-style: none; float: right;  display: block;  height: 40px;}
 
/* Links */
.menu li a {  display: block;  padding: 0 8px;  margin: 6px 0;  line-height: 30px;
  text-decoration: none;  border-left: 1px solid #393942;  border-right: 1px solid #161616;
  font-family: Tahoma;  font-weight: bo#ld; font-size: 12px; color: #bdbdbd; text-shadow: 1px 1px 1px rgba(0,0,0,.6);}
.menu li:hover > a { color: #8fde62; }
 
/* Sub Menu */
.menu ul { position: absolute;  top: 40px; left: 0; opacity: 0;  background: #1f2024;
  -webkit-border-radius: 0 0 5px 5px;
  -moz-border-radius: 0 0 5px 5px;
  border-radius: 0 0 5px 5px;
  -webkit-transition: opacity .25s ease .1s;
  -moz-transition: opacity .25s ease .1s;
  -o-transition: opacity .25s ease .1s;
  -ms-transition: opacity .25s ease .1s;
  transition: opacity .25s ease .1s; }
.menu li:hover > ul { opacity: 1;}
.menu ul li { height: 0; overflow: hidden; padding: 0;
  -webkit-transition: height .25s ease .1s;
  -moz-transition: height .25s ease .1s;
  -o-transition: height .25s ease .1s;
  -ms-transition: height .25s ease .1s;
  transition: height .25s ease .1s; }
.menu li:hover > ul li { height: 34px;  overflow: visible; padding: 0;}
.menu ul li a {width: 130px;  padding: 4px 0 4px 40px; margin: 0; border: none; border-bottom: 1px solid #353539;}
.menu ul li:last-child a { border: none; }
</style>
<!--
 نافبار ليالي مصريه نهاية--><div style="left: 46px; overflow: visible; 
width: 300px; position: absolute; top: 12px; height: 30px;" 
align="center"><div style="text-align: left;"><font 
color="#C0C0C0" size="2">مرحباً بك يا 
<b> {USERNAME}</b></font><a 
href="/login?logout"><font size="2">  [ خروج ] 
</font></a></div>
<style type="Text/css"></style>
</div><div
 style="left: 20px; overflow: visible; width: 15px; position: absolute; 
top: 7px; height: 30px;" align="center">
<script>
        jQuery(document).ready(function(){
          jQuery.get('/profile?mode=editprofile&page_profil=avatars', function(data) {
              link = jQuery('#register .forumline td.row1 img', data).attr('src');
              if(link){
                jQuery('#avatar').html('<center><img src="'+link+'" alt=""></center>');
              }else{
                jQuery('#avatar').html('');
              }
          });
        });
        </script><div id="avatar"></div>
<style type="Text/css">
#avatar img{
max-height: 27px;
max-width:  27px;
border:  1px solid #4F4F4F;
border-radius: 4px;    }
</style>
</div>

</div>
    
ثم قوم بالتعديل على الكود المناسب لروابط  منتداك 
وعدل اسم منتداك كما هو موضح في الكود
-------------
بالتوفيق
الرجوع الى أعلى الصفحة اذهب الى الأسفل
سيد الاحساس23

كيفية عمل شريط للتسجيل 01010
سيد الاحساس23


ذكر
عدد المساهمات : 25
معدل النشاط : 4358
السُمعة : 0

كيفية عمل شريط للتسجيل Empty
مُساهمةموضوع: رد: كيفية عمل شريط للتسجيل   كيفية عمل شريط للتسجيل Emptyالخميس 15 أغسطس 2013 - 16:24

شكرا عاشت ايدك اخي اني محتاج منتدى في بي vbممكن مساعدتي وللتواصل معي هذا هي صفحتي على الفيس بوك https://www.facebook.com/profile.php?id=100005135410676&ref=tn_tnmn او اعطيني رابط منتداك واني من هناك اطلب هذا الشيء وشكرا الك
الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://safaa.own0.com/
Mohamed
احلى إدارة
احلى إدارة
Mohamed


ذكر
عدد المساهمات : 11354
معدل النشاط : 16001
السُمعة : 454

كيفية عمل شريط للتسجيل Empty
مُساهمةموضوع: رد: كيفية عمل شريط للتسجيل   كيفية عمل شريط للتسجيل Emptyالخميس 15 أغسطس 2013 - 16:26

سيد الاحساس23 كتب:
شكرا عاشت ايدك اخي اني محتاج منتدى في بي vbممكن مساعدتي وللتواصل معي هذا هي صفحتي على الفيس بوك  https://www.facebook.com/profile.php?id=100005135410676&ref=tn_tnmn  او اعطيني رابط منتداك واني من هناك اطلب هذا الشيء وشكرا الك
اهلا اخي
يمنع الردود العشوائيه من فضلك
بالتوفيق
الرجوع الى أعلى الصفحة اذهب الى الأسفل
Mido2001Salah
 
 
Mido2001Salah


ذكر
عدد المساهمات : 222
معدل النشاط : 4603
السُمعة : 6

كيفية عمل شريط للتسجيل Empty
مُساهمةموضوع: رد: كيفية عمل شريط للتسجيل   كيفية عمل شريط للتسجيل Emptyالخميس 15 أغسطس 2013 - 17:07

هل استعمل الجدول فى المرة الثانية
الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://adf0lhqaftk.forumarabia.com/
Mohamed
احلى إدارة
احلى إدارة
Mohamed


ذكر
عدد المساهمات : 11354
معدل النشاط : 16001
السُمعة : 454

كيفية عمل شريط للتسجيل Empty
مُساهمةموضوع: رد: كيفية عمل شريط للتسجيل   كيفية عمل شريط للتسجيل Emptyالخميس 15 أغسطس 2013 - 17:10

Mido2001Salah كتب:
هل استعمل الجدول فى المرة الثانية
نعم استعمل جدول
الرجوع الى أعلى الصفحة اذهب الى الأسفل
Mido2001Salah
 
 
Mido2001Salah


ذكر
عدد المساهمات : 222
معدل النشاط : 4603
السُمعة : 6

كيفية عمل شريط للتسجيل Empty
مُساهمةموضوع: رد: كيفية عمل شريط للتسجيل   كيفية عمل شريط للتسجيل Emptyالخميس 15 أغسطس 2013 - 17:58

عملت كله لكن الشرريط لم يعمل عندى رابط المنتدى :\


http://adf0lhqaftk.lolbb.com/forum
الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://adf0lhqaftk.forumarabia.com/
Mohamed
احلى إدارة
احلى إدارة
Mohamed


ذكر
عدد المساهمات : 11354
معدل النشاط : 16001
السُمعة : 454

كيفية عمل شريط للتسجيل Empty
مُساهمةموضوع: رد: كيفية عمل شريط للتسجيل   كيفية عمل شريط للتسجيل Emptyالخميس 15 أغسطس 2013 - 18:04

اهلا اخي
هل انتا مفعل العناصر المستقله 
تأكد من تفعيلك للعناصر المستقله واخبرني بالنتيجه
لوحة الاداره>>عناصر ااضافيه>>البوابه والعناصر>>اداره العناصر المستقله على المنتدى>>إظهار العناصر المستقلة على الصفحة جميع صفحات المنتدى :نعم
----------
بالتوفيق ليك



كيفية عمل شريط للتسجيل 31010
كيفية عمل شريط للتسجيل 410 أدوات الصيانة لأحلى المنتديات / طريقة طلب كلمة سر/ قائمة بكل مواضيع الاســئلة الشائعة
--------------------------------------------------
كيفية عمل شريط للتسجيل 410 تنبيه: لا تضع أبداً ايميل الإنشاء في مساهماتك و لا تعطيه لأحد!
كيفية عمل شريط للتسجيل 410 لا يتم المساعدة على الخاص! 


الرجوع الى أعلى الصفحة اذهب الى الأسفل
Mido2001Salah
 
 
Mido2001Salah


ذكر
عدد المساهمات : 222
معدل النشاط : 4603
السُمعة : 6

كيفية عمل شريط للتسجيل Empty
مُساهمةموضوع: رد: كيفية عمل شريط للتسجيل   كيفية عمل شريط للتسجيل Emptyالخميس 15 أغسطس 2013 - 18:11

صح اشتغل شكرا
الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://adf0lhqaftk.forumarabia.com/
Kimo Mimo
 
 
Kimo Mimo


ذكر
عدد المساهمات : 6840
معدل النشاط : 20126
السُمعة : 728

كيفية عمل شريط للتسجيل Empty
مُساهمةموضوع: رد: كيفية عمل شريط للتسجيل   كيفية عمل شريط للتسجيل Emptyالخميس 15 أغسطس 2013 - 18:13

إذا حصلت على الجواب المقنع لسؤالك, لا تنس بتعديل موضوعك و وضع ايقونة كيفية عمل شريط للتسجيل D10لتسهل عمل فريق المساعدة و تحافظ على النظام في منتدى الدعم.
الرجوع الى أعلى الصفحة اذهب الى الأسفل
https://help.ahlamontada.com
 
كيفية عمل شريط للتسجيل
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1
 مواضيع مماثلة
-
» كيفية استقطاب الاعضاء للتسجيل بمنتداي
» كيفية دعوة الاصدقاء الفيس بوك للتسجيل في المنتدى
» كيفية تفعيل خاصية ندعوك للتسجيل لمعاينة هذه الصورة
» كيفية جعل دعوة للتسجيل في منتداي تظهر في كل موقع ممنتدى وشركة وكل الاماكن؟؟
» كيفية عمل شريط

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