سفارش تبلیغ
صبا ویژن
مجتمع شهیدشاهمرادی عیسی آباد
وبلاگ آموزشی تربیتی
گروه طراحی تم کده گروه طراحی تم کده گروه طراحی تم کده گروه طراحی تم کده گروه طراحی تم کده

نقل از سایت تمکده

راهنمای تغییر تصاویر در قالب های تم کده

راهنمای تغییر هدر قالب ها

از آنجایی که در این مدت دوستان زیادی درخواست آموزش تغیر تصاویر قالب های سایت یا وبلاگ را مثل تصویر هدر قالب (عکس بالای قالب) داشتند ، نحوه تغیر تصاویر را خواهیم گفت.

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


تصاویر در قالب های وبلاگ به چندین شکل مختلف در کد قالب قرار دارند که رایج ترین روش ها را بررسی می کنیم :

1- تصاویر قالب در بین دو تگ <style> در کد اصلی قالب قرار گرفته است.
در تگ <style> که تنظیمات قالب (اعم از تنظیمات جدول بندی، رنگ متن ها و …) وجود دارد برای تغیر تصاویر قالب مثل تصویر هدر ، منو ها و دیگر تصاویر قالب کافی است آدرس و در صورت نیاز سایز عکس را ویرایش کرد.

 

<style>
.top{background:url(http://temkade.com/34/top.jpg) no-repeat top; width:900; height:200; float:right;}
</style>

 

2- تصاویر قالب بصورت کد عکسی در قالب قرار گرفته است.

 

<img border="0" src="http://temkade.com/36/header.jpg" width="186" height="30">

 

راهنمای تغییر اسلایدشو قالب ها

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

var number = 3;     <<< تعداد اسلاید تصاویر شما در این متغیر ذخیره می شود که قابل افزایش به تعداد دلخواه می باشد

mytheme_pic[1] = "http://mythemes.ir/t36/pic1.jpg";     <<< آدرس فایل تصویر شماره یک که قبلا آپلود شده است
mytheme_titr[1] = "Your Text Title";         <<< متن تیتر مربوط به اسلاید تصویر شماره یک
mytheme_text[1] = "Your Text Description";     <<< متن توضیح مربوط به اسلاید تصویر شماره یک
mytheme_link[1] = "http://www.temkade.com";    <<< لینک شما جهت لینک دهی به اسلاید تصویر شماره یک

همانطور که مشاهده می کنید تعداد تصاویر اسلاید بصورت پیش فرض 3 عدد درنظر گرفته شده است که به همان تعداد نیز از 4 متغیر مربوط به تنظیمات هر تصویر شامل: آدرس تصویر، متن تیتر اسلاید، متن توضیح اسلاید و لینک دهی به اسلاید در این کدها استفاده شده است. یعنی در ازای هر اسلاید که می خواهید اضافه کنید باید از این 4 خط کد کپی گرفته و عدد داخل آنرا نیز جهت شماره گذاری تعیین کنید. همانطور که می بینید ما برای 3 اسلاید 3 شماره به این ترتیب داریم: [1],[2],[3]
شما می توانید مقدار هر متغیر را برای هر اسلاید ویرایش کنید و اسلاید ها را به تعداد دلخواه افزایش دهید.

نکته: اندازه تصاویر مورد استفاده در اسلاید بصورت پیش فرض در قالب شماره 36 با پهنای 650 پیکسل در ارتفاع 260 پیکسل و در قالب شماره 37 نیز با پهنای 480 پیکسل در ارتفاع 255 پیکسل درنظر گرفته شده است که چنانچه تصویر شما بزگتر از این اندازه باشد تنها همین مقدار از تصویر قابل مشاهده است و بقیه قسمت های تصویر حذف می شود. همچنین تصاویر کوچکتر از این اندازه بصورت پشت سر هم قابل تکرار هستند.

در صورت تمایل به حذف اسلاید از قالب می توانید کدهای این اسلاید را از قالب حذف کنید. جهت انجام این کار کلیه کدهای بین دو عبارت زیر را حذف کنید:

<!-- Slideshow Starts Here -->
کدهای اسلاید در اینجا قرار داده شده اند
<!-- Slideshow Ends Here -->



موضوع مطلب :

جمعه 92 دی 13 :: 11:25 صبح