هاك المربعات المتحركه بالقلوب!!

شنصاوي · 09-10-2008, 03:11 صباحاً

السلام عليكم

جبيت انقل لكم هذا الكود بصراحه روعه وايد عجبني

أول خطوة ارفع الصورة المرفقة إلى مجلد الصور الخاص بالمنتدى vb/images

قم بالدخول إلى لوحة تحكم المنتدى >>> التحكم بالستايلات

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

CSS الرئيسي >>> أنزل آخر شي لعند "تعاريف CSS الإضافية/Additional CSS Definitions " أضف هذا الكود في نهاية القالب

.red{margin: 0px 0px 0px 0px;width:48;border: 2px solid #FF1515;cursor: pointer;font-family:MS Sans Serif; font-size:10px; vertical-align:middle; letter-spacing:0; color:#FF1515; padding-left:0; padding-right:0; padding-top:0; padding-bottom:0; background-color:#FFE3DF;background-image: url('images/color_bg.gif'); text-align:center;}.green{margin: 0px 0px 0px 0px;width:48;border: 2px solid #006600;cursor: pointer;font-family:MS Sans Serif; font-size:10px; vertical-align:middle; letter-spacing:0; color:#006600; padding-left:0; padding-right:0; padding-top:0; padding-bottom:0; background-color:#FFE3DF;background-image: url('images/color_bg.gif'); text-align:center;}.blue{margin: 0px 0px 0px 0px;width:48;border: 2px solid #0000FF;cursor: pointer;font-family:MS Sans Serif; font-size:10px; vertical-align:middle; letter-spacing:0; color:#0000FF; padding-left:0; padding-right:0; padding-top:0; padding-bottom:0; background-color:#FFE3DF;background-image: url('images/color_bg.gif'); text-align:center;}.gray{margin: 0px 0px 0px 0px;width:48;border: 2px solid #CCCCCC;cursor: pointer;font-family:MS Sans Serif; font-size:10px; vertical-align:middle; letter-spacing:0; color:#CCCCCC; padding-left:0; padding-right:0; padding-top:0; padding-bottom:0; background-color:#FFE3DF;background-image: url('images/color_bg.gif'); text-align:center;}.fushia{margin: 0px 0px 0px 0px;width:48;border: 2px solid #FF66CC;cursor: pointer;font-family:MS Sans Serif; font-size:10px; vertical-align:middle; letter-spacing:0; color:#FF66CC; padding-left:0; padding-right:0; padding-top:0; padding-bottom:0; background-color:#FFE3DF;background-image: url('images/color_bg.gif'); text-align:center;}.orang{margin: 0px 0px 0px 0px;width: 48;border: 2px solid #FF9900;cursor: pointer;font-family:MS Sans Serif; font-size:10px; vertical-align:middle; letter-spacing:0; color:#FF9900; padding-left:0; padding-right:0; padding-top:0; padding-bottom:0; background-color:#FFE3DF;background-image: url('images/color_bg.gif'); text-align:center}.teal{margin: 0px 0px 0px 0px;width: 48;border: 2px solid #008080;cursor: pointer;font-family:MS Sans Serif; font-size:10px; vertical-align:middle; letter-spacing:0; color:#008080; padding-left:0; padding-right:0; padding-top:0; padding-bottom:0; background-color:#FFE3DF;background-image: url('images/color_bg.gif'); text-align:center;}.brown{margin: 0px 0px 0px 0px;width: 48;border: 2px solid #BF0000;cursor: pointer;font-family:MS Sans Serif; font-size:10px; vertical-align:middle; letter-spacing:0; color:#BF0000; padding-left:0; padding-right:0; padding-top:0; padding-bottom:0; background-color:#FFE3DF;background-image: url('images/color_bg.gif'); text-align:center;}.pink{margin: 0px 0px 0px 0px;width: 48;border: 2px solid #CC33FF;cursor: pointer;font-family:MS Sans Serif; font-size:10px; vertical-align:middle; letter-spacing:0; color:#CC33FF; padding-left:0; padding-right:0; padding-top:0; padding-bottom:0; background-color:#FFE3DF;background-image: url('images/color_bg.gif'); text-align:center;}.black{margin: 0px 0px 0px 0px;width: 48;border: 2px solid #000000;cursor: pointer;font-family:MS Sans Serif; font-size:10px; vertical-align:middle; letter-spacing:0; color:#000000; padding-left:0; padding-right:0; padding-top:0; padding-bottom:0; background-color:#FFE3DF;background-image: url('images/color_bg.gif'); text-align:center;}.white{margin: 0px 0px 0px 0px;width: 48;border: 2px solid #ffffff;cursor: pointer;font-family:MS Sans Serif; font-size:10px; vertical-align:middle; letter-spacing:0; color:#ffffff; padding-left:0; padding-right:0; padding-top:0; padding-bottom:0; background-color:#FFE3DF;background-image: url('images/color_bg.gif'); text-align:center;}

وأعمل حفظ ,,, كرر العملية على باقي الستايلات

--------------------------------------------

ناتي لمجموعه الاعضاء:- ندخل على خصائص المجموعات

المربع الاول نضع (الايمن)

كود:

  <input type="text" name="T1" size="17" class="red" value="

المربع الثاني( الايسر)

كود:

  " readonly style="border-style:dotted; border-width:1px; width: 90">

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

red الاحمر

green اخضر

blue ازرق

gray = رمادي ,,,,

fushia = زهري ,,,,,

orang = برتغالي ,,,,

teal = اخضر فاتح ,,,

brown = بني ,,,,

pink = وردي ,,,,

black = أسود ,,,

white = أبيض

الصوره في المرفقات

تحياتي

منقول

صدى العرب · 09-10-2008, 09:45 صباحاً

مشكوور اخووي الله يعطيك الف عافية...

احـ///ـاس قلب · 09-10-2008, 02:18 مساءً

يسلموو اخي الفاضل

تحياتي الك

شنصاوي · 09-10-2008, 02:54 مساءً

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

منتديات مرسال الحب

ومشكورين على المرور اخواني : )

