تحكم فى عواطفك - المفتاح الثانى للنجاح

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

هل العواطف مهمه بالنسبة لنا ؟
طبعا فالعواطف تسيطر تماما على كل افعالنا وتتدخل فيها بشكل أو بآخر, ماذا إذا لو كان مزاجك سيئا وعواطفك ليست على ما يرام ؟؟ هل ستستطيع انجاز عملك على المستوى المطلوب وهل ستستطيع تحقيق النجاح فيه بذلك المزاج السىء وهذه العواطف المضطربه ؟؟

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

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

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

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

سيقول البعض بأنه عصبى ولا يستطيع التحكم فى غضبه .. ولكن هذا غير صحيح, كل منا يستطيع السيطره على عواطفه فنحن من نختار فى أى الحالات نكون, ونهىء أنفسنا ونضع مشاعرنا فى حالات وظروف تصل بنا للمشاعر السيئه .. هيا ضع نفسك فى ظروف ايجابيه وسعيده وهىء مشاعرك وعواطفك للسعاده والحماس والعمل بجد والاستمتاع بالعمل .. حتى تصل للنجاح المنشود.
الأربعاء, أغسطس 31, 2011

قالب عربى بسيط من قوالب بلوجر المعربه

أولا : كل عام وأنتم بخير بمناسبة حلول عيد الفطر المبارك أعاده الله عليكم وعلينا بكل الخير واليمن والبركات.
ثانيا : اليوم سأقدم لكم قالب بسيط جدا وذلك لهدفين :
  1. كل القوالب العربيه او المعربه الموجوده هى قوالب كامله التصميم ولها ستايل خاص جدا بها أما هذا القالب فهو بسيط جدا وليس به اى تصميم مما يتيح لك سهولة عمل التعديلات التى ترغبها عليه وتطويعه ليلائم مدونتك وطبيعتها.
  2. بساطة القالب أدعى لإستخدامه لأن البساطه هى ما نرغبه عندما نقدم محتوى جيد فهذا التصميم يجعل الزائر يحصل على ما يريده وهو المحتوى بسهوله ودون اى تشويش أو عطله.
كما أن هذا القالب يعتبر مرجعا ونموذجا يستطيع استخدامه كل من يعمل بمجال تصميم القوالب وتعريبها وتطويرها .. فهو يعتبر حجرا للأساس لبدأ تصميم مدونه.
قالب عربى بسيط
الثلاثاء, أغسطس 30, 2011

قالب سوفماج المعرب - قوالب بلوجر معربه

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

مميزات القالب

  1. قائمتين افقيتين واحده اعلى رأس المدونه والأخرى اسفل رأس المدونه لهما شكلا انيقا ومميزا.
  2. بانر اعلانى بجانب رأس المدونه
  3. عمود للتدوين وعمودين جانبيين
  4. خاصية اقرأ المزيد أوتوماتيكيا مع المصغرات
  5. ألوان أحمر و أسود و أبيض و رمادى متناسقين.
  6. سهوله فى التعامل وسرعه رائعه فى التحميل.
الجمعة, أغسطس 26, 2011

لا تستسلم أبدا - المفتاح الأول للنجاح

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

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

كل الناجحين واجهوا فى طريقهم للنجاح فترات متباينه من التصاعد والهبوط والإيجابيات والسلبيات والتسهيلات والعقبات, ولكنهم أصروا ولم يستسلموا للظروف والقهريات والعقبات وتخطوها ولهذا أصبحوا ناجحين وأثرياء. تخيل نفسك تتسلق جبلا شاهقا وتسلقت منه جزء بسيط ثم أحسسن بالتعب ... هل ستترك يدك لتسقط من على الجبل أم أنك ستواصل التسلق رغما عنك وعن العقبات التى تواجهك. أذن هيا لتتسلق جبل النجاح ولا تستسلم أبدا للمؤثرات.

تخيل أن أمامك حجرا يحتاج منك ل 99 ضربه كى ينكسر وقمت انت بضربه حتى خمسين ضربه, هل سينكسر ؟؟ طبعا لا ولو قمت بالتخلى عن الطرق بعد الضربة الخمسين فهذا يعنى انك أهدرت طاقتك ومجهودك الذى فعلته دون أىة نتائج ودون جدوى. ولا تعتقد ان الضربه 99 هى التى تكسر الحجر وحدها وإنما استمرار الطرق من الطرقه 1 حتى ال 99 يتحدون عا لكسر الحجر.

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

