منتدى الدعم العربي لمنتديات أحلى منتدى
مرحبا بك في منتدى دعم منتديات AhlaMontada

لتتمكن من الإستمتاع بكافة ما يوفره لك هذا المنتدى من خصائص, يجب عليك أن تسجل الدخول الى حسابك في المنتدى. إن لم يكن لديك حساب بعد, نتشرف بدعوتك لإنشائه.

انشاء منتدى مجاني شبيه بهذا المنتدى
أحلى الشبكات الإجتماعية

انشاء منتدى مجاني



 انشاء منتدى مجاني

أقسام الدعم

دعم الخدمات العامة:
مشاكل كلمة السر
مشاكل فتح المنتدى
مشاكل لوحة الإدارة
مشاكل تنسيق المظهر
المشاكل الأخرى

----------------------

دعم الخدمات التكميلية :
مشاكل النطاقات
مشاكل التومبلايت

----------------------

مراسلة الإدارة :

طلب كلمة السر
إرسال أكواد أو شروحات
أتصل بنا
كيفية طلب كلمة سر جديدة
> طريقة طلب كلمة سر

تنبيه: لا تضع أبداً ايميل الإنشاء في مساهماتك و لا تعطيه لأحد!
أفضل الأعضاء الموسومين
@الزعيم
 
@@
 
@stones
 
@Mohamed Nsr2
 
@JAR7
 

عمل منتدى

ممكن مثل هذه العارضة

استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل

ممكن مثل هذه العارضة

مُساهمة من طرف ملك المستقبل في الجمعة 18 أكتوبر 2013 - 14:14

السلام عليكم ممكن احصل على كود او كيفية

من دون تومبيلات لوضع هذه اللعارضة

لكن لها خلفية وانا الي اضع صورة الخلفية

http://bin-grban.0wn0.com/

وشكرا tongue tongue 

ملك المستقبل



ذكر
عدد المساهمات : 7
معدل النشاط : 1159

http://wwww.rpg-naruto.com/

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

رد: ممكن مثل هذه العارضة

مُساهمة من طرف Mohamed Nsr2 في الجمعة 18 أكتوبر 2013 - 15:17

اهلا اخي
تابع معي :لوحة الاداره>>عناصر اضافيه>>البوابة والعناصر>>ادارة العناصر المستقله على المنتدى>>انشاء عنصر الشخصي >>
إسم العنصر : حسب ما تريد
استعمل جدول عاماً : لا
وضع الكود التالي:
الرمز:
 <div style="left: 0px; overflow: visible; width: 100%; position: fixed; top: 0px; height: 25px;" align="left">


    <!-- نافبار رأس الوادي نت بداية -->
    <ul class="menu">
    
  <li><a
    href="/" alt="منتدياتgamero" title="الصفحة الرئيسية"><img
    src="رابط الصورة هنا " /></a></li>
          
    <li><a title="جديد مواضيع المنتدى" href="/feed/">جديد المنتدى</a></li>

          

    
  </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>
ثم اسجل ثم اسحب العنصر الى الى محتوى الصفحة الرئيسيه
ثم سجل وبعد ذلك قوم بالضغط على الصلاحيات للعنصر عن طريق واجعلها للاعضاء والمدير والمشرفين فقط
------------------
ثم انشأ عنصر شخصي جديد واتبع نفس الطرق التي ذكرتها اعلى
وضع الكود التالي:
الرمز:
<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="رابط الصورة هنا "
    /></a></li>
            <li><a title="جديد مواضيع المنتدى" href="/feed/" >جديد</a></li>

    
  <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>
ثم اضغط على الصلاحيات واجعلها للزوار فقط
ملحوظه:في الكود ستجد كلمة (رابط الصورة هنا) اذا اردت وضع صورة في اول العارضة من جهة اليمين وستجد هذه الكلمة في كلا الكودين سواء الزوار او الاعضاء في اول الكود ولطلب الصور تابع  تصميم احترافي مجاني

--------------------
بالتوفيق

Mohamed Nsr2
أحلى إشراف
أحلى  إشراف

ذكر
عدد المساهمات : 12954
معدل النشاط : 12455

http://help.ahlamontada.com/forum

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

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


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