رفتن به مطلب

درخواست کد


پست های پیشنهاد شده

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


.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;
}

لینک به ارسال

اگر به این لایه بخواهید آیکون اضافه کنید راحت ترین راه اینه که قید مربع 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 را با آدرس عکس عوض کنید

لینک به ارسال

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


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

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


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

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

ویرایش شده توسط takwarez
لینک به ارسال

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

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


float:right;

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


clear:both;

لینک به ارسال

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

لینک به ارسال

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

لینک به ارسال

به گفتگو بپیوندید

هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .

مهمان
ارسال پاسخ به این موضوع ...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  تنها استفاده از 75 اموجی مجاز می باشد.

×   لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به صورت لینک

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.

×
×
  • اضافه کردن...