درخواست کد

[mahdi.a 432]

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

.movies h3 {
	    text-align: center;
	    position: relative;
	    color: #fff;   
	    margin: -10px -4px 0 -8px;
	    padding: 5px 0;
	    text-shadow: 0 1px rgba(0,0,0,.8);
	    background: #BFBFBF;
	    background-image: -moz-linear-gradient(rgba(255,255,255,.3), rgba(255,255,255,0));
	    background-image: -webkit-linear-gradient(rgba(255,255,255,.3), rgba(255,255,255,0));
	    background-image: -o-linear-gradient(rgba(255,255,255,.3), rgba(255,255,255,0));
	    background-image: -ms-linear-gradient(rgba(255,255,255,.3), rgba(255,255,255,0));
	    background-image:  linear-gradient(rgba(255,255,255,.3), rgba(255,255,255,0));
	    -moz-box-shadow: 0 2px 0 rgba(0,0,0,.3);
	    -webkit-box-shadow: 0 2px 0 rgba(0,0,0,.3);
	    box-shadow: 1px 4px 3px rgba(0,0,0,.3);
}
h3:before
    {
	    content: '';
	    position: absolute;
	    border-style: solid;
	    border-color: transparent;
	    bottom: -5px;
} 
h3:before
    {
	    border-width: 0 9px 6px 0;
	    border-right-color: #222;
	    left: -1px;
}

[imanfakhar 26231]

اگر به این لایه بخواهید آیکون اضافه کنید راحت ترین راه اینه که قید مربع 6×9 فعلی رو بزنید یعنی کدتون به این شکل می شه

.movies h3:before
	{
			content: '';
			position:relative;
			border-style: none;
			bottom: 0px;
			top:0px;
			width:12px;
			display:inline-block;
			background:url('IMAGE.JPG') no-repeat scroll center center
}

این کد را در رادامه کدهای بالا می توانید قرار دهید

البته IMAGE.JPG را با آدرس عکس عوض کنید

[mahdi.a 432]

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

.icon {
background: url("images/icon.png") no-repeat scroll 95% 6px
}

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

<div class="icon"></div>

نوشتم ، ایکون بالا میاد ولی مشکلی که داره اینه که ایکون میره زیر بلوک قرار میگیره و روی بلوک نیستش ، حالا با ان اوصاف من چه کار کنم ؟

ویرایش شده مهر 91 توسط takwarez

[imanfakhar 26231]

با z-index می شه درستش کرد ولی باید ببینید لایه اصلی از کجا z-index گرفته یک شماره بالاترش رو بدید

و می تونید لایه را در داخل لایه ی اصلی درست کنید و بهش

float:right;

اضافه کنید و برای اینکه قالب بهم نریزه به لایه های مادر

clear:both;

[mahdi.a 432]

الان من از کجا بفهمم که لایه اصلی z-index چنده ، یعنی منظورتون همون لایه اصلی سفید رنگ زیر کل سایت هستش ؟ و بعد این کد رو بزارم توی همون کلاسی که برای icon توی استایل مشخص کردم ؟

[Morteza 34190]

میتونید خودتون z-index بدید.

[mahdi.a 432]

به کدوم کد باید z-index بدم ؟

[rezaonline 2655]

اونی که قراره بالا قرار بگیره z-index کمتری بدید اونی که قراره زیر باشه z-index بیشتری بدید .