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

[mohamad.s]

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


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

10856

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]

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

10857



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








10858

تمامی قسمت هایی که در این جا مشخص شده شامل ناوبار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
این گزینه در عکس موجود نیست چون جاش نشدhttp://www.wikivb.ir/smilies/ns/rolleyessmileyanim.gifاما کارایش با این گزینه میتونید برای ناوبار تعریف کنید که مقدار بلنداش چه مقدار باشی











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

[mohamad.s]

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

10859

تمامی قسمت هایی که در عکس بالا مشخص شدن جزیی از 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یاد بگیرید





10860




navbarsearch_borderWidth
با این قسمت میتونید عرض بوردر(border) سرچ باکس یا جعبه جوستو جو رو مشخص کنید


navbarsearch_input_borderColor
این قسمت برای مشخص کردن تغییرات رنگ borderقسمت داخلی سرچ باکسه


navbarsearch_padding
تعیین کردن عرض بین borderبیرونی و border داخلی


searchbox_size
مشخص کردن اندازه جعبه جوستو جو


دکمه جوستو جو (عکس ذره بین)
اسم این قسمت searchbutton که میتونید عکس دکمه جوستو جو رو انتخاب کنید




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