تغییر تصاویر در قالب های بلاگ اسکین
از آنجایی که در این مدت دوستان زیادی درخواست آموزش تغیر تصاویر قالب های سایت یا وبلاگ را مثل تصویر هدر قالب (عکس بالای قالب) داشتند ، نحوه تغیر تصاویر را خواهیم گفت.
قبل از تغیر تصاویر باید توجه کنید که اندازه تصویر جدیدی که می خواهید در قالب خود قرار دهید باید از نظر طول و عرض تقریبا با تصویر قبلی یکسان باشد تا زیبایی قالب پس از جایگزین کردن تصاویر از دست نرود. برای تغیر تصاویر کافی است در کدنویسی تنها آدرس جدید تصویر را در قالب اعمال کرد ، پس اول تصویر جدید را در یک فضا (مثل سایت های آپلود عکس) آپلود کنید بعد آدرس جدید تصویر را جایگزین آدرس قبلی کنید.
تصاویر در قالب های وبلاگ به چندین شکل مختلف در کد قالب قرار دارند که رایج ترین روش ها را بررسی می کنیم :
۱- تصاویر قالب در بین دو تگ <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)">
با سلام قالباتون خیلی قشنگه ازتون می خواستم قالب دو منو بیشتر بزارید خیلی ممنون
سلام
من موندم چرا شما اینقد با حالین!
سلام و درود بر شما
از قالبهای زیبا شماو آموزش هایی که ارایه نموده اید، سپاسگزارم. لطف کنید در قالب های وبلاگ ( تارنگار) از واژه های فارسی بیشتری بهره ببرید.
رایانامه به جای پست الکترونیک- پیوند به جای لینک – بایگانی به جای ارشیو و……
دمتون گرم
با سلام
چطوری باید تگه تبلیفاتی .: Weblog Themes By Blog Skin :. رو در پایین صفحه برداشت
—————————–
پاسخ شما : اون قسمت مربوط به کپی رایت طراح قالب هست و امکان حذفش نیست
۱بار دیگه ببینم انقد شما سالارین رگم میزنم.
سلام
یه انتقاد: این همه قالب موبایل و عاشقانه و طبیعت و … وجود داره. ولی حتی یک قالب هم در مورد ماهیگیری وجود نداره. می خواستم خواهش کنم اگه امکانش هست یه قالب ماهیگیری هم بزارین.
ممنون
با عرض سلام و خسته نباشید
من یه قالب واسه ITیاسخت افزار کامپیوتر می خواستم و تو قالب های شما چنین قالبی وجود نداره
از انجایی که قالب های شما خیلی جذاب هست می خواستم بدونم میشه واسه من یه قالب در این مورد ارسال یا بزارید
ممنون
لطفاً تعداد قالبهای تجاری را بیشتر کنید.
با تشکر
سلام خسته نباشید میخواستم خواهش کنم یه قالب هم برای ما دانشجوهای رشته پزشکی و پیراپزشکی بزارید ممنون نا سلامتی ما دکترای آینده جامعه ایم:))
سلام میشه یک قالب هنری بذارید اخه خیلی احتیاج
اگه چند تا هم شد اشکال نداره
سلام اگه میشه یه وبلاگ نجومی هم درست کنید . دستتون درد نکنه منتظریم
ببخشید” قالب نجوم” تصیح شده متن بالا
به قول معروف دمتون گولی
خیییییییییییییییییییییییلی با حالین ایول خوشم اومد
ممنونم
dastetoon tala.fogholade kar mikonin.ghalebabatoonam ke mahshare.vaghean khaste nabashid
سلام . خیلی ممنون از این همه لطف
فقط اگه میشه یه قالب اهن بزارید
سلام
قالب های عالیی دارید و من برای هر دو وبلگم از قالب های شما استفاده می کنم اما قالب شماره ۴۵قسمت پایین وبلاگ که به رنگ قرمز طراحی شده تو وبلاگ من نمایش داده نمی شه . چند بار از نو قالب را دانلود کردم و از اول تو قسمته ویرایش قالب گذاشتم اما باز به همون صورته با قالبه ۴۶ نمایش داده می شه ولی با ۴۵ نه .اگه لطف کنین و کمکم کنین ازتون ممنون می شم . الان قالب ۴۵ رو رو وبلاگم گذاشتم تا اگه توضیحات من لازم نبود و نیاز شد خودتون لطف کنید و اشکال وبلاگم و ببنید .یه دنیا ازتون ممنونم . مرسی از زحمتا و هنر و کار عالیتون . پیروز باشید
—————————————
پاسخ شما : بررسی شد!
سلام خسته نباشین.نمازو روزتون هم قبول باشه.اگه میشه یه قالب از آدیداس رو طراحی کنید.لطفا.مرسی بای
سلام ممنون مرسی
سر بزنید به من دوستان >>>>>>> ویلاگ رزمی حامد
سلام دوست عزیز
من سایت شما و طراحیهای بسیار زیباتون رو دیدم و واقعا لذت بردم بسیار شیک و رنگها زنده می باشند. ولی قالبا برای سایتهای خاص مثل موسیقی یا عاشقانه و … می شود استفاده کرد در صورتی که خیلی از وبلاگها اجتماعی هستند مثلا وبلاگ من در مورد فقر و سرمایه اجتماعی است و از قالبی که استفاده کردم اصلا راضی نیستم البته شما برای ساخت قالب ویژه تبلیق کرده اید اما واقعا خیلی ها هم این امکان رو ندارند از جنابعالی استدعا دارم با توجه به تخصص که دارید و نگاهتون هم بسیار هنرمندانه است تعدادی هم قالب برای این نوع سایتها درست کنید مطمئن باشید دعا گوی شما خواهیم بود
موفقیت شما را آرزومندم
ارادتمند – دکتر بابایی
It is very good.thank you very much
سلام
وب سایت تونو دیدم
خیلی عالی بود
mamnon
بسیار خوب و جالب بود.
ایول بابا آخرش بود،خیلی خیلی دمتون گرم!
سلام
الان ۲-۳ ساعته که تو سایتتون می چرخم
قالبهای قشنگی دارید و از همه مهمتر این توضیح تعویض عکس بود که به نظر من به همه چیز می ارزه
متشکرم از سایت زیبایتان
سلام از زحماتتیون واقعا ممنونم
فقط چرا دیگه آموزش کدنویسی نمیدید؟
ممنون
خیلی دمتون گرمه …!
ممنون
سلام…
خیلی ممنون از سایت و قالب های خوبتون