• 0 اصوات - بمعدل 0
  • 1
  • 2
  • 3
  • 4
  • 5

شرح ادارة الثيمات (اغلب ماستحتاجه لتصميم استايل)
RE: شرح ادارة الثيمات (اغلب ماستحتاجه لتصميم استايل)
بسم الله الرحمن الرحيم
forumbit_depth1_cat

كود:
<table border="0" cellpadding="0" cellspacing="0" align="center" width="100%">
    <tr>
        <tbody>

<tr>
<td align="left"><img src="{$theme['imgdir']}/cat_l.gif" alt="" border="0"></td>
<td style="background: url({$theme['imgdir']}/cat_tbg.gif) repeat-x" align="center" width="100%"><div class="expcolimage"><img src="{$theme['imgdir']}/{$expcolimage}" id="cat_{$forum['fid']}_img" class="expander" alt="{$expaltext}" /></div>
<div style="text-align: left;"><strong><a href="forumdisplay.php?fid={$forum['fid']}">{$forum['name']}</a></strong><br /><div class="smalltext">{$forum['description']}</div></strong></div>
</td>
<td align="right"><img src="{$theme['imgdir']}/cat_r.gif" alt="" border="0"></td>
</tr>
</tbody>
</table>
<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder">
</thead>
<tbody style="{$expdisplay}" id="cat_{$forum['fid']}_e">
<tr>
<td class="tcat" width="35"> </td>
<td class="tcat"><strong>{$lang->forumbit_forum}</strong></td>
<td class="tcat" width="85" align="center" style="white-space: nowrap"><strong>{$lang->forumbit_threads}</strong></td>
<td class="tcat" width="85" align="center" style="white-space: nowrap"><strong>{$lang->forumbit_posts}</strong></td>
<td class="tcat" width="200" align="center"><strong>{$lang->forumbit_lastpost}</strong></td>
</tr>
{$sub_forums}
</tbody>
</table>
<table border="0" cellpadding="0" cellspacing="0" align="center" width="100%">
    <tr>
        <tbody>

<tr>
<td align="left"><img src="{$theme['imgdir']}/cat_lb.gif" alt="" border="0"></td>
<td style="background: url({$theme['imgdir']}/cat_tbgb.gif) repeat-x" align="center" width="100%">
</td>
<td align="right"><img src="{$theme['imgdir']}/cat_rb.gif" alt="" border="0"></td>
</tr>
</tbody>
</table>
<br />
أنا كل اللى عاوز أعمله هو إنى أخلى لوم عناوين الأقسام الرئيسية فقط باللون الأبيض
يعنى مثلاً إنت عامل الأقام الرئيسية عندك باللون الأبيض: ( الأقسام الأسلاميه - تطوير منتديات ماى بى بى mybb - رفع البيج رانك واشهار المواقع و المنتديات فى محركات البحث - وهكذا) أنا عاوز الوان الحاجات دى بس هى اللى تبقى باللون الأبيض.
بس عاوز اخلى الصف اللى بعديه علطول اللى موجود فيه:
المنتدى المشاركات الردود آخر مشاركة
باللون الأسود علشان الدنيا تبقى متزبطه.
شكراً
محمد

2008-02-13, 03:40 AM
مشاركات: #31
عرض جميع مشاركات هذا العضو
Re: شرح ادارة الثيمات (اغلب ماستحتاجه لتصميم استايل)
بسم الله الرحمن الرحيم
استبدل محتوى التمبليت اللى قولتلك عليه بالتالى
كود:
<table border="0" cellpadding="0" cellspacing="0" align="center" width="100%">
    <tr>
        <tbody>

<tr>
<td align="left" class="thead"><img src="{$theme['imgdir']}/cat_l.gif" alt="" border="0"></td>
<td style="background: url({$theme['imgdir']}/cat_tbg.gif) repeat-x" align="center" width="100%"><div class="expcolimage"><img src="{$theme['imgdir']}/{$expcolimage}" id="cat_{$forum['fid']}_img" class="expander" alt="{$expaltext}" /></div>
<div style="text-align: left;"><strong><a href="forumdisplay.php?fid={$forum['fid']}">{$forum['name']}</a></strong><br /><div class="smalltext">{$forum['description']}</div></strong></div>
</td>
<td align="right"><img src="{$theme['imgdir']}/cat_r.gif" alt="" border="0"></td>
</tr>
</tbody>
</table>
<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder">
</thead>
<tbody style="{$expdisplay}" id="cat_{$forum['fid']}_e">
<tr>
<td class="tcat" width="35"> </td>
<td class="tcat"><strong>{$lang->forumbit_forum}</strong></td>
<td class="tcat" width="85" align="center" style="white-space: nowrap"><strong>{$lang->forumbit_threads}</strong></td>
<td class="tcat" width="85" align="center" style="white-space: nowrap"><strong>{$lang->forumbit_posts}</strong></td>
<td class="tcat" width="200" align="center"><strong>{$lang->forumbit_lastpost}</strong></td>
</tr>
{$sub_forums}
</tbody>
</table>
<table border="0" cellpadding="0" cellspacing="0" align="center" width="100%">
    <tr>
        <tbody>

<tr>
<td align="left"><img src="{$theme['imgdir']}/cat_lb.gif" alt="" border="0"></td>
<td style="background: url({$theme['imgdir']}/cat_tbgb.gif) repeat-x" align="center" width="100%">
</td>
<td align="right"><img src="{$theme['imgdir']}/cat_rb.gif" alt="" border="0"></td>
</tr>
</tbody>
</table>
<br />
وبعدها طبق التعديلات التى تريدها كما ذكرتها لك.

