عبدالرحمن احمد16

إستخدم :not هذه تعني الإستثناء في css وهي تعتبر دالة يتم وضع الشيء الذي نُريد إستثناءه عن باقي العناصر بداخلها. سأفترض أن لديك أكثر من عنصر من نوع div وقمت بعمل خصائص معينه للعنصر div. هكذا: div { color: red; }هذا المِثال يعني أن كل عنصر DIV سيكون لون خط الكتابة بداخله باللون الأحمر. اما العنصر الذي نُريد إستثناءه هو ايضاً DIV ولكن لهُ ID قيمتهُ special هكذا: <div>Normal Div</div> <div id="special">Special Div</div> <div>Normal Div</div>العنصر الثاني في هذا المثال الذي بهِ ID = special هذا ما نُريد إستثناءه. كيف نقوم بذلك؟! بكل بساطه سنقوم بأضافة شيء بسيط في كود css الذي قمنا بأنشائه من قبل لعنصر DIV وهو :not . هكذا: div:not(#special) { color:red; }هذا هو كل شيء. أضفنا :not(#special) بعد div مباشرةً وهذا يعني أن كل عناصر div سيكون لون خط الكتابه بداخل كلً منهم باللون الأحمر بإستثناء الـ div صاحب الـ id=special. هناك طُرق كثيره لإستثناء عنصر مُعين في css يمكنك التعرف عليها من هنا

يتساءل أغلب المبتدئين في البرمجه عن: كيف يتم حفظ بيانات المُستخدم ولا يتم المطالبة بها عند الإنتقال إلي صفحه اُخرى في الموقع؟! - هذا يتم عن طريق زرع جلسة SESSION تخص المستخدم. - او عن طريق زرع الكعكات COOKIES على متصفح المستخدم. يُفترض أن تستخدِم هذه الطُرق ( SESSION او COOKIE ) في كود التحقق الذي تقوم بوضعهُ في كل صفحه بدلاً من الاتصال بقاعدة البيانات في كل مرة. بعد التحقق من صحة بيانات المستخدم قم بتخزين البيانات التي تريدها حاضره دائماً في جلسة تخص فقط هذا المستخدم. سنفترض أننا جلبنا اسم المُستخدم وتاريخ التسجيل كما ذكرت في سؤالك ووضعناهم بمتغير من نوع مصفوفه Array. هكذا: <?php $info = array("name" => 'hsoub', "date" => '10/07/2015'); ?>بعد ذلك قم بتخزين هذه البيانات في جلسه لكي نستخدمها في التحقق من وجود مستخدم مُتصل بالفعل بدلاً من التحقق عن طريق الاتصال بقاعدة البيانات كل مرة. هكذا: <?php session_start(); $info = array("name" => 'hsoub', "date" => '10/07/2015'); $_SESSION['user'] = $info; ?>هنا قُمنا بفتح جلسة جديدة لكي نُخبر الخادم اننا سنقوم بانشاء جلسه جديدة او سنقوم بالتحقق من وجود جلسه باسم user ام لا عن طريق دالة. session_start();لاحظ أننا وضعنا هذه الداله قبل كل شيء وهذه هي الطريقه الصحيحه لابد ان تكون هذه الداله بمقدمة اي صفحه يتم بها انشاء جلسة SESSION او إذا كنا سنتحقق من جلسة تم إنشاؤها من قبل. ثم قمنا بانشاء جلسة باسم user عن طريق المتغير $_SESSION وهو عبارة عن مصفوفة Array ثابتة ومحجوزه في لغة PHP. وبهذا نكون قد حفظنا بيانات المُستخدم ولسنا في حاجه للتحقق مرة اُخرى عن طريق الإتصال بقاعدة البيانات. بل نقوم بالتحقق من وجود جلسه باسم user ام لا. هكذا: <?php session_start(); if(isset($_SESSION['user']) && !empty($_SESSION['user'])){ $username = $_SESSION['user']['name']; $dateregs = $_SESSION['user']['date']; }else{ header('location: /login.php'); } ?>في هذا المثال قمنا بالتحقق من وجود جلسة باسم user والتحقق من أن الجلسة بها بيانات بالفِعل وليست فارغة. ثم انشأنا مُتغيران $username وأسندنا لهُ اسم المستخدم المُخزن بالجلسة و $dateregs وأسندنا إليه تاريخ تسجيلهُ بالموقع. اما إذا كانت الجلسة فارغة او لم يتم إنشاؤها من الأساس سيتم تحويل الزائر إلي صفحة تسجيل الدخول login.php عن طريق دالة header. هذا مُجرد مثال. أعتقد أنك تتساءل الآن كيف يتم تدمير او إنهاء عمل هذه الجلسة؟! هذا النوع من الجلسات يتم تدميرها تلقائياً في حالة عدم تفاعل المُستخدم على الموقع لمدة إفتراضيه وهي 20 دقيقة تقريباً. اما إذا كنت تُريد تدميرها او إنهاء عملها. على سبيل المثال إذا قام المُستخدم بعمل تسجيل خروج. ستستخدم دالة unset. هكذا: <?php session_start(); if(isset($_SESSION['user']) && !empty($_SESSION['user'])){ unset($_SESSION['user']); header('location: /'); } ?>وهناك طريقة اُخرى لتدمير جميع الجلسات التي تم إنشاؤها لهذا المستخدم عن طريق دالة session_destroy هكذا: <?php session_start(); if(isset($_SESSION['user']) && !empty($_SESSION['user'])){ unset($_SESSION['user']); session_destroy(); header('location: /'); } ?>هذا ما يتعلق بطريقة الـ SESSION باختصار. ====================================== اما عن الكعكات COOKIES فهي طريقه سهلة جداً وليست بها اي تعقيدات مقارنةً بطريقة الـ SESSION لإنشاء كعكة او لزرع واحده على متصفح المستخدم نستخدم دالة setcookie هكذا: <?php $info = array("user" => 'hsoub', "date" => '10/07/2015'); setcookie('name',$info['user']); setcookie('date',$info['date']); ?>بهذه الطريقه نكون قد انشأنا كعكتين الاولى باسم 'name' وقيمتها اسم المستخدم 'hsoub' والثانيه باسم 'date' وقيمتها تاريخ تسجيل العضو '10/07/2015'. إذاً كيف أقوم بالتحقق من وجود كعكات بهذه الأسماء وكيف اقوم باستخدامِها؟. هكذا: <?php if(isset($_COOKIE['name']) && isset($_COOKIE['date'])){ echo 'Username is : '.$_COOKIE['name'].'<br />'; echo 'Join Date : '.$_COOKIE['date']; } ?>تم في هذا المثال التحقق من وجود الكعكات باستخدام المتغير $_COOKIE وهو عبارة عن مصفوفة Array مثل متغير $_SESSION تماماً. الآن سنقوم بعمل مثال لتدمير او حذف هذه الكعكات كما تم من قبل مع طريقة الـ SESSION. <?php if(isset($_COOKIE['name']) && isset($_COOKIE['date'])){ setcookie('name','',time()-1000); setcookie('date','',time()-1000); header('location: /'); } ?>نُلاحظ في هذا المثال اننا استخدمنا طريقة انشاء الكعكات لحذفها ايضاً. كيف يُمكن هذا؟! هذه حقيقه ولكن هناك فرق إذا كنت قد لاحظتة. الفرق الاول هو ان قيمة الكعكة هي فارغة ' '. والفرق الثاني هو ( العامل الجديد parameter ) وقيمته هي مدة مضت وما يُسبت هذا اننا استخدمنا دالة time وهذه تقوم بطباعة الوقت المكون من 10 ارقام ثم تم طرح 1000 من اجمالي العدد والرقم 1000 يعني ثانيه واحده. ماذا يعني هذا الكلام؟!! هذا يعني اننا قُمنا بتغيير قيمة الكعكات name و date إلى قيمه فارغة ثم قُمنا بوضع مدة صلاحية لهذه الكعكات بتاريخ مضى منذ ثانية. وبهذه الطريقه يتم تدمير الكعكه في الحال. هذا المثال سيتم إستخدامهُ عندما يقوم المستخدم بتسجيل الخروج كما في مثال الـ Session. من هذا المثال تحديداً اُريدك ان تستنتج شئً مهم وهو عند إنشاء الكعكات تستطيع وضع مدة زمنيه من البداية ويتم بعدها تدمير الكعكات تلقائياً اي عند إنتهاء المدة المحددة حتى إذا لم يقوم المستخدم بتسجيل الخروج من الموقع. هذا فقط نوع من الآمان للمستخدم. وبهذهِ الطُرق تستطيع الاحتفاظ باسم المستخدم او اي بيانات اُخرى تُريدها.

هذا اﻷمر مُثير للأهتمام حقاً. بالتأكيد هناك حل بأستخدام CSS3 أشياء كثيره تم توفيرها مع إنطلاق HTML5 من أهمها تجاوب تصميم الموقع مع أغلب أجهزه الهواتف الذكيه او الأجهزة اللوحيه او أجهزة سطح المكتب. يُمكن ﻷي شخص طباعة اي صفحة بموقعك وتكون متجاوبة تماماً وبها التفاصيل اللازمة مع مراعاة حجم الصفحة التي ستُطبع علي الورقة التي ستخرج من الطابعة. كيف يمكن هذا؟ كما ذكرت انه يمكن ذلك باستخدام CSS3 وبما انك تتحدث عن أن موقعك متجاوب فانت بالتأكيد لديك خلفيه عن كود @media في CSS المسؤال عن تجاوب الموقع مع الأجهزه المختلفه. يُمكنك فعلها للطباعة ولكن باستخدام @media print وهذا الكود يعمل مع تشغيل جهاز الطابعة او عند الضغط على طباعة. هكذا: @media print { … }بدلاً من هذه النقاط ... قم بوضع خصائص جديده لصفحتك كي تُلائم عملية الطباعة وتتم بشكل مناسب للحجم الذي تُريد. للمزيد من الأمثله حول جزئية الطباعه والتجاوب من هنا

يُمكن فعلها بكل بساطه في JavaScript. وطريقة (int) التي ذكرتها عن PHP هي طريقة صحيحه. الامر في JavaScript ايضاً بسيط وسهل جداً. ولكن علينا ببعض التوضيحات لمن يتسائل كيف لنص ان يتحول لرقم؟ - ما يُقصد بالنص هنا هو النص الذي يكون محتواه رقمي. كيف؟! لنفترض ان لدينا متغير في JavaScript مثل هذا: var number = '2015'; var numbers = "2015";هذا ليس رقم. بل يُعامل معاملة النص لأنه بين علامتي تنصيص ( ' ' ) حتى إذا كانت علامات التنصيص مزدوجه مثل هذه ( " " ) ما بينهم ايضاً يُعتبر نص. اما إذا كان الرقم لا يحتويه اي علامات تنصيص فهذا رقم من نوع INTEGER اي عدد صحيح مثل هذا: var num = 2015;إذاً كيف نقوم بتحويل هذا النص لعدد صحيح من نوع INTEGER؟ كما نستخدم (INT) في PHP سنستخدم دالة parseINT في JavaScript. هكذا: var text = '2015'; var textToNum = parseInt(text);في هذا المثال قمنا بانشاء متغير باسم text واسندنا اليه القيمه النصيه '2015'. ثم قمنا بانشاء متغير جديد باسم textToNum واستخدمنا بداخلة دالة parseInt لتحويل محتوى المتغير text الي نص. الآن اصبحت قيمة المتغير textToNum هي عدد صحيح وليس نص. هذه هي طريقة تحويل النص الي عدد صحيح بكل بساطه. ولكن هناك معلومة لابد من معرفتها. إذا بدأ النص بارقام ويليه حروف أو رموز ثم أرقام وهكذا الخ.. ستكون النتيجة هي حذف كل النص بإستثناء الارقام التي بدء بها النص فقط. هكذا: var text = '2015/July/8'; var textToNum = parseInt(text); اﻵن قيمة المتغير textToNum ستكون 2015 فقط. معلومة اُخرى انه إذا بدا محتوى النص ب صفر 0 او اكثر ويليه ارقام الخ.. ستكون النتيجه هي تجاهل الأصفار واخذ ما يليه من ارقام صحيحة. هكذا: var text = '02015/July/8'; var textToNum = parseInt(text);اﻵن قيمة المتغير textToNum ستكون 2015 فقط. اما إذا كنت تقوم بتحويل نص لا يحتوي على اي ارقام وخاصةً في بدايته ستكون النتيجه NaN اي النص لا يوجد به ما يطابق الارقام والاعداد الصحيحه. هكذا: var text = 'July'; var textToNum = parseInt(text);اﻵن قيمة المتغير textToNum ستكون NaN.

عليك اولاً بتثبيت المكتبة بشكل صحيح. اولاً إذا كان الخادم يعمل على انظمة Linux فستكون الخطوات كالتالي: قم بتشغيل الطرفية Terminal او الإتصال بالخادم عن طريق SSH وسوف تظهر لك الطرفية بشكل تلقائي. قم بكتابه هذه الاوامر إذا كان الخادم يعمل بنظام توزيعات Red Hat Enterprise Linux i386 اي CentOS او Fedora الخ.. yum install ImageMagick.i386 yum install ImageMagick-devel.i386 pecl install imagick echo "extension=imagick.so" > /etc/php.d/imagick.ini service httpd restartوعلى الخوادم التي تعمل بنظام توزيعات Debian اي Ubuntu Server وما شابه قم بكتابة هذه الاوامر: sudo apt-get install php5-dev pecl imagemagick libmagickwand-dev sudo pecl install imagick sudo apt-get install php5-imagick sudo service apache2 restartاما عن خوادم Windows قم بتحميل المكتبه من هنا وقم يتثبيتها وبعد ذلك أبحث عن ملف php.ini وقم بإضافة هذا السطر اليه: للاصدار رقم 5.3 extension=php_imagick.dllللأصدار رقم 5.4 extension=ext/php_imagick.dllالآن تم التثبيت بنجاح. قم بتجربة المكتبة وتمنياتي بالتوفيق. وللمزيد حول تثبيت مكتبة imagemagick من هنا.

سؤال جيد جداً أعتقد سيستفيد الجميع من الإجابه عليه. يقع دائماً أغلب المبتدئين في مثل هذه المشكله وكذلك المحترفين ايضاً بسبب عدم الإنتباه إلي أولوية ترتيب الكود بطريقه صحيحة ومنطقيه. إذا كنت تُريد زياده المتغير $x بواحد فعليك الإنتباه لموقعه في الكود اولاً. وزيادة لمعلوماتِك انه هناك طريقتين لأستخدام الزياده على المتغيرات من نوع INTEGER اي التي قيمتة رقمية وليست نص. وكذلك في عملية النقصان وهي عكس عمليه الزياده. دعونا نكتشف هذه الفروقات وكيف نستخدمها. سنفترض أن المتغير $x يساوي القيمة 1 ونريد ان نستخدم معه ++ للزياده عليه بـ 1 لتُصبح قيمته 2 وثم نقوم بعملية الجمع التي نُريد. لاحظ فقط الترتيب في هذا المثال: <?php $x = 1; $x++; echo 1 + $x; ?>اعتقد هذا منطقياً جداً حتى الان. انشأنا متغير $x يساوي 1 ثم في سطر جديد قمنا باستخدام ++ في نهاية المتغير $x لنزيد عليه 1 وبعد ذلك في سطر جديد قمنا بعملية الجمع 1 + $x وطباعة الناتج وهو 3 بالتأكيد. هل تعلم أخي الكريم "محمد عبدالعاطي" أن مثالك لا يوجد به الا خطأ بسيط جداً وهو انك استخدمت ++ في نهاية المتغير $x داخل عملية الجمع. اما إذا كنت استخدمت ++ قبل المتغير كان الامر سيتم بدون اي مشاكل. كيف؟! هكذا: <?php $x = 1; echo 1 + ++$x; ?>هل لاحظت الفرق البسيط؟ الفرق هو تقديم ++ قبل المتغير. ففي هذا المثال يتم اضافة الزياده علي المتغير اولاً ثم بعد ذلك يقوم بعملية الجمع وكأن الامر هكذا 1 + (1 + $x) الامر ليس صعباً او مستحيل فقط تعلم اين تضع العلامات ++ او --. هل هناك استخدام للعلامات --؟ نعم وهي لا تزيد شيءً عن استخدام ++ ولكن الفرق هنا ان -- تعمل عمل الطرح بـ 1 ايضاً لا اكثر من ذلك وإختلاف في ترتيب الكود في عملية الطرح. لنأخذ مثال على العلامات --: <?php $x = 3; echo --$x - 1; ?>هذا المثال نقول فيه أن المتغير $x يساوي 3 ويطبع عملية الطرح بتقديم المتغير الذي نريد ان نُنقص منه 1 باستخدام -- قبل المتغير ثم نطرح منه 1 ايضاً ويكون الناتج 1. إذا قمنا بعكس الترتيب سوف يكون الناتج قيمه سالبة اي -1. كيف؟! هكذا: <?php $x = 3; echo 1 - --$x; ?>هذا هو منطق عملية الطرح أن يكون الأكبر هو ما تتم عليه عملية الطرح اي لا يصح ان نقول 1 طرح 5 وأن الاستخدام الصحيح هو 5 طرح 1 ليصبح الناتج 4 لمزيد من الأمثله والتفاصيل حول استخدام هذه العلامات من موقع PHP الرسمي اضغط هنا.

الطريقة بسيطه جداً. في JavaScript سنقوم بإنشاء متغير على سبيل المثال يكون اسمه hello وتكون قيمة هذا المتغير هي الجمله التي وضعتها في سؤالك. هكذا: var hello = ' مرحباً بكم في قسم الأسئلة واﻷجوبة بموقع أكاديمية حسوب ';في الخطوة التاليه نريد معرفة عدد الاحرف بما في ذلك الفراغات. هذا مبدأياً. var countHello = hello.length;ستكون قيمة المتغير countHelloh تساوي الرقم 54 وهذا باستخدام .length في نهاية المتغير. في هذا المثال سنُزيل الفراغات وبعد ذلك سنحسب عدد الاحرف. var cleanHello = hello.trim(); var countCleanHello = cleanHello.length;في الخطوة الاولى استخدمنا دالة trim هذه الداله هي المسئوله عن حذف الفراغات من بداية ونهاية النص. وبعد ذلك قمنا بحساب عدد الاحرف المتبقيه بعد حذف الفراغات وكان الناتج هو الرقم 52 وهكذا نكون قد تعلمنا كيف نقوم بحساب عدد الاحرف وكيف نزيل الفراغات من بداية ونهاية النص. اما في PHP لم يختلف الأمر كثيراً فكما استخدمنا دالة trim في PHP ايضاً سنستخدم دالة trim سنفترض اننا قمنا بأنشاء متغير باسم hello وكان يساوي جملة الترحيب التي استخدمناها من قبل في JavaScript دعونا نرى كيف: <?php $hello = ' مرحباً بكم في قسم الأسئلة واﻷجوبة بموقع أكاديمية حسوب '; ?>بعد ذلك نقوم باستخدام دالة strlen لحساب عدد الاحرف بما في ذلك الفراغات. وهذا فقط مبدئياً. <?php $countHello = strlen($hello); ?>في هذا المثال سيحمل المتغير $countHello عدد احرف الجمله بالفراغات وستكون القيمه 54 حرف. ولكي نحسب عدد احرف الجمله بدون فراغات فعلينا ازالة الفراغات اولاً باستخدام دالة trim في php لنرى كيف: <?php $cleanHello = trim($hello); $countCleanHello = strlen($cleanHello); ?>هكذا نكون قد تخلصنا من المسافات بأستخدام دالة trim وبعدها قمنا بحساب عدد الأحرف المتبقية. واصبح عدد الاحرف هو 52 حرفاً. كما حدث في JavaScript تماماً.

stdclass هو لأنشاء كائن او بالإنجليزيه Object لأنشاء كائن هكذا: <?php $foo = new stdclass(); ?>هناك طريقه اخرى لأنشاء Object: <?php class foo{} ?>foo هذا اسم الكائن. هل هذا كل شيء؟ بالطبع لا. ما فائدة هذا الكائن؟ هذا يقوم بتخزين مؤقت للبيانات وتنسيقها بطريقه جميله نستطيع استدعائها واستخدامها بكل بساطه. كيف؟! في هذا المثال القادم سنحفظ بيانات تقييم طالب جامعي: اسم الطالب - عمر الطالب - درجتة النهائيه - العام الدراسي <?php $result = new stdclass(); $result->name = "Ahmed"; //اسم الطالب $result->age = "23"; // عمر الطالب $result->totl = "very good"; //الدرجه النهائيه $result->year = "2015"; // العام الدراسي echo 'نتيجة اختبار الطالب: <b>('.$result->name.')</b> لعام '.$result->year.'<br>'; echo 'عمر الطالب : '.$result->age.'<br>'; echo 'التقييم : '.$result->totl.'<br>'; ?>نتيجة هذا الكود ستكون هكذا: نتيجة اختبار الطالب: (Ahmed) لعام 2015عمر الطالب : 23التقييم : very good الان اعتقد انك تُفكر في ان هذه الطريقه تشبة الـ Array كثيراً هي فعلاً هكذا ولكن الـ CLASS استخدامة كبير جداً حتى اكبر من الدوال Function هذا يسمونه OOP اي Object Oriented Programmer - البرمجة الكائنية التوجة. لقرائة المزيد حول OOP لمعرفة المزيد حول انشاء Class من موقع PHP الرسمي Objects

هذه قائمة بكل أنواع الملفات التي يدعمها برنمامج InDesign سواءً كانت صور او ملفات اُخرى. من هنا : أنواع الملفات المدعومة في InDesign

جميل انك تريد ان تعرف كيف ستبدأ مشوارك مع عالم البرمجة الواسع اللانهائي من وجهة نظري. لذلك لابُد من بداية صحيحة. البرمجه في وقتنا هذا تعتبر تخصص ذو قيمة كبيرة. البرمجة تنقسم الي اقسام مثل برمجة تطبيقات "الويب - الهواتف - سطح المكتب" 1- تطبيقات الويب اي برمجة مواقع تعمل على المتصفحات مثل Chrome , firefox , Safari , Opera , Internet Explorer - هذة التطبيقات يتم بناؤها وبرمجتها بلغات خاصة للويب مثل PHP , Ruby , Python , ASP ولغات اُخرى كثيرة. - وانصحك أن يكون لديك معرفة جيدة بما يكفي بهذه اللغات HTML , CSS , JavaScript عند أنتقالك الي جزئية البرمجه. وهذا ما ستسمعة من الجميع (المتخصصين) عندما تأخذ هذة الخطوة. 2- تطبيقات الهواتف - اي برمجة تطبيقات تعمل على الجوال او الهواتف الذكية مثل iPad , iPhone , Note , Tablet ألخ.. - هذه التطبيقات يتم برمجتها بلغات متخصصه مثل Java ME وهذة اللغة تستطيع برمجة تطبيقات تعمل على اجهزة بنظام Android مثل Samsong Galagy , Nexus , Sony Expria الخ.. - لغة Objective-C التي تقوم ببرمجة تطبيقات تعمل على اجهزة الـ iPhone , iPad 3- تطبيقات سطح المكتب اي برمجة تطبيقات تعمل على الحاسوب مثل اي برنامج تقوم بتثبيتة علي جهازك الشخصى او الجهاز المكتبى ومن هذه اللغات Java SE , VB او Visual Basic , C# , C++ , C , Objective C الخ.. - وانصحك ان يكون لديك معرفة بأنواع انظمة التشغيل فهناك أكثر من نظام تشغيل اشهرُها Window , MAC , Linux حتى يتوافع برنامجك الذي قمت ببرمجتة مع مثل هذه الانظمة. عندما تجد نفسك جيد في اللغة التي ستبدأ بها وتريد الإنتقال لسوق العمل فلابد ان يعرف الناس ما هي مميزات أعمالك. على سبيل المثال: - قم بعمل مشروع صغير من برمجتك الشخصيه وأجعلة قوي ومميز يوحى لمن يقوم بتجربتة أنك بذلت مجهود وإنك مبرمج جيد. - إهتم بالإنتقاد واجتهد في تحسين مستواك وافتخر بالاعجاب واستعين بالمتخصصين لسؤالهم ولا تكن خجولاً في طلب المساعدة. - لا تتوقف عن اعمالك ومساهماتك المجانيه كي يتعرف الاشخاص على اعمالك وكذلك الشركات. هناك الكثير من المنصات التي تستطيع ان تضع عليها اعمالك ليراها الاخرون واشهر هذه المنصات هو موقع GitHub من خلال هذه الاعمال المجانيه مع الوقت ستتلقى رسأل بطلب اعمال مدفوعة الاجر وبذلك انت الان على الطريق الصحيح ولك مكان في سوق عمل البرمجه. انصحك بعدم اخذ قفذّات سابقة للأوان. بمعنى اخر لا تذهب الي لغة البرمجه PHP وانت لا تملك اي خلفيه عن لغة HTML. اتمنى لك بداية صحيحة.

في هذا المثال انت لا تستخدم الخاصية :hove مع هذا الكود. .widget li, .BlogArchive #ArchiveList ul.flat liوفي هذا المثال أنتَ تُريد عمل hover لعُنصرين ليس عُنصرً واحدً ﻹن: الاول .widget liوالثاني .BlogArchive #ArchiveList ul.flat liذلِك لانه هناك علامة ( , ) بينهما التي تمكنك من اضافة اكثر من عنصر اي CLASS او ID الخ.. ويُنسب لهم جميعاً الخصائص التي تٌكتب داخل الاقواس المعكوفه {خصائص CSS} هنا سأكتٌب مثال بهذا الكود يعمل مع خاصية او التأثير hover /* هنابدون hover والخلفيه باللون الازرق */ .widget li, .BlogArchive #ArchiveList ul.flat li { background-color:blue; /* خلفية زرقاء */ }/* هنا نستخدم hover ويتم عند قرب المؤشر من هذا العنصر تغيير الخلفيه من الازرق الى الاخضر */ .widget li:hover, .BlogArchive #ArchiveList ul.flat li:hover { background-color:green; /* خلفية خضراء */ }هذة هي الإجابة والطريقه لتفعيل hover على الكود الذي طرحتة في تفاصيل السؤال. هنا مصدر يشرح بالتفصيل كيف نستخدم :hover http://www.w3schools.com/cssref/sel_hover.asp