تغییر تصاویر در قالب های بلاگ اسکین
از آنجایی که در این مدت دوستان زیادی درخواست آموزش تغیر تصاویر قالب های سایت یا وبلاگ را مثل تصویر هدر قالب (عکس بالای قالب) داشتند ، نحوه تغیر تصاویر را خواهیم گفت.
قبل از تغیر تصاویر باید توجه کنید که اندازه تصویر جدیدی که می خواهید در قالب خود قرار دهید باید از نظر طول و عرض تقریبا با تصویر قبلی یکسان باشد تا زیبایی قالب پس از جایگزین کردن تصاویر از دست نرود. برای تغیر تصاویر کافی است در کدنویسی تنها آدرس جدید تصویر را در قالب اعمال کرد ، پس اول تصویر جدید را در یک فضا (مثل سایت های آپلود عکس) آپلود کنید بعد آدرس جدید تصویر را جایگزین آدرس قبلی کنید.
تصاویر در قالب های وبلاگ به چندین شکل مختلف در کد قالب قرار دارند که رایج ترین روش ها را بررسی می کنیم :
۱- تصاویر قالب در بین دو تگ <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)">
با سلام
ممنون از راهنمایی های فوق العاده مفیدتون
لطفا به وبلاگ من سر بزنید
سلام،مطالب جالبی بود.
کمکم کردن…
اگه خواستید بهم سر بزنید و نظر بدید…
خیلی خیلی ممنون……..ن………..ن…………….ن……………ن…..
به وبلاگم یه سر میزنی!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
salam.mataleb mofid bud….mamnun az etelaatet…..khoshhal misam sar bzani
سلام
مرسی مطلب مفیدی بود.
راستی ممکنه قالب شماره ی ۱۷ رو برای بلاگ اسکای هم بگذارید!؟
سلام مطالبتون خیلی کمکم کرد
به وبلاگ منم لطفا سر بزنید
با سلام و تشکر بابت مطالب و خدمات مفیدتان
از این که برخورد میکنم با افرادی مثل شما که اینقدر انسانند و
هدف کمک کردن و راهنمایی دارند و اطلاعاتشان را در اختیار
دیگران قرار میدهند ( بدون چشمداشت ) افتخار میکنم
موفقیت روز افزون شمارا آرزومندم
سلام می خواستم بدونم که چطوری باید یک فایل css رو آپلود کرد ؟ ممنونم اگه زحمتی نیست توی نظرات وبلاگم قرار بدین ممنونم
بسیار ممنون عالی وساده باتشکر
مرسی واقعا لازم داره که عکسش عوض شه ولی طرحتون عاااااااااااااااااااالیه
سلام. واقعاً دستتون درد نکنه. خیلی وقت بود دنبال همچین توضیحی می گشتم. خسته نباشید
قالب هاتون عالین، با این توضیحات بهترم می شه چون هر هدری که خودمون دوست داریم رو ضمیمه قالب های فوق العادتون می کنیم!
مرسی
سلام .
من واقعا یه خسته نباشید میگم بهتون و بعد آرزوی موفقیت بیش از پیش رو براتون دارم و امیدوارم خدا به کارتون بیش از پیش برکت بده .
کارهاتون فوق العادست و از اینکه لطف میکنید و سخاوتمندانه قالب ها رو رایگان در اختیار ما قرار میدید بینهایت سپاسگزارم .
پیروز و سر افراز باشید .
سلام
دستتون درد نکنه خیلی مطلب خوبی بود
خوحال می شوم نظرتون رو در مورد وبلاگم بدونم.
با تشکر.
منتظر دیدار شما از وبلاگ هستم
باسلام من چندین ساله که بلاگ دارم توی این سال ها هم همش با این قالبها درگیر بودم و همه سایت هارو گشتم ولی اینجا که اومدم از کارهای زیبای شما لذت بردم خسته نباشید خیلی زیبا و کامله و عجیب
با سلام قالب هاتون خیلی زیباست از اینکه اون ها رو در اختیار ما م گذارین خیلی ممنون . موفق باشین
انشالله خدا ۱۱۰ میلیون تومان در دنیا ۱۵۰۰ تومان هم در آخرت بهتون پول بده !!
ممنون از راهنمایی و قالب های فوق العاده زیبا
سلام.ممنون که قالب وبلاگ رایگان در اختیار ما گذاشتین.
با سلام
واقعا همه کارهای سایت حرفه ای و جالب هستند یعنی عالی
واقعا ممنون
این قسمتی که مربوط به فایل css بود خیلی باحال بود.
مرسی، واقعا عالیه
سلام.
من هیچ وقت توی وبلاگ ها و سایت ها حوصله ی نظر دادن ندارم.
ولی برای شما باید بگم واقعاً دمتون گرم.
دمتون داغ خیلی گلین
ایول
دمتون گرم
واقعآ کارتون حرف نداره من وب سایت شما رو به همه پیشن هاد می کنم . اسکین های شما واقعا شیشه ای و خیلی خیلی خفنه بازم ادامه بدید . RS
نه بابا خوشم امد
البته هنوز امتحانش نکردم اما خوشم امد
بسی خوشمان امد
سلام
واقعا یه تشکر ویژه لازمه
ممنون
سلام از بابت قالب های زیباتون ممنون من از یکی از اون قالب هاتون (۴۱)اشتفاده کردم وبا ویرایش روش تغیراتی اجاده کرده وقالبی با نام قالب نجومی در mihanblog و وبلاگ خودم ثبت کرده ام خواستم گفته باشم
www.irannojum.mihanblog.com
خیلی قشنگ بودن بیشترشون کنید مرسی به من هم سر بزنید