الفاشل لن ينجح أبدا والناجح لن يفشل أبدا, لنلقى نظره على توماس أديسون وكم مره فشل .. بعض الناس يرددون أنه فشل حوالى 10,000 مره قبل أن يصل لإختراع المصباح الكهربى .. لو كان استسلم أديسون لم نكن لنذكر إسمه اليوم, وقد قضى كل مرات الفشل هذه لمعرفة فقط كيف ينبعث الضوء, ولو لم يفشل كل هذه المرات لما توصل إلى نجاحه الكبير, نفس الحال بالنسبه لك, يجب عليك معرفة أسباب فشلك ومعالجتها كى تصل إلى النجاح, وفى هذا إصرار كبير منك على الوصول بنفسك إلى اعلى الدرجات والمراتب.

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


كل الإشخاص الناجحين الذين نعرفهم اليوم ورائهم الكثير والكصير من قصص الفشل ولكنهم عبروا من خلالها إلى النجاح وإلى تحقيق هدفهم المنشود بإستخدام هذا المفتاح السحرى للنجاح .. وهو  ألا نستسلم أبدا.
الثلاثاء, أغسطس 23, 2011

سلسلة 12 مفتاح للنجاح - مقدمه - إستعد للبدأ

طبعا ستتعجبون .. هل مدونة نصائح للمدونين تتحدث فى موضوعات اسرار النجاح والتنميه البشريه وغيرها من المجالات المشابهه ؟؟!

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

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

فقط عليك أن تستعد وتغلق عينيك وتصر على بدأ هذه السلسله من التدوينات ومتابعتها بإيجابيه وتطبيق ما سنعرضه بها بكل جديه ودقه كى نحصل على النتيجه التى يسعى إليها كثير من المدونين, بل يسعى إليها كل البشر .. ومن منا لا يريد النجاح ؟!!
لقد قمت بتقسيم السلسله إلى 12 تدوينه تحتوى على 12 مفتاحا للنجاح أقدمها إليكم بكل سهوله ويسر كما عليكم أن تستقبلوها بكل سهوله ويسر كى تنتفعون بها وهى :
  1. لا تستسلم أبدا.
  2. تحكم فى عواطفك.
  3. كن مستعدا للسعى من اجل النجاح.
  4. كن مسؤلا.
  5. كن دائما ذو رغبه مشتعله.
  6. يجب أن تضع خطه.
  7. ركز دائما فى عملك.
  8. يجب ان يكون لديك هدفا واضحا.
  9. أنا موهوب.
  10. عليك أن تدفع مقابل النجاح.
  11. كن على إستعداد للتعلم.
  12. النجاح لا يتطلب أسرارا.
نفصل عليكم هذه النقاط أو المفاتيح الإثنى عشر فى إثنى عشر تدوينه متتاليه .. أتمنى لكم التوفيق والنجاح والإستفاده القصوى من هذه السلسله .. سلسلة 12 مفتاح للنجاح.
السبت, أغسطس 20, 2011

إنطلاق الجدول .. طابع خاص للتدوين والمدونات

وهل للمدونات مكان آخر غير الجدول !!!
قمت بإختيار هذا الشعار ليكون الشعار المميز للجدول.

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

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

هناك الكثير والكثير من المميزات التى ستكتشفها بعد دخولك إلى عالم الجدول .. اتمنى منكم المسانده كما عودتونى وأتمنى أن اقدم المساعده والإفاده لكم كما تريدون دائما.

بالتوفيق للجميع إن شاء الله
الأربعاء, أغسطس 17, 2011

قالب البركان المعرب - مجانا - هديه لكل زوار مدونة نصائح للمدونين

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

مميزات القالب

  1. شكل أنيق جدا وتصميم جذاب ومريح للعين.
  2. القالب مجهز تماما لمصادقة محركات البحث و تحقيق الإنتشار.
  3. خفيف جدا عند التحميل.
  4. يناسب كل المتصفحات الموجوده حاليا ويعرض عليها دون أى مشاكل أو عيوب.
  5. قائمه علويه أعلى هيدر المدونه أنيقة الشكل جدا.
  6. يحتوى على إضافة ترقيم الصفحات بشكل أنيق ومميز.
  7. يحتوى على إضافة موضوعات ذات صله أسفل التدوينات بشكلها الأنيق والحديث والمميز.
  8. التدوينات تعرض فى الصفحه الرئيسيه بشكل أنيق واختصار اوتوماتيكى وصور مصغرات للتدوينات بشكل مميز جدا.
  9. التعليقات تعرض بشكل أنيق جدا ومريح للعين ومنظم جدا.
  10. يحتوى على إضافة إذهب لأعلى الصفحه بشكل أنيق جدا.
  11. تستطيع وضع بانر اعلانى أو إعلانات أدسنس مقاس 468 * 60 بجوار الهيدر.
