تكتك مع انفنيتى بالحكم

بالحكم · #1 15-04-2007, 04:24 AM

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

وسط المبدعين لابد أن يتولّد الشئ القليل من التكتكة والتفكير فى تقديم الجديد

وماشاء الله أصحاب ومبرمجى ومصممى وعملاء انفنيتى كلهم ابداع

فتقبّلوا هذه التكتكات البسيطة منّا

تكتة رقم1

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

فكرنا فى حلول مؤقّتة لحين انشائها

أول حل لدليل مثل المواقع

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

ستجدونه فى بلوكات اليسار بعنوان

مواقع مفيدة

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

http://www.balhakm.org/

تكتكة رقم 2

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

طبعاً
تكتكات ليست مثل تكتكات مبدعى انفنيتى

ولكـــــــــــــــــن

ما زلنا نتعلّم منكم كل يوم

فشكرى وتقديرى وامتنانى

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

دمتم فى حفظ الرحمن

ملحوظة للتأكيد
المرفق هو لقائمة المواقع المنسدلة

wafei · #2 15-04-2007, 07:07 AM

يسعد صباحك بالحكم

وألف شكر لماتقدمه لأخوانك من معلومات
جعلها الله في موازين حسناتك

الف شكر

بالحكم · #3 15-04-2007, 11:21 AM

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

تمّ التعديل قليلا على حجم خانات الجدول والخط

وأرفقت التعديل لكم فى المرفقات

وهو واضح هنا

http://www.balhakm.org/

لمن فعّل البلوك فقط سيمسح الكود القديم وينسخ مكانه الجديد

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

بالتوفيق

بالحكم · #4 15-04-2007, 11:23 AM

أخى wafie

يسعد صباحك ويومك يا رب

وأشكرررررك جدااااااااا على مرورك الجميل والدعاء

دمت فى حفظ الرحمن

م.محمد عبدالله · #5 15-04-2007, 12:47 PM

بالحكم

شكلنا بنلعب انا وانت على النهائي

رايد الثمالي · #6 15-04-2007, 12:56 PM

اقول والله بالحكم لياقته ماشاء الله جيدة
وفعلا تكتكه جيدة وممتازة

الله يعينكم على التحكيم معاااااااي

الفنون · #7 15-04-2007, 02:13 PM

اخي بالحكم

ممتاز وفقك الله

لكن بغيت البلوك اخر الصور المضافه الذي عندك في الموقع

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

بالحكم · #8 15-04-2007, 03:46 PM

م /محمّد

الأخ الكريم رايد

يعطيكم الف عافية على التشجيع الجميل والمرور الأجمل

وأنّى أنا من النهائى

فالمباراة محسومة لصااااالح أخى محمّد

يا دوووووب بنخطّى

ونتعلّم منكم

ألف شكر لكما

بالحكم · #9 15-04-2007, 03:49 PM

إقتباس:

اقتباس من مشاركة الفنون

	اخي بالحكم ممتاز وفقك الله لكن بغيت البلوك اخر الصور المضافه الذي عندك في الموقع تسلمون يامبدعين

تسلم أنت أخى على اهتمامك ومرورك

وبالنسبة لبلوك جديد الصور والبطاقات

فهى ابداعاااااااات الأخ الفاضل محمّد عبد الله

وستجدها فى موضوع مثبّت للانطلاق بانفنيتى

بس أربط الحزاااااااام كويّس واستعدّ للإقلااااااااع

بالحكم · #10 15-04-2007, 04:05 PM

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

ان شاء الله اشرح لكم الكود بالتفصيل

فهو عبارة عن جزئين جزء ستجدونه فى الهيد

بين <head> </head>

وهذا سنضع فيه كل بيانات القوائم المنزلقة التى تظهر فقط بالوقوف على الرابط

وجزء آخر ستجدونه فى البودى

بين <body>
</body>

وهذا سنضع به المعلومات الخاصة بالجدول فى الذى يظهر فى الواجهة

ونبدأ أولا بكود الجافا سكربت فى البودى الخاص بالجدول الرئيسى بالواجهة

الجزء من الكود الخاص بوضع عنوان لمجموعة المواقع
مثل مواقع اسلامية
مواقع تعليم الانجليزية الخ
الذى يظهر فى الواجهة

ستجدونه فى ال <body> مكرر بعدد خانات جدول الواجهة هنا مكرر 4 مرات

كود:

<table>
<td>
<p>
<p>
<table border=0 width=140 bgcolor=ccccff cellspacing="1" style="border-collapse: collapse; border: 1px solid #0099ff">
<td>
<center>
<B>
<a href="#" onMouseover="showmenu(event,linkset[0], '180px')" onMouseout="delayhidemenu()"> مواقع اسلاميّة </a>
</center>
</td>
</table>

المعلّم باللون الأحمر
خاص بتغيير عرض الجدول ولكن هذا العر مناسب لعرض البلوك اليمين واليسار

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

الأخضر طبعا هى الكتابة التى ستظهر فى الجدول الرئيسى

الروز هو لون حدود هذه الخانة من الجدول

وهكذا بالتعديل فى كل كود
وتكرار هذا الكود عدد المرّات المرغوب فيها

ستحصل على الجدول بعدد الخانات والألوان التى تحب

