كيف تضيف الصناديق النصية الملونة لمدونتك؟

1 03 2010

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

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

طريقة الإضافة:

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

html-co-box

يمكنك التعديل على العرض والارتفاع إذا كانت لديك بعض الخبرة في html. أو إذا كنت تدون باستخدام برنامج WLW.

WLW-co-box3
فيما سوى ذلك لا أنصح بالتعديل على الكود.

ألوان وأذواق :

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

    نموذج 1 :

    “المدونة مساحة شخصية أكتب فيها ما أريد وأعبر فيها عن آرائي وأفكاري حول مختلف القضايا. هي مساحة تعطيني المزيد من الحركية وتمكنني من التواصل مع الآخرين . هي مساحة لتقديم شيء للآخرين ولترك آثر في هذه الدنيا” ..(المدون عبد الله المهيري)

    الكود :

    <div style="border:1px solid #e2c679;width:474px;height:96px;background-color:#fcf7e7;">”هنا أكتب النص الذي تريده</div>

    نموذج 2 :

    “المدونة مساحة شخصية أكتب فيها ما أريد وأعبر فيها عن آرائي وأفكاري حول مختلف القضايا. هي مساحة تعطيني المزيد من الحركية وتمكنني من التواصل مع الآخرين . هي مساحة لتقديم شيء للآخرين ولترك آثر في هذه الدنيا” ..(المدون عبد الله المهيري)

    الكود :

    <div style="border:1px solid #cbd03f;width:476px;height:96px;background-color:#f9fbcd;">”هنا أكتب النص الذي تريده</div>

    نموذج 3 :

    “المدونة مساحة شخصية أكتب فيها ما أريد وأعبر فيها عن آرائي وأفكاري حول مختلف القضايا. هي مساحة تعطيني المزيد من الحركية وتمكنني من التواصل مع الآخرين . هي مساحة لتقديم شيء للآخرين ولترك آثر في هذه الدنيا” ..(المدون عبد الله المهيري)

    الكود :

    <div style="border:1px solid #d1d184;width:486px;height:92px;background-color:#ffffb8;">”هنا أكتب النص الذي تريده</div>

    نموذج 4 :

    “المدونة مساحة شخصية أكتب فيها ما أريد وأعبر فيها عن آرائي وأفكاري حول مختلف القضايا. هي مساحة تعطيني المزيد من الحركية وتمكنني من التواصل مع الآخرين . هي مساحة لتقديم شيء للآخرين ولترك آثر في هذه الدنيا” ..(المدون عبد الله المهيري)

    الكود :

    <div style="border:1px solid #88cd82;width:486px;height:91px;background-color:#dbf9d9;">”هنا أكتب النص الذي تريده</div>

    نموذج 5 :

    “المدونة مساحة شخصية أكتب فيها ما أريد وأعبر فيها عن آرائي وأفكاري حول مختلف القضايا. هي مساحة تعطيني المزيد من الحركية وتمكنني من التواصل مع الآخرين . هي مساحة لتقديم شيء للآخرين ولترك آثر في هذه الدنيا” ..(المدون عبد الله المهيري)

    الكود :

    <div style="border:1px solid #8dadd0;width:486px;height:94px;background-color:#dfedfd;">”هنا أكتب النص الذي تريده</div>

    نموذج 6 :

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

    الكود :

    <div style="border:1px solid #c89bca;width:483px;height:91px;background-color:#fae9fb;">”هنا أكتب النص الذي تريده</div>

    نموذج 7 :

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

    الكود :

    <div style="border:1px solid #b5b3d3;width:486px;height:90px;background-color:#e5e4f4;">”هنا أكتب النص الذي تريده</div>

    نموذج 8 :

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

    الكود :

    <div style="border:1px solid #d4d4d4;width:486px;height:88px;background-color:#f7f7f7;">”هنا أكتب النص الذي تريده</div>

    نموذج 9 :

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

    الكود :

    <div style="border:1px solid #b7b8b8;width:486px;height:89px;background-color:#eaeaea;">”هنا أكتب النص الذي تريده</div>

    .

    أخيراً:

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

    .

    هل استفدت من التدوينة؟ شارك الفائدة مع الآخرين:

    Add to FacebookAdd to DiggAdd to Del.icio.usAdd to StumbleuponAdd to RedditAdd to BlinklistAdd to TwitterAdd to TechnoratiAdd to Yahoo BuzzAdd to Newsvine

Advertisements

إجراءات

Information

14 تعليق

1 03 2010
walid

سلمت يداك على هذه المعلومات … تحية

2 03 2010
tareef

رائع جدا
جزاك الله خيرا
منذ مدة لم أقرأ لك … تسعدني مدونتك

8 03 2010
عاشق بحر النت

جميلة هذة التدوينة والمعلومة المفيدة
شكرا لك

11 03 2010
ح ـلم

رآئع أشكرك..

إمتنآني..

19 03 2010
غالية عبدالله محمد

بارك الله فيك جهود رائعه تشكر عليها

14 04 2010
wagdy's

جزاك الله خيرا

16 04 2010
كيف تضع خلفية لتدوينتك ؟ « مدونة مجّوود | Majjood Blog

[…] في مدونات wordpress.com مثل (PlayList Player , ducument & slide show , الصناديق النصية الملونة ) هي ليست إضافات تماماً، فكما تعلمون الووردبريس […]

25 04 2010
moha47

إضافة مهمة بارك الله فيك

28 04 2010
firasoo

إضافة جميلة فعلاً

لك شكري

27 05 2010
عبد السلام أمهاوش

درس جميل جداً ومفيد
يعطيك العافية مجوود

1 07 2010
بشر

بارك الله فيك , ريحتني (لأني مليت من الصندوق الأصلي في الووردبريس) (علامة الإقتباس)

10 07 2010
المميزهـ

رائع جدا

موفق

6 09 2010
majjood

وأنتم أيضاً أصدقائي شكراً لكم على دعمكم 😐

8 10 2011
thawratunis

يعطيك الصحة

اترك رد

إملأ الحقول أدناه بالمعلومات المناسبة أو إضغط على إحدى الأيقونات لتسجيل الدخول:

WordPress.com Logo

أنت تعلق بإستخدام حساب WordPress.com. تسجيل خروج   / تغيير )

صورة تويتر

أنت تعلق بإستخدام حساب Twitter. تسجيل خروج   / تغيير )

Facebook photo

أنت تعلق بإستخدام حساب Facebook. تسجيل خروج   / تغيير )

Google+ photo

أنت تعلق بإستخدام حساب Google+. تسجيل خروج   / تغيير )

Connecting to %s




%d مدونون معجبون بهذه: