سوال + کمک !

این تاپیک 3 پاسخ و 3 مشارکت کننده دارد . آخرین آپدیت توسط :  ehsan skandari ،‏ 2 سال و 6 ماه پیش .

این تاپیک تاکنون 561 بازدید داشته است .

نویسنده پست
یکشنبه ، 18 می 2014     1:51 ب.ظ #


ehsan skandari

Subscriber
1 پست2 تاپیک

سلام دوستان من  در حال ساخت یک قالب هستم ولی به یک مشکل برخوردم :

من برای عکس های پست هام یک کاور  ( Background ) قرار دادم ولی یه مشکلی هست اونم اینکه که عکس روی کاور وایمیسته و عکس میاد روش من میخوام کاور بیاد روی عکس ! اگر میشه کمک کنید
( آیدی کاور )   #post-bg
{
height: 456px;
margin: 30px 80px 20px 0;
width: 350px;
background:url(../images/Cover.png )no-repeat scroll 0 0 transparent;
border-radius:5px;
}
( آیدی عکس)   #post-img
{
width:300px ;
height:420px ;
border-radius:5px;
margin:20px 20px;
}

عکس : http://8pic.ir/images/32003244875878351873.png

1  تشکر
یکشنبه ، 18 می 2014     11:16 ب.ظ #


محمد اسفندیاری

Authorplus
VIP
817 پست10 تاپیک

با سلام عزیزم....خیلی راهه دیگه وجود داره که بشه کاری مشابه بالا انجام داد......یکی استفاده از هر دوی تصویر هست و بعد با استفاده از خاصیت Position بر هم منطبقشون کنی......راه دیگه اینکه دو Background به طور همزمان تعریف کنی و اونی که دیرتر تعریف میشه بالاتر نشون داده میشه.....خیلی راهه دیگه هم میشه.....یا علی

2  تشکر
دوشنبه ، 19 می 2014     12:16 ب.ظ #


s.alifarrokh

Subscriber
396 پست119 تاپیک

سلام

با استفاده از استایل زیر میتونید این کارو انجام بدید.

1  تشکر
دوشنبه ، 19 می 2014     11:32 ب.ظ #


ehsan skandari

Subscriber
1 پست2 تاپیک

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

کد ارسال پست :
<div id="post-bg">
<a target="_blank" rel="nofollow" href="<?php the_permalink() ?>"><img id="post-img" title="<?php the_title(); ?>"
<?php if ( has_post_thumbnail()) the_post_thumbnail('home-thumb'); ?>
</a></div>

کد های استایل :
#post-bg {
height: 456px;
margin: 30px 80px 20px 0;
width: 350px;
background:url(../images/Cover.png )no-repeat scroll 0 0 transparent;
border-radius:5px;
z-index:1;
}
#post-img {
width:300px ;
height:420px ;
border-radius:5px;
margin:20px 20px;
z-index:2;
}

2  تشکر
پست 1 تا 4 (از مجموع 4 پست)

برای پاسخ دادن به این تاپیک باید وارد سایت شوید .