اسرار لعبة gta san andreas ps2

الأسلحة1
- أر 1 - أر 2 - إل 1 - أر -2يسار - أسفل - يمين - أعلى - يسار - أسفل - يمين - أعلى



الأسلحة2
- أر 1 - أر 2 - إل 1 - أر 2يسار - أسفل - يمين - أعلى - يسار - أسفل - أسفل - يسار




الأسلحة3
- أر 1 - أر 2 - إل 1 - أر 2يسار - أسفل - يمين - أعلى - يسار - أسفل - أسفل - أسفل




سيف النينجا
اكس - اكس - أسفل أر 2- إل 2- دائرة- أر 1- دائرة مربع




5 - 250 - 000+حياة+درع
أر 1 - أر 2 - إل 1 - اكس - يسار - أسفل - يمين - أعلى - يسار - أسفل - يمين - أعلى




6 - انخفاض مستوى الشرطة
- أر 1 - أر 1دائرة - أر 2 - أعلى - أسفل - أعلى - أسفل - أعلى - أسفل




7 - ارتفاع مستوى الشرطة
- أر 1 - أر 1دائرة - أر 2 - يمين - يسار - يمين - يسار - يمين - يسار




8 - الانتحار
يمين - - إل 2 أسفل - أر 1 - يسار - يسار - أر 1 - إل 1 - إل 2 - إل 1




9 - قفزة عالية
أعلى - أعلى - مثلث - مثلث - أعلى - أعلى - يسار - يمين - مربع - أر 2 - أر 2




10 - عضلات كاملة
مثلث - أعلى - أعلى - يسار - يمين - مربع - دائرة - يسار




11 - سمنة كاملة
مثلث - أعلى - أعلى - يسار - يمين - مربع - دائرة - أسفل




12 - ضعيف
مثلث - أعلى - أعلى - يسار - يمين - مربع - دائرة - يمين




13 - اللكمة الخارقة
أعلى - يسار - اكس - مثلث - أر 1 - دائرة - دائرة - دائرة - إل 2




14 - غوص لا نهائي
أسفل - يسار - إل 1 - أسفل - أسفل - أر 2 - أسفل - إل 2 - أسفل




15 - ارتفاع مستوى الشرطة إلى 6 نجوم
دائرة - يمين - دائرة - يمين - يسار - مربع - اكس أسفل




16 - جميع المهارات كاملة أو مهارات السيارة كاملة
مربع - إل 2 - اكس - أر 1 - إل 2 - إل 2 - يسار - أر 1 - يمين - إل 1 - إل 1 - إل 1




17 - مهارات الأسلحة كاملة
أسفل - مربع - اكس - يسار - أر 1 - أر 2 - يسار - أسفل - أسفل - إل 1 - إل 1 - إل 1




18 - الاحترام كامل
- إل 1 - أر 1مثلث - أسفل - أر 2 - اكس - إل 1 - أعلى - إل 2 - إل 2 - إل 1 - إل 1




20 - رصاص الأسلحة لا ينتهي
- إل 1 - أر 1مربع - أر 1 - يسار - أر 2 - أر 1 - يسار - مربع - أسفل - إل 1 - إل 1




21 - لا تجوع أبداً
مربع - إل 2 - أر 1 - مثلث - أعلى - مربع - - إل 2 أعلى - اكس




22 - حياة لا تنتهي
أسفل - اكس - يمين - يسار - يمين - أر 1 - يمين - أسفل - أعلى - مثلث





السيارات

23 - دبابة
دائرة - دائرة - إل 1 - دائرة - دائرة - دائرة - - إل 1 - إل 2 - أر 1 - مثلث - دائرة - مثلث





24 - جيب صغير
أعلى - يمين - يمين - إل 1 - يمين - أعلى - مربع - إل 2




25 - سيارة مدرعة
أسفل - أر 1 - دائرة - إل 2 - إل 2 - اكس - أر 1 - إل 1 - يسار - يسار




26 - سيارة جولف
دائرة - إل 1 - أعلى - أر 1 - إل 2 - اكس - أر 1 - إل 1 - دائرة - اكس




27 - سيارة طويلة
أر 2 أعلى - إل 2 - يسار - يسار - أر 1 - إل 1 - دائرة - يمين




28 - سيارة الجنائز
أسفل - أر 2 - أسفل - أر 1 - إل 2 - يسار - أر 1 - إل 1 - يسار - يمين




