مساحة إعلانية

الأحد، 5 مايو، 2013

الأحد، 5 مايو، 2013

عداد المناسبات بإعداداتك وتنسيقك

Counter blogger widget
نحتاج في بعض  الأحيان الى وجود عداد تنازلي للتذكير بمناسبة او شئ معين ولكن كثير من العدادات تكون على هيئة فلاش أو إضافة صعبة التنسيق وخصوصا ان كثير من الإضافات بعد تحديد مدة العد التنازلي تصبح بلا قيمة وينتهي مفعولها اما إضافتنا متجددة وتصميمها حصري وتم المراعاة في التصميم ان تكون متوافقة مع جميع الألوان حتى تتناسب مع كل القوالب بإذن الله وطريقة تركيبها سهله للغاية كل ما عليك فعله هو إضافة الكود التالي الى آداة HTML/JavaScript لكن أولا شاهد هذه المعاينة الحية للإضافة
 <script type="text/javascript" src="https://cnmu.googlecode.com/svn/trunk/cnmu-counter.js"></script>
<center>
<div style="background: #E1E0E0;background: -moz-linear-gradient(top,#fff,#E1E0E0);background: -webkit-linear-gradient(top,#fff,#E1E0E0); border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;width:240px; padding:5px;border:1px solid #bbb;box-shadow: 0 1px 2px #999;-moz-box-shadow: 0 1px 2px #999;-webkit-box-shadow: 0 1px 2px #999; font-family: Arial; font-size:20px; color:#FB913F; text-align:center;">
<center>
<b>كم بقي على رمضان</b>
<div id="countdowncontainer" style="background: url(https://lh5.googleusercontent.com/-sAvCw-ZsOCU/UYVi1P23YsI/AAAAAAAABU8/fynQU0TAKmk/s213/cnmu-counter.PNG) no-repeat center center transparent; height: 60px;width: 215px; font-family: Arial; line-height:1.2em; font-size:20px; font-weight:bold; color:#000;"></div>
<script type="text/javascript">
var futuredate = new cdtime("countdowncontainer", "june 18, 2015 00:00:00")
futuredate.displaycountdown("days", formatresults)
</script></center></div></center>
وبما أن شهر رمضان المبارك أصبح قريباً فتم إعداد الكود على تاريخ الشهر المبارك

فكل عام وأنتم بخير

ولكن طبعا يمكن تعديل وقت العداد بالشكل لتالي
قم بإستبدال 18 بتاريخ اليوم المراد أن يصل اليه العد التنازلي
واستبدل 2015 بتاريخ السنة
واستبدل june بإسم الشهر وهذه أسماء الشهور بالترتيب من يناير الى ديسمبر
والرقم 2 قم بزيادته او إنقاصة للتحكم في بعد أرقام العد من الاعلى
january
february
march
april
may
june
july
august
september
october
november
december
وطبعا بالنسبة للشهر الهجري انظر كم يوافق التاريخ الهجري ميلاديا ثم قم بالضبط على ذلك
والآن سنتكلم على طريقة تنسيق الألوان لمن يرغب بذك
هذه هي الاجزاء الموجوده في الكود الخاصة بالتنسيق
<div style="background: #E1E0E0;background: -moz-linear-gradient(top,#fff,#E1E0E0);background: -webkit-linear-gradient(top,#fff,#E1E0E0); border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;width:240px; padding:5px;border:1px solid #bbb;box-shadow: 0 1px 2px #999;-moz-box-shadow: 0 1px 2px #999;-webkit-box-shadow: 0 1px 2px #999; font-family: Arial; font-size:20px; color:#FB913F; text-align:center;">
<center>
<b>كم بقي على رمضان</b>
كم بقي على رمضان نستبدلها بالعبارة التي تعجبنا بحسب المناسبة
اللونين المعلمان بالأحمر والأزرق هما الوان تدرج الخلفية
أما هذا اللون #bbb   فهو لون الإطار الخارجي
وهذا اللون هو لون خط العبارة #FB913F
وهذا هو وسم الخط قم بتغييره إن كنت تستخدم خط خاص font-family: Arial;
والرقم 20 هو حجم الخط
طبعا التعديلات تكون على الكود الأصلي الموضوع في بداية الموضوع
آخر شئ
هذا هو الكود كعداد فقط بدون التنسيق الخارجي فقط أيقونات العداد
 <script type="text/javascript" src="https://cnmu.googlecode.com/svn/trunk/cnmu-counter.js"></script>
