قسمت هایی که برای طراحی قالب باید بشناسید

[mohamad.s]

درود دوستان در این اموزش بخش هایی رو معرفی میکنم که اگه یه موقعی خواستید طراح استایل بشید یه کمکی بهتون بکنه


خوب قسمت هارو با عکس مشخص میکنم یه توضیح مختصر هم در موردشون میدم اگه جایی رو اشتباه کردم طراحان استایل درست کنن

untitled.jpg

header-background	بااستفاده از این قسمت میتونید رنگ پیش پیش زمینه هدر رو تغییر بدید
header_border	با این قسمت میشه دور هدر رو کادر بندی کرد و میتونید با کمی Cssیک کادربندی زیبا درست کنید
header_color	با هدر کالر میتونید رنگ نوشته های که در هدر نوشته شده رو عوض کنید

header_font	با این گزینه میتونیدنوع فونت هدر رو مشخص کنید(ازچه نوع فونتی باشه)
header_link_color	با این قسمت میشه رنگ لینک های موجود در هدر رو مشخص کنید

header_linkhover_color	این گزینه همونheader-link-colorامابااین تفاوت شما رنگی رو مشخص میکنید که وقتی نشانه گر موس روی لینک میره مثلاheader_link_colorقرمزه وheader_linkhover_color ابیه در حالت عادی لینک ها قرمز رنگ هستن ولی وقتی نشانگر موس رو روی لینک ها ببرید رنگش ابی میشه
عکسی که نوشته vbulletin	این عکس لوگو یا آرم سایت شماس که میتونید عوضش کنید یا میتونید پاکش کنید

پایان قسمت اول

[mohamad.s]

قسمت دورم آموزش

Untitled2.png

Toplink	این قسمت شامل بخش لاگین یا ورود میشه که میتونید با cssبرای اون border*background*و......قسمت های دیگه اضافه کنید محل toplinkدرقالب های cssتوی vbulletin-chrome.cssوهمچنینvbulletin-chrome-ie.cssموجوده

Untitled3.jpg

تمامی قسمت هایی که در این جا مشخص شده شامل ناوبارnavbarمیشن navbarرو میتونید در vbulletin-chrome.cssپیدا کنید به به دلخواه خودتون یه ناوبار بسازید

navbar_background	بااین گزینه میتونیدرنگ پیش زمینهnavbar رو عوض کنید یا حتی براش عکس بزارید
navbar_border	این قسمت یعنی کادربندی دور ناوبار که میتونید براش ازچپ یا راست یا حتی پایین یا بالاborderبزارید یا با border-radiusدور این قسمت رو گرد کنید و .......
navbar_color	ناوبارکالر یعنی رنگ فونت نوشته هایی که در navbarوجود دارن میتونید رنگ نوشته هارو به دلخواه تغییر بدید
navbar_font	با navbar_font میتونید فونت نوشته های موجود در ناوبار رو تغییر بدید و تعیین کنید از چه فونتی استفاده بشه
navbar_link_color	اما navbar_link_color بااین گزینه رنگ نوشته هایی که لینک دارن رومیتونید مشخض کنید یعنی همون لینک های موجود در navbar
navbar_linkhover_color	با این قابلیت که دلبخواهیه میتونیدبزارید یا برش دارید میتونید یه جلوه برای لینک ها موجود در navbarبزارید به این صورت وقتی که نشانگر موس روی لینک قرار گرفت رنگش تغییر کنه
navbar_padding	این گزینه در عکس موجود نیست چون جاش نشداما کارایش با این گزینه میتونید برای ناوبار تعریف کنید که مقدار بلنداش چه مقدار باشی

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

[mohamad.s]

قسمت سوم آموزش

4.jpg

تمامی قسمت هایی که در عکس بالا مشخص شدن جزیی از navtabمیباشدکه میتونید در به دلخوا ه تنظیمش کنیدvbulletincherom.css

navbar_tab_background	میتونید با این گزینه رنگ یا عکس پیش زمینه تب هارو مشخص کنید
navbar_tab_bevel	دراینجا bevelیعنی مورب و میتونید با این قسمت تغییرات عرض.رنگ.وسبک مورب بودن اطراف تب هارو مشخص کنید
navbar_tab_color	برای مشخص کردن رنگ نوشته های موجود در navtabیا رنگ فونت
navbar_tab_font	برای تعیین نوع فونت ونیز اندازه فونت نوشته های navtab
navbar_tab_linkhover_color	برای تغییر رنگ لینک های موجود در navtabوقتی که نشانگر موس روی لینک ها قرار گرفت میتونید از این گزینه استفاده کنید
navbar_tab_selected_background	از این قسمت میتونید برای تعیین کردن عکس یا رنگ پیش زمینه تبی که انتخاب شده یا یکی از دکمه های موجود در navtabمانند انجمن که انتخاب شده استفاده کنید
navbar_tab_selected_top_width	کلا widthدر هر جا اومد یعنی عرض .این قسمت برای تغییر عرض تب انتخاب شده میباشد
navbar_tab_size	این قسمت برای تعیین اندازه تب هاست (دکمه هایی مثل انجمن-تازه چه خبر....)که میتونید عرض طول و......رو به دلخواه تغییر بدید
توصیه	حتما حتما حداقل اگه شده در حد مبتدی هم شدهcssیاد بگیرید

5.jpg

navbarsearch_borderWidth	با این قسمت میتونید عرض بوردر(border) سرچ باکس یا جعبه جوستو جو رو مشخص کنید
navbarsearch_input_borderColor	این قسمت برای مشخص کردن تغییرات رنگ borderقسمت داخلی سرچ باکسه
navbarsearch_padding	تعیین کردن عرض بین borderبیرونی و border داخلی
searchbox_size	مشخص کردن اندازه جعبه جوستو جو
دکمه جوستو جو (عکس ذره بین)	اسم این قسمت searchbutton که میتونید عکس دکمه جوستو جو رو انتخاب کنید

پایان قسمت سوم والبته قسمت header