29 - سيارة القمامة
دائرة - أر 1 - دائرة - أر 1 - يسار - يسار - أر 1 - إل 1 - دائرة - يمين





30 - السيارات خضراء
يمين - أر 1 - أعلى - إل 2 - إل 2 - يسار - أر 1 - إل 1 - أر 1 - أر 1




31 - الأنبوبة النفاثة
يسار - يمين - إل 1 - إل 2 - أر 1 - أر 2 - أعلى - أسفل - يسار - يمين إل 1 - إل 2 - أر 1 - أر 2 - أعلى - أسفل




32 - سيارة سباق 1
- أر 1 - دائرة - أر 2 - يمين - إل 1 - إل 2 - اكس (2) - مربع - أر 1




33 - سيارة سباق 2
أر 2 - إل 1 - - دائرة - يمين - إل 1 - أر 1 - يمين - أعلى - دائرة - أر 2




34 - جيب الوحش
يمين - أعلى - أر 1 - أر 1 - أر 1 - أسفل - مثلث - مثلث - اكس - دائرة - إل 1 - إل 1



35 - طيارة صغيرة
دائرة - أعلى - إل 1 - إل 2 - أسفل - أر 1 - إل 1 - إل 1 - يسار - يسار - اكس - مثلث



36 - القارب البرمائي (يمشي على الماء واليابس)
مثلث - مثلث - مربع - دائرة - اكس - إل 1 - إل 2 - أسفل - أسفل




37 - الطيارة الحربية
مثلث - مثلث - مربع - دائرة - اكس - إل 1 - إل 1 - أسفل - أعلى




38 - دباب بأربع كفرات
يسار - يسار - أسفل - أسفل - أعلى - أعلى - مربع - دائرة - مثلث - أر 1 - أر 2




39 - الحرّاثة
أر 2 - إل 1 - إل 1 - يمين - يمين - أعلى - أعلى - اكس - إل 1 - يسار




40 - طيارة الأباتشي
دائرة - اكس - إل 1 - دائرة - دائرة - إل 1 - دائرة - أر 1 - أر 2 - إل 2 - إل 1 - إل 1



41 - شاحنة كبير
أر 1أعلى - يسار - يمين - أر 2 - أعلى - يمين - مربع - يمين - إل 2 - إل 1 - إل 1




42 - البرشوت
يسار - يمين - إل 1 - إل 2 - أر 1 - أر 2 - أر 2 - أعلى - أسفل - يمين - إل 1



43 - سائقين متهورين
أر 2دائرة - أر 1 - إل 2 – يسار- أر 1 - إل 1 - أر 2 - إل 2




44 - السيارات لونها اسود
دائرة - إل 2 - أعلى - أر 1 - يسار - اكس - أر 1 - إل 1 - يسار - دائرة




45 - تفجير السيارات
- أر 2 - إل 2 - أر 1 - إل 1 - إل 2 - أر 2مربع - مثلث - دائرة - مثلث - إل 2 - إل 1




46 - السيارات تمشي على الماء
يمين - أر 2 - دائرة - أر 1 - إل 2 - مربع - أر 1 - أر 2




47 - القفز بالسيارة
مثلث - أر 1 - أر 1 - يسار - أر 1 - إل 1 - أر 2 - إل 1




48 - السيارات سريعة
يمين - أر 1 - أعلى - إل 2 - إل 2 - يسار - أر 1 - إل 1 - أر 1 - أر 1




49 - السيارات لونها وردي
دائرة - إل 1 - أسفل - إل 2 - يسار - اكس - أر 1 - إل 1 - يمين - دائرة




50 - القوارب تطير
أر 2 - دائرة - أعلى - إل 1 - يمين - أر 1 - يمين - أعلى - مربع - مثلث




51 - إذا صدمت سيارة تطير
مربع - أر 2 - أسفل - أسفل - يسار - أسفل - يسار - يسار - إل 2 - اكس





52- السيارات تختفي
مثلث -إل 1 - مثلث- أر 2 - مربع - إل 1 - إل 1




53 - قفزة عالية بالدراجة
مثلث - مربع - دائرة - دائرة - مربع - دائرة - دائرة - إل 1 - إل 2 - إل 2 - أر 1 - أر 2




54 - إذا لمست أي سيارة تنفجر
إل 1 - إل 2 - إل 2 - - أعلى - أسفل - أسفل - أعلى - أر 1 - أر 2 - أر 2




