تغییر تصاویر در قالب های بلاگ اسکین
از آنجایی که در این مدت دوستان زیادی درخواست آموزش تغیر تصاویر قالب های سایت یا وبلاگ را مثل تصویر هدر قالب (عکس بالای قالب) داشتند ، نحوه تغیر تصاویر را خواهیم گفت.
قبل از تغیر تصاویر باید توجه کنید که اندازه تصویر جدیدی که می خواهید در قالب خود قرار دهید باید از نظر طول و عرض تقریبا با تصویر قبلی یکسان باشد تا زیبایی قالب پس از جایگزین کردن تصاویر از دست نرود. برای تغیر تصاویر کافی است در کدنویسی تنها آدرس جدید تصویر را در قالب اعمال کرد ، پس اول تصویر جدید را در یک فضا (مثل سایت های آپلود عکس) آپلود کنید بعد آدرس جدید تصویر را جایگزین آدرس قبلی کنید.
تصاویر در قالب های وبلاگ به چندین شکل مختلف در کد قالب قرار دارند که رایج ترین روش ها را بررسی می کنیم :
۱- تصاویر قالب در بین دو تگ <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)">
سلام
خیلی عالی بود.
حتی می تونم بگم بهترین مطلبتون بود.
آقا بالاخره انتظارات به پایان رسید!
عجیب حال کردیم با این مطالبتون دو روش اول که آدرس تصویر داشتن کاری نداشت چون فقط آدرس عوض می کردی ولی روش آخری یعنی کار با CSS عجیب بهمون حال داد ! دمتون گرم.
مرسی
سرفراز باشید.
شرمنده که دوباره مزاحم شدم!
توی روش اول تغییر کد CSS من کارمو انجام میدم!
وقتی که تاپو عوض می کنم بقیه هم از فضای شما در میاد و باید اونا رو هم آپلود کنم دیگه ؟؟
مگه اینطور نیست؟؟؟
وقتی اونیکی ها رو آپلود می کنم عکس های m1 , m2 , m3 نه توی کد قالب هست نه توی کد CSS من نمی دونم چی کار کنم که قالب بهم نخوره؟!؟؟!
اگه می شه رسیدگی کنید.
—————————————————
پاسخ شما : در قالب های بلاگ اسکین اون سه تصویر در فایل CSS هست . نیازی به آپلود بقیه تصاویر نیست ، شما فقط آدرس تصویر هدر خودتون رو قرار بدید و اگر در فایل CSS آدرس برای بقیه تصاویر درج نشده ، طبق آدرس فایل CSS به اونها هم آدرس بدید ، مثلا آدرس بقیه تصاویر برای قالب ۳۶ اینه : http://topskin.ir/36/p1.jpg
چرا دیگه قالب جدید نمی زارین.
اگه میشه یه قالب متفاوت و زیبا درست کنین.
مرسی
mer3000000000000000000000000000000000000000000000000000000000
nemidonam bayad chi begam . ali agha man linke negarkhanamo gozashtam har komaki khastin dar khedmatam . vaghean bavaram nemishe ke javabamo dadin
سلام
یه نظر دارم:
سایتتون یه چیز کم داره.که اونم تالار گفتمان.
با تشکر از سایت اموزندتون
لطفا نمایشگر آمار هم بزارید.
سلام دوست عزیز.با تشکر از شما.من هر کار می کنم نمی تونم عکس رو جایگزین کنم.مورد ۳ رو میشه بیشتر و برای افرادی مثل من که آماتور تر هستند توضیح بدین؟شرمنده.من نمی دونم آدرس عکسم و کد مربوطه رو کجا وارد کنم.تو رو خدا کمکم کنید…
—————————————–
پاسخ شما : از مورد سوم و روش دوم اون استفاده کنید که بسیار ساده هست. اگر از قالب بلاگ اسکین استفاده می کنید مانند مثالی که زده شده فقط کافیه یک کد ساده به کد موجود در قالبتون اضافه کنید.
سلام
من می خواستم بدونم توی عکس بالای وبلاگی که دانلود کردم، اسم سایت من نوشته شده، و می خواهم که اونو بردارم باید چی کار کنم؟
با تشکر از سایت خوبتون
———————————————–
پاسخ شما : به زودی آموزش ویرایش کد قالب در سایت قرار میگیره.
سلام
من به تازگی به بخش جستجو طراحی کردم.ولی یه مشکلی داره.اونم اینه که وقتی چیزی رو سرچ می کنم میهن بلاگ می گه که اون صفحه وجود نداره.
مشکل چیه؟
فکر میکنم از ادرس هست.ولی باید چه ادرسی بدم؟؟؟؟
————————————————
پاسخ شما : لطفا از طریق ایمیل سایت بلاگ اسکین درخواست راهنمایی رو ارسال کنید تا پاسخگو باشیم.
با سلام
شرمنده!
من http://topskin.ir/36/style.css رو باز کردم ولی این کدها
class=header
id=header
نبود.
—————————————–
پاسخ شما : در فایل CSS قالب شما ،کلمات class و id وجود نداره بلکه مشخصه id [#] و مشخصه class [.] هست که اول سطرها میتونید ببینید.در کد قالب کلمات class , id درج شده نه در فایل CSS
سلام
می خواستم بدونم که من باید فایل css رو که محل —– جدا کردم
.top1{background:url(‘—-top1.jpg —-‘) no-repeat top right;width:306;height:409;float:right;}
.top2{background:url(‘—–top2.jpg—-‘) no-repeat top right;width:697;height:409;float:right;overflow:hidden;direction:rtl;}
.top3{background:url(‘—–top3.jpg—-‘) no-repeat top right;width:1003;height:45;float:right;}
رو باید تغییر بدم؟
و بعد از تغییر کجا یاید آپلود کنم؟
با تشکر از سایت خوبتون بابت وبلاگهای زیبایی که طراحی می کنید.
———————————–
پاسخ شما : بله ، اول باید تصاویر جدید رو آپلود کنید و آدرس تصاویر جدید رو در همون قسمت وارد کنید، سپس فایل CSS جدید رو هم آپلود کنید و در کد قالب آدرس CSS رو اصلاح کنید.
سلام.خسته نباشید..
من از قالب های بلاگ اسکین استفاده کردم برای وبلاگ و حالا که یه بنر براش درست کردم
نمیدونم کجای قالب باید کدش رو بزارم..بقیه قالب ها اول کد قالب یه فرمت “JPG” هست
که انو که برداریم و کد اپلود بنرو بزاریم درست میشه..ولی در مورد بلاگ اسکین باید چی
کار کرد؟
لطفا” زودتر جوابمو بدین.چون من مسافرم…!ممنون
—————————-
پاسخ به ایمیلتون ارسال شد!
سلام.من از قالب شماره ۳۶ استفاده کردم …در قسمت کدها فقط
سلام من از قالب ۳۶ استفاده میکنم و منظور شما رو درست نمی فهمم یعنی شما میگین کد: link href
رو که در قالب اصلی قرار داره رو حذف و به جایش کد: div class
که در آخر توضیحات اومده بزارم . اگه طور دیگری هست خواهش میکنم هر چه سریعتر کمک کنید .
.: با تشکر :.
—————————————-
پاسخ شما : بله کد موجود در قالب رو با کد جدید که در آخر نوشتیم جایگزین کنید.
با سلام
شرمنده من link href رو جایگزین div class می کنم اما قالب وبلاگم به هم می ریزه مشکل از کجاست لطفاً اگه میشه کامل برام توضیح بدید.
.: با تشکر :.
سلام من از قالب شماره ۳۶ استفاده میکنم یه بنر درست کردم اونو آپلود کردم ولی نمی دونم آدرسش رو کجا بزارم.لطفا منو راهنمایی کنید.
————————————
پاسخ شما : در آخر مطلب کاملا واضح توضیح دادیم.
سلام
چه طوری میشه « عنوان وبلاگ » رو خالی گذاشت لطفاً کمک کنید.
—————————————————
پاسخ شما : در کد قالب این عبارت رو حذف کنید : < -BlogTitle->
ببخشید من نمیدونم چرا اصلا هیچی نفهمیدم آخه شما فقط برای با سوادا توضیح دادی ما بی سوادا نفهمیدیم. مثلا من به وبی رفتم که موضوعش کشتی کج بود و بالای صفحه چند تا عکس از کج کارها گذاشته بود میشه مراحل کار رو با تصویر یا کمی ساده تر توضیح بدین؟
—————————————-
پاسخ شما : اون مطلبی که ما گفتیم کمی برای افراد عادی ممکنه سخت باشه و بیشتر هدف تغیر تصاویر در قالب های بلاگ اسکین هست.در آینده توضیحات کاملتر و ساده تری برای ویرایش قالب خواهیم گفت.
سلام
آیا میشه نام وبلاگ رو تغییر داد . اگه میشه توضیح بدین.
————————————
پاسخ شما : تغیر نام وبلاگ از قسمت مدیریت وبلاگتون انجام میشه
من عوض میکنم اما نه تنها عکس عوض نمیشه بلکه کل عکسها نیز کار نمیکنن. (البته توی فایلهای css)
———————————–
پاسخ شما : حتما اون تنظیمات لازم رو انجام نمیدین. از روش اضافه کردن کد در قالب استفاده کنید.
با سلام ببخشید تصویر قار داده شده در بالا ، طول وعرض عکس چقدر باید باشه تا تو وبلاگ قشنگ نمایش داده بشه
——————————–
پاسخ شما : برای هر قالب اندازه ها فرق داره
اگر امکانش هست ساخت قالب میهن بلاگ رو آموزش بدید
—————————————-
پاسخ شما : آموزش ساخت قالب نیازمند آشنایی کامل شما با طراحی صفحات وب هست.
سلام وخسته نباشیدمیخواستم بدونم به چه صورت عکس میتونم دروبلاگم قرار بدم بلدنیستم لطفاتوضیح بدین.سایتتون هم خیلی عاله باتشکر
سلام آیا امکان تغییر رنگ قالب های شما امکان پذیر است ؟
ممنون میشم اگه منو راهنمایی کنید
———————–
پاسخ شما : بله ، اما باید حرفه ای باشید تا بطور کامل اینکار رو انجام بدید.
سلام
من از قالب شماره ۲۸ بلاگ اسکین استفاده میکنم
برای تغییرتصویرباید یه عکس باطول وعرض بالای وب بذارم
یا اینکه عکس اون دختروپسر نانازی روجداجدا گذاشتنو منم باید چند تاعکس بذارم؟
——————————-
پاسخ شما : بله ، باید دقیقا مثل تصاویر قالب ، تصاویر جدید رو جایگزین تصاویر قبلی کنید. اگر تصویر بالای قالب چند تکه شده شما هم باید اون رو چند تکه کنید و برای هر جدول خاص موجود در کد قالب، اون کد جانبی رو اضافه کنید.البته ممکنه اینکار براتون سخت باشه که در قالب های جدید سعی کردیم تصاویر یک تکه کار بشه.
سلام.
واقعا” بابیت این آموزش ممنونم.
خیلی وقت بود که می خواستم عکس هدر قالب رو عوض کنم ولی چون آدرس عکس رو پیدا نمی کردم واقعا” گیج شده بودم.
هنوز این روش ها رو امتحان نکردم ولی الآن که دیدم آموزشش رو قرار دادید گفتم قبل از طراحی هدر جدید یه تشکر اساسی ازتون بکنم.
بازم ممنون.
راستی در مورد ورژن جدید سایت.
بسیار بسیار زیبا شده،
فقط مشکلش اینه من هر صفحه ای رو که باز می کنم تا ۳-۴ بار refresh نکنم باز نمی شه!
همش ارور “cannot display the webpage” می ده!
——————————
پاسخ شما : یکی دو روز سایت دچار اختلال کمی شده بود که برطرف شد.
سلام و خسته نباشید
من قالب ۳۷ راانتخاب کردم خیلی هم دوستش دارم ولی قالبندی ان بهم خورده موضوعات رفته در انتهای صفحه وبلاگ نمیشه در سمت راست باشد. پائین ارشیو.
با تشکر
———————————————-
پاسخ شما : مشکل شما استفاده از کدهای جاوا اسکریپت غیر معتبر هست که قالب رو بهم ریخته ، با تصحیح اون کدها قالب به حالت اصلی بر میگرده.
چطوری می شه تبلیغ شمارو که در آخر صفحه گذاشتید پاک کرد
———————–
پاسخ شما : امکان حذف نام طراح نیست چون جزو حقوق کپی رایت محسوب میشه