مرجع پارسی MyBB

نسخه‌ی کامل: قراردادن آیکون در کنار انجمن‌ها
شما درحال مشاهده‌ی نسخه‌ی متنی این صفحه می‌باشید. مشاهده‌ی نسخه‌ی کامل با قالب‌بندی مناسب.
صفحه‌ها: 1 2
سلام.

منظورم از آیکون‌های کنار انجمن‌ها اینها هستند:

[تصویر:  1283234833.gif]

دوستان زیادی میخواستند بدونند که چطور میشه چنین کاری رو انجام داد.
به روش‌های مختلفی میشه تصاویر رو در کنار لینک انجمن نمایش داد که بستگی به سلیقه و خلاقیت شما دارد.


مواد لازم(!):

۱. تعدادی تصویر با ابعاد یکسان.
۲. یک عدد تصویر خالی (یعنی شفاف یا همون Transparent) در ابعاد 1px x 1px.


روش کار:

به بخش ویرایش پوسته‌ی مورد نظر برید و این مسیر رو دنبال کنید: Forum Bit Templates » forumbit_depth2_forum

[تصویر:  1275752915.gif]

اگه کد آماده می‌خواین، این کد رو در تمپلت جایگزین کد قبلی بکنید:

کد php:
<tr>
<
td class="{$bgcolor}align="center" valign="middle" width="1"><img src="{$theme['imgdir']}/{$lightbulb['folder']}.gif" alt="{$lightbulb['altonoff']}title="{$lightbulb['altonoff']}class="ajax_mark_read" id="mark_read_{$forum['fid']}/></td>
<
td class="{$bgcolor}valign="top">
<
table width="100%" border="0" cellspacing="{$theme['borderwidth']}cellpadding="{$theme['tablespace']}">
<
tbody>
<
tr>
<
td class="{$bgcolor}align="center" style="width:1px"><img src="images/forum_icons/f-{$forum['fid']}.png" /></td>
<
td class="{$bgcolor}valign="top">
{
$forum['super_forum_img']}<strong><a href="{$forum_url}">{$forum['name']}</a></strong>{$forum_viewers_text}<div class="smalltext"><div>{$forum['description']}</div>{$modlist}{$subforums}</div>
</
td>
</
tr>
</
tbody>
</
table>
</
td>
<
td class="{$bgcolor}valign="top" align="center" style="white-space: nowrap">{$threads}{$unapproved['unapproved_threads']}</td>
<
td class="{$bgcolor}valign="top" align="center" style="white-space: nowrap">{$posts}{$unapproved['unapproved_posts']}</td>
<
td class="{$bgcolor}valign="top" align="right" style="white-space: nowrap">{$lastpost}</td>
</
tr

بعد یک پوشه با نام forum_icons در داخل پوشه‌ی images درست کنید.
حالا کافیه نام تصاویرتون رو به این شکل تغییر بدید: f-*.png بجای علامت ستاره، شماره‌ی آی‌دی انجمنی رو قرار بدید که تصویر مربوط به اون هست. اگه آی‌دی یک انجمن رو نمی‌دونید، لینک اون انجمن رو ببینید. عددی که در اون لینک وجود داره همون آی‌دی انجمن هست. برای انجمن‌هایی که نمی‌خواین تصویر داشته باشند هم اون تصویر 1px x 1px رو به همین طریق نام گذاری و آپلود کنید.
در تكيمل اين اموزش :

با اموزشي كه بالا داده شده فقط ميشه براي انجمن ها ايكون گذاشت خوب اگه دسته ما كه شامل زير انجمن هست به راحني ميشه ايكون گذاشت حالا اگه توي دسته ما يك زير دسته درست كنيم با روش بالا نميشه ايكون بهش اضافه كرد به عنوان مثل به عكس زير توجه كنيد
[attachment=1770]
كادر قرمز كه خودش يك دسته هست و انجمن ها و زير دسته ها توش قرار مي گيرن كادر سبز يك انجمن هست كه شامل چند زير انجمن ديگه هست
ولي كادر ابي يه زير دسته هست كه شامل چند زير انجمن هست

خوب در ظاهر فرقي بين اين دو نمي بينم اما داخل دسته نميشه ارسالي فرستاد ولي تو انجمن چرا ميشه ارسال كرد خوب فرض كنيد براي اينكه بتونيد كنار زير دسته ها هم ايكون بزاريد و مجبور نشديد براي قرار دادن ايكون زير دسته ها رو انجمن تعريف كنيد به مسير زير بريد

