[فكرة] الحل الأمثل لتنسيق الشعر في المدونة

أسرق قليلا من وقتي لأوافيكم ببعض الأفكار المفيدة في القوالب
ولأبدأ من هذه

لتنسيق الشعر في مدونتك هناك طرق عديدة ليس اقلها النسخ من وورد أو إكسل
أغلبها تشوه مدونتك عند خطأ بسيط، أقترح الفكرة التالية [مجربة]:



أولا: تقوم بوضع الأبيات -في محرر الوردبريس مباشرة - على شكل قائمة كل بيت في سطر، مثلا:

• يا ليلة الإسرار والكشف الجلي
• يا ليلة التوحيد لله العلي
• يا ليلة جمعت فضائلها إلي
• ونهلت منها غايتي ومؤملي
• وبها سمت روحي إلى عليائها
• بالله لا تلقي الرداء وترحلي
• كم تهت في سبل الضلال بلا هدى
• وظننت أني في المقام الأول
• أفسدت عمري بالمعاصي شهوة
• وتبعت كل ضلالة ومضلل

ثانيا: تنتقل إلى تبويبة [تحرير html] في محرر الووردبريس
ستجد تشكيلة القائمة كالتالي
[html]
<ul>
<li>يا ليلة الإسرار والكشف الجلي</li>
<li>يا ليلة التوحيد لله العلي</li>
<li>يا ليلة جمعت فضائلها إلي</li>
<li>ونهلت منها غايتي ومؤملي</li>
<li>وبها سمت روحي إلى عليائها</li>
<li>بالله لا تلقي الرداء وترحلي</li>
<li>كم تهت في سبل الضلال بلا هدى</li>
<li>وظننت أني في المقام الأول</li>
<li>أفسدت عمري بالمعاصي شهوة</li>
<li>وتبعت كل ضلالة ومضلل</li>
</ul>
[/html]تضيف كلاس معين للقائمة الأم ul، مثلا:
[html]
<ul class="poet">
.
.
.
[/html]ثالثا: ثم تضيف الكود التالي لملف الستايل

[html]
ul.poet li{/*غيرها حسب الكلاس الذي وضعته*/
float: right;
width: 200px;/*حدد الحجم المناسب للشطر في القصيدة*/
border: 1px solid #B7F1FA;/*غيرها حسب اللون المفضل للحدود*/
margin: 1px;
list-style-type: none;
line-height: 25px;
text-align: center;
}
[/html]إذا طبقتها هكذا ستعمل بشكل جيد لكن لكي لا تحدث مشاكل مع متصفحات أخرى

رابعا: نضيف عنصر li في آخر القائمة التي ظهرت بعض الإنتقال إلى [تحرير html] في محرر ووردبريس، ونحدد له كلاس معين:

[html]
<ul class="poet">
<li>يا ليلة الإسرار والكشف الجلي</li>
<li>يا ليلة التوحيد لله العلي</li>
<li>يا ليلة جمعت فضائلها إلي</li>
<li>ونهلت منها غايتي ومؤملي</li>
<li>وبها سمت روحي إلى عليائها</li>
<li>بالله لا تلقي الرداء وترحلي</li>
<li>كم تهت في سبل الضلال بلا هدى</li>
<li>وظننت أني في المقام الأول</li>
<li>أفسدت عمري بالمعاصي شهوة</li>
<li>وتبعت كل ضلالة ومضلل</li>
<li class="clearli"></li>
</ul>
[/html]خامسا: وفي ملف الستايل تحت السطور التي اضفتها سابقا، أضف هذا السطر:

[html]
ul.poet li.clearli {clear: both;}
[/html]ملاحظات مهمة:

1. الإضافة في ملف الستايل تضيفها في المرة الاولى فقط، وكلما أردت كتابة قصيدة اخرى بنفس التنسيق، فقط ضعها في قائمة، أضف الكلاس بنفس الإسم، أضف العنصر li الأخير وأضف له الكلاس، واستمتع.

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

3. الأبيات أعلاه من قصيدة لي، لقراءتها كاملة: يا ليلة الإسرار

4. سأعود للموضوع للرد على الإستفسارات، قد اتأخر قليلا لكن سأعود إن شاء الله لذا لا تترددوا في طرح استفساراتكم هنا.

في امان الله

مدونة wpaon المتخصصة في ووردبريس

مدونة أقلام، كلمات في التدوين والحياة

مدونتي الشخصية على ووردبريس

المعذرة لم أعد موجودا هنا.

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

<ul class="poet">
    <li>يا ليلة الإسرار والكشف الجلي</li>
    <li>يا ليلة التوحيد لله العلي</li>
    <li>يا ليلة جمعت فضائلها إلي</li>
    <li>ونهلت منها غايتي ومؤملي</li>
    <li>وبها سمت روحي إلى عليائها</li>
    <li>بالله لا تلقي الرداء وترحلي</li>
    <li>كم تهت في سبل الضلال بلا هدى</li>
    <li>وظننت أني في المقام الأول</li>
    <li>أفسدت عمري بالمعاصي شهوة</li>
    <li>وتبعت كل ضلالة ومضلل</li>
    <li class="clearli"></li>
</ul>

<div id="poeter">

<div id="poeter">
<ul class="poet">
    <li>يا ليلة الإسرار والكشف الجلي</li>
    <li>يا ليلة التوحيد لله العلي</li>
    <li>يا ليلة جمعت فضائلها إلي</li>
    <li>ونهلت منها غايتي ومؤملي</li>
    <li>وبها سمت روحي إلى عليائها</li>
    <li>بالله لا تلقي الرداء وترحلي</li>
    <li>كم تهت في سبل الضلال بلا هدى</li>
    <li>وظننت أني في المقام الأول</li>
    <li>أفسدت عمري بالمعاصي شهوة</li>
    <li>وتبعت كل ضلالة ومضلل</li>
    <li class="clearli"></li>
</ul>
</div>

#poeter {
width:500px;
margin:0;
padding:0;
}

هذي مدونتي فيها كتاباتي وقوالب من تعريبي ..

مدونة العروض والتخفيضات

@abu3abd

إجعلها على لسانك :

• سبحان الله وبحمده .. سبحان الله العظيم

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

أبوعبدالله ... لو افترضنا بأنه اضفنا كلاس poet في div وحددنا عرض div هل ستواجه المشكله ؟؟

مدونة wpaon المتخصصة في ووردبريس

مدونة أقلام، كلمات في التدوين والحياة

مدونتي الشخصية على ووردبريس

سقاف . كوم

حيث لاسقف للمعرفة

www.saqaf.com

خاطرة : طعم النجاح

* ابحث في المنتدى وفي أي موقع من داخل قوقل

مدونة wpaon المتخصصة في ووردبريس

مدونة أقلام، كلمات في التدوين والحياة

مدونتي الشخصية على ووردبريس

مدونة إني أتأرجح

مدونة wpaon المتخصصة في ووردبريس

مدونة أقلام، كلمات في التدوين والحياة

مدونتي الشخصية على ووردبريس

المعذرة لم أعد موجودا هنا.

مدونة wpaon المتخصصة في ووردبريس

مدونة أقلام، كلمات في التدوين والحياة

مدونتي الشخصية على ووردبريس