عمر الوريكات @Koboki

نقاط السمعة 967
تاريخ التسجيل 16/11/2013

إن كانت لغتك الانجليزية جيدة فعليك بقراءة هذا المقال:

لا أخي ليس هناك أي تشابه بينهما.

فخاصية pointer-events: none لا تقوم بمنع الشيء الافتراضي وانما تقوم بمنع العنصر من أن يتجاوب مع الاحداث مثل النقر أو hover. والمثال الذي وضعته لك بالأعلى هو خير دليل على ذلك.

شكرا على المعلومات ولكن حاول في المرات القادمة أن تقدم معلومات دقيقة وصحيحة حتى لا تشتت المبتدئين.

فمثلا بالنسبة للمعلومة الثانية فهي خاطئة فهناك فرق كبير بين event.preventDefault() و pointer-events: none، وحتى تعرف ما الذي أتحدث عنه اذهب الى المعاينة وقم بنسخ ولصق الكود التالي في منطقة الجافاسكربت:

var a = document.getElementById("a");

a.addEventListener("click", function (){

a.style.color = "red";

});

سوف تلاحظ أنه عند النقر بزر الفأرة على العنصر فإن لون العنصر لن يتغير الى الاحمر. ولكن عند حذف خاصية pointer-events: none فإن ذلك الكود سوف يعمل وسوف يتغير اللون الى الاحمر.

سوف أعطيك حل بسيط (ولكنه ليس عملي للأسف) يمكنك استخدامه حتى يتم حل هذه المشكلة (ان تم حلها أصلًا).

خطوتين بسيطتين:

1- افتح الـDeveloper Tools في المتصفح الذي تستعمله واذهب الى تبويب (tab) باسم console.

2- قم بنسخ ولصق الكود التالي واضغط زر الادخال (Enter) من لوحة المفاتيح:

window.onbeforeunload = function() {

return "Are you sure you want to close this window?";

};

بعد قيامك بتنفيذ الخطوتين السابقتين سوف يظهر تحذير يسألك ان كنت ترغب بالخروج (سواء ان ضغطت على زر اغلاق التبويب أو زر الرجوع).

هذا حل قد يفيدك في حال كنت تعرف أنك سوف تكتب تعليقات طويلة.

قد أقوم ببناء extension لمتصفح جوجل كروم إن لم تقم شركة حسوب بتنفيذ اقتراحك.

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

كل ما حصل هو أنني صُدمت فقط وأردت أن أعرف السبب.

على العموم ، ما حصل سوف يجعلني أفكر مليًا قبل أن أكتب أو أسأل عن شيء مرة أخرى.

ما شاء الله صديقي أحمد فعلًا مجهود طيب وترجمة لا غبار عليها. قرأت أول ثلاث مقالات فقط وأذهلتني ترجمتك.

لدي بعض الملاحظات البسيطة على بعض الأمور. بالنسبة لتنوين الفتح فيجب عليك كتابته على الحرف الذي يسبق الحرف الأخير وليس على الحرف الأخير. مثال، أبدًا وليس أبداً.

الملاحظة الثانية فيما يخص همزتي الوصل والقطع. فمثلًا في مقال "أين مالي"، كتبت الكلمة "إتصالات" والصحيح هو أنها تُكتب بهمزة وصل وليس قطع. لذلك حاول أن تنتبه لهذا الأمر.

لا أملك شيئًا آخر لأقوله سوى أنك أبدعت. أول ترجمة لك وبهذه الجودة العالية فكيف ستكون باقي المقالات :).

netrenderer.com/index.php

جرب هذا الموقع لرؤية كيفية ظهور الموقع في متصفحات IE. قد لا يعجبك ولكنه قد يفي بالغرض.

لا أخي لم يتم سرقته، فقد رأى صاحب ذلك الموقع هذا القالب وأعجبه وعرض علي أن نعمل مع بعضنا، هذا كل ما في الأمر.

شكرا لك على كل حال

في الغالب يتم استخدام مكتبات جاهزة لعمل مثل هذه التأثيرات

ومن أشهر هذه المكتبات:

يمكنك أيضًا البحث في جوجل باستخدام العبارة "animate on scroll" وسوف تظهر لك العديد من النتائج

قالب جميل وهادئ

ولكن لدي ملاحظة، في صفحة التدوينات يظهر الsidebar في الأسفل حاول أن تصلح ذلك

هههههههه ليس لكِ نصيب

شكرا على صراحتك ويبقى اختلاف الأذواق شيء لا بد منه، فقد يعجبني أحد التصاميم ولا يعجبك فالمسألة تختلف من شخص لآخر.

سعيد بأن أعرف أن لي متابعين في الاكاديمية مع أنني لم أقم بنشر أي مقال منذ أكثر من شهر بسبب الدراسة إلا أنني سوف أعود قريبًا ان شاء الله.

أهلا بك أخي طلال

أحب الاشخاص الذين ينتقدون بايجابية

طريقة إضافة أيقونات التواصل الإجتماعي في الـ Top Nav

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

كأنني لم أرَ طريقة إضافة القائمة المنسدلة الموجودة في قالب الـ Deom في المستندات ..

ابحث جيدًا فهي موجودة :)

هل يمكنك أن تخبرني ما الذي لم يعجبك في التصميم لعلي أتعلم منك شيئًا ما؟

بصراحة أخذ الكثير من الوقت ربما شهر أو اثنين بأيام وساعات عمل متقطعة فقد كنت أماطل كثيرًا ولأنه ثاني قالب أقوم بتصميمه

فقد اكتسبت خبرة كبيرة خلال الفترة التي كنت أصمم فيها هذا القالب

ولكن الان أشعر انه يمكنني القيام بشيء مشابه في ظرف 3 اسابيع تقريبا

لدي حساب ولكني لم استخدمه من قبل ولم أقم بتقديم أي خدمات بعد

10

أولا أود أن أشكرك على أمرين، الأول هو أنك صنعت ابتسامة على وجهي وجعلتني أضحك من كل قلبي وأنا أقرؤ تعليقك.

والأمر الآخر الذي أود أن أشكرك عليه هو أنك ذكرتني بأمر كنت غافلًا عنه (كان يكفي أن تضع / سلاش وبقية الرابط وبلوجر سيجعل ما قبل سلاش للرابط الرئيسي) فشكرا لك.

ثانيا، هل يمكنك أن تخبرني ما دخل الجملتين التاليتين في اثبات ما اذا كان القالب من تصميمي أم لا؟

كان يكفي أن تضع / سلاش وبقية الرابط وبلوجر سيجعل ما قبل سلاش للرابط الرئيسي ...

أيضا لم تقم بمنع أكواد الcss الإفتراضية لبلوجر ... مما يعني أنك استخدمت أكواد الcss الخاصة بك بصيغة !important

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

ثالثا:

ومرة أخرى عندما تقوم بنسخ الcss لا تنس أن تحذف صاحب الموقع...

هل تعلم أن هذه الجملة هي أكثر ما أضحكني؟ فها أنت تتهمني مجددًا بشيء غير صحيح ولا تعي الكلام الذي يخرج منك وتريد فقط أن تنتقد وتثبت للآخرين أمورًا خاطئة.

سوف أثبت لك الآن أن كلامك غير صحيح.

أنا أعلم من أين أتيت بحساب ذلك الشخص، لقد أتيت به من هذا الموقع www.noaesthetic.com أليس كذلك؟

هل تعلمون يا اخوة من هو هذا الشخص؟ إنه أحد الأشخاص الذين قاموا بتصميم أحد قوالب بلوجر الافتراضية، فمن تعامل مع منصة بلوجر من قبل يعلم أنه يأتي مع منصة بلوجر قوالب افتراضية وأنه يكون في بداية كل قالب معلومات (على شكل تعليق) عن اسم القالب ومصممه وموقعه الالكتروني.