ويتبقّى لنا شرح القوائم المنسدلة ان شاء الله انتظرونا

بالحكم · #11 15-04-2007, 04:24 PM

الجزء الخاص بالقوائم المنسدلة

موجود فى الهيد

والهيد به كودين

أحدهما كود استايل سى اس اس

خاص بالتحكّم فى الألوان والكتابة بالقوائم المنسدلة كلها

والثانى كود جافا اسكربت خاص بتغغير الروابط للروابط التى تريدها

هكذاااااااااااااااااااااا اا

<head>

<style type="text/css">

كود:

 
#popitmenu{
position: absolute;
background-color: #ffccff;
border:1px solid violet;
font: normal 12px Verdana;
line-height: 18px;
z-index: 100;
visibility: hidden;
}

#popitmenu a{
text-decoration: none;
padding-left: 6px;
color: #6600cc ;
display: block;
}

#popitmenu a:hover{ /*hover background color*/
background-color: #66ccff;
}

</style>

هذا كود الاستايل
بالأحمر سنغيّر لون خلفية القوائم كلها
بالأزرق سنختار لون حدود القائمة المنسدلة
بالروز نوع خطّ الكتابة وحجمها للروابط

بالأخضر فى الجزء الثانى مسؤول عن لون كتابة الروابط

واللبنى فى اسفل جزء المسؤول عن تغيير لون البار المتحرّك على الروابط

ولم يتبق غير تغيير الروابط

ان شاء الله فى المحطّة الجااااايّة

بالحكم · #12 15-04-2007, 04:40 PM

هناك ملاحظة مهمّة جدّاااااااا فى شرح أول كود فى المشاركة رقم 10

وهى الترقيم من خلال تغيير هذا الرقم الى عدّ عادى 1 2 3 4

من خلال تغيير الرقم بالأحمر

onMouseover="showmenu(event,linkset[1], '180px')

بحسب ترتيب قوائم الجدول

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

سنجد به هذه القوائم من كل ترقيم

كود:

linkset[0]='<a  target=_blank  href="http://www.balhakm.net/ramazan.htm">زوايا رمضانية_بالحكم</a>'
linkset[0]+='<hr>' //Optional Separator

linkset[0]+='<a target=_blank  href="http://www.islamway.com/">موقع طريق الاسلام  </a>'
linkset[0]+='<hr>'
linkset[0]+='<a target=_blank href="http://www.emanway.com/index.php"> موقع طريق الايمان </a>'
linkset[0]+='<hr>'
linkset[0]+='<a target=_blank href="http://www.alsalafway.com/main/index.php"> شبكة طريق السلف</a>'
linkset[0]+='<hr>'
linkset[0]+='<a target=_blank href="http://www.muslmh.com/">شبكة أنا مسلمة</a>'

linkset[0]+='<hr>'
linkset[0]+='<a target=_blank href="http://www.islamonline.net/english/index.shtml">موقع اسلام أونلاين</a>'

linkset[0]+='<hr>'
linkset[0]+='<a target=_blank href="http://www.twbh.com/">شبكة طريق التوبة </a>'

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

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

لاحظ جيّدا أن أول رابط دائما فى المكان المعلّم عليه بالأحمر

لا يوجد علامة+ بجانب ال= ولكنها موجودة فيما بعد

وبالتالى اذا اردت زيادة عدد الروابط
كل ما عليك هو وضع اكواد زيادة
مثل هذا

كود:

linkset[0]+='<a target=_blank href="http://www.muslmh.com/">شبكة أنا مسلمة</a>'

linkset[0]+='<hr>'

سيضيف رابط ويضع خط

وطبعا نلاحظ الترقيم فى القائمة الفرعية فكل القوائم المنبثقة من العنوان رقم 0 فى كودها نرقّم 0

والأخرى سنرقمّ 1 & 2 & 3

وهكذا

أعتقد الكود كلّه اصبح واضح

ويمكنكم بكل بساطة تغيير الروابط فقط واسماء خانات الجدول

وتتركوه بنفس تنسيقه

أو حتى تضعوه كما هو

إن أردتم توفير الوقت

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

ونراكم على خير

أميرة · #13 20-04-2007, 03:56 PM

ماشاء الله عليك يابالحكم مبدع

بصراحه ماعرف اسوي شي من اللي حطيته.. لاني مافهمت شي لوووولـ

بس انا ابيك تعلمني كيف احط الالعاب مثل اللي عندك بموقعك

وياليت تشرحلي خطوه خطوه لاني ماعرف شي.. توي اتعلم ماني خبيره

وشكرااا

بالحكم · #14 24-04-2007, 02:49 AM

يا هلا بيكى أخت اميرة معنا

ومشكورة على تقديرك ومرورك

بالنسبة للألعاب فهى عبارة عن صفحة مصممة بالفرونت بيج

كل صورة مرتبطة برابط فلاش اللعبة مباشرة

هذه فكرتها

وان شاء الله قريبا سوف نقدّم لكم صفحة ألعاب هدية

هذا بالنسبة لنا

وبالنسبة لأبعاد

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

دمتى بكل خير

شبكة نجم سهيل · #15 09-06-2007, 04:59 PM

دائماً تبهرنا بالحكم
بارك الله فيك

خلفان · #16 14-09-2007, 04:04 PM

شكرآ لك علي المجهود