55 - السيارات تطير
مربع - أسفل - إل 2 أعلى - إل 1 - دائرة - أعلى - اكس - يسار




56 - السيارات رائعة)رياضية)
أعلى - إل 1 - أر 1 - أعلى - يمين - أعلى - اكس - إل 2 - اكس - إل 1




57 - تطلق النار وأنت في السيارة من جميع الجهات
أعلى - أعلى - مربع - إل 2 - يمين - اكس - أر 1 - أسفل - أر 2 - دائرة





58 - السيارات قديمة وريفية
- إل 1 - إل 1 - أر 1 - أر 1 - إل 2 - إل 1 - أر 2أسفل - يسار - أعلى




59 - جميع السيارات لها نيترو
يسار - مثلث - أر 1 - إل 1 - أعلى - مربع - مثلث - أسفل - دائرة - إل 2 - إل 1 - إل 1




60 - يوجد في التكاسي نيترو
أعلى - اكس - مثلث - اكس - مثلث - اكس - مربع - أر 2 - يمين




61 - السيارات ريفية
مثلث - يسار - مربع - - أر 2 أعلى - إل 2 أسفل - إل 1 - اكس - إل 1 - إل 1 - إل 1




62 - السيارات قديمة
إل 2 - يمين - إل 1 أعلى - اكس - إل 1 - إل 2 - أر 2 - أر 1 - إل 1 - إل 1 - إل 1




الطقس



63 - صباح
- أر 2 - اكس - - إل 1 - إل 1 - إل 2 - إل 2 - إل 2 مربع




64 - مغرب
- أر 2 - اكس - - إل 1 - إل 1 - إل 2 - إل 2 - إل 2 أسفل




65 - مساء

- أر 2 - اكس - - إل 1 - إل 1 - إل 2 - إل 2 - إل 2 مثلث




66 - مطر

- أر 2 - اكس - - إل 1 - إل 1 - إل 2 - إل 2 - إل 2 دائرة




67 - ضباب

- أر 2 - اكس - - إل 1 - إل 1 - إل 2 - إل 2 - إل 2 اكس




68 - جو رائع

أر 2اكس - إل 1 - إل 1 - إل 2 - إل 2 - إل 2 مربع




69 - جو برتقالي

يسار - يسار - إل 2 - أر 1 - يمين - مربع - مربع - إل 1 - إل 2 - اكس





70 - عاصفة رملية

أعلى - أسفل - إل 1 - إل 1 - إل 2 - إل 2 - إل 1 - إل 2 - أر 1 - أر 2




71 - جو صافي

- إل 2 - أسفل - أسفل - يسار - مربع - يسار - أر 2 مربع - اكس - أر 1 - إل 1 - إل 1




72 - الجو دائماً ليلاً

مربع - إل 1 - أر 1 - يمين - اكس - أعلى - - إل 1 - يسار - يسار





أسرار أخرى



73 - الناس يضربونك
لا يمكن إطفائها أسفل - أعلى - أعلى - أعلى - اكس - أر 2 - أر 1 - إل 2 - إل 2




74 - الناس يتضاربون

لا يمكن إطفائها أسفل - يسار - أعلى - يسار - اكس - أر 2 - أر 1 - إل 2 - إل 1




75 - الناس يملكون أسلحة
- أر 2 - أر 1 - اكس - مثلث - اكس - مثلث - أعلى - أسفل




76 - اللعب سريع
مثلث - أعلى - يمين - أسفل - إل 2 - إل 1 مربع




77 - اللعب بطيء

مثلث - أعلى - يمين - أسفل - مربع - أر 2 - أر 1




78 - الساعة سريعة

دائرة - دائرة - إل 1 مربع إل 1 - مربع - مربع - مربع -إل 1 - مثلث- دائرة - مثلث