ويكون شكل التعليق على هذا الشكل:

/*


Blogger Template Style

Name: CoolMag

Designer: Omar Wraikat

URL: www.noaesthetic.com

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

هل تلاحظون الموقع الموجود في الأعلى، يمكنكم الدخول إلى هذا الموقع وسوف تجدون حساب تويتر الخاص بذلك الشخص، فكل ما حصل هو أنني قمت بنسخ هذا التعليق ووضعه في قالبي وتغيير اسم القالب ومصممه ولكني نسيت تغيير الموقع الالكتروني (كان يجب علي أن استبدله بأحد حساباتي على مواقع التواصل الاجتماعي لأني لا أملك موقع أو مدونة في الوقت الحالي).

واذا أردتم التحقق من صحة ما أقوله فيمكنكم انشاء مدونة بلوجر جديدة واختيار قالب بلوجر افتراضي وأن تذهبو الى الـHTML الخاص بذلك القالب وسوف تجدون هذا التعليق:

/*


Blogger Template Style

Name: Simple

Designer: Josh Peterson

URL: www.noaesthetic.com

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

هل علمتم الآن من أين أتى صديقنا بحساب تويتر لذلك الشخص؟

وهل هذه الأكواد البسيطة تعتبرها أكواد css؟

رابعًا وأخيرًا:

والقالب ليس ملكك ، وأتحداك تثبت لي العكس

اتهام باطل آخر تتهمني به ولا أدري لماذا تفعل ذلك مع أنني لا أعلم من أنت وليس هناك شيء بيني وبينك.

هل تعلم الغيب أم ماذا؟

مع أنني لست مضطرًا في أن أثبت أن القالب ملكي لأنني أعلم علم اليقين أنه من تصميمي وأني لم أسرقه أو ما شابه، ولكني سوف أثبت لك ذلك فقط حتى يعلم الإخوة (خصوصًا أولئك الذين قاموا بإعطاء تعليقك هذا نقاطًا ايجابية) أنني صاحب القالب ومصممه، وحتى لا تتشوه سمعتي بين الآخرين.

يمكنك الدخول على الرابط الموجود في الأسفل وسوف تجد ملف psd، قم بتحميله والاطلاع عليه (سوف تحتاج إلى برنامج الفوتوشوب لفتحه).

الملف يحتوي على تصميم القالب مع وجود بعض الاختلافات القليلة لأنني كنت أعدل في المتصفح بدل أن أقوم بالتعديل على التصميم نفسه باستخدام الفوتوشوب.

الرابط:

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

بصراحة لا أحب الرد على هكذا ردود

كل ما أريد قوله لك هو أنه حاول أن لا تتهجم على الآخرين بهذه الطريقة مرة أخرى وأن تختار كلامك بلباقة أكثر

أعتقد أنه كان يكفي أن تقول "هذا خطأ ليس هذا وحسب من أجل صناعة قالب بلوجر !!" أي لم يكن هناك داعٍ لجملتك الثانية

شكرًا لك على هكذا تعليق

لا لم أحاول بيعه على ثيم فورست أو أي مكان آخر إنما هنالك بعض الأسباب التي دفعتني لتقديمه بالمجان.

لغات html, css, javascript ومكتبة jquery

أهم شيء هو CSS وبعدها JavaScript

شكرًا على مشاركتنا هذه المواقع، لم أكن أعلم بوجود موقع مثل fontface.me فشكرًا لك.

قم بحذف خاصية الـfloat واستعمل بدلًا عنها الخاصيتين display: inline-block و vertical-align: top.

أنظر إلى هذه المعاينة ليتوضح لك الأمر

A comment نعم يبدو كذلك

حاول أن تضع رابط لصورة خارجية (ابحث في جوجل عن أي صورة)، واخبرني إن ظهرت الصورة أو لا.

شكرا أخي ولكن معظم تلك المواقع مشهورة وليست جديدة كما ذكرت