<center>
<div id="countdowncontainer" style="background: url(https://lh5.googleusercontent.com/-sAvCw-ZsOCU/UYVi1P23YsI/AAAAAAAABU8/fynQU0TAKmk/s213/cnmu-counter.PNG) no-repeat center center transparent; height: 60px;width: 215px; line-height:1.2em; font-size:20px; font-weight:bold; color:#000;"></div>
<script type="text/javascript">
var futuredate = new cdtime("countdowncontainer", "june 18, 2015 00:00:00")
futuredate.displaycountdown("days", formatresults)
</script></center>
 ولا تقلق بالرغم أن لون العداد اسود لكنه تم وضع ظل خارجي في تصميم الخلفية فلو وضعت العداد في خلفية سوداء او أى لون غامق ستظهر الأرقام وخلفيتها بشكل ممتاز فكما قلت الإضافة ستكون متناسبة مع جميع الألوان
وبالتوفيق للجميع


هناك 13 تعليقًا:

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

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

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

    ردحذف
  4. Can`t wait for ramadhan and i hope you didn`t forgot me after you got an awesome alexa rank.

    ردحذف
    الردود
    1. Who are you?
      just kidding ^_^
      i can`t forget you Mark
      and i am happy to hear from you again
      Thank you for your Comment

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

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

      حذف
  6. اللهم بلغنا رمضان يا رب العالمين ، جزاك الله كل خير أخي الحبيب عمرو

    ردحذف
    الردود
    1. اللهم آمين أخي الحبيب
      وجزاك الله بالمثل وتقبل الله منا ومنك صالح الأعمال
      ودي وتقديري

      حذف
  7. السلام عليكم
    تشرفنا اخي عمرو
    تستحق كل التقدير على المجهود يا فنان
    سوف انتظر منك شرح موقع emailmeform.com
    انشاءالله

    ردحذف
    الردود
    1. وعليكم السلام ورحمة الله وبركاته
      اعزك الله أخي كمال
      ولقد شرحت foxyform وهو أسهل ومجاني بالكامل بعكس emailmeform
      لكن ان يسر الله واستطعت شرحه سأشرحه فهو سيحتاج وقت طويل نظرا لتعدد جوانبه
      ملحوظة أخي الحبيب عند كتابة ان شاء الله يجب فصل النون عن الشين
      حتى لا يختل المعنى فبدون الفصل معناها بناء وهذا لا يجوز مع رب العالمين
      يرجى الإنتباه للامر مستقبلا ربي يسعدك في الدارين
      وسعدت بمرورك كثيراً

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

    ردحذف
    الردود
    1. لست مدقق لغوي ولا شئ بل انا أخطئ كثيرا ^_^
      ولكن فقط لانها تخص العقيده وجب التنويه عنها
      وأسال ربي ان يحفظ المغرب وأهلها وموفق بإذن الله أخي الحبيب
      دمت في رعاية الله

      حذف

نسعد ونتشرف بتعليقاتكم
لكن هناك شروط يجب اتباعها لضمان نشر التعليقات
1ان يكون التعليق يخص محتوى الموضوع
2ان لا يحتوي التعليق اى روابط دون داعي
3إن أردت إضافة كود حوله اولا بمحول الأكواد
4أن لا يحتوي التعليق اي الفاظ او اساءات لاى احد
5أى سؤال بعيد عن محتوى الموضوع يرجى استخدام ركن الأسئلة

جميع الحقوق محفوظة لــ كن مدون 2013-2015 ©