القطيف ون
عدد الضغطات : 0القطيف ون
عدد الضغطات : 0عدد الضغطات : 0عدد الضغطات : 0
عدد الضغطات : 0القطيف ون
عدد الضغطات : 0
القطيف ون
عدد الضغطات : 0القطيف ون
عدد الضغطات : 0

العودة   القطيف ون > قسم لتطوير المواقع والمنتديات > تطوير منتديـــــvb3.8.0ــات


فعاليات المنتدى بتأثيرات الجافا [Java-Slider] الاحترافية

تطوير منتديـــــvb3.8.0ــات


إضافة رد
#1  
قديم 16-09-2011, 10:30 AM
hassan
hassan غير متواجد حالياً
Saudi Arabia     Male
SMS ~ [ + ]
لو تزيد الشوق جمرة تحولني رماد لو يزيد العشق شعرة بوصل للجنون
لوني المفضل Crimson
 رقم العضوية : 1
 تاريخ التسجيل : 11-09-2011
 فترة الأقامة : 2932 يوم
 أخر زيارة : 03-03-2013 (11:50 PM)
 الإقامة : القطيف ون
 المشاركات : 172 [ + ]
 التقييم : 10
 معدل التقييم : hassan تم تعطيل التقييم
بيانات اضافيه [ + ]
افتراضي فعاليات المنتدى بتأثيرات الجافا [Java-Slider] الاحترافية



نقره لعرض الصورة في صفحة مستقلة
نقره لعرض الصورة في صفحة مستقلة
السلام عليكم ورحمة الله وبركاته والصلاة والسلام على رسول الله سيدنا محمد وعلى آله وصحبه أجمعين // كل عام وأنتم بخير أعضاء المعهد الكبير ترايدنت أسعد الله أوقاتكم بكل خير // في مشاركتي الأولى في هذا المنتدى الطيب أحببت أن أشارككم حركة جميلة قمت بتجربتها في موقعي
والحمد لله نجحت بها مع العلم أني لست مبرمجاً أو خبيراً في هذا المجال لكن لنقل ، فكرت في الموضوع قليلاً حتى نجح الفكرة مقتبسة من إحدى الستايلات التي رأيتها هنا لكن للأسف لا أذكر الستايل بالضبط
- المميز في الـ Java-Slider :~... تم طرح موضوع في ترايدنت بخصوصه ، لكنه كان يعمل فقط مع مجلة VBadvanced وكان محدود الميزات، لكن ما أقدمه لكم اليوم فيه ما يلي: 1. لا يشترط وجود أي مجلة لتركيبه ، فهو يعمل مع جميع الإصدارات*. 2. يعرض الشريط فعاليات المنتدى بالصور وبأي مقاس تريد**. 3. يعرض نصاً رئيسياً يمثل عنوان الفعالية ، ونصاً ثانوياً يمثل ملخصاً عنها. 4. الانتقال التلقائي للصور مع إمكانية التنقل اليدوي من أزرار الأسهم ، أو الضغط على كلمة More لاختيار من الصورة المصغرة. 5. يمكنك تغيير تنسيقه كاملاً (طول - عرض - لون الخلفية ) من خلال ملفي الـ CSS المرفقان معه. 6. تمت تجربته على الإكسبلورر والأوبرا والفايرفوكس وهو يعمل بكفاءة. * يعتمد ذلك على عمل هاك "إعلانات في الصفحة الرئيسية" في منتداك وهو يعمل مع نسخ 3.8 بكفاءة. ** يفضل اختيار صور بلاحقة JPEG وتصغير حجمها قدر الإمكان. صورة لشريط الفعاليات (انتظر حتى تحميل الصورة):
نقره لعرض الصورة في صفحة مستقلة
- التركيب :~.. :: أولاً - المتطلبات :: ~ ملفات CSS للتحكم بالتنسيق ~ ملفات Java Script ~ هاك "إعلانات في الصفحة الرئيسية" تجدونها جميعاً في المرفقات

كود PHP

			

[B]

[/
B]

[
B]<script type="text/javascript">
            function 
startGallery() {

                  var 
myGallery = new gallery($('myGallery'), {
                    
timedtrue
                
});
            }
            
window.addEvent('domready',startGallery);
        
</script>
        

<div class="content"> 
            <div id="myGallery">
            <div class="imageElement">
                    <h3>عنوان الفعالية الأولى</h3>
                    <p>ملخص الفعالية الأولى  </p>
                    <a href="رابط موضوع الفعالية الأولى" title="عنوان موضوع الفعالية الأولى" class="open"></a>
                    
                    <img src="رابط صورة الفعالية الأولى" class="full" />
                    <img src="رابط مصغر الفعالية الأولى" class="thumbnail" />

                  </div>
                
                <div class="imageElement">
                    <h3>عنوان الفعالية الثانية</h3>
                    <p>ملخص الفعالية الثانية  </p>
                    <a href="رابط موضوع الفعالية الثانية" title="عنوان موضوع الفعالية الثانية" class="open"></a>
                    
                    <img src="رابط صورة الفعالية الثانية" class="full" />
                    <img src="رابط مصغر الفعالية الثانية" class="thumbnail" />

                  </div>

              
    
        </div>
        </div>  [/B] 

