الدعم العربي
شرح ادارة الثيمات (اغلب ماستحتاجه لتصميم استايل) - نسخة قابلة للطباعة

+- الدعم العربي (https://www.mybbarab.com)
+-- قسم : :: . + الأقسام الإدارية + . :: (https://www.mybbarab.com/forum-36.html)
+--- قسم : الأرشـيـف (https://www.mybbarab.com/forum-39.html)
+---- قسم : تطوير منتديات MyBB 1.2 (https://www.mybbarab.com/forum-86.html)
+----- قسم : استايلات و قوالب منتديات ماى بى بى mybb (https://www.mybbarab.com/forum-4.html)
+----- الموضوع : شرح ادارة الثيمات (اغلب ماستحتاجه لتصميم استايل) (/thread-604.html)

الصفحات: 1 2 3 4 5


RE: شرح ادارة الثيمات (اغلب ماستحتاجه لتصميم استايل) - MGadAllah - 2008-02-13

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 - رفع البيج رانك واشهار المواقع و المنتديات فى محركات البحث - وهكذا) أنا عاوز الوان الحاجات دى بس هى اللى تبقى باللون الأبيض.
بس عاوز اخلى الصف اللى بعديه علطول اللى موجود فيه:
المنتدى المشاركات الردود آخر مشاركة
باللون الأسود علشان الدنيا تبقى متزبطه.
شكراً
محمد


Re: شرح ادارة الثيمات (اغلب ماستحتاجه لتصميم استايل) - Pepo - 2008-02-13

استبدل محتوى التمبليت اللى قولتلك عليه بالتالى
كود :
<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 />
وبعدها طبق التعديلات التى تريدها كما ذكرتها لك.


RE: شرح ادارة الثيمات (اغلب ماستحتاجه لتصميم استايل) - MGadAllah - 2008-02-14

عزيزى بيبو انا عملت زى ما انت قلت بالزبط وغيرت الكود بتاع اللون فى الـ tables headers للون #FFFFFF بس برضه مش نافع وعلى فكرة انا حطيت الكود ده فى مكان كل الأكواد بتاعت لون الخط وكمان الـ Link CSS Attributes
ايه العمل يا ريس



Re: شرح ادارة الثيمات (اغلب ماستحتاجه لتصميم استايل) - Pepo - 2008-02-14

هات الرابط.. اكيد فى حاجة مش مظبوطة فى التعديلات بتاعتك وانا مش عارفها


Re: شرح ادارة الثيمات (اغلب ماستحتاجه لتصميم استايل) - Pepo - 2008-02-14

يا طيب انت ماعدلتش حاجة فى الـ 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;
}



Re: شرح ادارة الثيمات (اغلب ماستحتاجه لتصميم استايل) - MGadAllah - 2008-02-14

انا كده توهت خالص والله العظيم يا احمد
انا الإستايل اللى عاوز اعمل فيه الكلام ده إسمه cartoon مش dark orange
انا كنت غيرت التيمبليت اللى انت كنت قولت عليها
ولو فى حاجة محتاجه تتحط فى الـ Additional CSS
Below you may enter additional CSS to be included with this theme.
يا ريت توضح لى قصدك ايه بالزبط
شكراً


Re: شرح ادارة الثيمات (اغلب ماستحتاجه لتصميم استايل) - Pepo - 2008-02-14

الغلط كان فى الـ 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">



Re: شرح ادارة الثيمات (اغلب ماستحتاجه لتصميم استايل) - MGadAllah - 2008-02-14

شكراً جداً الموضوع اتزبط
انا والله مش كسلى بس فعلاً فى حاجات مش باعرف اعملها
حاجة أخيره وهى ان انت لما تيجى وتضغط على الأقسام الرئيسة ستظهر باللون الأسود برضه
انا قصدى لما تضغط على أى منتدى سيتم فتح المنتدى وسيكون العنوان باللون الأسود برضه
يا ريت لو نزبط الموضوع ده يبقى 100%


Re: شرح ادارة الثيمات (اغلب ماستحتاجه لتصميم استايل) - Pepo - 2008-02-14

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


Re: شرح ادارة الثيمات (اغلب ماستحتاجه لتصميم استايل) - MGadAllah - 2008-02-14

الحمد لله كده اتزبط
طيب لما اجى ابص على الـ Forums in 'Ideas and Feedback'
ده منتدى تحتيه منتديات رئيسية وامكانية لإرسال ردود برضه
التيمبليت بتاعته ايه بالزبط
ده اللينك بتاعه http://www.gmode.info/forum/forumdisplay.php?fid=3
وعلى فكره مش كل الكود اللى انت قلت عليه فوق لقيته، انا بس لقيت الكود ده
كود :
<td style="background: url({$theme['imgdir']}/cat_tbg.gif) repeat-x" align="center" width="100%">