تغییر عکس بالای قالب های سه ستونه پیچک در فایل های css

-دوستان اول برید و در سایت پرشین گیگ ثبت نام کنید

نکات ضروری

a- فایل های css و عکساتون را در سایت www.persiangig.com حتما آپلود کنید

b-برای دانلود حتما از برنامه اینترنت دانلود منجر یا همان IDM استفاده کنید زیرا در قسمت بالای نرم افزار هنگام دانلود لینک مستقیم فایل مشخص است

c- منظور از آدرس مطلق و نسبی این است

مثال

url('top2.gif

نمونه ای از آدرس نسبی است

url:(http://www.pichak.net)

نمونه ای از آدرس مطلق است

2- برنامه top style را برای ویرایش فایل های css است دانلود کنید

3- بروی وب سایت خود کلیک راست کنید و گرینه view source را زده و می بینید کدهای سایت شما ظاهر میشود

4-حالا دکمه ctrl +f کامپیوتر خود را فشار داده و عبارت css را تایپ کنید حالا آدرس css را که مثلا " http://template.phichak.net/pichak/07/style.css " است

example :

مثال

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

را کپی ودر یک صفحه ی مرورگر ترجیحا internet explorer باز کنید و اینتر را بزنید می بینید فایل css سایت شما را دانلود می شود

5-حالا با بزنامه top style فایل css را باز کنید

6-حالا دوباره ctrl+f را بزنید و بنویسید url می بینید چندین آدرس نسبی عکس مثل "url(01.jpg)

در فایل css میبینید

فایل ضمیمه.menu{float:right;direction:rtl;text-align:right;width:216;overflow:hidden}.tmenu{width:209;padding:17 70 25 0;background:url('m-1.jpg') no-repeat top right;font-size:10pt;color:#fff;font-weight:bold;}.xmenu{width:209;font-size:9pt;color:#444444;background:url('m2.gif') repeat-y top right;padding:10 0}.xmenu a{color:#444444;}.xmenu a:hover{color:#1185a6}.xmenu1{padding:0 35 5 15;background:url('dot.gif') 180px 2px no-repeat;}.xmenu2{padding:0 15 0 15;color:#555555;line-height:120%}.bmenu{width:209;height:30;background:url('m3.jpg') no-repeat top right;}
.b2{background:url('m-2.jpg') no-repeat top right}.b3{background:url('m-3.jpg') no-repeat top right}.b4{background:url('m-4.jpg') no-repeat top right}.b5{background:url('m-5.jpg') no-repeat top right}.b6{background:url('m-6.jpg') no-repeat top right}.b7{background:url('m-7.jpg') no-repeat top right}.b8{background:url('m-8.jpg') no-repeat top right}.b9{background:url('m-9.jpg') no-repeat top right}

هر کدام از آدرس های که رنگی کردم آدرس نسبی یکی از عکس های قالب وبلاگ است

خوب سوال ؟؟؟؟؟؟ کدوم یک از آدرس ها ی نسبی آدرس عکس بالای وبلاگ است؟؟؟!!!!!

برای فهمیدن این مسیله به آدرس قبلی که تو مرورگر نوشتید برید و با استفاده از آن بفهمید کدوم عکس بالای وبلاگه

مثال: آدرس قبلی که در مرور گر وارد کردیم برای دانلود css این باشد

http://template.phichak.net/pichak/07/style.css -

برای اینکه بدونید 01.jpg

کدوم عکسه آدرس آنرا اینجوری در آدرس صفحه مرورگر بنویسید

http://template.phichak.net/pichak/07/01.jpg

7- اینتر را که زدید عکس ظاهر میشه

8-اما چه جوری آدرس عکسو عوض کنیم ما که تنها آدرس نسبی عکسارو داریم

این کارو به شکلی که می گم دقیقا انجام بدید

غیر از هدر وبلاگ بقیه آدرس ها رو طبق مثال وارد کنید

مثال

bmenu{width:209;height:30;background:url('m3.jpg') no-repeat top right;}

این قسمت ها تغییراتشان شبیه مثال زیر میشه

مثال : 01.jpg تبدیل به http://template.phichak.net/pichak/07/01.jpg میشه

9- اما آدرس اصلی عکس بلای وبلاگ را این طوری عوض کنید اول عکس مورد نظر خودتون را در سایت www.persiangig.com آپلود کنید سپس این سایت لینک مستقیم دانلود به شما میده

آنرا جایگزین آدرس نسبی هدر وبلاگ کنید

10-فایل css را ذخیره و آپلود کنید و آدرس لینک مستقیم آنرا در قالب وبتون جایگرین آدرس css قبلی کنید حالا تغییرات را ثبت کنید میبینید وبلاگ شما تغییر کرد

مثال :آدرس قبلی

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

مثلا میشه:
http://pouridownload.persiangig.com/weblog/style.css

ضمننا دوستان باید عکس انتخابی شما با عکس قبلی هم اندازه باشد والا قالب وبلاگتون به هم میخوره که این را هم با فتوشاپ میتوان به آسونی انجام داد

در ضمن برنامه ویرایش css را براتون آپلود کردم

نویسنده محمد پوراحمدی

or emam reza

فایل ضمیمه

top style (590.3 کیلو بایت, 108 نمایش)

تغییر عکس بالای قالب های سه ستونه پیچک در فایل های css

مطالب مشابه :

قالب های وبلاگ سه ستونه وب سایت پیچک شماره 1

تغییر عکس بالای قالب های سه ستونه پیچک در فایل های css

قالب های پیچک

قالب سه ستونه (تجاری) برای وبلاگدهی بلاگفا

قالب وبلاگ دخترانه سه ستونه

قالب گیتی بال - قالب علمی زیبا و سه ستونه برای بلاگفا

گالری دانلود قالب های سه ستونه برای بلاگفا جدید