آموزش رنگی کردن هر بخش آرشیو موضوعی
سفارش تبليغات در انجــمن قالب گراف ورود به تاپيک اطلاعيه هاي تابستانه قالب گراف
امور گرافيکي و کدنويسي وب خود را به جي جي ميزبان بسپاريد
نام کاربري : پسورد : فراموش

به نام خدا

این آموزشو ازم چند نفر خواسته بودن واسه همین امروز تصمیم گرفتم این اموزش رو برای همه بزارم تا استفاده کنند

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

مثلا

بخش سرگرمی قرمز

بخش مد صورتی

بخش فناوری مشکی

و.....

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

از اونجایی که من تو آموزش ویدئویی خیلی سوتی میدم پس بهتره آموزش به صورت تصویری باشه و انشالله که سوتی نداشته باشه

خوب بریم سر وقت آموزش

اول شما باید یک calss به نام همون موضوع ایجاد کنید

حتما هم نیاز نیست کل اسم موضوع رو بکار ببرید

مثلا من برای قسمت موضوعی اس ام اس اینو بکار بردم

کد:

<style>.اس{border-top:4px solid #FF4DAC;border-radius:5px;}.اس</style>

خوب حالا باید بگردید دنبال کلمه ای با همه توی آرشیو تفاوت داره

توی هر قسمت ارشیو هم معمولا title اون موضوع با بقیه متفاوته

یه class اینطوری ایجاد میکنید

کد:

<div class="[Catgory_Title]">

خوب حالا این کد باید یک خط ایجاد کنه تو بخش اس ام اس

و از اونجایی که تو بخش loop گذاشته شده برای هر بخش تکرار میشه

و

باز هم از اونجایی که توی تگ category posts گذاشته شده category title به

اسم همون بخش در میاد یعنی توی سورس قالب همچین اتفاقی می افته:

شما یک class به اسم \\\" اس \\\" تعریف کردید و وقتی توی div class قرار میگیره همون استایل رو روی اون بخش پیاده میکنه

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

حالا شما با همین روش می تونید کاری کنید که هر بخش آرشیوتون یه رنگی بشه یعنی

1.استایل هر بخش ارشیو رو از قالب سایتی که ترجمش کردین جدا کنید(یا خودتون بنویسید)

2.اسم اون قسمت رو از مثلا

کد:

<div class="model">

به

کد:

<div class="[Catgory_Title]">

تغییر بدید

3.و بجای

کد:

<div class="model">

قرار بدید

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

نکته ها

1. بعضی اوقات پیش میاد که کلمه های خیلی طولانی تو قبول نمیکنه بجای اسم class پس بهتره از کلمه کوتاهی بین اونا استفاده کنید

مثلا به جای :

کد:

<div class="بخش مد و زیبایی">

از

کد:

<div class="مد">

استفاده کنید کافیه

2. میخاید مثه من چیزی اضافه کنید به هر بخش حتما div رو ببندید

کد:
</div>

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

نمونه:

کد:

.ابراهیم{background:url(http://up.fun20.ir/up/ilovelorn/Pictures/logoha/ebrahim_gh.png)

center no-repeat;background-position:0

0;width:30px;height:30px;margin-right:0px;padding:3px 40px 17px 10px}

همراه با

کد:

<div class="[Post_Author]"></div>

توی تگ

کد:

<RB:Post_Author_Block>

امیدوارم به اندازه ی کافی واضح گفته باشم

موفق باشید

تشکر شده:

4 کاربر از milad755 به خاطر اين مطلب مفيد تشکر کرده اند: xeneral / red / admin-mehrdad / warrior /

پاسخ ها

ممنون!

ولی ما که از رزبلاگ دل کنیدم و رفتیم وردپرس

اگه باز رزبلاگ وب زدم یا خریدم(که خدا نکنه ) از این آموزش استفاده میکنم

امضاي کاربر :
==========
خسـتــه از تــکــرار فــرداهــای بــی حــاصــل

کاربــردی و مفــید !

خیلی دنبال این آموزش بودم !

واقعا ممنون !

امضاي کاربر :
Be WiLd !

ممنون!

من هم بلد بودم میخواستم دو ماه دیگه اموزشش رو بزارم!

چون تو قالب هام از استایلی استفاده کردم که چند رنگیه! فقط یه ای دی عوض کردن لازم داره

به هر حال ممنون

عالی بود

ممنون

امضاي کاربر :

خوشحال میشم سربزنید و ممنون از اینکه نظر خواهید داد :دی

براي نمايش پاسخ جديد نيازي به رفرش صفحه نيست روي تازه سازي پاسخ ها کليک کنيد !