آموزش کامل تغییر هدر ( تصویر بالای وبلاگ )

به دو شیوه معمول

1) عکس مستقیما در وبلاگ آمده :

شما اول باید تشخیص بدهید که قالبتان کدام یک از این دو حالت را دارد . در متن قالب با زدن دکمه Ctrl+F5 صفحه سرچ را باز کرده و عبارت jpg را سرچ کنید . اگر چیزی پیدا کرد که اسم دورنش header یا top یا چنین چیزی داشت ، همان است .یا می توانید اگر هر چیزی را پیدا کرد آدرس آنرا در مرورگرتان باز کنید ببینید آیا همان عکس وبلاگ هست یا نه؟

فرض میکنیم که اینطور بود. وقتی آنرا در مرورگر باز کردید عکس را (با استفاده از آدرسی که پیدا کردید) در کامپیوتر ذخیره کنید و ببینید چه سایزی دارد .برای این کار روی آن راست کلیک کرده و Properties را بزنید و در قسمت Details در زیر مجموعه Image جلوی Width و Height دو عدد نوشته ، آنها را یادداشت کنید. حالا شما باید اول از همه عکسی که می خواهید جایگزین کنید و به همین سایز در بیاورید (با استفاده از PhotoShop یا Paint ) . برای اینکار در Paint بازش کنید و Resize را بزنید و به قسمت Pixels رفته و آن تیک را بر دارید و آن دو عدد را وارد کنید و نهایا عکس را ذخیره نمایید .حالا کافی است عکس را آپلود کنید و جای آدرس عکس قبلی ( که قبلا پیدا کردید ) توی قالبتان بگذارید و قالب را هم در وبلاگ قرار دهید .

2) عکس در فایل css آمده :

غالب وبلاگها بدین صورت هستند .

برای اینکار ابتدا روش اول را چک کنید . اگر عکس بصورت jpg نبود ، پس حتما بدین صورت هست . در کد وبلاگ عبارت css را چک کنید . یک فایل پیدا می کند . آدرسش را به طور کامل در مرورگرتان کپی کنید . یک فایل متنی را مشاهده می کنید. با کلید Ctrl+A تمام آنرا انتخاب کرده و در نوت پد کپی نمایید و با نام style.css ذخیره کنید . حالا این فایل را باز کنید و در آن jpg را سرچ کنید. چندتا پیدا می کند . یکی از آنها اسم top یا header یا چنین چیزی دارد . البته ممکن است این عکس به صورت آدرس کامل نباشد یعنی فقط نوشته باشد top.jpg و بقیه آدرس درونش نباشد :

اگر بقیه آدرس درونش بود و به صورت مثلا : http://asdasdas.com/adasd/adasd/addas.jpg بود ( این مثالی است یعنی با http شروع می شد و با jpg تمام ) کافی است عکستان را (با هر سایزی که هست) آپلود کنید و جای این بگذارید و ذخیره کنید .

فعلا برویم به حالت دوم که آدرس به طور کامل نباشد و فقط برای مثال adsd.jpg نوشته شده .

در اینجا باید نگاه کنید به آدرس فایل css که قبلا پیدا کرده بودید . برای مثال اگر آدرس آن فایل بدین صورت بود :

example.com/style.css

نکته بسیار مهم: اگر این حالت را داشت ، در قالب بگردید و این عبارت را اول هر فایلی که در فایل css هست ، بگذارید . هر فایلی با هر فرمتی و گرنه هدر عوض می شود ولی بقیه قالب (مثل عکس پس زمینه عنوان پست و مطالب و منو ها و ...) از بین میرود .

وقتی کاملا فایل css را اصلاح کردید (اگه حالت اول بود که فقط یک آپلود عکس و جایگزینی در فایل css انجام می شود ) . این فایل css را در سایتی که لینک مستقیم می دهد مثل: پرشین گیگ آپلود کنید .

حالا آدرس این فایل css را بجای فایل css قبلی در قالب بگذارید  و کل قالب را کپی کرده و در وبلاگتان قرار دهید و کار تمام می شود .

به عنوان مثال :

قالب زیر را ببینید :

Mihanskin

درون آن css را سرچ کنید. آدرس زیر را به شما می دهد :

http://template.pichak.net/pichak/02/style.css

.top{width:1003;background:url('top.jpg')

در ابتدا عکستان را آپلود کنید و آدرس کامل آنرا بجای top.jpg بگذارید.

حال به بقیه فایل css نگاه کنید . به غیر از فایل top.jpg فایل های دیگری هم هستند که اسم کاملشان قرار نگرفته . این فایل ها را می توانید در عکس زیر ببینید : (برای بزرگتر دیدن روی آن کلیک کنید )

همانطور که می بینید آدرس همه آنها به طور ناقص هستند و فقط نوشته شده asdad.jpg یا adad.gif یا هر چیز دیگری .

خب حالا به آدرس همان فایل css نگاه کنید :

http://template.pichak.net/pichak/02/style.css

http://template.pichak.net/pichak/02/

http://template.pichak.net/pichak/02/p1.jpg