السبت, أغسطس 13, 2011

قوالب بلوجر معربه - قاالب جلورى المعرب - تعريب وتطوير نصائح للمدونين

هو قالب معرب نستطيع استخدامه لمدوناتنا على بلوجر .. وهو فى الأصل قالب وورد بريس ولكن موقع premium blogger templates قام بتحويله من قالب وورد بريس إلى قالب بلوجر .. وقمت بتعريبه وتطويره .. إنه
قالب جلورى المعرب

مميزات القالب

  1. عمود واحد جانبى.
  2. ثلاثة أعمده فى الفوتر ( أسفل المدونه ).
  3. عرض ثابت للمدونه.
  4. مكان لوضع بانر اعلانى 468 * 60 بجانب رأس المدونه.
  5. خاصية المصغرات وإقرأ المزيد أوتوماتيكيا.
  6. قائمة الصفحات أعلى الهيدر ( رأس المدونه ).
  7. قائمة روابط افقيه برتقالية اللون أسفل الهيدر ( رأس الصفحه ).
  8. إستخدام أفضل أنواع وأحجام الخطوط المتفق على أنها تناسب كل الزوار وتريح اعينهم , وتعطى شكلا جميلا للمدونه.
الجمعة, أغسطس 12, 2011

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

هناك الكثير من المواقع التى تقدم خدمة التعديل على الصور وإضافة الكثير من المؤثرات الرائعه عليها .. ولكنى اليوم قد عثرت على موقع يقوم بعمل تأثيرات جميله ورائعه والتحكم فى الصور بشكل سهل وبسيط جدا .. الآن تستطيع التعديل على الصور التى تريد وضعها فى تدويناتك بدون الحاجه لإستخدام برنامج الفوتوشوب كبير الحجم والصعب على الكثير من المستخدمين.
الموقع هو Dr Pic وهو موقع سهل الإستخدام وسريع جدا فى التحميل ولا يسبب أى مشكلات.
لن احتاج لشرح هذا الموقع لأنه ابسط بكثير من ان لا يفهمه أى شخص.
إستمتع الأن بالتحكم فى شكل صورك على مدونتك بإستخدام موقع Dr Pic وعند مواجهة أى مشكلات برجاء إخبارنا فورا.
الاثنين, أغسطس 08, 2011

إضافة عنوان التدوينه بجانب رابط إقرأ المزيد للتدوينات

وجدتها فى كثير من المدونات العالميه المشهوره وبحثت عنها إلى أن وجدتها ووجب على أن أعرضها على حضراتكم, إنها إضافة رابط وعنوان التدوينه إلى جانب كلمة ورابط إقرأ المزيد لإضافة المزيد من الإحترافيه والشكل المميز.
إذهب إلى تحرير HTML للتعديل على كود المدونه
وقم بالبحث عن هذا الكود أو عن جزء منه فى كود قالب مدونتك
<b:if cond='data:post.hasJumpLink'>
      <div class='jump-link'>
        <a expr:href='data:post.url + "#more"' expr:title='data:post.title'><data:post.jumpText/></a>
      </div>
    </b:if>
وقم بإستبداله بالكود التالى
<b:if cond='data:post.hasJumpLink'>
      <div class='jump-link'>
        <a expr:href='data:post.url + "#more"' expr:title='data:post.title'><data:post.jumpText/> <data:post.title /></a>
      </div>
    </b:if>
وقم بحفظ القالب وبهذا تكون قد طبقت هذه الإضافه على مدونتك.

توضيح للتسهيل التطبيق :
هذا الكود بالتحديد هو ما نبحث عنه وهو الأهم
<data:post.jumpText/>
وقد يكون بشكل مختلف فى قالب مدونتك كأن يكون مستبدل بكلمه أو بجملة ( إقرأ المزيد ) مثلا أو الجمله التى تضعها على مدونتك بدلا عن هذه الجمله.