79 - العصابات منتشرة (لا شرطة ولا ناس(

- إل 2 أعلى - أر 1 - أر 1 - يسار - أر 1 - أر 1 - أر 2 - يمين - أسفل




80 - اذهب للجحيم - لا يوجد أحد في العالم سواك

اكس - أسفل - أعلى - - أر 2 أسفل - مثلث - إل 1 - مثلث- يسار




81 - العالم الغريب

مثلث - مثلث - إل 1 - مربع - مربع - دائرة - مربع - أسفل - دائرة




82 - سكران

اكس - اكس - مربع - أر 1 - إل 1 - اكس - أسفل - يسار - اكس




83 - لتجعل أي واحد معك

أسفل - مربع - أعلى - أر 2 - أر 2 أعلى - يمين - يمين - أعلى




84 - العالم المنحرف

مربع - يمين - مربع - مربع - - إل 2 اكس - مثلث - اكس - مثلث




87 - الشرطة لا تقبض عليك

دائرة - يمين - دائرة - يمين - يسار - مربع - مثلث - أعلى




88 - كل مراحل التفجير منتهبة

يمين إل 2 - إل 2 - أسفل - إل 2 أعلى - أعلى - إل 2 - أر 2





89 - الناس لابسين ملابس المهرجين
مثلث - مثلث - - إل 1 - مربع - مربع - دائرة - مربع - أسفل - دائرة




90 - الناس لابسين ملابس البحر

أعلى - أعلى - أسفل - أسفل - مربع - دائرة - إل 1 - أر 1 - مثلث - أسفل




91 - الناس يشبهون إلفيس

- إل 1 - دائرة - مثلث - إل 1- إل 1مربع - إل 2 - أعلى - أسفل - يسار




92 - الفوضى في العالم

إل 2 - يمين - إل 1 - مثلث - يمين - يمين - أر 1 - إل 1 - يمين - إل 1 - إل 1 - إل 1




93 - الناس يطلقون عليك النار

اكس - - إل 1 - أعلى - مربع - أسفل - اكس - إل 2 - مثلث - أسفل - أر 1 - إل 1 - إل 1




95 - الإشارات جميعها خضراء

يسار - - أر 1 - إل 1 - أر 1 - أر 1يمين - أر 1 - أعلى - إل 2 - إل 2



96 - العصابات والعمال فقط

يسار - يمين - يمين - يمين - يسار - اكس - أسفل - أعلى - مربع - يمين




97 - طور الأدرينالين

اكس - اكس - مربع - أر 1 - إل 1 - اكس - أسفل - يسار - اكس




98 - كل مراحل التاكسي منتهية

أعلى - يسار - يسار - أسفل - دائرة - مربع - إل 1 - إل 1 - إل 2 - أر 1 - أر 2




99 - خلاء المدن من السيارات
إل 1 - إل 1 - أر 1 - أر 1 - إل 2 - إل 1 - أر 2 - أسفل - يسار - أعلى

اقرء المزيد

اسرار لعبة gta san andreas

LXGIWYL     أسلحة من المستوى الأول
KJKSZPJ     أسلحة من المستوى الثانى
UZUMYMW     أسلحة من المستوى الثالث
HESOYAM     صحة كاملة و درع و 250 ألف دولار
OSRBLHH     الشرطة تلاحقك بنجمتين
ASNAEB     الشرطة تتوقف عن ملاحقتك
AFZLLQLL     طقس مشمس
ICIKPYH     طقس مشمس جدا
ALNSFMZO     طقس عتم
AUIFRVQS     طقس ممطر
CFVFGMJ     طقس ضبابى
YSOHNUL     ساعة اللعبة سريعة
PPGWJHT     اللعبة أسرع
LIYOAAY     اللعبة بطيئة
AJLOJYQY     المارة يصارعون بعضهم
BAGOWPG     توجد مكافأة للنيل منك فى اللعبة
FOOOXFT     الجميع يحمل السلاح
AIWPRTON     مركبة Rhino
CQZIJMB     مركبة Bloodring Banger
JQNTDMH     مركبة Rancher
PDNEJOH     مركبة Racecar
VPJTQWV     مركبة Racecar
AQTBCODX     مركبة Romero
KRIJEBR     مركبة Stretch
UBHYZHQ     مركبة Trashmaster
RZHSUEW     مركبة Caddy
CPKTNWT     تفجير جميع السيارات فى اللعبة
XICWMD     السيارات غير مرئية
PGGOMOY     قيادة أفضل للسيارات
SZCMAWO     انتحار
ZEIIVG     جميع الاشارات خضراء
YLTEICZ     السائقين عنيفين
LLQPFBN     الاشارة وردية اللون
IOWDLAC     الاشارة سوداء اللون
AFSNMSMW     المراكب تطير
BTCDBCB     زيادة فى وزن الشخصية
QWIOPKB     شخصية اللاعب بعضلات ضخمة
KVGYZQK     شخصية نحيلة
ASBHGRB     النجم الشهير Elvis فى كل مكان
BGLUAWML     المارة يهاجموك بالأسلحة و قاذفات الصواريخ
CIKGCGX     حفلة شاطىء
MROEMZH     العصابات فى كل مكان
MROEMZH     العصابات تسيطر على الشارع
AFPHULTL     ملابس نينجا
BEKKNQV     النساء تلاحقك فى كل مكان
BGKGTJH     السيارات فى الشارع رخيصة
GUSNHDE     السيارات فى الشارع سيارات سباق فقط
RIPAZHA     السيارات تطير
JUMPJET     طائرة Hydra
KGGGDKP     مركبة Vortex Hovercraft
COXEFGU     جميع السيارات بها نيترو لزيادة السرعة
BSXSGGC     السيارت تطير عند الاصطدام بها
XJVSNAJ     دائما فى منتصف الليل
OFVIAC     السماء برتقالية
MGHXYRM     عاصفة رعدية
CWJXUOC     عاصفة رملية
LFGMHAL     قفزة كبيرة
BAGUVIX     صحة مكتملة
CVWKXAM     الأوكسجين لا ينفذ فى الماء و الغطس بدون غرق
AIYPWZQP     إعطاء مظلة باراشوت
YECGAA     إعطاء مظلة صاروخية Jetpack
AEZAKMI     الشرطة لا تلاحقك أبدا
LJSPQK     الشرطة تلاحقك بشكل كامل 6 نجوم
IAVENJQ     لكمات قوية
AEDUWNV     الشخصية لا تجوع أبدا
IOJUFZN     حالة غضب فى شوارع اللعبة
MUNASEF     حالة أدرينالين
WANRLTW     الذخيرة لا تنفذ
OUIQDMW     إصابة الأهداف بشكل حر أثناء القيادة
THGLOJ     تقليل السيارات فى الشارع
FVTMNBZ     السيارات فى الشارع ريفية
SJMAHPE     إعطاء الجميع مسدس 9 ميللى
BMTPWHR     سيارات و ملابس ريفية
ZSOXFSQ     إعطاء الجميع قاذفات صواريخ
OGXSDAG     إحترام كامل
VKYPQCF     جميع التاكسى به نيترو لتسريع السيارة
OHDUDE     مركبة Hunter
AKJJYGLC     مركبة Quad
AMOMHRER     مركبة Tanker Truck
EEGCYXTz     مركبة Dozer
URKQSRK     مركبة Stunt Plane
AGBDLCID     مركبة Monster
IFIRSTDOZ     الشرطة لا تلاحقك أبدا
CAINEMVHZC     صحة كاملة إلا فى حالة الانفجار أو السقوط من أعلى
allcarsgoboom     جميع السيارات تنفجر
PAINTITBLACK     سيارات سوداء
RLMJHSC     السيارات تسير على الماء
DEATHGUN     إعطاء رشاش آلى
GIVEMESOMELIFE     صحة مكتملة
GROVELIFE     عصابات حولك
GOONOUJ     موتوسيكل سباق PCG600
DIRTBIKEZ     مركبة Sanchez
IMTOFULL     سد جوع الشخصية فى اللعبة
BUSTEDLIFE     الشرطة فى كل مكان
BURNINGDESIRE     رجال المطافى فى كل مكان

اقرء المزيد

اسرار لعبة empire earth

 empire earth
Creatine تحصل على 1000 من الحديد

you said wood تحصل على 1000 من الخشب

rock&roll تحصل على 1000 من الخشب

Atm تحصل على 1000 من الذهب

boston food sucks الحصول على 1000 من الطعام

my name is methos الحصول على جميع الموارد و فتح الخريطة

ahhhcool تخسر اللعبة

somebody set up the bomb تربح اللعبة

display cheat إظهار كل الأسرار

coffee train دم كامل لكل الجنود

brainstorm بناء سريع

asus drivers فتح الخريطة

i have the power الطاقة أو السحر ترتفع للنهاية

Columbus تظهر الحيوانات و الأسماك

the quotable patella يتطور الجنود

اقرء المزيد

اسرار لعبة Age of Empires II: The Age of Kings

Age of Empires II: The Age of Kings
يعطيك 1000 من الغذاء : cheese steak jimmy's
يعطيك 1000 من الذهب : robin hood
يعطيك 1000 من الحجر : rock on
يعطيك 1000 من الخشب : lumberjack
يجعلك تبني بسرعة : aegis
سيارة كوبرا : how do you turn this on
اتحكم في الطبيعة : natural wonders
افتح الخريطة : marco
بدون ظلال : polo
يجعلك تخسر : Instant Lose
يجعلك تفوز : i r winner
POLO لحذف الظل
MARCO لكي تكشف الخريطة
ROCK ON للحصول على 1000 من الأحجار
LUMBERJACK للحصول على 1000 من الخشب
ROBIN HOOD للحصول على 1000 من الذهب
CHEESE STEAK JIMMY´S للحصول على 1000 من الطعام
NATURAL WONDERS للتحكم بالطبيعة
RESIGN لكي تهزم نفسك
WIMPYWIMPYWIMPY للقضاء على جيشك
I LOVE THE MONKEY HEAD تحصل على VDML
HOW DO YOU TURN THIS ON تحصل على العربة من نوع الكوبرا
لحذف الظل polo
لكى تكشف الخريطة marco
للحصول على 1000 من الاحجار rock on
للحصول على 1000 من الذهب roben hood
للحصول على 1000 من الطعام cheese steak jimmy 's
للتحكم بالطبيعة natual wonders
لكى تهزم نفسك resign
للقضاء على جيشك wimpywimpywimpy
للحصول على i love the monkey head : vdml
للحصول على جندى من النوع المخرب to smithereens
للحصول على سياره من نوع الكوبرا how do you turn this on
للقضاء على العدو black death
لتنتصر على العدو i r winner
يتيح لك بناء اى نوع من انواع القلاع mantion castle
TO SMITHEREENS يعطيك جندي من نوع المخرب
BLACK DEATH للقضاء على كل الأعداء
I R WINNER لتجعلك منتصرا
mantion castle يتيح لك بناء اي نوع من أنواع القلاع

اقرء المزيد

كود عمل صفخة تسجيل الدخول html + css

                               كود  html 
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>MyWebsite</title>
<link rel="stylesheet" href="b.css">
</head>
<body>
<div class="loginbox">
<img src="21.jpg" class="login">
<h2>Log In Here</h2>
<form>
<p>Email</p>
<input type="text" name="" placeholder="Enter Email">
<p>Password</p>
<input type="password" name="" placeholder="*******">
<input type="submit" name="" value="Sign In">
<a href="#">Forget Password</a>
</form>
</div>
</body>
</html>

                                              كود css  

  body
{
margin: 0;
padding: 0;
background: url(cover.jpg);
background-size: cover;
font-family: sans-serif;
background-color:;
}
.loginbox
{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
width: 350px;
height: 420px;
padding: 80px 40px;
box-sizing: border-box;
background: rgba(0,0,0,.5);

}
.login
{
width: 100px;
height: 100px;
border-radius: 50%;
overflow: hidden;
position: absolute;
top: calc(-100px/2);
left: calc(50% - 50px);

}
h2
{
margin: 0;
padding: 0 0 20px;
color: #efed40;
text-align: center;
}
.loginbox p
{
margin: 0;
padding: 0;
font-weight: bold;
color: #fff;
}
.loginbox input
{
width: 100%;
margin-bottom: 20px;

}
.loginbox input[type="text"],
.loginbox input[type="password"]
{
border: none;
border-bottom: 1px solid #fff;
background: transparent;
outline: none;
height: 40px;
color: #fff;
font-size: 16px;
}
::placeholder
{
color: rgba(255,255,255,.5);
}.loginbox input[type="submit"]
{
border: none;
outline: none;
height: 40px;
color: #fff;
font-size: 16px;
background: green;
cursor: pointer;
border-radius: 20px;
}
.loginbox input[type="submit"]:hover
{
background: #efed40;
color: #262626;
}
.loginbox a
{
color: #fff;
font-size: 14px;
font-weight: bold;
text-decoration: none;

}
 النتيجة 
 

اقرء المزيد

كود عمل قائمة منسدلة html + css

                                 كود html 
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="e.css">
<meta charset="utf-8">
    <title>website</title>
</head>
<body >
<nav class="menu">
  <div id="logo">
  my wibsite
  </div>

      <ul>
            <li><a class="menu-item" href="#"> about</a></li>
              <li><a class="menu-item" href="#">biogrphy </a>
              <div class="sub-content">
                      <div class="sub-drop">
                      <ul>
                          <li><a href="#">  photoshop </a></li>
                          <li><a href="#">  illustrator </a></li>
                          <li><a href="#">  indesign </a></li>
                          </ul>
                      </div>
              </div>
              </li>
            <li><a class="menu-item" href="#"> gallry</a>
      <div class="sub-content">
                      <div class="sub-drop">
                      <ul>
                          <li><a href="#"> html css </a> </li>
                          <li><a href="#">  java script </a> </li>
                         
                          </ul>
                      </div>

            </li>
            <li><a class="menu-item" href="#">  contact </a></li>

      </ul>
</nav>
</body>
</html>

                               كود css 
*,body, html {
    margin: 0;
    padding: 0;
    font: 1.03em "open sans", sans-serif;

}

/* -----------------------------------------------------------------*/

.menu {
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#3b679e+0,207cca+7,207cca+7,2b88d9+97,7db9e8+100 */
        background: #3b679e; /* Old browsers */
        background: -moz-linear-gradient(top, #3b679e 0%, #207cca 7%, #207cca 7%, #2b88d9 97%, #7db9e8 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top, #3b679e 0%,#207cca 7%,#207cca 7%,#2b88d9 97%,#7db9e8 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, #3b679e 0%,#207cca 7%,#207cca 7%,#2b88d9 97%,#7db9e8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3b679e', endColorstr='#7db9e8',GradientType=0 ); /* IE6-9 */
            
        width: 100%;
        background-color: #333;
        color: #fff;
         height: 60px;
    }

.menu #logo {
    float: left;
    height: 30px;
    padding: 15px 30px;
    font-size: 1.2em;
    line-height: 30px;
    display: none;
}
.myimg {
    width: 100px;
    float: left;
    height: 30px;
    padding: 15px 30px;
   
}


.menu > ul {
    margin: 0;
    padding: 0;
    float: left;
    list-style-type: none;

}

.menu > ul > li {
    float: left;
}

.menu-item {
    display: inline-block;
    padding: 15px 20px;
    height: 30px;
    line-height: 30px;
    color: #fff;
    text-decoration: none;



}

.menu-item:hover {
    image-rendering: pixelated;
    background-color: #ff0055;
     color: #000;
}


/* ---------------------------------------------------- */

.sub-content {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#299a0b+0,299a0b+100;Green+Flat+%231 */
background: #299a0b; /* Old browsers */
background: -moz-linear-gradient(top, #299a0b 0%, #299a0b 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #299a0b 0%,#299a0b 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #299a0b 0%,#299a0b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#299a0b', endColorstr='#299a0b',GradientType=0 ); /* IE6-9 */ogid:DXImageTransform.Microsoft.gradient( startColorstr='#ffff88', endColorstr='#ffff88',GradientType=0 ); /* IE6-9 */



    position: absolute;
    top: 60px;
    overflow: hidden;
    background-color: #333;
    max-height: 0;
}

.sub-content a {
    color: #fff;
    text-decoration: none;
    padding: 30px;
}

.sub-drop {
    padding: 0;
}


.sub-drop ul {
    width: 100%;
    padding: 0;
    margin: 0;
    list-style-type: none;
}


.sub-drop ul li a {
    display: inline-block;
    padding: 10px 20px;

}

.sub-drop ul li:hover {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f0b7a1+0,8c3310+50,752201+51,bf6e4e+100;Brown+Gloss */
background: #f0b7a1; /* Old browsers */
background: -moz-linear-gradient(top, #f0b7a1 0%, #8c3310 50%, #752201 51%, #bf6e4e 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #f0b7a1 0%,#8c3310 50%,#752201 51%,#bf6e4e 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #f0b7a1 0%,#8c3310 50%,#752201 51%,#bf6e4e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0b7a1', endColorstr='#bf6e4e',GradientType=0 ); /* IE6-9 */


    background-color: #ff0055;
  
}


/* ---------------------------------------------------- */

.menu-item:focus {
    background-color: #ff0055;

      
}


.menu ul li:hover .sub-content {
    max-height: 400px;
    transition: max-height 0.3em  ease-in;
    --webkit-transition: max-height 0.3em  ease-in;
    --moz-transition: max-height 0.3em  ease-in;
      
}

اقرء المزيد