بکگراند سایت

[ali-span 7]

سلام

یکی لطف میکینه بکگراند برای سایت من بزاره

اعلام کنید تا کد را پیام خصوصی کنم براتون

میخام مثل این سایت بشه . (سایه های کنار کادر هم اگه میشه بزارید)

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

ویرایش شده شهریور 93 توسط ali-span

[amirali.bk 656]

سلام شما فایل style.css رو بزار اینجا بررسی کنیم

[ali-span 7]

http://panje.ir/files/t/ngme/style/styles.css

[I..R 1485]

درود.

در فایل styles.css

در کلاس :

background: url("link image 2") repeat scroll 0 0 rgba(0, 0, 0, 0);

ّبه جای link image 2 آدرس تصویر دوم را قرار دهید و فایل را ذخیره کنید.

[ali-span 7]

نشد و قالب میریزه بهم و دقیق نمیدونم کجای فایل بزارم.

میخام کناره ها هم سایه دار باشه مثل عکس و از 2 عکس استفاده بشه - سایت اصلی از 2 عکس استفاده کرده بود و اون ها را tile کرده بود.

[ali-span 7]

اگه لطفا کنید کد را خودتون در کلاس بزارید ممنون میشم

من کد بلد نیستم

[NESTED 4295]

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

شما اشتباه شاید انجام دادین

ادرس وبلاگ خودتون رو بذارید تا برای حاشیه ها نیز بهتر بشه بهتون راهنمایی کرد

[I..R 1485]

لطفا آدرس سایت مورد نظر را قرار بدید

عرض شد جی کار کنید

ابتدا عکس دوم را در پوشه images قالب کپی کنید سپس فایل styles.css را باز کنید

body {word-wrap: break-word; margin:0; padding:0px; font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:12px;color:#fff; background:url('../images/bg.png'); }

را پیدا کنید سپس با bg.png را با نام عکس دوم تغییر دهید.

فایل را ذخیره کنید.

[ali-span 7]

سلام از آدرس فایل پیداست panje.ir

[ali-span 7]

panje.ir

خیلی ممنون درست شد ولی یک عکس او بال هست که کمی بزرگه و هرچی گشتم پیداش نکردم تا کوچیکش کنم میشه نامش را بگید

و میشه کناره ه را سایه دار کنید

[I..R 1485]

منظور سایتی هست که شما می خوایید بگراند مانند آن شود قرار دهید نه سایت خود را.

[ali-span 7]

اون سایت خارجی فیلتر هست

همینقدر که بکگراند را درست کردید خوب هست و ممنون

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

این آدرسش هست

http://panje.ir/files/t/ngme/images/header_h_bg.png

فقط نمیدونم در css چطور اندازش را کم کنم

لطفا بگید کدوم عدد هست تا کوچیکش کنم

/*Header*/

#header {height:280px; margin:-4px 0 0 0;}

.header_h { overflow:hidden;margin:0 auto;height:44px; max-width:1036px; background:url('../images/header_h_bg.png') repeat-x 0 -88px;}

.header_h .header_h {padding-left:35px;background:url('../images/header_h_bg.png') no-repeat ;}

.header_h .header_h .header_h {padding-right:35px; background:url('../images/header_h_bg.png') no-repeat right; }

.hmenu {overflow:hidden;font-family:Tahoma, Arial, Helvetica, sans-serif;font-size:10pt;padding-top:3px; padding-left:10px; float:left;}

.hmenu li, .hmenu a .lflink, .hmenu a, .hmenu a .blick{float:right; cursor:pointer; text-align:right; direction:rtl;}

.hmenu li{padding:0 2px 0 0; background:url('../images/hmsep.png') no-repeat right; height:41px;}

.hmenu a{display:block; height:39px; padding-right:37px; color:#fff; background:url('../images/hmlinks.png') no-repeat 100% -39px;}

.hmenu a .lflink{height:39px;display:block; line-height:38px; padding-left:37px; cursor:pointer; color:#fff; background:url('../images/hmlinks.png') no-repeat;}

.hmenu a:hover{ text-decoration:none;background:url('../images/hmlinks.png') no-repeat 100% -117px; color:#ffffff}

.hmenu a:hover .lflink{background:url('../images/hmlinks.png') no-repeat 0 -78px; color:#ffffff}

.hmenu a .blick{ background:url('../images/hmblick.png') no-repeat 50% 0; display:block;height:39px;}

[I..R 1485]

منظور از بزرگ بودن را متوجه نشدم

اما در حالت کلی برای کاهش یا افزایش ارتقاع در css خاصیت height :

مانند

height: 10px 

که عدد جلوی آن را افزایش یا کاهش دهید.