2008-02-13, 06:18 AM
مشاركات: #32
عرض جميع مشاركات هذا العضو
RE: شرح ادارة الثيمات (اغلب ماستحتاجه لتصميم استايل)
بسم الله الرحمن الرحيم
عزيزى بيبو انا عملت زى ما انت قلت بالزبط وغيرت الكود بتاع اللون فى الـ tables headers للون #FFFFFF بس برضه مش نافع وعلى فكرة انا حطيت الكود ده فى مكان كل الأكواد بتاعت لون الخط وكمان الـ Link CSS Attributes
ايه العمل يا ريس

2008-02-14, 11:53 AM
مشاركات: #33
عرض جميع مشاركات هذا العضو
Re: شرح ادارة الثيمات (اغلب ماستحتاجه لتصميم استايل)
بسم الله الرحمن الرحيم
هات الرابط.. اكيد فى حاجة مش مظبوطة فى التعديلات بتاعتك وانا مش عارفها

2008-02-14, 12:01 PM
مشاركات: #34
عرض جميع مشاركات هذا العضو
Re: شرح ادارة الثيمات (اغلب ماستحتاجه لتصميم استايل)
بسم الله الرحمن الرحيم
يا طيب انت ماعدلتش حاجة فى الـ css شوف بنفسك ده من ملف الـ css بتاعك
كود:
.thead {
    background: #FFC300 url(images/DarkOrange/thead.png) top left repeat-x;
    color: #333333;
    font-family: bitstream vera sans, sans-serif;
    font-size: 14px;
    font-weight: bold;
    padding: 9px 4px 0px 4px;
    margin: auto auto;
}
.thead a:link {
    color: #333333;
    text-decoration: none;
}
.thead a:visited {
    color: #333333;
    text-decoration: none;
}
.thead a:hover, .thead a:active {
    color: #333333;
    text-decoration: underline;
}

2008-02-14, 12:08 PM
مشاركات: #35
عرض جميع مشاركات هذا العضو
Re: شرح ادارة الثيمات (اغلب ماستحتاجه لتصميم استايل)
بسم الله الرحمن الرحيم
انا كده توهت خالص والله العظيم يا احمد
انا الإستايل اللى عاوز اعمل فيه الكلام ده إسمه cartoon مش dark orange
انا كنت غيرت التيمبليت اللى انت كنت قولت عليها
ولو فى حاجة محتاجه تتحط فى الـ Additional CSS
Below you may enter additional CSS to be included with this theme.
يا ريت توضح لى قصدك ايه بالزبط
شكراً

2008-02-14, 12:13 PM
مشاركات: #36
عرض جميع مشاركات هذا العضو
Re: شرح ادارة الثيمات (اغلب ماستحتاجه لتصميم استايل)
بسم الله الرحمن الرحيم
الغلط كان فى الـ templates بتاعتك يا طيب.. انت كنت محدد الكلاس thead للجزء اللى فيه صورة الأكسباند بس
ولو قبلتك المشكلة دى فى اى مكان تانى فى الأستايل
اعرف القالب اللى تبعه ايه.. وابحث فيه عن
كود:
<td style="background: url({$theme['imgdir']}/cat_tbg.gif) repeat-x" align="center" width="100%"><div class="expcolimage">
واستبدله بالتالى
كود:
<td class="thead" style="background: url({$theme['imgdir']}/cat_tbg.gif) repeat-x" align="center" width="100%"><div class="expcolimage">

2008-02-14, 12:32 PM (اخر تعديل لهذه المشاركة : 2008-02-14 12:34 PM بواسطة Pepo.)
مشاركات: #37
عرض جميع مشاركات هذا العضو
Re: شرح ادارة الثيمات (اغلب ماستحتاجه لتصميم استايل)
بسم الله الرحمن الرحيم
شكراً جداً الموضوع اتزبط
انا والله مش كسلى بس فعلاً فى حاجات مش باعرف اعملها
حاجة أخيره وهى ان انت لما تيجى وتضغط على الأقسام الرئيسة ستظهر باللون الأسود برضه
انا قصدى لما تضغط على أى منتدى سيتم فتح المنتدى وسيكون العنوان باللون الأسود برضه
يا ريت لو نزبط الموضوع ده يبقى 100%

2008-02-14, 12:40 PM
مشاركات: #38
عرض جميع مشاركات هذا العضو
Re: شرح ادارة الثيمات (اغلب ماستحتاجه لتصميم استايل)
بسم الله الرحمن الرحيم
بمناسبة النت اللى زى الصاروخ عندى فانا مش عارف اتحرك جوة الأدمن بانل عندك
فياريت تعمل التعديل اللى قولتلك عليه فى تمبليت forumdisplay_threadlist

2008-02-14, 12:45 PM
مشاركات: #39
عرض جميع مشاركات هذا العضو
Re: شرح ادارة الثيمات (اغلب ماستحتاجه لتصميم استايل)
بسم الله الرحمن الرحيم
الحمد لله كده اتزبط
طيب لما اجى ابص على الـ Forums in 'Ideas and Feedback'
ده منتدى تحتيه منتديات رئيسية وامكانية لإرسال ردود برضه
التيمبليت بتاعته ايه بالزبط
ده اللينك بتاعه غير مسموح بعرض الروابط الا بعد التسجيل و تفعيل العضوية
وعلى فكره مش كل الكود اللى انت قلت عليه فوق لقيته، انا بس لقيت الكود ده
كود:
<td style="background: url({$theme['imgdir']}/cat_tbg.gif) repeat-x" align="center" width="100%">

2008-02-14, 01:06 PM
مشاركات: #40
عرض جميع مشاركات هذا العضو

شرح ادارة الثيمات (اغلب ماستحتاجه لتصميم استايل)



التنقل السريع: