آموزش کامل طراحی و ساخت قالب برای ویبولتین(همه ورژن ها)

[EbiramGs]

سلام خدمت دوستان گرامی و وی بی کاران عزیز!!!

امیدوارم این آموزش به درد همه دوستان عزیزی که می خوان سایتشون با قالب اختصاصی که توسط خودشون طراحی شده باشه بالا بیاد بخوره.این تاپیکو به در خواست یکی از دوستانم میزارم و امیدوارم استقبال بشه ازش...

خب برای شروع کار باید بگم اگه با html و کد های مربوط به تیبل ها (table) آشنایی ندارید حتما قبلش تو این زمینه مطالعه کنید تا در حین آموزش دچار مشکل نشید...لازمه بگم که تمام قالب های وی بی رو با همین کد های تیبل می نویسن...

برای شروع کار از آشنایی با قسمت های مختلف یک استایل آشنا میشیم:

برای این کار اول به admincp برید و بعد از وارد شدن به صفحه اصلی مدیریت روی تب استایل ها & قالب ها کلیک کنید تا پنل گزینه هاش باز بشه،بعد تنظیمات استایل رو انتخاب کنید تا به صفحه مورد نظرمون بریم.

بعد از باز شدن صفحه تنظیمات استایل،یه لیست از تمام استایل های نصب شده روی فرومتون هست که میشه برای هرکدوم تنظیمات خاص خودشو انجام داد،اما ما اینجا برای ایجاد یه قالب درست و بدون نقض از همون قالب اصلی انجمن استفاده می کنیم (Default Style).

برای آشنایی با خصوصیات و اجزای عمومی و جلوه های گرافیکی قالب روی کلید برو مخصوص قالب اصلی کلیک کنید تا وارد صفحه تنظیمات بشید:

بعد از ورود به صفحه تنظیمات با چندین گزینه مواجه میشید که هر کدومو اینجا یکی یکی معرفی می کنم و شرح میدم...

ادامه دارد.............................

[mr.behrooz]

شما در صفحه اصلی تنظیمات استایل tcat نمیبینید؟
یکم بگردید هست بقیشم که معلومه فونت رنگ سایز و...

[speeed]

آموزش فارسی کردن یک استایل انگلیسی،نمونه:Orange Grove

نحوه rtl کردن استایل های وی بی شاید آسونترین کاری باشه که ما می تونید انجام بدیم چون نیازی به css نویسی نداره معمولا و به راحتی با تغییر عکس ها میشه اونو فارسی کرد.

من اینجا روی استایل Orange Grove کار می کنم که شما توی انجمن استایل انگلیسی های همین سایت می تونید دان کنید...

خب بعد از نصب قالب و نمایش انجمن با اون قالب می شه دید که انجمن برعکس شده یعنی خودش rtl شده و فقط از نظر تصویری به هم ریخته که بهتون میگم چطور درستش کنید...
وقتی فایل زبان انجمنو نصب کنید یه گزینه داره که نوشته از چب به راست و از راست به چپ،این همون rtl هست که ما نیازش داریم پس معمولا نیازی به تغییر css نیست،اما اگه دوستان با کاری که گفتم و انجام دادن نتونستن یه قالبو فارسی کنن نام قالبو بگن تا براشون آموزش بزارم...

برای فارسی کردم قالب Orange Grove ما فقط به برنامه فتوشاپ نیاز داریم،قالبو روی لوکال نصب کنید،و شروع کنید:

به پوشه images برید و پوشه orange_g رو باز کنید تا به عکس های استایل دسترسی داشته باشید.

اول به پوشه gradients برید و اونجا فایل های تصویری فروم مشاهده میشه،ما دوتا راه برای تنظیم قالب داریم:

1.با فتوشاپ عکس ها رو rtl کنیم
2.نام فایل هایی که برای قسمت راست فروم هست رو به نام فایل های قسمت چپ انجمن تغییر بدیم.

راه دوم آسونتره اما ترکیب راست و چپ نام فایل هاتونو به هم میریزه ولی خیلی سریع تر از راه اوله و در هر دو روش مشکلی برای فروم پیش نمیاد.

خب ابتدا راه اولو یه نمونه میگم و بعد را دوم:

مثلا فایل عکس با نام navb_left.png رو با فتوشاپ باز کنید،و بعد :

از منوی لایه های فتوشاپ روی لایه Layer 0 دوبار کلیک کنید تا لایه از حالت قفل دربیاد و بعد ابزار move tool فتوشاپ یا همون ابزاری که نمادش عکس یه موس سیاه رنگه که بالاترین نقطه جعبه ابزار هستو انتخاب کنید و از منوی بالای صفحه تیک

auto select و show transform contorols رو فعال کنید و حالا روی عکس با ابزار move tool کلیک کنید تا مربع های کنترل دور عکس ظاهر بشن و روی یکی از مربع ها فقط یه کلیک چپ کنید تا منوی بالا گزینه های ارتفاع و عرض تصویر رو به ما نشون بده و فقط یه منفی پشت عدد خاصیت عرض تصویر قرار بدید و تصویرو با نام خودش سیو کنید

انجمنو از نو لود کنید و تغییرات و ببینید.

روش دوم هم که تقریبا همه بلدن فقط شما باید نام تصاویر چپ و راست رو با هم عوض کنید همین....

اگه مشکلی بود بپرسید...

داداش میشه یه عکس بزارید تا ما راحت بشیم

[mtd_gold]

با عرض سلام
لطفا آموزش فارسی کردن قالب در vb4 رو هم قرار بدید
ممنون

[mr.bahram]

فارسی کردن ورژن 4 همان روش تغییر فونت هست که در بخش مورد نظر توضیح دادیم
منتها برای بعضی از قسمت ها که چپ و راست چین هست ، باید مانند ورژن های قبل عمل کرد
در کل اموزشی کلی وجود نداره و نمیشه نوشت

[nekooee]

سلام
دوستان من می خوام تو ناوبار یک لینک از سایت دیگه بدم. اون رو اضافه کردم منتها مشکلی که دارم لینک من میره بعد از آدرس سایت قرار میگیره.!!
کد من به این کل هست:

<li class="nav_b_bg"><a href="www.mysite.ir">my site</a></li>

حالا این گزینه تو ناو بار اضافه شده منتها وقتی روش کلیک میکنیم میره به این آدرس (مثلا ناو بار در همین سایت باشه):
[برای مشاهده لینک ها شما باید عضو سایت باشید برای عضویت در سایت بر روی اینجا کلیک بکنید]

یعن یآدرس فعلی اولش اضافه میشه! من از قسمت cssهای اضافی هم ندیدم جایی گزینه ای برای تغییر....
لطفا راهنمایی فرمایید
با تشکر

[mr.bahram]

سلام
دوستان من می خوام تو ناوبار یک لینک از سایت دیگه بدم. اون رو اضافه کردم منتها مشکلی که دارم لینک من میره بعد از آدرس سایت قرار میگیره.!!
کد من به این کل هست:

<li class="nav_b_bg"><a href="www.mysite.ir">my site</a></li>

حالا این گزینه تو ناو بار اضافه شده منتها وقتی روش کلیک میکنیم میره به این آدرس (مثلا ناو بار در همین سایت باشه):
[برای مشاهده لینک ها شما باید عضو سایت باشید برای عضویت در سایت بر روی اینجا کلیک بکنید]

یعن یآدرس فعلی اولش اضافه میشه! من از قسمت cssهای اضافی هم ندیدم جایی گزینه ای برای تغییر....
لطفا راهنمایی فرمایید
با تشکر

این رو توی هرف اضافه بکن

http://

قبل از www

[nekooee]

از شما خیلی ممنون هستم. فکر نمی کردم http تاثیر داشته باشه.

ببخشید که یک سوال دیگر می پرسم ممنون میشم این هم راهنماییم کنید. من می خوام آیکونهای forum_new و forum_old رو عوض کنم. منظورم همون آیکونهای سمت راست انجمن در صفحه اصلی هست. خودشون gif هستند من می خوام png بگذارم.
وقتی از قسمت جستجو در قالبها سرچ می کنم دو عبارت که حاوی این دو کلمه هست میاره:
FORUMDISPLAY
FORUMHOME
من هر دو اینها رو عوض می کنم و آدرس جدید میدم. اما وقتی تو انجمن میرم فقط قسمت راهنمای آیکونها اون پایین عوض شدند و سمت راست انجمن هنوز آیکونها قبلی هستند از کجا دیگه باید آدرس رو عوض کرد؟


و سوال بعد رو اگر حوصلتون گذاشت پاسخ بدین. ممنون میشم.

تو انجمنها دیدم سمت راست عنوان بخشها قبل از شروع متن عنوان یک آیکون که نشان دهنده محتوای اون بخش هست هم قرار دادند. اون قسمت رو چجوری میشه گذاشت؟؟ البته سوال اولم خیلی واجب تر. اگه حوصلتون نگذاشت همون اولی را پاسخ بدید
با تشکر

[mr.bahram]

از شما خیلی ممنون هستم. فکر نمی کردم http تاثیر داشته باشه.

ببخشید که یک سوال دیگر می پرسم ممنون میشم این هم راهنماییم کنید. من می خوام آیکونهای forum_new و forum_old رو عوض کنم. منظورم همون آیکونهای سمت راست انجمن در صفحه اصلی هست. خودشون gif هستند من می خوام png بگذارم.
وقتی از قسمت جستجو در قالبها سرچ می کنم دو عبارت که حاوی این دو کلمه هست میاره:
FORUMDISPLAY
FORUMHOME
من هر دو اینها رو عوض می کنم و آدرس جدید میدم. اما وقتی تو انجمن میرم فقط قسمت راهنمای آیکونها اون پایین عوض شدند و سمت راست انجمن هنوز آیکونها قبلی هستند از کجا دیگه باید آدرس رو عوض کرد؟


و سوال بعد رو اگر حوصلتون گذاشت پاسخ بدین. ممنون میشم.

تو انجمنها دیدم سمت راست عنوان بخشها قبل از شروع متن عنوان یک آیکون که نشان دهنده محتوای اون بخش هست هم قرار دادند. اون قسمت رو چجوری میشه گذاشت؟؟ البته سوال اولم خیلی واجب تر. اگه حوصلتون نگذاشت همون اولی را پاسخ بدید
با تشکر

شما توی همان بخش ها وقتی اون دو رو سرچ بکنید وارد که بشید اسم و پسوند مشخصه
forum_new.gif
بصورت پیش فرض gif هست بکنید png

[nekooee]

وای متوجه منظورم نشدید. من هر دو رو عوض می کنم اما فقط قسمت پایین سات که دو تا راهنما هست عوض میشه ولی اصلیها که سمت راست هست عوض نمیشه...

[mr.bahram]

وای متوجه منظورم نشدید. من هر دو رو عوض می کنم اما فقط قسمت پایین سات که دو تا راهنما هست عوض میشه ولی اصلیها که سمت راست هست عوض نمیشه...

همه حالت هایی که اعمال کردید رو بصورت دیفالت برگردونید
بعد وقتی فایل ها رو در مسیر مشخص درون هاست آپلود کردید برید و تغییر نام بدید از همان فایل منیجر
مثلا وقتی الان forum_new.pnp آپلود شده شما تغییر نام بدید و با forum_new.gif ذخیره بکنید
اینطوری ساده ترین کار رو انجام دادین