2. ضع هذا الكود في هيدر الستايلات جميعاً لتضمن عمل الشريط فيها بالكامل

كود PHP

			
[B] <link rel="stylesheet" href="Java-Slider/css/jd.gallery.css" type="text/css" media="screen" />
        <
link rel="stylesheet" href="Java-Slider/css/layout.css" type="text/css" media="screen" />
        <
script src="Java-Slider/scripts/mootools-1.2.1-core-yc.jstype="text/javascript"></script>
        <script src="Java-Slider/scripts/mootools-1.2-more.js" type="text/javascript"></script>
        <script src="Java-Slider/scripts/jd.gallery.js" type="text/javascript"></script>  [/B] 

3. قم برفع المجلد Java-Slider إلى مجلد منتداك الرئيسي ، وبذلك يكون التركيب قد انتهى. - ملاحظات مهمة :~.. 1. يجب مراعاة حجم الصور لتتناسب مع حجم الشريط كما تحدده من تنسيق ملفي الـ CSS ( الافتراضي للصور 767 * 310 ) . 2. يمكن إضافة عدد لا نهائي من الفعاليات بتكرار الكود التالي في هاك الإعلانات:
كود PHP

			
[B]    <div class="imageElement">
                     <
h3>عنوان الفعالية </h3>
                     <
p>ملخص الفعالية </p>
                     <
a href="رابط موضوع الفعالية " title="عنوان موضوع الفعالية " class="open"></a>
                   
                     <
img src="رابط صورة الفعالية " class="full" />
                     <
img src="رابط مصغر الفعالية " class="thumbnail" />
                  </
div>  [/B

فوق الوسمين

كود PHP

			
[B]        </div>
         </
div>  [/B

موجودين في آخر الكود في الخطوة رقم 1 من خطوات التركيب ، وقد جعلت المسافة بينهما وبين بقية الكود كبيرة لسهولة التمييز. 3. يمكن وضع نفس رابط الصورة الخاصة بالفعالية في خانة رابط الصورة المصغرة للفعالية وسيتم تصغيرها تلقائياً عند العرض. 4. يجب أن يكون هناك على الأقل فعاليتين ليعمل الشريط. 5. الملفات المطلوبة في الموضوع مرفقة، بالإضافة لصورة لعمل الشريط في حال لم يظهر عند البعض. 6. لتغيير الفعاليات في المستقبل كل ما عليكم هو تغيير الروابط الخاصة باسم وصورة الفعالية في هاك الإعلانات من خيارات المنتدى. 7. معرفتي بالـ CSS شبه معدومة ، واعتمدت على التجربة والخطأ لتنسيق العرض ليتناسب مع منتداي، لذا أعتذر عن الأسئلة المتخصصة بالتنسيق. الموضوع القادم بإذنه تعالى -=> مشغل صوتي متعدد الأشكال في رئيسية المنتدى بتحكم كامل لإضافة الملفات الصوتية التي تريد لأعضائك أن يستمعوا إليها مثال حي >> منتديات مساحات بيضاء آمل أن أكون قد وفقت في طرح الموضوع لا تنسوني من صالح دعائكم بصدق WhiteSpacez

Java-Slider.zip

Demo.zip


إعلانات في الصفحة الرئيسية
للمزيد من مواضيعي

 

الموضوع الأصلي : فعاليات المنتدى بتأثيرات الجافا [Java-Slider] الاحترافية     -||-     المصدر : القطيف ون     -||-     الكاتب : hassan




رد مع اقتباس
إضافة رد

مواقع النشر (المفضلة)

أدوات الموضوع
انواع عرض الموضوع

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

BB code is متاحة
كود [IMG] متاحة
كود HTML معطلة
Trackbacks are متاحة
Pingbacks are متاحة
Refbacks are متاحة


Preview on Feedage: %D8%A7%D9%84%D9%82%D8%B7%D9%8A%D9%81-%D9%88%D9%86 Add to My Yahoo! Add to Google! Add to AOL! Add to MSN
Subscribe in NewsGator Online Add to Netvibes Subscribe in Pakeflakes Subscribe in Bloglines Add to Alesti RSS Reader
Add to Feedage.com Groups Add to Windows Live iPing-it Add to Feedage RSS Alerts Add To Fwicki

Loading...


Powered by vBulletin® Version 3.8.6
Copyright ©2000 - 2019, Jelsoft Enterprises Ltd
تطوير اسطورة الزعيم
Ads Management Version 3.0.1 by Saeed Al-Atwi

HêĽм √ 3.1 BY: ! ωαнαм ! © 2010