مساحة اعلانات نصية ذهبية |
||
كوبونات خصم | اعلن هنا | اعلن هنا |
اعلن هنا | مساحة إعلانيه |
|
|
أدوات الموضوع | انواع عرض الموضوع |
#1
|
|||
|
|||
[3] دورة تصميم استايل vCard3 و تركيبه بالكامل .. إنشاء الجداول و تركيبها في السكربت
السلام عليكم و رحمة الله و بركاته
أهلاً بكم في الحلقة الثانية من دورة تصميم استايل مكتبة الصور (البطاقات) و تركيبه بالكامل ،،، * الحلقات السابقة : [1] الحلقة الأولى .. تصميم الاستايل و زخرفته [2] الحلقة الثانية .. تقطيع الاستايل باسم الله نبدأ : بعد قيامنا بتقطيع الاستايل و تجهيز صور القطع بالكامل يجب توافر برنامج الفرونت بيج لدينا لإنشاء الجداول و تركيب الصور بداخلها و لتنزيل برنامج الفرونت بيج 2003 : اضغط هنا و من ثم نقوم بفتح برنامج الفرونت بيج : و بعد ذلك نقوم بإنشاء صفحة جديدة عن طريق الضغط على زر إنشاء الصفحة كما في الصورة : و من ثم نقوم بالذهاب إلى منطقة الأكواد للصفحة و نقوم بحذف الكود الافتراضي للصفحة كما في الصورة : و بعد ذلك نقوم بالعودة لمنطقة التصميم Design و نضغط بداخل الصفحة بزر الماوس الأيمن و نقوم باختيار Page Properties خصائص الصفحة كما في الصورة : و من ثم نقوم بتحديد اتجاه الصفحة من اليمين إلى اليسار كما في الصورة التالية : بعد ذلك نقوم بإنشاء جدول بثلاثة صفوف و خمسة أعمدة كما في الصورة : و بعد ذلك سيتم إنشاء الجدول بنجاح .. الآن نقوم بوضع الصور المقطعة كل منها في مكانها المناسب كالتالي : [1] الصورة العلوية اليمنى المطابقة لعرضها للعامود الأيمن بداخل الخلية اليمنى العلوية [2] الصورة التي تليها اليمنى أيضاً بداخل الخلية اليمنى التي تليها أيضاً [3] الصورة المتوسطة بداخل الخلية الوسطى الثالثة [4] الصورة اليسرى بداخل الخلية اليسرى قبل الأخيرة [5] الصورة العلوية اليسرى المطابقة لعرضها للعامود الأيسر بداخل الخلية اليسرى العلوية و طريقة وضع الصورة هي نسخها و من ثم لصقها في الخلية و بنفس الطريقة نقوم بوضع صور الخلية السفلى .. و سنجد لدينا الشكل التالي : الآن نقوم بتوسيط الصورة الوسطى العلوية و السفلية بالضغط عليها و محاذاتها بالوسط عن طريق زر التوسيط كما في الصورة : و بعد ذلك نقوم بالضغط بزر الماوس الأيمن على الصورة الوسطى العلوية و نقوم باختيار Cell Properties خصائص الخلية كما في الصورة : و بعد ذلك نقوم بتحديد العرض إلى 100% و نقوم باختيار صورة التمدد العلوي كخلفية و للتطبيق اتبع ما في الصورة التالية : الآن نقوم بتطبيق نفس العمل للمنطقة السفلية بتحديد العرض 100% و صورة التمدد السفلية كخلفية .. بعد ذلك سيكون لدينا الشكل التالي : الآن نقوم بدمج الأعمدة الثلاثة الوسطى في الصف الثاني عن طريق تظليلهم و من ثم الضغط بزر الماوس الأيمن على التظليل و اختيار Merge Cells دمج الأعمدة كما في الصورة : الآن نقوم بوضع صورة العامود الأيمن كخلفية للخلية اليمنى في الصف الثاني عن طريق الضغط بداخل الخلية بزر الماوس الأيمن و اختيار Cell Properties خصائص الخلية و نقوم بتحديد العرض (عرض صورة العامود) بالبكسل و صورة العامود كخلفية كما في الصورة : و بنفس الطريقة للعامود الأيسر في الخلية اليسرى .. و بعد ذلك يصبح لدينا الشكل النهائي التالي : :: نقل الكود إلى السكربت :: بعد أن قمنا بإنشاء الجداول نقوم بالذهاب لمنطقة الأكواد و من ثم نقوم بتغيير مسار جميع الصور لمسار مجلد الصور بداخل السكربت فقط أي لا نقوم بكتابة الامتداد بالكامل و لكن فقط نبدأ بكتابة المسار باسم المجلد الموجود بداخل مجلد السكربت و على سبيل المثال : مثال [1] : مجلد الصور اسمه : allulu-style موجود بداخل مجلد السكربت vcard فنكتب المسار كالتالي : اقتباس: allulu-style/image1.gif مع مراعاة أن allulu-style هو اسم مجلد صور استايلك و image1.gif اسم كل صورة مثال [2] : مجلد الصور اسمه : allulu-style موجود بداخل مجلد images الموجود بداخل مجلد السكربت vcard فنكتب المسار كالتالي : اقتباس: images/allulu-style/image1.gif مع مراعاة أن allulu-style هو اسم مجلد صور استايلك و image1.gif اسم كل صورة و أنا عندي مجلد صور الاستايل اسمه allulu-style بداخله صور الاستايل و موجود بداخل مجلد السكربت مباشرة و قمت بتغيير المسارات كما في الصور التالية : الآن نقوم بالدخول إلى لوحة تحكم السكربت عن طريق الرابط : اقتباس: http://www.yourdomain.com/vcard/admin yourdomain = اسم موقعك .com = الدومين الخاص بك vcard = اسم مجلد السكربت admin = لوحة تحكم الإدارة و من ثم من القائمة اليسرى نقوم بالدخول إلى تحرير القوالب كما في الصورة التالية : و بعد ذلك نقوم بالضغط على تحرير بجانب القالب page_header .. و من ثم نقوم بنسخ الكود العلوي من الفرونت بيج من منطقة الأكواد و هو الكود المظلل كما في الصورة التالية : و نقوم بوضعه في المنطقة المحددة في الصورة التالية : أي ما بين : رمز Code: ${htmlbody} و : رمز Code: أي أنه إذا كان هناك أي كود بينهم فنقوم بحذفه و وضع الكود الخاص بنا بينهم و من ثم نقوم بالضغط على زر تحديث لتحديث القالب ... بعد ذلك نقوم بنسخ الكود السفلي الخاص بنا من الفرونت بيج كما في الصورة : و من ثم نقوم بالضغط على تحرير بجانب القالب page_footer و نقوم بوضع الكود السفلي في المنطقة المحددة كما في الصورة التالية : أي ما بين : رمز Code: و : رمز Code: أي نضعه قبل نهاية كود المحتوى الكامل body و من ثم نضغط تحديث لتحديث القالب .. و بعد ذلك نذهب للصفحة الرئيسية للسكربت و نجد بأن الاستايل قد تم تركيب و تنسيقه بنجاح و لله الحمد كما في الصور التالية : من الأعلى : من الأسفل : تابعونا في الحلقات القادمة لتنسيق الألوان و الأقسام .. أتمنى التوفيق للجميع و إن كان هناك خطأ بالشرح فالعذر من الله ثم منكم و أي استفسار أنا حاضر إخواني .. أخوكم و محبكم AhMeD :icon31: |
|
|
المواضيع المتشابهه | ||||
الموضوع | كاتب الموضوع | المنتدى | مشاركات | آخر مشاركة |
[ درس ] دورة تصميم صورة (درسين) تصميم صورة بإحتراف // الجزء الاول | rss | اشراق شامل - منوعات | 0 | 09-10-2012 11:30 AM |
طلب تصميم استايل الصور بالداخل | eshrag.net | المنتدى العام - مواضيع عامة | 0 | 07-19-2010 03:30 PM |
[2] دورة تصميم استايل vCard3 و تركيبه بالكامل .. تقطيع الاستايل | اشراق العالمrss | القناة الإخبارية - أخبار | 0 | 02-22-2009 09:40 PM |
[1] دورة تصميم استايل vCard3 و تركيبه بالكامل .. تصميم الاستايل و زخرفته | اشراق العالمrss | القناة الإخبارية - أخبار | 0 | 02-22-2009 09:40 PM |
تصميم استايل غير متمدد ( الدرس الثاني ) | اشراق العالمrss | القناة الإخبارية - أخبار | 0 | 02-22-2009 09:40 PM |
شراء روابط نصية | |
راسلنا الآن لشراء روابط نصية باك لينك وجيست بوست | خدمات الباك لينك والروابط النصية |
روابط نصية AAXA | ||||
اشتراك يوتيوب بريميوم | اشتراك تطبيقات بلس | اشتراك IPTV شهر | يوتيوب بريميوم | عسل النحل |
روابط نصية AAPS | ||||
دراما كافيه | دراما صح | اهواك Tv | فوستا | شبكتي Tv |
روابط نصية AA1A | |||||
كورة لايف | koora live | مباريات اليوم بث مباشر | kora 360 | koora4live | كورة لايف |
koora live | مباريات اليوم بث مباشر | kora 360 | koora4live | kooralive | مساحة إعلانيه |
روابط نصية AAZ | ||
متجر الرياض | شحن شدات ببجي | شحن شدات ببجي |
روابط نصية AHD3 | |||||||||
عزل اسطح | كشف تسربات المياه | عزل فوم بالرياض | شركة عزل اسطح | كشف تسربات المياه بالرياض | عزل اسطح بجدة | شركة كشف تسربات المياه | نقل اثاث بالرياض | شراء اثاث مستعمل بالرياض | شركة تنظيف بالرياض |
روابط نصية KSM | |||||||
خصومات | هدايا وكوبونات | توفير المال | مال واستثمار | صفقات وتسوق | عروض اسواق السعودية | تحسين مالي | كوبونات |
روابط نصية AN | ||||
يلا شوت | يلا شوت | يلا لايف | yalla shoot | يلا شوت |
روابط نصية M11 | |||||||
كورة جول | يلا لايف | دوت سبورت | bein match | yalla shoot | yalla shoot | koora live | koora live |
يلا شوت | koora4live | سوريا لايف | تابع لايف | كورة لايف | كورة جول | كورة لايف | koora live |
روابط نصية AWA | ||||
كورة لايف | Koora live | يلا شوت | Yalla shoot | يلا شوت |
روابط نصية AA3A | ||||
تقييم شركة exness | تقييم شركة binance | تقييم شركة avatrade | تقييم شركة evest | افضل شركات التداول |