ADMIN · 09-10-2008, 06:41 مساءً

مشكور وبارك الله فيك اخوي

الفنان موادع · 09-10-2008, 07:08 مساءً

يسلمو على الطريقة الحلوة

شنصاوي · 09-11-2008, 12:21 صباحاً

مشكور سيدي ادمن والفنان موادع على المرور

::

الله يعطيكم العافيه

abtal4eslam · 09-12-2008, 11:57 مساءً

رائع جداً لكن تركيبه محتاج وقت

Kira Yamato · 09-18-2008, 12:50 صباحاً

مشكوور وجاري التطبيق ^_^

09-10-2008, 09:45 صباحاً	#2 (permalink)
صدى العرب عضو مستمر تاريخ التسجيل: Sep 2008 المشاركات: 67 معدل تقييم المستوى: 18	رد: هاك المربعات المتحركه بالقلوب!! مشكوور اخووي الله يعطيك الف عافية... من مواضيع صدى العرب في المنتدى عرض خطير لاصحآب الموآقع (ترقية نسخ منتديات)جدار ناري و هاكات ومولد خرائط وستايلات وسكربتات واجهة أحترافية من منتديات صدى العرب تصميمي مجانا ً ستايل جديد خاص للبيع بسعر مناسب +رؤية الستايل جاهز عروض {عيد الاضحى... بمنآسبة افتتآح استضافة ابن العرب مسآحة 600 ميقا تردد شهري 10000ميقا + دومين ب 290 ريال سعودي!! __________________ منتديات صدى العرب http://forum.y3y2.com __________________________________ اضف موقعكـ لاقوى دليل مواقع دليل صدى العرب واكسب بيج رانك لموقعك.... رابط الصفحة الرئيسية للدليل http://links.y3y2.com/ رابط اضافة موقعك مباشرة http://www.links.y3y2.com/newlink4.html للمراسلة او للتبادل الاعلاني او النصي الاميل التالي admin@y3y2.com

09-10-2008, 02:18 مساءً	#3 (permalink)
احـ///ـاس قلب عضو جديد تاريخ التسجيل: Jul 2008 المشاركات: 8 معدل تقييم المستوى: 13	رد: هاك المربعات المتحركه بالقلوب!! يسلموو اخي الفاضل تحياتي الك من مواضيع احـ///ـاس قلب في المنتدى الاقتباس بشكل وتعديل راائع __________________ منتديات احساس قلب www.e7sas-galb.com/vb للتواصل على الاميل nader89@live.com تحياتي للجميع

09-10-2008, 02:54 مساءً	#4 (permalink)
شنصاوي عضو فعــال تاريخ التسجيل: Jul 2008 المشاركات: 157 معدل تقييم المستوى: 28	رد: هاك المربعات المتحركه بالقلوب!! طبعا نسيت احط لكم مثال على العمل المثال على منتداي منتديات مرسال الحب ومشكورين على المرور اخواني : ) من مواضيع شنصاوي في المنتدى مشكله في الصندوق الماسي نشر المنتدى في العم جوجل كيفية ازالة الصوره عند التسجيل مشكله بسيط كيفية اعطار مراقب على قسم طلب كيفية عمل بريد الكتروني خاص للموقع

