الويب العربي

الويب العربي (http://www.arabwebtalk.com/index.php)
-   مجتمع ديموفنف (http://www.arabwebtalk.com/forumdisplay.php?f=73)
-   -   تعديل على شكل قالب " جديد المقالات " (http://www.arabwebtalk.com/showthread.php?t=128302)

عبدالسلام العنزي 01-12-2009 07:55 PM

تعديل على شكل قالب " جديد المقالات "
 
السلام عليكم ورحمة الله وبركاته

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

لفت انتباهي منذو مدة شكل قالب " جديد المقالات " فلم يعجبني الشكل التقليدي لهـ

فأحببت أن اعدل عليه وأجعله بشكل مناسب وأفضل من الحالي


شاهد الصورة التالية " قبل التعديل "



شاهد الصورة التالية " بعد التعديل "




خطوات التعديل ..


أولاً .. افتح قالب الـ في الإستايل المراد تعديله


واستبدل الكود الخاص بعرض قالب جديد المقالات الموضح اسفل ..

كود:

<!-- START BLOCK : articlenewsbl -->
<div id="blocktable">
<div class="blocktitle"><span style='float: right'><img border="0" src="{img_dir}/arroww2.gif"></span>جديد {themodule}</div>
<!-- START BLOCK : articlenewsbls -->

<div id="center1"><a href="{action}">{caption}</a></div>
<div id="center2" {heightstyle}><span style='float: left'>{author}</span>
<span style='float: right'>{authorn}</span>
</div>
<div id="center2" style="padding:1px"></div>
<!-- END BLOCK : articlenewsbls -->
</div>
<br>
<!-- END BLOCK : articlenewsbl -->


بهذا الكود الجديد


كود:

<!-- START BLOCK : articlenewsbl -->
<div id="blocktable">
<div class="blocktitle"><span style='float: right'><img border="0" src="{img_dir}/arroww2.gif"></span>جديد {themodule}</div>
<!-- START BLOCK : articlenewsbls -->

<div id="center1"><a href="{action}">{caption}</a></div>
<div id="center2" {heightstyle}><span style='float: center'>{author}</span>
</div>
<div id="center2" style="padding:1px"><font color="#000000"><span style='float: center'>{authorn}</span></font></div>
<!-- END BLOCK : articlenewsbls -->
</div>
<br>
<!-- END BLOCK : articlenewsbl -->


انا وضعت اسم الكاتب باللون الأسود .. من أراد كتابته باللون الأحمر عليه تعديل ما كتب باللون الأزرق في الكود اعلاهـ الى FF0000


ثانياً .. افتح ملف الـ style.css لـ نفس الإستايل الذي تريد تعديله


وابحث عن

كود:

#center2 {
أضف اسفله

كود:

height: 15px;
واحفظ الملف .. بعدها اذهب واعمل تحديث للموقع وشاهد التعديل الجديد


=============================================


هذا وصل الله وسلم على نبينا محمد

إن اصبت فـ من الله عز وجل وإن اخطأت فمن نفسي والشيطان الرجيم


مـ حبكم : خرجاوي ،،


دعواتكم

تبوك 01-12-2009 08:03 PM

بدون مجامله ،، التعديل رايق ومنظم وحلو
يعطيك العافية عليه

بروح اسوي تعديلاتي وأشوف

عبدالسلام العنزي 01-12-2009 08:21 PM

المعذره يا احبتي التعديل يكون ع قالب الـ Icontent.htm


نسيت ارفقه بالموضوع وحاليا لا يمكنني التعديل ع الموضوع :(



إقتباس:

بدون مجامله ،، التعديل رايق ومنظم وحلو
يعطيك العافية عليه

بروح اسوي تعديلاتي وأشوف
الله يعافيك اخوي وتشكر ع مرورك الكريم


موفق خير

محمد القاسمي 01-12-2009 11:28 PM

شكراً يا خرجاوي ..

وتعديلك ممتاز ورائع .





.

عبدالسلام العنزي 01-12-2009 11:44 PM

إقتباس:

اقتباس من مشاركة محمد القاسمي (المشاركة 698707)
شكراً يا خرجاوي ..

وتعديلك ممتاز ورائع .

.

العفو اخوي


وتشكر ع مرورك .. نورت ..

عبدالسلام العنزي 15-12-2009 02:17 PM

هــوبـــا ..


جميع الأوقات بتوقيت مكة المكرمة. الساعة الآن » 10:37 AM.

Powered by vBulletin
Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.
Copyright © ArabWebTalk.Com 2004-2012