وكل ما سنفعله هو أن نمتلك المرونه فى تعديل الأكواد, وسواء كان الكود موجودا بأى شكل فعلينا أن نضيف بعده مباشرة الكود التالى
<data:post.title />
وهو الكود المتعارف عليه من بلوجر ويترجم على قالب المدونه ب ( عنوان التدوينه ورابطها ).
الأحد, أغسطس 07, 2011

جعل التسميات متحركه بتأثير - jquery - فى مدونتك

تستطيع إضافة تأثير جميل جدا على إضافة التسميات فى مدونتك على بلوجر, وهذا التأثير يجعل روابط التسميات تتحرك عند المرور عليها بمؤشر الماوس, وذلك بإضافة تأثير من تأثيرات JQUERY عليها.
تستطيع رؤية هذا التأثير فى قالب مدونة البركان. ( فقط أنظر فى العمود الجانبى, فى إضافة أقسام المدونه ).

والأن نأتى لتطبيق هذه التعديله الجميله :
1
- نذهب إلى تحرير HTML الذى يوجد به كود المدونه.
2- نبحث عن
</head>
ثم ننسخ الكود التالى ونضعه قبلها مباشرة
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js' type='text/javascript'>
</script>
<script type='text/javascript'>
var dur = 450;
$(document).ready(function() {
$('a.linknudge, .Label ul li a').hover(function() {
$(this).animate({
paddingLeft: '20px'
}, dur);
}, function() {
$(this).animate({
paddingLeft: 0
}, dur);
});
});</script>
ثم نقم بحفظ القالب, ونستمتع بالتأثير الجميل على التسميات.
الجمعة, أغسطس 05, 2011

استخدم سى اس اس الإصدار الثالث ( css3 ) لتجميل مدونتك - دليل كامل لكيفية الاستخدام

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

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

وسوف نتمكن من خلال هذه التدوينه عمل تعديل مخصص لكل إضافه وإضفاء مظهر خاص بكل إضافه موجوده على مدونتنا.

وتوضيحا لمقصدى فالإضافه التى أقصدها مثل ( التسميات - المتابعون ... إلخ ) وتوجد فى لوحة تحكم بلوجر بإسم ( إضافة أداه ) كما هو موضح بالصوره.
أولا : كل أداه لها إسم معرف ( id ) خاص بها فى كود html الخاص بالمدونه, وهو ما سنقوم بالتعديل من خلاله ولذا فهو أهم شىء سوف نقوم بالبحث عنه.

ثانيا : كيف نحصل على إسم معرف خاص بأداه محدده نريد التعديل عليها ؟؟  نحن نقوم بتسمية كل إضافه بإسم مثل ( المتابعون - أقسام المدونه - إشترك معنا - تبادل إعلانى ... وهكذا ) كل ما نفعله أننا سنقوم بالبحث فى كود المدونه عن إسم الأداه ( وليكن إسمها - المتابعون - سنبحث عنه ), وعندها سنجد هذا الكود :
<b:widget id='Followers1' locked='false' title='المتابعون' type='Followers'/>
المتابعون .. هو إسم الأداه التى قمنا بالبحث عنه.
followers1 .. هو إسم المعرف الذى نريده ونحتاجه لعمل تعديلاتنا.

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

رابعا : نبحث عن الكود التالى
]]></b:skin>
خامسا : وهى الخطوه الأهم - إضافة لمسات css3 على الأداه
نضع الأكواد التاليه قبل الكود السابق مباشرة
#followers1 {
نضع هنا الكود الذى نريده
}

#followers1:hover {
نضع هنا الكود الذى نريده
}
والان إنتهى الأمر .. ولكنى كتبت فى الأكواد ( نضع هنا الكود الذى نريده ) إذا ما هو الكود الذى نريده ... لا تتعجلوا سأخبركم الأن.

سأدلكم على الموقع الذى أتعامل معه أنا شخصيا لسهولته ودقته وهو موقع css3 generator الذى يصنع أكواد لهذا الغرض.

نفتح الموقع وسأشرح لكم الخواص المهمه به كى يتم التعامل معه بحرية كل شخص كما يريد ويعدل فى الأكواد كما يريد.
ستفتح لك قائمه بها هذه الإختيارات :

Border Radius وهو الإختيار الخاص بالحدود ( border ) وشكلها, ويطرح عليك سؤال عندما تدخل على هذا الإختيار وهو
Are your borders going to be rounded equally?    Yes   No
ومعناه هل تريد الحدود الخاصه بالأداه حوافها متماثله فى نسبة الإلتواء ؟؟
إن كنت تريد عمل حواف متماثله فى الإلتواء فقم بإختيار yes وستصبح الحدود على الشكل التالى
وسيكون الكود الخاص بها مثل هذا
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
والقيمه 20px هى مقدار الإلتواء ويمكنك التحكم فيه بالزياده أو بالنقص كما تريد.
أما إن كنت تريد عمل حواف غير متماثله فى الإلتواء فقم بإختيار NO وستصبح الحدود على الشكل التالى
وسيكون الكود الخاص بها مثل هذا
-moz-border-radius-topleft: 50px;
-moz-border-radius-topright: 0px;
-moz-border-radius-bottomright: 50px;
-moz-border-radius-bottomleft: 0px;
-webkit-border-radius: 50px 0px 50px 0px;
border-radius: 50px 0px 50px 0px;
والقيم 50px و 0px هما مقدار إلتواء الحواف وكما نرى فإن هناك قدره على التحكم فى كل حافه ومقدار إلتوائها من الإربع حواف الموجوده.

نقم الإن بإضافة الكود الذى أنشأناه فى مكانه المخصص فى كود html الذى ذكرناه سابقا ( نضع هنا الكود الذى نريده ) ليصبح شكله كالتالى :
#followers1 {
-moz-border-radius-topleft: 50px;
-moz-border-radius-topright: 0px;
-moz-border-radius-bottomright: 50px;
-moz-border-radius-bottomleft: 0px;
-webkit-border-radius: 50px 0px 50px 0px;
border-radius: 50px 0px 50px 0px;
}
ولكن يتبقى الأن جزء آخر من الكود وهو
#followers1:hover {
نضع هنا الكود الذى نريده
}
ولنعرف أن الوسم 
:hover
يحدد شكل الأداه عند المرور عليها بمؤشر الماوس, ونستطيع استخدامه لعمل تأثير من خلال إعطاء شكل للأداه فى العرض العادى وعند مرور الماوس عليها يتغير شكلها لتعطى بذلك تأثيرا ساحرا على الأداه, ومن الممكن أن يكون الكود كاملا كالآتى
 #followers1 {
-moz-border-radius-topleft: 50px;
-moz-border-radius-topright: 0px;
-moz-border-radius-bottomright: 50px;
-moz-border-radius-bottomleft: 0px;
-webkit-border-radius: 50px 0px 50px 0px;
border-radius: 50px 0px 50px 0px;
}

#followers1:hover {
-moz-border-radius-topleft: 100px;
-moz-border-radius-topright: 20px;
-moz-border-radius-bottomright: 100px;
-moz-border-radius-bottomleft: 20px;
-webkit-border-radius: 100px 20px 100px 20px;
border-radius: 100px 20px 100px 20px;
}
وكما نلاحظ فالقيم 50px , 0px هى القيم التى ستكون عليها حواف الأداه فى الوضع العادى
والقيم 100px و 20px هى القيم التى ستكون عليها حواف الأداه عند مرور الماوس عليها

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

Box Shadow وهو الإختيار الخاص بظل الأداه, وهو يضيف ظلا للأداه,
ويعطيك الموقع إختيارات عديده للتحكم فى شكل الظل ولونه ودرجة وضوحه ( عليك أنت القيام بالتجربه ) وسيكون الكود المعطى من الموقع كالتالى
-webkit-box-shadow: 3px 3px 5px 4px #000000;
-moz-box-shadow: 3px 3px 5px 4px #000000;
box-shadow: 3px 3px 5px 4px #000000;
Text Shadow وهو الخيار الذى يعطى ظلا للكتابه أو للخط المستخدم فى الأداه.
وهناك الكثير من الإختيارات الأخرى ولكنى سأتركها لكم لتجربتها بأنفسكم والتوصل إلى ما تريدونه.

كما يمكنكم التحكم فى لون الخلفيه بإضافة الكود التالى إلى الأكواد
background:#ff3388;
ويتحكم الكود البرتقالى فى اللون ونستطيع تغييره كما نريد.
ومن الممكن أن يصبح الكود النهائى كالتالى ( هذا الكود من كود مدونتى ) :
#Followers1 {
padding: 10px;
background:#ffd600;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
#Followers1:hover {
padding: 10px;
background:#fae46f;
-webkit-border-radius: 40px;
-moz-border-radius: 40px;
border-radius: 40px;
}
أتمنى أن تكون هذه التدوينه قد أدت المطلوب منها.
الاثنين, أغسطس 01, 2011