09-10-2008, 06:41 مساءً	#5 (permalink)
ADMIN .::+: Gulf Son :+::. تاريخ التسجيل: May 2005 الدولة: بلاد الخليج المشاركات: 53,991 معدل تقييم المستوى: 53	رد: هاك المربعات المتحركه بالقلوب!! مشكور وبارك الله فيك اخوي من مواضيع ADMIN في المنتدى شرح ارسال رسالة الى عدة مستلمين بطريقة مخفية Bcc درس عمل لوحة تحتوي على سحابه وشمس كارل ماركس مؤسس الفلسفة الماركسية بنغالي يبتز مواطنه سعوديه سيدنا جبريل عليه السلام __________________ يقول الامام مالك رحمه الله: إنما هؤلاء أقوام أرادوا القدح في النبي صلى الله عليه وسلم فلم يمكنهم ذلك، فقدحوا في أصحابه حتى يقال رجل سوء ولو كان رجلاً صالحاً لكان أصحابه صالحين. وقال أبو الوفا بن عقيل رحمه الله: انظر كيف اختار لمرضه بيت البنت، واختار لموضعه من الصلاة الأب، فما هذه الغفلة المستحوذة على قلوب الرافضة عن هذا الفضل والمنزلة التي لا تكاد تخفى عن البهيم فضلا عن الناطق. وحيد القرن، كسرنا قرنه، ودككنا حصنه، وهدمنا برجه، فخرج يتبختر بعتاده مزهواً بعدده ففللنا حدّه، وقتلنا جنده، وفرقنا صحبه، والفضل لله وحده ولئن أبيد أبناء دولة الإسلام عن بكرة أبيهم خيرٌ لهم من أن يحكمهم رافضيٌّ خبيث أو أن تستظلّ بغداد برايات الصفويين يوما واحداً.

09-10-2008, 07:08 مساءً	#6 (permalink)
الفنان موادع :: عضو شرف :: تاريخ التسجيل: Feb 2007 الدولة: فْيَ قٌٍلبٌَِ مًحٍّبٌَِوٍبٌَِتُِِّْيَ العمر: 34 المشاركات: 6,729 معدل تقييم المستوى: 259476	رد: هاك المربعات المتحركه بالقلوب!! يسلمو على الطريقة الحلوة من مواضيع الفنان موادع في المنتدى هاك أذكار الصباح والمساء (بالحديث والسند والرواية والمرجع) سكريبت عقارات مدفوع لكم مجانا ايقونات جميله لأصحاب المواقع شرح بالصور طريقة اضافه الايقونات الخاصه بالمشاركه مع مثال حصري لأبن الخليج للبيع دومين ثلاثي __________________ وعدنا اليكم من جديد بعد انقطاع طويل

09-11-2008, 12:21 صباحاً	#7 (permalink)
شنصاوي عضو فعــال تاريخ التسجيل: Jul 2008 المشاركات: 157 معدل تقييم المستوى: 28	رد: هاك المربعات المتحركه بالقلوب!! مشكور سيدي ادمن والفنان موادع على المرور :: الله يعطيكم العافيه من مواضيع شنصاوي في المنتدى ستايل رمضان 2010 - بأللوان خياليه - ورمضان كريم نشر المنتدى في العم جوجل ممكن سكربت مترجم جوجل ؟؟ مشكله بسيط كيفية اعطار مراقب على قسم طلب عمل بنر لعيد الفطر __________________ منتديات مرسال الحب عالم حواء توبيكات مرسال الحب العاب للبنات فقط اروع الصور هنا

09-12-2008, 11:57 مساءً	#8 (permalink)
abtal4eslam عضــو تاريخ التسجيل: Aug 2008 المشاركات: 43 معدل تقييم المستوى: 17	رد: هاك المربعات المتحركه بالقلوب!! رائع جداً لكن تركيبه محتاج وقت من مواضيع abtal4eslam في المنتدى مشكلة فى إستيراد ملف اللغة خلل فى لوحة التحكم كيف أصنع صفحة مثل هذه لا أستطيع دخول لوحة التحكم هاك زوارنا جاءواعن طريق

09-18-2008, 12:50 صباحاً	#9 (permalink)
Kira Yamato عضو جديد تاريخ التسجيل: Sep 2008 الدولة: قــلــعة الانمي العمر: 20 المشاركات: 5 معدل تقييم المستوى: 12	رد: هاك المربعات المتحركه بالقلوب!! مشكوور وجاري التطبيق ^_^ من مواضيع Kira Yamato في المنتدى __________________ اهلا وسهلا بكم في منتديات قلعة الانمي

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

المواضيع المتشابهه
الموضوع	كاتب الموضوع	المنتدى	مشاركات	آخر مشاركة
درس الكتابه المتحركه	ADMIN	دروس ايميج ريدي Adobe ImageReady	14	08-17-2008 05:39 صباحاً
ممكن المربعات المتحركه	ماجد الكناني	مشاكل وحلول الـ مواقع	2	12-10-2007 04:57 مساءً
ممكن المربعات المتحركه	ماجد الكناني	مشاكل وحلول الـ مواقع	0	12-10-2007 04:09 مساءً
درس القلوب المتحركه	ADMIN	دروس ايميج ريدي Adobe ImageReady	4	10-13-2007 03:02 مساءً

هاك المربعات المتحركه بالقلوب!!

منتديات شبكة ابن الخليج