كنترل پانل ادمين » قالب ها و پوسته ها » قالب ها » قالب مورد نظر » Forum Bit templates

و forumbit_depth2_cat

و كدهاي زير رو به جاي كد هاي قبلي قرار دهيد بقيه كار هم مثل روش بالاست يادتو نره اول تو نوت پت كپي پست كنيد
کد:
<tr>
<td class="{$bgcolor}" align="center" valign="middle" width="1"><img src="{$theme['imgdir']}/{$lightbulb['folder']}.gif" alt="{$lightbulb['altonoff']}" title="{$lightbulb['altonoff']}" class="ajax_mark_read" id="mark_read_{$forum['fid']}" /></td>
<td class="{$bgcolor}" valign="top">
<table width="100%" border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}">
<tbody>
<tr>
<td class="{$bgcolor}" align="center" style="width:1px"><img src="images/forum_icons/f-{$forum['fid']}.png" /></td>
<td class="{$bgcolor}" valign="top">
{$forum['super_forum_img']}<strong><a href="{$forum_url}">{$forum['name']}</a></strong>{$forum_viewers_text}<div class="smalltext"><div>{$forum['description']}</div>{$subforums}</div>
</td>
</tr>
</tbody>
</table>
</td>
<td class="{$bgcolor}" valign="top" align="center" style="white-space: nowrap">{$threads}{$unapproved['unapproved_threads']}</td>
<td class="{$bgcolor}" valign="top" align="center" style="white-space: nowrap">{$posts}{$unapproved['unapproved_posts']}</td>
<td class="{$bgcolor}" valign="top" align="right" style="white-space: nowrap">{$lastpost}</td>
</tr>
ما هم میزنیم رو دست مدیران سایت . . Big GrinTongueTongue
با اجازه از جناب pars و plus عزیز :
من از این روش استفاده کردم و جواب داد . نکته ای که بهش برخوردم این بود که عکس در وسط جدول لود میشد و نوشته ها بالای جدول و اینجوری نوشته و عکس در یک لاین نبودن . . .
شما میتونید این تکه از کد اول رو :
کد:
<td class="{$bgcolor}" align="center" style="width:1px"><img src="images/forum_icons/f-{$forum['fid']}.png" /></td>
<td class="{$bgcolor}" valign="top">
به این شکل تغییر بدین :
کد:
<td class="{$bgcolor}" align="center" style="width:1px"><img src="images/forum_icons/f-{$forum['fid']}.png" /></td>
<td class="{$bgcolor}" valign="middle">
تغییر ایجاد شده این بود که چینش نوشته ها رو از top به middle تغییر دادیم . . .
در ضمن نکته سئو هم وجود داره و اینکه برای عکس باید alt هم تعیین کنین . یکی از کلمات کلیدی سایت رو قرار بدین یعنی باز هم میشه کد بالا رو به صورت زیر تغییر داد

کد:
<td class="{$bgcolor}" align="center" style="width:1px"><img src="images/forum_icons/f-{$forum['fid']}.png" alt="الکترونیک دانلود" /></td>

بجای الکترونیک دانلود میتونید اسم فروم خودتون رو بزارید . فقط باید این نکته رو بدونین که اگه عکسی برای انجمن های دیگه انتخاب نکنین بجای عکس " الکترونیک دانلود " یا همون alt عکس شما نمایش داده میشه .
این آموزش واسه 1.4 هستش من از 1.6 استفاده میکنم و این فایل هایی رو که گفتین اصلا ندیدم

نقل‌قول: به بخش ویرایش پوسته‌ی مورد نظر برید و این مسیر رو دنبال کنید: Forum Bit Templates » forumbit_depth2_forum
لطفا راهنمایی کنید به این بخش شدیدا نیاز دارمBlush
این آموزش مشترک هست، هم برای 1.4 هم برای 1.6
اینا فایل نیستند تمپلیت پوسته هستند که از پنل آدمین قابل رویت میباشند.Blush
ممنون از راهنمایی ولی من همچین فایل هایی رو نمیبینم میشه مسیر دقیقش رو لطف کنیدHuh
عزیز بالا گفتم فایل نیست تمپلیت هست و آدرس هم در پست اول دقیق گفته شده.
دوستان عزیز مای بی بی من هرچی کردم خراب در اومد به این مد هم شدیدا نیاز دارم چون انجمنم به یه شکلی هست که حتما باید کنار هر موضوع تصویر مربوطه باشه.
خواهش میکنم اگه کسی لطف کنه بگه دسترسی بهش بدم بره این مد رو واسم نصب کنه یه دنیا ممنونش میشم.
من از قالب the cure استفاده میکنم این لطف رو در حق من می کنید؟HuhBlush
Big Grin ممنون تست نکردم ولی نیاز دارم بدا میام تست میکنم
سلام دوستان

