حالة الموضوع:
مغلق
  1. script-ati

    script-ati Developer

    الأنتساب:
    ‏1 مايو 2012
    المشاركات:
    15
    الإعجابات المتلقاة:
    0
    نقاط الجائزة:
    1
    الوظيفة:
    مازلت أدرس
    الإقامة:
    الجَزائر
    بسم الله الرحمن الرحيم

    ~~ ـالسلامـ ـعليكمـ ~~

    كالعادة دوما مع الحصري لـ [معهد سكربتاتي]

    جديد اليوم هو هاك الفعاليات أو ما يسمى بـ [ slider ]

    الهاك برمجة أجنبية للمواقع لكن أنا عدلت عليه حتى يكون هاك للمنتدى

    مثل ماهو موجود في الصفحة الرئيسية للمعهد

    www.script-ati.com/ma3hd/home.php

    وهذي صورة للهاك

    [​IMG]

    ويعتبر هذا الهاك لمسة جمالية للصفحة الرئيسية خاصة لما يجد مصمم بارع يتحفه

    بالتصاميم الجميلة

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

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

    --::[ طريقة التركيب ]::--

    لنكون متفقين على كل الأمور أحب أوضح أمر مهم وهو أني راح أشرح تركيب الهاك

    على مجلة vBadvanced CMPS لمنتديات الفي بي كما أني راح أشرح مضمون عرض القالب

    حتى يسهل لمستخدمي المجلات الأخرى تركيبه بسهولة

    بسم الله نبدأ

    1-نرفع الملف [ Slider ] للموقع حتى يكون رابطه على هذا الشكل

    [​IMG]


    www.XXXX.com/slider/

    2- ندخل لوحة تحكم الإدارة

    من القائمة الرئيسية نختار vBa CMPS --- ثم ----> Add Module

    [​IMG]



    3- من الصفحة لي تظهر نختار [Template Module‎]

    [​IMG]



    4- نملىء البيانات بهذا الشكل

    [​IMG]

    -[1]-عنوان الموديل وأنا وضعت " --:: [ الفعاليات ] ::-- "

    -[2]-عنوان القالب


    -[3]-إختر الستايلات التي تريد أن يظهر بها الهاك


    -[4]-كود القالب (راح نشرحه مع كيفية التعديل عليه)

    [​IMG]

    5- أنهينا طريقة تركيب الهاك بنجاح الآن راح نشرح كيفية التعديل عليه

    --::[ طريقة التعديل ]::--

    1- من لوحة تحكم الإدارة دوما ومن القائمة الرئيسية

    إختر : الإستايلات والقوالب ---ثم ---->التحكم بالإستايلات

    [​IMG]

    2-إختر الستايل الذي أضفت فيه قالب الهاك في عملية التركيب

    ثم من القائمة إختر تعديل القوالب

    [​IMG]

    3- من قائمة القوالب إختر القالب لي أنشائته في عملية التركيب

    [​IMG]

    4-الآن تظهر لنا لوحة التحكم بالقالب

    [​IMG]

    نأتي لشرح القالب خطوة خطوة

    كود PHP:
    <tr>
    <
    td class="$bgclass">
    هذا الكود خاص بمجلة vBadvanced CMPS

    وهو لازم في هذه المجلة قبل كتابة أي قالب

    كود PHP:
    <!--begin Box-->
    <
    div align="center">
     <
    link rel="stylesheet" type="text/css" href="slider/contentslider.css" />
    السطر الأول مجرد تعليق لفصل قالب الفاعاليات عن كود المجلة
    السطر الثاني لجعل المضمون في الوسط (توسيط)

    السطر الثالث لإستدعاء الملف contentslider.css من الموقع
    كود PHP:
    <script type="text/javascript" src="slider/contentslider.js"></script>
    كود إستدعاء الملف contentslider.js من الموقع

    كود PHP:
    <div id="slider1" class="sliderwrapper">
    <
    div class="contentdiv"> <a href="stats.php"><img border="0" src="slider/1.jpg" width="492" height="266"></a> </div>
    <
    div class="contentdiv"> <a href="stats.php"><img border="0" src="slider/1.jpg" width="492" height="266"></a> </div>
    <
    div class="contentdiv"> <a href="stats.php"><img border="0" src="slider/1.jpg" width="492" height="266"></a> </div>
     </
    div>
    <
    div id="paginate-slider1" class="pagination"></div>

    كود مضمون الفعاليات وهذا هو الكود اللي عليه العمل

    ومن خلال هذا الكود لو تلاحظ فيه أنا كررت جملة ثلاث مرات متتالية

    وهي

    كود PHP:
    <div class="contentdiv"> <a href="stats.php"><img border="0" src="slider/1.jpg" width="492" height="266"></a> </div>

    وهي تنقسم لشيئين فقط دون النظر للبقية

    1- رابط الصورة

    كود PHP:
    slider/1.jpg
    2- الرابط الذي تفتحه

    كود PHP:
    stats.php
    راح نعطي مثال لو مثلا كان رابط الصورة لي راح تعرضها هو

    كود PHP:
    http://localhost/vb/Ma3hd/gradients/325-60.jpg
    ورابط الموضوع لي تفتحه الصورة هو

    كود PHP:
    http://localhost/vb/showthread.php?t=8
    راح تكون الجملة بهذا الشكل

    كود PHP:
    <div class="contentdiv"> <a href="http://localhost/vb/showthread.php?t=8"><img border="0" src="http://localhost/vb/Ma3hd/gradients/325-60.jpg" width="492" height="266"></a> </div>
    ويكون القالب ككل بهذا الشكل

    كود PHP:
    <tr>
    <
    td class="$bgclass">
    <!--
    begin Box-->
    <
    div align="center">
     <
    link rel="stylesheet" type="text/css" href="slider/contentslider.css" />
    <
    script type="text/javascript" src="slider/contentslider.js"></script>
    <div id="slider1" class="sliderwrapper">
    <div class="contentdiv"> <a href="http://localhost/vb/showthread.php?t=8"><img border="0" src="http://localhost/vb/Ma3hd/gradients/325-60.jpg" width="492" height="266"></a> </div>
    <div class="contentdiv"> <a href="stats.php"><img border="0" src="slider/1.jpg" width="492" height="266"></a> </div>
    <div class="contentdiv"> <a href="stats.php"><img border="0" src="slider/1.jpg" width="492" height="266"></a> </div>
     </div>
    <div id="paginate-slider1" class="pagination"></div>
    <script type="text/javascript">
    featuredcontentslider.init({
        id: "slider1",  
        contentsource: ["inline", ""],  
        toc: "#increment",  
        nextprev: ["<", ">"], 
        revealtype: "click", 
        enablefade: [true, 0.3],  
        autorotate: [true, 6000], 
        onChange: function(previndex, curindex){ 
    }})</script>
    </div>
    <!--End Box-->
    </td>
    </tr> 
    إن شاء تكونو فهمتو الطريقة رغم أنها سهلة جدا ولاتحتاج لكل هذا التعقيد

    ومتأكد 100% لو يأتي أي شخص يفهم html راح يضحك على كل الشرح لي وضعته من أجل

    هذا الأمر البسيط

    المهم لتحميل الهاك bl"eh"

    الرابط الأول

    click here


    ملاحظة صور الشرح موجودة مع الملف!:"

    دمتم في أمان الله bye1~`
     
  2. Legend_Killer

    Legend_Killer Developer

    الأنتساب:
    ‏6 ابريل 2012
    المشاركات:
    74
    الإعجابات المتلقاة:
    4
    نقاط الجائزة:
    8
    الوظيفة:
    طَالب..~
    الإقامة:
    α.ι.є.х.α.η.ᴆ.я.ı̃̾.α
    رد: هاك الفعاليات [S i L d E r] من تطويري

    جزاك الله خيرا
    ويجعله فى ميزان حسناتك ^:"
     
  3. Norilkon

    Norilkon Developer

    الأنتساب:
    ‏8 ابريل 2012
    المشاركات:
    84
    الإعجابات المتلقاة:
    0
    نقاط الجائزة:
    6
    الإقامة:
    مــصــر
    رد: هاك الفعاليات [S i L d E r] من تطويري

    وعليكم السلامـ ورحمة الله

    مــَوضوع جميل و تنسيق في القمة ؛

    يعطيك الف عافية &:":
     
  4. تــــركــــي

    تــــركــــي DeveloPer Plus

    الأنتساب:
    ‏25 ابريل 2012
    المشاركات:
    180
    الإعجابات المتلقاة:
    0
    نقاط الجائزة:
    16
    رد: هاك الفعاليات [S i L d E r] من تطويري

    بارك الله فيك
    شكرا لك
    )5:"
     
حالة الموضوع:
مغلق

مشاركة هذه الصفحة