صفحة 1 من 2 12 الأخيرةالأخيرة
النتائج 1 إلى 15 من 16

الموضوع: كود لبانرات متحركة لمنتداك بشكل خرافي ورائع وسهل التركيب ... !!

  1. #1
    عضو نشيط
    تاريخ التسجيل
    Sep 2006
    المشاركات
    74

    كود لبانرات متحركة لمنتداك بشكل خرافي ورائع وسهل التركيب ... !!



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

    اخواني الأعزاء .. أتيت لكم اليوم بطريقه سهلة وميسرة جداً كي تضع بانراً متحركاً لمنتداك بشكل جميل ورائع وسهل ..

    مثال على ذلك وهو تحت الاعلانات مباشرةً : www.xmuzic.com

    وهو يتميز بــ :

    1- واجهه مميزة بشكل جميل جداً .. وخرافي
    2- التحكم في حركته من اليسار الى اليمين او العكس
    3- اضافه الصور بشكل سهل وبسيط
    5- فتح الرابط بالصورة في اطار جديد
    4- التحكم في سرعة حركة البانرات
    5- يظهر البانر بشفافية وعند الوقوف عليه بمؤشر الفأرة يظهر ويكون واضحاً مما يعطي لمسة رائعة لعرض البانر
    6- يعرض عدد غير محدود للبانرات ولكن يفضل ان يكون من 5 الى 10 بانرات بالاكثر وكلما قل الحجم كثر عددهم


    * ملحوظة :
    عليك ان تهتم بمقاسات محدده للبانرات وذلك لتكسب الواجهه الاعلانية شكلاً جذاباً



    طريقة التركيب للمنتدى :

    1- افتح لوحة تحكم المنتدى www.XXXXXX.com/vb/admincp
    2- افتح Styles & Templates أو الاستايلات والقوالب
    3- اختر ضبط الاستايلات ثم بجانب الاستايل المستخدم اضغط ( اذهب )
    4- في قالب الــ Header ضع الكود التالي :



    كود HTML:
    
    <table class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" border="0" width="100%" align="center">
    <tr>
         <td class="tcat" align="center" height="15">
                <font size="2" face="Comic Sans MS"><b>.:: 
                 
                </font>
                <font size="2" face="Tahoma"><span lang="ar-eg">الجديد للتحميل</span></font><font size="2" face="Comic Sans MS">&nbsp; ::.</font></b></td>
        </tr>
    <tr>
          <td width="100%" class="alt2">
    <body >
    
    <body>
    
    <div align="center">
    	<marquee loop="infinate" behaviour="Scroll" direction="Left" onmouseover="this.scrollAmount=1" onMouseout="this.scrollAmount=3" 
    
    onmousedown="this.scrollAmount=5" scrollAmount="3" style="Filter:Alpha(Opacity=100, FinishOpacity=10, Style=1, StartX=30, StartY=0, FinishX=0, FinishY=0);" scrolldelay="1" id="wootz">
    
    <a href="http://رابط الموضوع" target="_blank"><img src="رابط الصورة"border="0" style="filter:Alpha(opacity=50);-moz-opacity:0.5;" onmouseover="this.style.MozOpacity=1;this.filters.alpha.opacity=100;"onmouseout="this.style.MozOpacity=0.5;this.filters.alpha.opacity=50;"></a>
    
    <a href="http://رابط الموضوع" target="_blank"><img src="رابط الصورة"border="0" style="filter:Alpha(opacity=50);-moz-opacity:0.5;" onmouseover="this.style.MozOpacity=1;this.filters.alpha.opacity=100;"onmouseout="this.style.MozOpacity=0.5;this.filters.alpha.opacity=50;"></a>
    
    <a href="http://رابط الموضوع" target="_blank"><img src="رابط الصورة"border="0" style="filter:Alpha(opacity=50);-moz-opacity:0.5;" onmouseover="this.style.MozOpacity=1;this.filters.alpha.opacity=100;"onmouseout="this.style.MozOpacity=0.5;this.filters.alpha.opacity=50;"></a>
    
    <a href="http://رابط الموضوع" target="_blank"><img src="رابط الصورة"border="0" style="filter:Alpha(opacity=50);-moz-opacity:0.5;" onmouseover="this.style.MozOpacity=1;this.filters.alpha.opacity=100;"onmouseout="this.style.MozOpacity=0.5;this.filters.alpha.opacity=50;"></a>
    
    <a href="http://رابط الموضوع" target="_blank"><img src="رابط الصورة"border="0" style="filter:Alpha(opacity=50);-moz-opacity:0.5;" onmouseover="this.style.MozOpacity=1;this.filters.alpha.opacity=100;"onmouseout="this.style.MozOpacity=0.5;this.filters.alpha.opacity=50;"></a>
    
    <a href="http://رابط الموضوع" target="_blank"><img src="رابط الصورة"border="0" style="filter:Alpha(opacity=50);-moz-opacity:0.5;" onmouseover="this.style.MozOpacity=1;this.filters.alpha.opacity=100;"onmouseout="this.style.MozOpacity=0.5;this.filters.alpha.opacity=50;"></a>
    
    <a href="http://رابط الموضوع" target="_blank"><img src="رابط الصورة"border="0" style="filter:Alpha(opacity=50);-moz-opacity:0.5;" onmouseover="this.style.MozOpacity=1;this.filters.alpha.opacity=100;"onmouseout="this.style.MozOpacity=0.5;this.filters.alpha.opacity=50;"></a>
    
    <a href="http://رابط الموضوع" target="_blank"><img src="رابط الصورة"border="0" style="filter:Alpha(opacity=50);-moz-opacity:0.5;" onmouseover="this.style.MozOpacity=1;this.filters.alpha.opacity=100;"onmouseout="this.style.MozOpacity=0.5;this.filters.alpha.opacity=50;"></a>
    
    <a href="http://رابط الموضوع" target="_blank"><img src="رابط الصورة"border="0" style="filter:Alpha(opacity=50);-moz-opacity:0.5;" onmouseover="this.style.MozOpacity=1;this.filters.alpha.opacity=100;"onmouseout="this.style.MozOpacity=0.5;this.filters.alpha.opacity=50;"></a>
    
    <a href="http://رابط الموضوع" target="_blank"><img src="رابط الصورة"border="0" style="filter:Alpha(opacity=50);-moz-opacity:0.5;" onmouseover="this.style.MozOpacity=1;this.filters.alpha.opacity=100;"onmouseout="this.style.MozOpacity=0.5;this.filters.alpha.opacity=50;"></a>
    
    
    </marquee>
    
    </div></td>
    </tr>
    <tr>
    <td class="tcat" align="center" height="7">
          
    <font size="1"><font color="#333333">Developed By :</font><a href="http://www.xmuzic.com"><font color="#CC00FF">
    </font><b><font color="#CC00FF">mOoN NeT</font></b></a></font></td>
    </tr>
            </table>
            


    وستجد في الكود شيئين مهمين .. وهم :

    1-
    كود HTML:
    http://رابط الموضوع
    2-
    كود HTML:
     img src="رابط الصورة"
    - وسوف تغير في رابط الموضوع المراد وفي نفس السطر ضع رابط البانر الخاص بهذا الموضوع .. عن طريق الــ Front Page أو Word pad

    - طريقة اضافة بانر أو حذفة وذلك عن طريق التحكم في هذا الكود بنسخه او حذفه من سطر من السطور :


    كود HTML:
    <a href="http://رابط الموضوع" target="_blank"><img src="رابط الصورة"border="0" style="filter:Alpha(opacity=50);-moz-opacity:0.5;" onmouseover="this.style.MozOpacity=1;this.filters.alpha.opacity=100;"onmouseout="this.style.MozOpacity=0.5;this.filters.alpha.opacity=50;"></a>

    وهكذا قد أكون انتهيت من تقديمي للكود ...

    الحقوق محفوظة لي : mOoN NeT .. وأرجو الدعاء لي ولوالدي ..!!
    وأتمنى ان اكون قد وفقت في الشرح و في اختياري للموضوع . .


    لكم أرق تحياتي ..
    أخوكم : mOoN NeT





    الملفات المرفقة الملفات المرفقة
    __________________
    Xart.ws
    for Web And Media Services

    ENG | Eslam EL-Araby >>> Eslam.ws
    - اعرف كل شيء عن شيء , و اعرف شيء عن كل شيء


  2. #2
    عضو فعال جدا
    تاريخ التسجيل
    Apr 2000
    المشاركات
    2,434


    تسلم يمينك اخوي mOoN NeT
    وجزيت خيرا ورحمك الله والديك دنيا وآخرة

    الحقيقة ابداااااااااااع وياليت لو تعملنا بنرات مفتوحة باين عليك انك مصمم على الأقل 2
    نفتحهم بالفوتوشوف ونضيف لهم صور على رغبتنا كله من شان نعرف الارتفاع والعرض المناسبين

    وسلامتك






  3. #3
    عضو فعال جدا
    تاريخ التسجيل
    Oct 2003
    المشاركات
    2,775


    هاك حلو
    لكن يحتاج كود هتمل إعادة صياغة
    و حذف <HTML> لكي لا يبطء التصفح





    __________________
    a l g a r e e m

  4. #4
    عضو نشيط
    تاريخ التسجيل
    Sep 2006
    المشاركات
    74


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

    أشكركم على الردود اخواني الأعزاء ...! واتمنى ان تكونو استفدتم ..!!

    اقتباس المشاركة الأصلية كتبت بواسطة البرق1
    تسلم يمينك اخوي mOoN NeT
    وجزيت خيرا ورحمك الله والديك دنيا وآخرة

    الحقيقة ابداااااااااااع وياليت لو تعملنا بنرات مفتوحة باين عليك انك مصمم على الأقل 2
    نفتحهم بالفوتوشوف ونضيف لهم صور على رغبتنا كله من شان نعرف الارتفاع والعرض المناسبين

    وسلامتك
    الله يسلمك اخي .. والبانرات انضافت في المرفقات وارجو انها تعجبك لأني سويتها سريعاً ..

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

    اقتباس المشاركة الأصلية كتبت بواسطة الغريم دوت كوم
    هاك حلو
    لكن يحتاج كود هتمل إعادة صياغة
    و حذف <HTML> لكي لا يبطء التصفح
    أشكرك أخي الغريم دوت نت على ردك ولكن هذا كود وليس هاك .. وهو كود html عادي .. ولكن يضاف له بعض من عبارات php لخلفيات الخليات حتى يتلائم مع المنتدى بشكل مميز ورائع ..

    أما بالنسبه لإعاده صياغته فهذه افضل طرق لعرضه بشكل مميز و بالنسبه لــ <html> فتم حذفها واسف لوضعها لأني واخده كوبي من عندي على الفرونت بيدج وانا ابرمج صفحة html ونسيت احذفها وقد تم تعديلها ايضاً. ..



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

    والسلام عليكم





    __________________
    Xart.ws
    for Web And Media Services

    ENG | Eslam EL-Araby >>> Eslam.ws
    - اعرف كل شيء عن شيء , و اعرف شيء عن كل شيء

  5. #5
    عضو فعال
    تاريخ التسجيل
    Jan 2005
    المشاركات
    1,218


    الف شكر اخوي العزيز Dark-13

    وعندي بعض الاسئلة بعد انت قمت بتركيبه ياريت المساعده

    1. كيف اسرع حركة ظهور الصور او ابطئها
    2. كيف الطريقه لما احط الماوس على الصورة توقف ولما اوخر الماوس تتحرك يعني اريد طريقة تثبيت الصورة عند التاشير بالماوس عليها

    3. اريد الغاء ظهور الصور او البنر المتحرك عند فتح موضوع او الدخول لقسم معين بمعنى اريد هذا الكود يظهر في الصفحة الرئيسية للمنتدى فقط ( لاني اضفته في كود الهيدر وبداء في الظهور بكل الصفحات )

    4. سلامتك






  6. #6
    عضو نشيط
    تاريخ التسجيل
    May 2006
    المشاركات
    200


    الله يعطيك العااافيه

    وجاري تجربته وابدا الرأي ان وجد






  7. #7
    عضو فعال جدا
    تاريخ التسجيل
    Apr 2000
    المشاركات
    2,434


    الله يوفقك أخوي البنرات حلوات أشكرك على تلبية طلبي






  8. #8
    عضو نشيط
    تاريخ التسجيل
    Sep 2006
    المشاركات
    74


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

    اقتباس المشاركة الأصلية كتبت بواسطة خطوة خطوة
    الف شكر اخوي العزيز Dark-13

    وعندي بعض الاسئلة بعد انت قمت بتركيبه ياريت المساعده

    1. كيف اسرع حركة ظهور الصور او ابطئها
    2. كيف الطريقه لما احط الماوس على الصورة توقف ولما اوخر الماوس تتحرك يعني اريد طريقة تثبيت الصورة عند التاشير بالماوس عليها

    3. اريد الغاء ظهور الصور او البنر المتحرك عند فتح موضوع او الدخول لقسم معين بمعنى اريد هذا الكود يظهر في الصفحة الرئيسية للمنتدى فقط ( لاني اضفته في كود الهيدر وبداء في الظهور بكل الصفحات )

    4. سلامتك
    أشكرك اخي خطوة خطوة على ردك .. واجابة استفسارك :

    1- ابحث عن :

    كود HTML:
    scrollAmount="3"
    وتحكم في سرعتها من تغيير الرقم ( 3 ) الى أعلى لزياده السرعه او العكس .. وكلما كانت ابطىء كانت اوضح للمستخدم ..!!


    2- ابحث عن :

    كود HTML:
    onmouseover="this.scrollAmount=1"
    وعدل في الرقم ( 1 ) واجعله ( 0 ) في حاله ايقاف البانر .. وهي تعنى عند مرور الفأرة توقف حركة البانر


    3- وهي طريقة بسيطه وسهلة .. بدلاً من الوضع في قالب الــ header ابحث عن قالب FORUMHOME وضع الكود في أسفل :

    كود HTML:
    $header
    ولكن قبل وضع الكود تحتها قم بوضع <br> ثم الكود تحتها لتظهر بهذا الشكل :

    كود HTML:
    $header
    <br>
    الكود
    وذلك لجعل مسافة بينه وبين الــ Header ثم اضغط حفظ ... وعاين
    وان شاء الرحمن يكون الموضوع اتضح لك
    وأشكرك مرة اخرى على المرور ...



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

    اقتباس المشاركة الأصلية كتبت بواسطة swalf3.com
    الله يعطيك العااافيه

    وجاري تجربته وابدا الرأي ان وجد
    الله يعافيك ان شاء الله ... ومنتظر ردك بعد التجربة واعطاءنا الرابط

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

    اقتباس المشاركة الأصلية كتبت بواسطة البرق1
    الله يوفقك أخوي البنرات حلوات أشكرك على تلبية طلبي
    تسلم واتمنى انها تكون نالت رضاك . .




    وانتظر المزيد من الآراء والردود ..
    تقبلو تحياتي : mOoN NeT ....!!

    والسلام عليكم





    __________________
    Xart.ws
    for Web And Media Services

    ENG | Eslam EL-Araby >>> Eslam.ws
    - اعرف كل شيء عن شيء , و اعرف شيء عن كل شيء

  9. #9
    عضو نشيط
    تاريخ التسجيل
    Sep 2006
    المشاركات
    91


    الله يجزاك خير ويبارك فيك





    __________________
    http://www.makgate.com

  10. #10
    عضو نشيط
    تاريخ التسجيل
    Oct 2003
    المشاركات
    254


    مشكور اخوي الكريم





    __________________
    اللهم لااله الا انت سبحانك اني كنت من الظالمين

    لماذا محاربة النسخ منزوعة الكود او المقرصنه بهذا الشكل ؟؟؟

  11. #11
    عضو نشيط
    تاريخ التسجيل
    Sep 2006
    المشاركات
    74


    السلام عليكم ...


    اشكركم اخواني .. على الردود والمتابعه الجميله
    .. ولكن اريد رابط يكون احد جربه .. ويقولنا رأيه بعد التجربه ..


    منتظر المزيد من الردود .. لكم ارق تحياتي .


    mOoN NeT





    __________________
    Xart.ws
    for Web And Media Services

    ENG | Eslam EL-Araby >>> Eslam.ws
    - اعرف كل شيء عن شيء , و اعرف شيء عن كل شيء

  12. #12
    عضو فعال
    تاريخ التسجيل
    May 2006
    المشاركات
    1,066


    كود رائع حقيقة
    بحثت عنه المرات ووصلت اليه الان
    تسلم حبيبي





    __________________
    No Sig

  13. #13
    عضو نشيط
    تاريخ التسجيل
    Sep 2006
    المشاركات
    74


    السلام عليكم ..

    العفو يا زعيم .. وتسلم انت على ردك .. وان شاء الله تكون استفدت ..


    انتظر المزييييييييد .. up up up up up up up up up up up up up up up


    mOoN >>>>>>>>>>>>>>>>>





    __________________
    Xart.ws
    for Web And Media Services

    ENG | Eslam EL-Araby >>> Eslam.ws
    - اعرف كل شيء عن شيء , و اعرف شيء عن كل شيء

  14. #14
    عضو نشيط جدا
    تاريخ التسجيل
    Oct 2003
    المشاركات
    329


    لو فيه مثال مركب على احد المواقع نطلع عليه
    وشكرا لك ياغالي





    __________________
    سبحان الله وبحمده سبحان الله العظيم

    .... والله في عون العبد , ماكان العبد في عون اخيه ....

    دعواتكم لابوي عبدالله ولابوي عبدالله بالرحمة والمغفرة

  15. #15
    عضو نشيط
    تاريخ التسجيل
    Sep 2006
    المشاركات
    74


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

    لك الرابط .. والمثال .. وهو موجود بالموضوع :
    www.xmuzic.com
    وهو موجود تحت الهيدر مباشرة تحت الاعلانات ..!!




    لك تحياتي .. وأيضاً انتظر المزيد من الردود
    mOoN NeT





    __________________
    Xart.ws
    for Web And Media Services

    ENG | Eslam EL-Araby >>> Eslam.ws
    - اعرف كل شيء عن شيء , و اعرف شيء عن كل شيء





ضوابط المشاركة

  • لا تستطيع إضافة مواضيع جديدة
  • لا تستطيع الرد على المواضيع
  • لا تستطيع إرفاق ملفات
  • لا تستطيع تعديل مشاركاتك
  •  

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