نمایش عکس با عرضی بیشتر از تم

[Behn4m]

سلام

لطفا راهی برای قرار دادن یک عکس با عرض کامل (with: 100%) در صفحه اصلی سایتی (index.php) که دارای wrapper مشخص است (984px) یاد بدین.
(در صورتی که عرض wrapper لازم به تغییر نباشه)

یعنی اگر عرض نمایشگر کسی 1600px بود این عکس یا shortcode مورد نظر که در قسمتی از index.php قرار گرفته بجای نمایش دادن در محدوده 984px با عرض 1600 نمایش داده بشه.

ممنون

[بهزاد علی محمدزاده]

<im src="..." id="bg" />

یه عکس رو به این صورت قرار بده و بعد با دستور z-index به زیر همه لایه هایی که روش قرار میگیره ارسالش کن . ( یا در واقع همون style دادن هست )


#bg{
width:100%;
min-width:1040px;
height:auto;
min-height:100%;
position:fixed;
top:0px;
left:0px;
z-index:-100;
}

[Behn4m]

ممنون از راهنماییت.

برای Full width وارد کردن یک shortcode در index.php که در حالت معمولی با <? ;(' ')php echo do_shortcode ?>
انجام میشه باید چیکار کرد؟؟ میشه مثل عکس بهش id داد؟؟

[بهزاد علی محمدزاده]

خواهش می کنم . منظور سوالت و متوجه نمیشم . شما می خوایم اون تگ img رو با php و echo اجرا کنی ؟ اگر آره . خب میشه همونجا id رو براش در نظر گرفت .

رفتم یه سرچ کردم . این دستور do_shortcode مال وردپرس باید باشه ؟

اگر نتونستی id بهش بدی . همه دستور رو بذار توی یه div و به div آی دی یا یه class بده و بعد style رو به اون class اعمال کن .

[ imgCSS]#bg{
width:100%;
min-width:1040px;
height:auto;
min-height:100%;
position:fixed;
top:0px;
left:0px;
z-index:-100;
}[/CSS]

[Behn4m]

بله ,برای وردپرس هست.

id دادم ولی کار نکرد ,البته شاید درست انجامش نداده باشم.

میشه در مورد :

همه دستور رو بذار توی یه div و به div آی دی یا یه class بده و بعد style رو به اون class اعمال کن .
بیشتر توضیح بدی؟؟

ممنون

[بهزاد علی محمدزاده]

.bg img{
width:100%;
min-width:1040px;
height:auto;
min-height:100%;
position:fixed;
top:0px;
left:0px;
z-index:-100;
}


<div class='bg'>
<? ;(' ')php echo do_shortcode ?>
</div>


من با وردپرس اشنا نیستم . اما اگر با اون دستور php نتونستی id یا class بهش بدی . خب به عنصر والدش بده . که اینجا div هست .

[Behn4m]

درست شد.


.class{
width:100%;
min-width:1040px;
height:auto;
position:absolute;
top:0px;
left:0px;
}

ممنون بابت راهنمایی خیلی خوبت.