أخر تحديث لهذه المقالة في: 24 مايو 2020 الساعة: 06:53 م المقـدمـة: على الشبكة العنكبوتية توجد العديد من المصادر والمقالات التي تشرح كيفية كسب المال عبر الإنترنت من خلال إنشاء مشروع ويب. دعنا نتحدث بالواضح ! الكثير ممن تحاورت معهم عبر الخاص يريدون أن يدخلوا عالم الربح عبر الانترنت دون أدنى معرفة بذلك، والبعض منهم …
أخر تحديث لهذه المقالة في: 04 أبريل 2020 الساعة: 02:59 مالمقدمـة: هل سبق لك أن رغبت في عمل قائمة تكون فيها الشرائح والأرقام ملونة بلون مختلف عن لون النص ، كما في هذا المثال؟ هنا تتعلم تلويل قرص القائمة هنا تتعلم تلوين دائرة القائمة هنا تتعلم تلوين مربع القائمة هنا تتعلم تلوين رقم القائمة هنا …
إنشاء قوائم نقطية ومرقمة بألوان مختلفة في الووردبريس قراءة المزيد »
كتاب: تعلم الربح من الإنترنت بطرق حديثة هذا الكتاب يتحذث بطريقة سهلة عن كيفية الربح من الإنترنت وعلى وده الخصوص Google Adsense : فهو يشرح مفهوم الربح من أدسنس كمعلن وناشر لتوضيح الفكرة وكيفية اختيار الطريقة الصحيحة للربح من أدسنس. ويشرح أيضاً طريقة الحصول على مقالات حصرية مجاناً ومكتوبة يدوياً من أشخاص حقيقيين , …
تأثير الزوم على الصورة ب CSS مرر الماوس على الصورة لتشاهد التأثير لإنشاء هذا التأثير على الصورة يمكنك استخدام هذا الكود التالي:
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 |
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <style> /** * ZOOM IMAGE EFFECT ON HOVER // wpRock.fr */ .wprock-img-zoom-hover .wprock-img-zoom { overflow: hidden; position: relative; } .wprock-img-zoom-hover .wprock-img-zoom img { max-width: 100%; -moz-transition: all 0.8s; -webkit-transition: all 0.8s; transition: all 0.8s; } .wprock-img-zoom-hover .wprock-img-zoom * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0; } .wprock-img-zoom-hover:hover .wprock-img-zoom img { -moz-transform: scale(1.06); -webkit-transform: scale(1.06); transform: scale(1.06); } </style> </head> <body> <div class="wprock-img-zoom-hover" style="width: 100%; max-width: 520px; margin: 100px auto; border: 2px solid lightseagreen;"> <div class="wprock-img-zoom"> <img src="https://wprock.fr/wp-content/uploads/2018/08/twitter-cover-wprock-520x254.png" alt="wpRock CSS - Zomm effect on image hover"> </div> <p>If the image or if this part of the text is flown over with the mouse, then the zoom effect will be triggered ;)</p> </div> </body> </html> |
للأمانة الكود منقول من هنا: CSS : Effet de zoom au survol d’une image
أخر تحديث لهذه المقالة في: 17 يناير 2020 الساعة: 10:12 مكيف تحسن دخلك من إعلانات أدسنس؟ تحسين الدَّخل من أدسنس، هو مشكل يؤرق جل أصحاب مواقع الويب، فيعمدون إلى طرح عدة أسئلة هنا وهناك، تكاد تكون متشابهة فيما بينها لدى الجميع، و هي تصب في معنى واحد: كيفية زيادة الدخل بواسطة Adsense؟ هذا السؤال …
ما يجب القيام به قبل تقديم الطلب لـ Google AdSense ما الذي جعلك تدخل هاته المقالة؟ هل اقتنعت أن هناك طريقة لكسب المال من الانترنت من خلال مدونتك، وتودّ الاشتراك في برنامج Google AdSense ؟ قد تكون قرأت هذا المقال: طريقة كسب المال من جوجل أدسنس! أو هذا: كيف يتم تثبيت Google AdSense على الووردبريس …
إنشاء القوائـــم داخل المقالات بلغة HTML في هذا الدرس سنكتشف الأنواع المختلفة لقوائم HTML ومعرفة كيفية إنشائها. مـاهي قـوائـم HTML؟ إن القوائم تسمح لنا في الغالب ببناء نص جميل و جذاب، وترتيب معلوماتنا بشكل أفضل، و إدراج عدة عناصر من خلال تجميعها تحت قاسم مشترك وهي في حد ذاتها قائمة. وعند إنشاء القائمة داخل المقالة، …
أخر تحديث لهذه المقالة في: 11 نوفمبر 2019 الساعة: 08:33 ص تثبيت Google AdSense بسهولة على WordPress المقدمــة إن امتلاكك لموقع أو مدونة على الويب هو امتلاكك لمفتاح يفتح لك باباً تحصل من خلاله على دخل إضافي أو ما يسمى بالدخل السِّلبي. وأشير إلى أن هناك طرق عديدة لاستثمار موقع ويب. وأنا هنا سأتناول طريقة …
أخر تحديث لهذه المقالة في: 23 سبتمبر 2019 الساعة: 09:19 مالخط الأفقـي hr مختصر ل « horizontal rule » كيف يتم إنشاء خط أفقي فاصل بين الأسطر في المقالة؟ جاءتني فكرة تحرير هذا الدرس منذ مدة، وكلما عادت إليَّ الفكرة أحاول تجاهلها، لأنني كنت أحسب مثل هاته المعلومات جد متوفرة عبر النت، وأن أيقونة إضافة …
العناصر والرموز الأكثر استعمالاً لبناء موقع ويب وتطويره بلغة HTML هذه الصفحة هي عبارة عن قـوائـم تشمل عدداً مهماً من علامات HTML الأكثر استعمالاً . إذا أحسنت استعمالها،سَهُلَ عليك ما بعدهـا. لقد رأينا الكثير منها خلال دروس دورة HTML . ولكن هناك وسوم أخرى لم تتح لنا الفرصة للتطرق إليها. على العموم، لا يوجد مستحيل …