تغییر تصاویر در قالب های بلاگ اسکین
از آنجایی که در این مدت دوستان زیادی درخواست آموزش تغیر تصاویر قالب های سایت یا وبلاگ را مثل تصویر هدر قالب (عکس بالای قالب) داشتند ، نحوه تغیر تصاویر را خواهیم گفت.
قبل از تغیر تصاویر باید توجه کنید که اندازه تصویر جدیدی که می خواهید در قالب خود قرار دهید باید از نظر طول و عرض تقریبا با تصویر قبلی یکسان باشد تا زیبایی قالب پس از جایگزین کردن تصاویر از دست نرود. برای تغیر تصاویر کافی است در کدنویسی تنها آدرس جدید تصویر را در قالب اعمال کرد ، پس اول تصویر جدید را در یک فضا (مثل سایت های آپلود عکس) آپلود کنید بعد آدرس جدید تصویر را جایگزین آدرس قبلی کنید.
تصاویر در قالب های وبلاگ به چندین شکل مختلف در کد قالب قرار دارند که رایج ترین روش ها را بررسی می کنیم :
۱- تصاویر قالب در بین دو تگ <style> در کد اصلی قالب قرار گرفته است.
در تگ <style> که تنظیمات قالب (اعم از تنظیمات جدول بندی، رنگ متن ها و …) وجود دارد برای تغیر تصاویر قالب مثل تصویر هدر ، منو ها و دیگر تصاویر قالب کافی است آدرس و در صورت نیاز سایز عکس را ویرایش کرد.
<style>
.top{background:url(http://topskin.ir/34/top.jpg) no-repeat top; width:900; height:200; float:right;}
</style>
2- تصاویر قالب بصورت کد عکسی در قالب قرار گرفته است.
<img border="0" src="http://topskin.ir/36/header.jpg" width="186" height="30">
3- تصاویر قالب خارج از کد قالب اصلی و در یک فایل جانبی به نام فایل CSS در قالب درج شده است .
در این روش که رایج ترین و حرفه ای ترین نوع کد نویسی قالب ها می باشد ، برای تغیر تنظیمات و تصاویر قالب دو روش ساده وجود دارد.
روش اول : باید ابتدا فایل CSS قالب را از آدرس مربوطه که در کد قالب وجود دارد دریافت کرده
<link href="http://topskin.ir/36/style.css" type="text/css" rel="stylesheet">
آنرا با برنامه هایی مثل NOTEPAD باز کرد و آدرس تصاویر جدید قالب یا تنظیمات دیگر که روی فایل CSS پیاده می شود را اعمال کرد و سپس فایل CSS جدید را روی یک فضا آپلود کرد. بعد از انجام این کار کافیست آدرس جدید فایل CSS که تغیرات جدید در آن قرار دارد را در کد قالب قرار داد.
روش دوم : چنانچه تغیر فایل CSS قالب و آپلود آن برای شما دشوار است ، پس از دریافت فایل CSS قالب آنرا باز کنید، شناسه مربوط به جدولی که تصویر مورد نظر در آن قرار گرفته را در فایل CSS پیدا کنید.عنوان شناسه ها در فایل CSS در ابتدای هر سطر با نقطه یا # مشخص شده اند. پس از یافتن شناسه ، آنرا در کد قالب پیدا کنید:
<div class=header>
<div id=header>
سپس کد زیر را مطابق مثال در جای خود اضافه کنید.
<div class=header style="background:url(http://yourskin.ir/34/mypic.jpg)">
غیر از مراحل گفته شده در بالا ، مراحل دیگری هم وجود دارد اما رایج نیستند.
برای نمونه و تفهیم بیشتر، جهت تغیر تصویر هدر قالب شماره ۳۶ سایت (برای اکثر قالب های بلاگ اسکین شناسه یا اصطلاحا کلاس top برای قسمت هدر قالب می باشد) کافی است عبارت زیر را در کد قالب پیدا کرده
<div class=top>
و کد قرمز رنگ را به کد مربوطه اضافه کنید و آدرس تصویر خود را جایگزین آدرس موجود نمایید.
<div class=top style="background:url(http://yourskin.ir/34new/mypic.jpg)">
movafagh shodammmmmmmmmmmmmmmmmmmmmmmm
من سایت شما را خیلی دوست دارم
ممنون
تشکر از راهنمایی های ارزنده و کاربردی شما – ۱/۸/۸۹ – افشار
خیلی خیلی ممنونم از راهنمایی های شما
میشه لطف کنی بگی که چطوری میتونم تو قالبهای خود بلاگفا این کار رو کنم؟ یعنی بگی که کد تغییر تصویر هیدر رو چطوری پیدا کنم
ممنون
———————————–
پاسخ شما : هر قالب با هم فرق میکنه چون کدنویسی متفاوتی داره
مرسی از کمکت. خیلی وقت بود دنبال همچی راهنمایی می گشتم. بازم مرسی
سلام دوستان
خسته نباشید
خدماتتون فوق العاده است خدا خیرتون بده.
ایووووووووووول
سالاری به خدا
سلام دوستان
خسته نباشید
خدماتتون فوق العاده است.
من از اسکین ۲۷لذت بردم
واقعا ممنون تا حالا سایتی به این زیبایی و کاملی ندیده بودم.
آرزوی موفقیت دارم براتون.
یا حق
زحماتی که می کشید قابل تقدیره
خسته نباشید
سلام خیلی ممنون واقعا حرفه ای هستید تو این کار به نظرم بهترین طراحی رو شما دارید که قالب های به این شکیلی و زیبایی میساازید
ممنون
سلام
قربون دستتون برم خیلی زحمت کشیدید قالبها تون حرف نداره
سلام
الهی دستتون درد نکنه قالبها تون حرف نداره ممنون
ممنون
یه دنیا ممنونم!!!!!!!!!!!
کارتان عالیه من طرفدار شما هستم
قالب هاتون خیلی زیباست امیدوارم که همیشه پابرجا باشید
عالیه
عالیه قالبای بی نظیری دارید
موفق باشید
از مطالب مفیدتون واقعا ممنون.
m30 az komakatoon be weblog nevisan
سپاس
امید به بهروزی و پیروزی شما گرامی بلاگ اسکینیان
بسیار مطالبی عالی بود تشکر زیاد برای اینکه مثل سایت های دیگر محدودیت های وضع نکردید مانند عضو شدن وغیره
Is good…excellent…greate!
خـــــــــــــــــــــــــــیلی خـــــــــــــــــــــــــــــــــــــــــــیلی
کاراتون رو دوست دارم دم همه شما ها گرم
موضوعاتتون تقریبا کامل اما ۱موضوع هست که توی کل اینترنت نیست
(قالب در مورد ورزش های رزمی مثل کاراته،جودو،کنگفو)
سفارش هم دادم بهتون راستش من یک کاراته کار هستم ونیاز شدید به
قالب بلاگفا دارم
بازم دم شما گرم
بـــــــــــــــــــــــــــــــــــــــــــــــــــــــــای بای
عالی بود دوستتون دارم
درود بر شما خسته نباشید.سایت شما بسیا عالیه و مشکل خیلی از ماها رو حل کرده
با عرض سلام و خسته نباشید
واقعاً عالیه ، عالیه – ممنون از سایت خوبتون
با آرزوی موفقیت روز افزون شما