زمان جاری : چهارشنبه 17 اردیبهشت 1404 - 12:11 قبل از ظهر
نام کاربری :
پسورد :

آخرین اخبار و اطلاعیه ها

کاربر گرامی:اگر تازه ثبت نام کرده اید لطفا قوانین انجمن را بخوانید،تا با مشکلی روبه رو نشوید.


تاپیک سایت های مفید و کاربردی
•´¯`•.چت روم تالار گفتمان اسکینک دات آی آر .•´¯`•
تاپیک جامع تغییر نام کاربری اعضای اسکینک

پاسخ جدید
نویسنده پیام
milad021
آنلاین

ارسال‌ها : 1400
عضویت: 28 /2 /1392
سن: 20
تشکرها : 420
تشکر شده : 1005
آموزش رنگی کردن هر بخش آرشیو موضوعی

به نام خدا

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

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

مثلا

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

بخش مد صورتی

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

و.....

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

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

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

اول شما باید یک 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>

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

همشو همین الان نوشتم هر خری کپی کرد بدون لینک منبع

موفق باشید

جمعه 12 اردیبهشت 1393 - 18:49
نقل قول این ارسال در پاسخ
تشکر شده: 18 کاربر از milad021 به خاطر این مطلب مفید تشکر کرده اند: 3EZAR & updown & salix & moh3n & pcbaz & skinak & sibgraph & mehr-dad & omidbest74 & saeeds & reza7023 & biomarshal & god-of-dance & meshki & nima1252 & libo & miladonline & keyfohal &
salix
آفلاین



ارسال‌ها : 923
عضویت: 10 /10 /1392
تعداد اخطار: 2
تشکرها : 277
تشکر شده : 416
پاسخ : 2 RE آموزش رنگی کردن هر بخش آرشیو موضوعی

ممنون داداش میلاد عالی بود


امضا کاربر



جمعه 12 اردیبهشت 1393 - 23:48
نقل قول این ارسال در پاسخ
تشکر شده: 1 کاربر از salix به خاطر این مطلب مفید تشکر کرده اند: biomarshal /
اطلاعیه جلسه مدیران اسکینک
reza7023
آفلاین



ارسال‌ها : 8201
عضویت: 6 /2 /1395
محل زندگی: KermanShah
سن: 29
تشکرها : 8233
تشکر شده : 11683
پاسخ : 7 RE آموزش رنگی کردن هر بخش آرشیو موضوعی

یکشنبه 25 آبان 1393 - 00:32
نقل قول این ارسال در پاسخ
تشکر شده: 1 کاربر از reza7023 به خاطر این مطلب مفید تشکر کرده اند: biomarshal /
اطلاعیه جلسه مدیران اسکینک
instagram
آفلاین



ارسال‌ها : 536
عضویت: 10 /3 /1393
تشکرها : 407
تشکر شده : 286
پاسخ : 8 RE آموزش رنگی کردن هر بخش آرشیو موضوعی

ممنون اقا میلاد عزیز


امضا کاربر


دمت گرم mostafa-gh


یکشنبه 25 آبان 1393 - 02:14
نقل قول این ارسال در پاسخ
تشکر شده: 1 کاربر از instagram به خاطر این مطلب مفید تشکر کرده اند: biomarshal /
اطلاعیه جلسه مدیران اسکینک
biomarshal
آفلاین



ارسال‌ها : 7783
عضویت: 6 /10 /1392
محل زندگی: گنبدکاووس
سن: 7
شناسه یاهو: marshaladd1998
تشکرها : 19011
تشکر شده : 8166
پاسخ : 9 RE آموزش رنگی کردن هر بخش آرشیو موضوعی

مرسی


امضا کاربر









یکشنبه 25 آبان 1393 - 04:24
نقل قول این ارسال در پاسخ
اطلاعیه جلسه مدیران اسکینک
god-of-dance
آفلاین



ارسال‌ها : 4992
عضویت: 19 /7 /1392
محل زندگی: رزبـــلاگـ
سن: 21
آی دی تلگرام:
تشکرها : 1997
تشکر شده : 3322
پاسخ : 10 RE آموزش رنگی کردن هر بخش آرشیو موضوعی


امضا کاربر



یکشنبه 25 آبان 1393 - 06:46
نقل قول این ارسال در پاسخ
اطلاعیه جلسه مدیران اسکینک
ali7112
آفلاین



ارسال‌ها : 214
عضویت: 29 /4 /1392
سن: 21
تشکرها : 75
تشکر شده : 81
پاسخ : 11 RE آموزش رنگی کردن هر بخش آرشیو موضوعی

ممنون


امضا کاربر




یکشنبه 25 آبان 1393 - 10:59
نقل قول این ارسال در پاسخ
اطلاعیه جلسه مدیران اسکینک
yasanomid
آفلاین



ارسال‌ها : 5387
عضویت: 8 /3 /1393
محل زندگی: تهران
شناسه یاهو: omidsooltan2
تشکرها : 7219
تشکر شده : 5534
پاسخ : 12 RE آموزش رنگی کردن هر بخش آرشیو موضوعی

ممنون


امضا کاربر
همین دور و بریم




یکشنبه 25 آبان 1393 - 11:03
نقل قول این ارسال در پاسخ
اطلاعیه جلسه مدیران اسکینک
nima1252
آفلاین



ارسال‌ها : 1334
عضویت: 21 /5 /1393
محل زندگی: شیراز
تشکرها : 2021
تشکر شده : 1074
پاسخ : 13 RE آموزش رنگی کردن هر بخش آرشیو موضوعی

ممنون


امضا کاربر



یکشنبه 25 آبان 1393 - 15:21
نقل قول این ارسال در پاسخ
اطلاعیه جلسه مدیران اسکینک
keyfohal
آفلاین



ارسال‌ها : 11625
عضویت: 24 /12 /1393
شناسه یاهو: i_karim_i
آی دی تلگرام:
تشکرها : 4543
تشکر شده : 16217
پاسخ : 14 RE آموزش رنگی کردن هر بخش آرشیو موضوعی

تشکر


امضا کاربر
i dont have emza :))



یکشنبه 25 آبان 1393 - 17:23
نقل قول این ارسال در پاسخ
اطلاعیه جلسه مدیران اسکینک
keyfohal
آفلاین



ارسال‌ها : 11625
عضویت: 24 /12 /1393
شناسه یاهو: i_karim_i
آی دی تلگرام:
تشکرها : 4543
تشکر شده : 16217
پاسخ : 15 RE آموزش رنگی کردن هر بخش آرشیو موضوعی

باز


امضا کاربر
i dont have emza :))



یکشنبه 25 آبان 1393 - 17:23
نقل قول این ارسال در پاسخ
اطلاعیه جلسه مدیران اسکینک


برای ارسال پاسخ ابتدا وارد حساب کاربری خود شوید.
xتبلیغات
...
X بستن تبلیغات
نمایندگی هاست خرید هاست