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

الموضوع: درس عمل بوردر لمنتداك

  1. #1
    عضو نشيط جدا
    تاريخ التسجيل
    Apr 2001
    المشاركات
    334

    درس عمل بوردر لمنتداك



    بسم الله الرحمن الرحيم ..

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

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

    عموما محتاجين شيئين وهما
    اولا تصميم برواز كامل
    ثانيا قص البرواز

    اما الكود الـhtml فهناك عدة اكواد لعمل البوردر وانا بعطيكم كود الاخ الكهف لانه سهل مرة ..

    كود الهتمل عبارة عن كوديين وهما كود الهيدر وكود الفوتر ..
    نخلي الاكواد بعدين ونبدا بعمل البرواز ..

    في موضوع عمل البراويز للاخ فرسان الامارات وهو درس مفيد جدا وتقدر تستفيد منه
    على الوصله هذي http://www.swalif.net/softs/showthre...threadid=35027

    نحن بنمشي على طريقتي الخاصه ....

    افتح برنامج البينت الي كمبيوترك واعمل صفحة جديده حجم الطول والعرض العرض=370 والطول=200
    واعمل الاطراف بالشكل هذا



    احفظ الملف عندك بأسم border وحطه في الديسك توب او أي مكان تباه أنا عملت فولدر يديد بأسم (تعليم) وحطيته فيه ....... انتهينا

    الخلاصه : هذا العمل تعليمي ونحن بناخذ البرواز الجانبي فقط والي بيكون على أطراف المنتدى بعدين





    __________________
    :: الامارات ::
    ice غير متواجد حالياً


  2. #2
    عضو نشيط جدا
    تاريخ التسجيل
    Apr 2001
    المشاركات
    334


    تابع ..


    قص الاطراف الي نباها ..

    كثير من البرامج تقوم بعملية القص ولكن انا عندي برنامج صغير اسمه
    PictureDicerTM اسميه الجزار عموما هالبرناج تقدر تنزله
    مـــن هنــــــا

    بعد ما تنزل البرنامج وتفتح الضغط عنه تضغط على DICER
    ( اذا عطاك ايرور طلع ملفات البرنامج كلها برع الفودر وحطها كلها على الديسك توب )
    بعد ما تضغط على البرنامج بتكون هذي هي الواجهه



    انتوا معاي انزين الحينه في نفس البرنامج روح على file واختار open image بتطلع لك صفحة تختار منها الصوره انا سميت الصوره الي سويناها border وتضغط على Ok شوف الصوره


    وبعد ما اخترت الصوره وضغطت على OK بتطلع لك صفحة فيها مسار الصورة بعد ما تتقطع وين تباها اختار مكان الصور بعد التقطيع
    أنا خليتها في فولدر اسمه ( تعليم ) ؟ شوف الصورة


    اضغط على OK

    طلعت لنا الصوره الي سويناها قبل في برنامج البينت والي نبا ناخذ اطرافها بالشكل هذا


    وطبعا فيها علامة الزائد + وهذي راح نحطها على اربع اطراف في الصوره
    اذا ضغطت كليك على اليسار بتقطع الطول واذا ضغط على اليمين بتقطع العرض شوف الصورة فيها لونين الاحمر للطول والازرق للعرض

    ( اذا ضغطت كليك باليسار بيعطيك اللون الاحمر وهو الطول واذا ضغطت يسار بيعطيك اللون الازرق وهو العرض )





    __________________
    :: الامارات ::
    ice غير متواجد حالياً

  3. #3
    عضو نشيط جدا
    تاريخ التسجيل
    Apr 2001
    المشاركات
    334


    تابع ....

    نحن راح نعملها بالشكل هذا بناخذ الاطراف ونترك اللون الابيض ما نحتاجه شوف الصوره


    بيكون عندنا خطين بالطول بالاحمر وخطين بالعرض بالازرق
    الحينه لو تعد الاطراف بيكون عددها 9 مع اللون الابيض نحن بناخذ 8 قطع وبنترك اللون الابيض شوف الصورة


    وبعد ما نحدد الاطراف نروح على file ونختار Process Image شوف الصوره


    مبروك تقطعت الصورة بتلقى الصور المقطعه في المكان الي اخترته عند اختيارك للصورة طبعا نحن اخترنا الصورة الي اسمها dorder وكانت في فولدر اسمه ( تعليم ) وبعد التقطيع اول صورة
    اسمها بيكون bord000 وآخر صورة اسمها bord008 احذف الصورة الي اسمها bord004 وهذي طبعا هي الصورة الي في النص ...

    روح وغير اسم الصوره الاولى والي اسمها
    bord000 الى رقم 1
    و bord001 الى رقم 2
    وbord002 الى رقم 3
    و bord003 الى رقم 4
    و bord005 الى رقم 5
    و bord006 الى الرقم 6
    و bord007 الى الرقم 7
    و bord008 الى الرقم 8 ....

    التقسيم بالطريقه هذي مهمه علشان نعملها في التطبيق على الكود الي راح نحطه في المنتدى كود الهيدر والفوتر

    تعبت وبكمل الدرس في وقت ثاني ...





    __________________
    :: الامارات ::
    ice غير متواجد حالياً

  4. #4


    يعطيك العافيه 100000 شكرر

    تاااااااابع في انتظارك







    الساحل الغربي غير متواجد حالياً

  5. #5
    عضو نشيط جدا
    تاريخ التسجيل
    Dec 2001
    المشاركات
    569


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

    وننتظر منك باقي الدرس

    والله يحفظك





    fantom6 غير متواجد حالياً

  6. #6
    عضو سوبر نشيط
    تاريخ التسجيل
    Jul 2002
    المشاركات
    624


    الله يحفظك ويكثر من امثالك دوما ياice
    حقيقي ليس مفيدا فقط للمنتديات بل للمواقع بشكل عمومى
    بسيط - سهل - فكره جديده
    يمكن استعمالها لاكثر من شئ المهم التفكير
    حقيقي استفدت الكثير منه ومن الجزار

    دوما الى الامام يااخى الحبيب وانتظر منك المزيد

    اخوك اووت





    __________________
    ستفيد يوما لتستفيد ايام :aoot says
    The following message could not be delivered to all recipients:
    ستفيد يوما لتستفيد ايام
    aoot غير متواجد حالياً

  7. #7
    عضو فعال
    تاريخ التسجيل
    Dec 2001
    المشاركات
    1,030

    تسلم والله



    شرح ممتاز والى الامام





    __________________
    ^^ عشقي برشلونه للأبد ^^
    azazi غير متواجد حالياً

  8. #8
    عضو نشيط جدا
    تاريخ التسجيل
    Apr 2001
    المشاركات
    334


    العفو يا شباب اتمنى الشرح كان واضح ومفيد ..

    نكمل الدرس ...

    بعد ما غيرنا اسم القطع الى 8 ارقام وعملنا التقسيم السابق والي هو
    bord000 الى رقم 1
    و bord001 الى رقم 2
    وbord002 الى رقم 3
    و bord003 الى رقم 4
    و bord005 الى رقم 5
    و bord006 الى الرقم 6
    و bord007 الى الرقم 7
    و bord008 الى الرقم 8 ....

    نحط الصور هذي في كود الـhtml

    ونبدا بكود الـheader
    بيكون الكود كالتالي
    (( ملاحظه انا عملت الصور بنسق BMP وكان
    المفروض يكون الكود بنسق jpg والا gif او غيره انت بعدين غير
    نوع الصور بما يعجبك ))

    كود الهيدر ..
    كود PHP:
    <table width="730" border="0" cellspacing="0" cellpadding="0" align="center">
    <
    tr>
    <
    td width="15"><img src="1.bmp" width="16" height="16"></td>
    <
    td width="730" background="2.bmp"></td>
    <
    td width="15"><img src="3.bmp" width="20" height="16"></td>
    </
    tr>
    <
    tr>
    <
    td width="15" background="4.bmp"></td>
    <
    td width="730" bgcolor="#E9E9E9" valign="top" align="center"
    <
    div align="center"
    <
    table width="95%" border="0" cellspacing="0" cellpadding="0" align="center">
    <
    tr
    <
    td valign="top" align="right"
    <
    table border="0" width="100%" cellpadding="0" cellspacing="0" align="right">
    <
    tr
    </
    td>
    </
    tr>
    </
    table>
    </
    td>
    </
    tr>
    </
    table>
    <
    table width="95%" border="0" cellspacing="0" cellpadding="0" align="center">
    <
    tr>
    <
    td
    شوف اول أربع قطع وين مكانها في الهدير
    1.bmp
    2.bmp
    3.bmp
    4.bmp

    أما كود الفوتر راح يكون كالتالي ..
    كود PHP:
    </tr>
    </
    table>
    </
    div>
    </
    td>
    <
    td width="15" background="5.bmp"></td>
    </
    tr>
    <
    tr>
    <
    td width="15"><img src="6.bmp" width="16" height="19"></td>
    <
    td width="730" background="7.bmp"></td>
    <
    td width="15"><img src="8.bmp" width="20" height="19"></td>
    </
    tr>
    </
    table
    وشوف وين باقي القطع
    5.bmp
    6.bmp
    7.bmp
    8.bmp

    صاروا القطع الـ8 في الكود مع طول وعرض كل قطعه




    أهم شي في كود الـhtml انك تحط الـwidth والـheight لكل
    قطعه اذا طلب منك تحطها وهذا مهم

    بتلقى في الكود مثلا القطعه رقم 1 كالتالي
    1.bmp" width="16" height="16"

    والقطعه رقم 2 في الكود كالتالي
    background="2.bmp"

    والقطعه رقم 3 في الكود كالتالي
    3.bmp" width="20" height="16"

    بتلقى اختلاف في الطول والعرض لكل قطعه لازم تعرف الطول والعرض
    لكل قطعه علشان يطلع البوردر شكله منسق ..




    خذ الكود الفوتر مع الهيدر وحطه في برنامج الفرونت بيج
    وشوف كيف تكون النتيجه

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

    تحياتي





    الملفات المرفقة الملفات المرفقة
    __________________
    :: الامارات ::
    ice غير متواجد حالياً

  9. #9
    عضو نشيط جدا
    تاريخ التسجيل
    Apr 2001
    المشاركات
    334


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

    دوس هني وقول بسم الله

    افتح الضغط عن الملف وشوف التطبيق العملي الصحيح

    تحياتي





    __________________
    :: الامارات ::
    ice غير متواجد حالياً

  10. #10
    عضو نشيط
    تاريخ التسجيل
    Jul 2002
    المشاركات
    122


    مشكور الف شرح مميز





    __________________
    إستخدم ملفك الخاص لكتابة توقيعك
    kadi غير متواجد حالياً

  11. #11
    عضو نشيط جدا
    تاريخ التسجيل
    Apr 2001
    المشاركات
    334


    العفو أخوي اتمنى بس الشرح واضح والمثال كذلك بعد واضح ..

    تحياتي





    __________________
    :: الامارات ::
    ice غير متواجد حالياً

  12. #12
    عضو نشيط جدا
    تاريخ التسجيل
    Mar 2001
    المشاركات
    566


    مشكور اخوي

    بس وين نحط هالاكواد في المنتدى


    ياريت تستعجل اخوي مابقى الا هالخطوة بس...





    المافيا غير متواجد حالياً

  13. #13
    عضو نشيط جدا
    تاريخ التسجيل
    Mar 2001
    المشاركات
    566


    وشي ثاني اخوي

    انا ابغى اخلي البوردر حول الجداول حقت المنتدى والاقسام وشو الكود؟





    المافيا غير متواجد حالياً

  14. #14
    عضو سوبر نشيط
    تاريخ التسجيل
    Jul 2001
    المشاركات
    711


    مشكور على الدرس صراحة خزنتة





    __________________
    http://www.bokmade.ws/

    bokmade@hot-des.com
    WWF Manager غير متواجد حالياً

  15. #15
    عضو نشيط جدا
    تاريخ التسجيل
    Apr 2001
    المشاركات
    334


    بسم الله الرحمن الرحيم ..

    نكمل الدرس ....

    طبعا بعد ما عملت لك بوردر وجهزت الصور المقطعه وجهزت كود الهيدر وكود الفوتر ..

    1) اذا بغيت تحط البوردر حول المنتدى بالكامل من أعلى المنتدى لين آخره والاقسام والمنتديات وكل حاجه في النص نفس هالاستايل مثلا في منتداي http://www.go4uae.net/vb/index.php?styleid=12

    تروح الكنترول + Styles + وتضغط على Modify + اضغط على [fonts/colors/etc] بتلقى في الصفحة المقابله واهم شي هي والي يهمنا هو ..
    Header: و Footer: ...

    طبعا نحن عملنا البوردر من قبل وكان فيه كود الهيدر وكود الفوتر ناخذ كود الهدير فقط ونحطه في اول شي في بوكس الهيدر في المنتدى

    وبعدين ناخذ كود الفوتر ونحطه في آخر شي في بوكس الفوتر في المنتدى ..

    نضغط على save changes ونعمل ريفرش للمنتدى ونشوف كيف صار الشكل عندنا ..


    الاخ مافيا سأل عن كيفية وضع البوردر حول الجداول والاقسام ..

    2) وضع البوردر حول الجداول والاقسام كالتالي :

    نفس كود الهيدر والفوتر الي عملناها نروح الكنترول + Templates + اضغط على Modify وابحث من تيمبلت اسمه forumhome

    ابحث في التمبليت عن
    كود PHP:
    <!-- /text --> 
    وضع بعده كود الهيدر

    وفي نفس التمبليت
    ابحث عن
    كود PHP:
    <!-- /main --> 
    وضع بعده كود الفوتر ..

    انتهينا وبنكمل الدرس في وقت ثاني واتمنى الشرح واضح ونطلب السموحه على بعض الاخطاء الي يمكن مرت علينا وما انتبهنا لها


    تحياتي





    __________________
    :: الامارات ::
    ice غير متواجد حالياً





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

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

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