الويب العربي

الويب العربي (http://www.arabwebtalk.com/index.php)
-   مجتمع ديموفنف (http://www.arabwebtalk.com/forumdisplay.php?f=73)
-   -   طريقة تركيب بلوك الفتاوى المتطاير وتغيير روابطه (http://www.arabwebtalk.com/showthread.php?t=51283)

بالحكم 10-04-2007 05:26 PM

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

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

http://www.balhakm.org/

وكما وجهنا لها المهندس خالد العميرى والمهندس محمد عبد الله لكى لا تؤثّر على القوائم المنسدلة وأكواد الجافا للواجهة

فسنورد الطريقة فى هذه الصفحة وهى سهلة جدا ان شاء الله





فى البداية سننشئ صفحة اضافية جديدة كما هو موضّح بالشرح هنا

http://www.dciwww.com/infdoc/

سنسمّيها بأى اسم

وعندى سميتها fatawa

ونمسح جميع ما بها وأقصد ال3 سطور بالصورة



وننسخ الكود فى المرفقات بها

ونعتمد التعديل

وهكذا فقد أنشأنا صفحة جديدة ملحقة بالمجلة

سيكون هذا مسارها

http://www.balhakm.org//page.php?do=...ction=fa tawa

طبعا باستبدال دومين موقعكم الخاص



هذه الخطوة الأولى وهى سهلة جدّا

والخطوة التانية اسهل ان شاء الله





الخطوة الثانية

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

فنذهب الى انشاء قالب جديد ونضع هذا الكود به


كود:


<iframe width="100%" height="300" frameborder="0" src="http://www.balhakm.org//page.php?do=show&action=fatawa"></iframe>

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

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

اعتمد الكود وسميه بما تشاء



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


يتبع ان شاء الله فقط انتظرونا قليلا
ونرحّب بأى استفسار أو سؤال

بالحكم 12-04-2007 12:39 AM

المرفقات 1
السلام عليكم ورحمة الله وبركاته

أعتذر لأن المرفق لم يُعتمد فى المشاركة السابقة بسبب اغلاق المنتدى وسأرفقه لكم هنا ان شاء الله

وأُتبِعه بشرح الكود وطريقة التحكّم فيه ان شاء الله

بالحكم 12-04-2007 01:05 AM

لمعرفة كيف يسير نظام هذا الكود وكيفية التحكم فيه تابع الشرح


فى البداية افتح الملف المرفق







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

ويفضل تهيئة الجدول ل 7 خانات ايضا لكى تتطابق مقاساته مع مقاسات البلوك




الصورة الآتية هى صورة للكود الخاص بالروابط

سيتكرر من أوله لآخره 7 مرات هى عدد الروابط التى سيتم اضافتها






سنجد فى البداية نهاية كود الجافا

ثمّ السهم رقم 2 يشير الى رقم الرابط الموضوع وهو رقم 1 هنا فى أول رابط

ثمّ السهم رقم 3 يشير لكود لون الخلفية وعندنا ffccff

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


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

يمكنك تغييره بأى رابط تريده


السهم رقم 5
يشير الى الاسم الذى سيظهر فى الجدول والذى سيفتح على الرابط الذى قمنا بوضعه فى الصفحة السابقة



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

بالتوفيق للجميع ان شاء الله


بالحكم 12-04-2007 02:05 AM

فى ملحوظة بسيطة

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

بل إن حجم تحميله اصغر من الصور الموجودة بالصفحة


وهذه المعلومات من خلال اختبار الموقع هنا

http://www.websiteoptimization.com/s... e/index.html

والصور هى أكثر شئ يؤثر على سرعة فتح الموقع لذا فخطتنا هى محاولة تقليل عددها عندنا قدر الامكان

وكل الشكر لمن نبّهنا على بطء تحميل الصفحة الرئيسية للموقع

بالتوفيق للجميع

kollalarab 13-04-2007 07:56 PM

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

www.kollalarab.com
amwaj

kollalarab 13-04-2007 08:44 PM

تم ضبط الخطأ والحمد لله كان من عندى

شكرا جزيلا لك أخى بالحكم

وعندى استفسار ... أين مكان كود تغيير حجم الخط ولونه

مع التحية

http://www.kollalarab.com//page.php?...&action =prog

www.kollalarab.com

بالحكم 13-04-2007 09:11 PM

الحمد لله أخى انك تفاديت الخطأ

ومبروووك عليك البلوك الجديد

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

والحمد لله شايفه شغال تمام الآن


بالنسبة لسؤالك فليس هناك مكان لتغيير الكود ولكنك تستطيع وضع اى استايل تريده بهذه الطريقة
عن طريق استخدامك للاستايلات





فالمعلّم عليه بالأصفر كود استايل يمكنك استبداله بالتالى"مع كل المراعاة للأقواس"
يعنى استبدل كل الجزء المعلم عليه فقط بالجزء التالى وغير فقط فى الكتابة
والتغيير طبعا سيكون فى ال7 روابط

كود:


"color: #003EF4 ; text-decoration: none ; font: 8pt 'MS Sans Serif'
"

الأحمر الأول خاص بحجم الخط بدون اقواس
الثانى خاص باسم الخط

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

أتمنى يكون وضح شرحى

واسعدنى جدا تطبيقك

وبالتوفيق

kollalarab 19-04-2007 01:57 PM

شكرا جزيلا لك على الاهتمام اخى بالحكم
www.kollalarab.com


جميع الأوقات بتوقيت مكة المكرمة. الساعة الآن » 01:06 AM.

Powered by vBulletin
Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.
Copyright © ArabWebTalk.Com 2004-2012