(۱۳۸۸/۶/۱۶، ۰۱:۰۷:۱۰ صبح)Pars نوشته است: [ -> ]سلام.

منظورم از آیکون‌های کنار انجمن‌ها اینها هستند:

[تصویر:  1283234833.gif]

دوستان زیادی میخواستند بدونند که چطور میشه چنین کاری رو انجام داد.
به روش‌های مختلفی میشه تصاویر رو در کنار لینک انجمن نمایش داد که بستگی به سلیقه و خلاقیت شما دارد.


مواد لازم(!):

۱. تعدادی تصویر با ابعاد یکسان.
۲. یک عدد تصویر خالی (یعنی شفاف یا همون Transparent) در ابعاد 1px x 1px.


روش کار:

به بخش ویرایش پوسته‌ی مورد نظر برید و این مسیر رو دنبال کنید: Forum Bit Templates » forumbit_depth2_forum

[تصویر:  1275752915.gif]

اگه کد آماده می‌خواین، این کد رو در تمپلت جایگزین کد قبلی بکنید:

کد php:
<tr>
<
td class="{$bgcolor}align="center" valign="middle" width="1"><img src="{$theme['imgdir']}/{$lightbulb['folder']}.gif" alt="{$lightbulb['altonoff']}title="{$lightbulb['altonoff']}class="ajax_mark_read" id="mark_read_{$forum['fid']}/></td>
<
td class="{$bgcolor}valign="top">
<
table width="100%" border="0" cellspacing="{$theme['borderwidth']}cellpadding="{$theme['tablespace']}">
<
tbody>
<
tr>
<
td class="{$bgcolor}align="center" style="width:1px"><img src="images/forum_icons/f-{$forum['fid']}.png" /></td>
<
td class="{$bgcolor}valign="top">
{
$forum['super_forum_img']}<strong><a href="{$forum_url}">{$forum['name']}</a></strong>{$forum_viewers_text}<div class="smalltext"><div>{$forum['description']}</div>{$modlist}{$subforums}</div>
</
td>
</
tr>
</
tbody>
</
table>
</
td>
<
td class="{$bgcolor}valign="top" align="center" style="white-space: nowrap">{$threads}{$unapproved['unapproved_threads']}</td>
<
td class="{$bgcolor}valign="top" align="center" style="white-space: nowrap">{$posts}{$unapproved['unapproved_posts']}</td>
<
td class="{$bgcolor}valign="top" align="right" style="white-space: nowrap">{$lastpost}</td>
</
tr

بعد یک پوشه با نام forum_icons در داخل پوشه‌ی images درست کنید.
حالا کافیه نام تصاویرتون رو به این شکل تغییر بدید: f-*.png بجای علامت ستاره، شماره‌ی آی‌دی انجمنی رو قرار بدید که تصویر مربوط به اون هست. اگه آی‌دی یک انجمن رو نمی‌دونید، لینک اون انجمن رو ببینید. عددی که در اون لینک وجود داره همون آی‌دی انجمن هست. برای انجمن‌هایی که نمی‌خواین تصویر داشته باشند هم اون تصویر 1px x 1px رو به همین طریق نام گذاری و آپلود کنید.

من این کارو انجام دادم به سادگی جواب داد ولی میون عنوان تالار با مدیر بخش یه فاصله افتاد چطور میتونم این فاصله رو کم یا بردارم ؟

و اینکه به کد چی اضافه کنم که خودش اندازه رو ست کنه با اندازه مورد نظر مثلا من یه عکس png با سایز 46px 46px اپلود میکنم ولی در فروم با اندازه 35px 35px نمایش داده شه

برای اینکار چیکار کنم ؟

با تشکر، یا مولا علی (علیه السلام)
صفحه‌ها: 1 2