تغییر تصاویر در قالب های بلاگ اسکین
از آنجایی که در این مدت دوستان زیادی درخواست آموزش تغیر تصاویر قالب های سایت یا وبلاگ را مثل تصویر هدر قالب (عکس بالای قالب) داشتند ، نحوه تغیر تصاویر را خواهیم گفت.
قبل از تغیر تصاویر باید توجه کنید که اندازه تصویر جدیدی که می خواهید در قالب خود قرار دهید باید از نظر طول و عرض تقریبا با تصویر قبلی یکسان باشد تا زیبایی قالب پس از جایگزین کردن تصاویر از دست نرود. برای تغیر تصاویر کافی است در کدنویسی تنها آدرس جدید تصویر را در قالب اعمال کرد ، پس اول تصویر جدید را در یک فضا (مثل سایت های آپلود عکس) آپلود کنید بعد آدرس جدید تصویر را جایگزین آدرس قبلی کنید.
تصاویر در قالب های وبلاگ به چندین شکل مختلف در کد قالب قرار دارند که رایج ترین روش ها را بررسی می کنیم :
۱- تصاویر قالب در بین دو تگ <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)">
با سلام
من از قالب شماره ۳۶ بلاگ اسکین استفاده میکنم ولی متاسفانه هر چی گشتم نتونستم قسمتی که عکس هدر را عوض میکند را پیدا کنم.
از شما تقاضا دارم که خودتان عکس هدر را برایم عوض کنید و کد قالب جدید را برایم بفرستید.
اینم آدر عکسی که میخواهم به عنوان هدر استفاده کنم:
http://mohammadshamose.persiangig.com/image/hhhh.gif
با تشکر
————————————–
پاسخ شما : به ایمیلتون مراجعه کنید.
سلام خسته نباشیند من از قالب ۲۹ بلاگ اسکین استفاده می کنم ولی جایی که برای تغییر عکس هدر گفته بودین رو پیدا کنم وی مخواستم ببینم که می تونم ازشما کمک بگیرم و طراحی قالب وبلاگ و سایت رو یاد بگیرم ممنون می شم اگه کمکم کنین
————————————
پاسخ شما : در قالب ۲۹ این قسمت رو پیدا کنید و مثل آموزش کد جانبی رو اضافه کنید : <td colspan="3" class=top>
salam man har kari mikonam ghalebo mizaram ghaleb kharab dar miyad ama khode ghaleb haye blogfa dorost dar miyad
——————————————
پاسخ شما : اگر تغیر کد قالب براتون سخته ، قالب رو دستکاری نکنید تا بهم نخوره
سلام قالب های قشنگی دارید ولی اگه بجا css ساده تر ش کنید ممنون میشم
درود به شما
ممنونم از مطالب مفیدتون.
یه سوال در مورد قسمت آخر آموزشتون دارم:
من هم از قالب ۳۶ بلاگ اسکین استفاده میکنم، باتوجه به چیزی که اینجا گفتین، من برای عوض کردن هدر وبلاگم فقط باید کد قرمز رنگ (که شامل آدرس هدری که آپلود کردم هست) رو در قسمتی که گفتین اضافه کنم؟ همین کافیه؟ دیگه نیازی به تغییر در فایل css نیست؟
————————————–
پاسخ شما : بله ، فقط اون کد رو اضافه کنید کافیه ، ما چندین روش ارائه دادیم . کافیه شما از روش آخر که ساده تر هست استفاده کنید.
سلام عزیز!
تشکر استفاده بردیم.
شاد باشی!
سلام وخسته نباشید
لطفاً اگر می شه بیشتروآسانتردرمورد تغییر تصویر هدرصحبت کنیدازتون ممنون می شم
با عر سلام و خسته نباشید .من قالب شماره ی ۳۱ رو برای وبلاگم انتخاب کردم. می خوام عکس بالای قالب رو عوض کنم اما ادرس عکس و هر چه قدر می گردم پیدا نمی کنم .اگر می شه یه راهنمایی بکنید.
————————————
پاسخ شما : از روش آخری که گفته شده استفاده کنید ، باید یک کد جانبی به کد قالب اضافه کنید تا بتونید آدرس تصویر بالای قالب رو تغیر بدید.
با سلام من از قالب شماره ۳۵ شما استفاده میکنم برای تغیر تصویر هدر موفق شدم برای تغیر سایز هدر باید چکار کنم
از داخل فایل css میتونم تغیر بدم فقط سایتی که بتونم فایل css رو اپلود کنم چیه لطفا لینکشو اگه ممکنه بذارید
————————————-
پاسخ شما : تغیر سایز هدر ممکنه از جلوه ظاهری قالب کم کنه پس دقت کنید ، برای آپلود فابل باید از سایت های ارائه دهنده فضای اینترنتی مثلا فضای رایگان مثل پرشین گیگ و یا پارسا اسپیش استفاده کنید.
سلام من هم از قالب شماره ی ۳۵ استفاده میکنم
میشه اون ۳ تا عکسی که در گیره آویزون هستن رو عوض کنم؟
عکسهایی که دوست دارم بزارم؟؟؟؟؟؟
اگه میشه کامل و واضح برام توضیح بدین
مرسی از شما
———————————–
پاسخ شما : بله امکانش هست اما اون قالب چون تصویر بالاش دو تکه هست class=top1 و class=top2 ، شما باید اون کد اضافی (کد قرمز در آموزش بالا) رو که آدرس تصویرتون بهش اضافه میشه رو برای هر دو جدول بندی top2 و top1 بنویسید و عکستون هم باید دو تکه باشه که برای قسمت ، به اون آدرس تصویر مربوطه رو بدید.
سلام
من قالب ۲۲ را زا سایت شما واسه وبلاگم انتخاب کردم هر کاری کردم نتونستم رنگ متن های قالب رو پیدا کنم ( به صورت پیش فرض سفید طراحی شده ) منظورم کنار وبلاگ هستش اونجایی که شامل موضوعات و… میشود
ممنون میشم منو راهنمایی کنید
———————————
پاسخ شما : منتظر آموزش های کدنویسی باشید که تمام این موارد رو پوشش میده.
ســلام
ممنون از همه ی راهنمایی هاتون
می خواستو بدونم اگر یه فایلی که بصورت css نوشته شده را میشه آپلود کرد و از اون استفاده کرد؟
و چه سایتی رو برای آپلود اون پیشنهاد می کنید .
————————————————–
پاسخ شما : بله ، اما باید در اون فایل دقت کنید که به تمام تصاویر موجود در فایل css حتما آدرس داده باشید. می تونید از هاست رایگان مثل پرشین گیگ یا پارسا اسپیس استفاده کنید.
سلام …….
ممنون از سایت خوبتون……
من میخوام یه عکسی رو بین مطالب ویلاگم قرار بدم ….. یعنی بین مطلب قبلی و جدید ….
کد HTML اونو باید کجای قالب وبلاگ قرار بدم
———————————-
پاسخ شما : در کد قالبتون دنبال عبارت <BLOGFA> بگردید و کد مورد نظر رو بعد از این عبارت قرار بدید.
سلام من از قالب های شما استفاده میکنم میخواستم بدونم چطوری میتونم قسمت نظرات مثه اینجا بکنم راهنماییم کنید
—————————————
پاسخ شما : امکان درج نظرات بدین صورت در سیستم های وبلاگ نیست.
سلام
چطور می شه عکس موضوعات وبلاگ رو ویرایش کرد و به جاش عکس دیگری گذاشت
من آدرس عکس منوی موضوعات رو پیدا نمی کنم!!
لطفا راهنمایی کنید
—————————————
پاسخ شما : برای هر قالب فرق می کنه که اون تصویر با چه شناسه یا کلاسی تعریف شده باشه
سلام
با تشکر از طراحی و در اختیار عموم قرار دادن قالب های بسیار زیبا
آیا امکان حذف عبارت .: Weblog Themes By Blog Skin :. از فوتر قالب ها وجود دارد؟
——————————-
پاسخ شما : خیر ، این قسمت برای حفظ کپی رایت قالب باید وجود داشته باشه.
سلام
من از قالب شماره ۳۲ که عکس گل های بهاری داره استفاده کردم
می خواستم بدونم چه جوری می شه رنگ عنوان هر پست که برای این قالب نارنجی هست عوض کنم؟
در ضمن برای تغییر سایز منوی اصلی وبلاگ مثل آرشیو و لینک دوستان و تغییر بدم و کوچکتر کنم؟
ممنون می شم راهنماییم کنید.
——————————————
پاسخ شما : منتظر ارائه آموزش کد نویسی در سایت باشید تا این موارد رو یاد بگیرید!
سلام…
یه عکس رو ما آپلود کردیم…
چه جوری اونو از طریق راه سوم وارد قالب کنیم…
باید فرمت عکس رو سی اس اس کنیم؟
چیکار باید کرد؟
ممنون…
—————————————
پاسخ شما : توضیح دادیم که دو راه دارید، یکی ویرایش فایل CSS و دیگری اضافه کردن کد جانبی به قالب. مثال هم زدیم
با سلام
ببخشید می خواستم ببینم چه تفاوتی بین نوع قالب های سرویس های مختلف است؟مثلا چرا برای بلاگفا یا بقیه سرویس ها ، کد جداگانه داریم؟ چطوری میشه که خودم برای سرویس های دیگه تغییر بدم؟
نمیدونم تونستم منظورم بگم
ممنون
——————————-
پاسخ شما : هر سیستم با توجه به نوع برنامه نویسی و امکاناتی که ارائه میده کدنویسی مختلفی داره و چنانچه بخواین کدهای قالب رو برای سیستم های دیگه استفاده کنید ابتدا باید با نوع کد نویسی هر سیستم آشنایی داشته باشید تا بتونید این کار رو انجام بدید.
سلام…
ببخشید شما فقط گفتید چه طوری css را وارد قالب کنیم…
می تونید بگید چگونه سی اس اس رو بسازیم…
این فقط چند تا کلمه است…
خب من اگه این چند تا کلمه رو بزنم که چیزی معلوم نمیشه…
می خوام طرح کلی قالب رو بسازم واز سی اس اس وارد کنم…
چه جوریه؟
ممنون..
———————————
پاسخ شما : منتظر آموزش کدنویسی در سایت باشید
خوب ممنون
سلام
اموزش تغیر تصویر هدرتون عالیه کاش اموزش تغیر بقیه تصاویرم میدادید
راستی توی قالباتون هیچ قالبی با موضوع پرنده و ماهی ندیدم،ماهیا با پرنده ها چه گناهی کردن که قالب دربارشون نیست حالا اونا رو بیخیال من چه گناهی کردم که قالب در این رابطه میخوام و جایی پیدا نمیکنم
موفق باشید
بای
از شما ممنون
ممنون خیلی جالب بود.:)
سلام…
میشه یه آدرس بدید که من Css رو اونجا آپلود کنم…
منظورم اینه که سایت بتونه فرمت Css رو آپلود کنه…
ممنونم…
—————————–
پاسخ شما : می تونید از سایت های پرشین گیگ یا پارسا اسپیس استفاده کنید.
خوب است
سلام خیلی عالی بود ممنون
کارتون عالیه
سلام و خسته نباشید
من از قالب شماره ۳۵ شما استفاده میکنم برای تغیر سایز هدر فایل css را ادیت کردم و در یک فضا اپ لود کردم ولی بعد از استفاده کل تصویرها نمایش داده نمیشود.بدون ادیت کردن فایل cssهم همان فایل رو اپ لود کردم ولی باز کل تصاویرها نمایش داده نمیشود
راه حل چیست لطفا راهنمایی فرمایید
مرسی ، دست تون درد نکنه
ضمنا تم هاتون خیلی عالیه