کمک برای حل یک مشکل در قالب

omid-ss2

تازه وارد
سلام دوستان

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

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

الان مشکلم اینه که وقتی موس رو عکس وسط قرار میگیره عکس های پایینش بهم میریزه

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

اینم آدرس صفحه :

 
آخرین ویرایش توسط مدیر:

LimooWEB

تازه وارد
تو style.css خط 450 برای کلاس .pro ul li این خط رو اضافه کنید


کد:
height:300px;
به این شکل بایستی باشه


کد:
.pro ul li {
    float: left;
    height: 300px;
}
 

omid-ss2

تازه وارد
ممنون

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

ی جوری بشه که زوم شد یا بیوفته روش یا پایینیاش حرکت کنن

 

LimooWEB

تازه وارد
چون داخل DIV نیستند نمیشه با رفتن روی یک Li سه تا li پایینی Margin بخورند.

شما این رو امتحان کنید


کد:
.pro ul li {
    float: left;
    height: 300px;
}
.pro ul li:hover {
   z-index:555 !important;
background:#fff;
}
 

omid-ss2

تازه وارد
تغییری نکرد داداش

بازم میوفته زیرشون

نمیشه با جی کوئری کاری کرد؟؟

الان اینا تو ی دایو باشن حل میشه؟

 
آخرین ویرایش توسط مدیر:

LimooWEB

تازه وارد
بنظرم این بهتره

یه امتحان بکنید اینو


کد:
.pro ul li {
    float: left;
    height: 300px;
    overflow: hidden;
}
 

hannanstd.ir

مدیر انجمن و توسعه دهنده ووکامرس پارسی
تو استایلت کد زیر رو پاک کن :


کد:
.pro ul li {
    float: left;


}
کد زیر رو بجاش بزار :


کد:
.pro ul li {
    float: left;
    height: 300px;


    transition: width 1s ease 0s, height 1s ease 0s, transform 1s ease 0s;
}

.pro ul:hover li {
    height: 400px;

}
 

omid-ss2

تازه وارد
مرسی داشی

دمت گرم . حل شد
default_;
.gif' alt=':; ;) :'>

 

omid-ss2

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

این مشکل حل شد ولی ی مشکله دیگه هستو اونم اینه که وقتی رو محصول آخر صفحه موس رو بیارید اسکرول میره بالا

این مشکلو چطور حل کنم؟؟



مشاهده کنید؟

 
آخرین ویرایش توسط مدیر:

Mohammad

مدیر انجمن
پرسنل مدیریت
توی فایل style.css

اینو پیدا کن


کد:
.pro ul:hover li {    height: 400px;
}
تبدیلش بکن به:


کد:
.pro ul:hover li {
    height: 300px;}
 

omid-ss2

تازه وارد
توی فایل style.cssاینو پیدا کن


کد:
.pro ul:hover li {    height: 400px;
}
تبدیلش بکن به:


کد:
.pro ul:hover li {
    height: 300px;}
اگه اینکارو کنم میوفته زیرش و عنوان معلوم نمیشه و عکس آخر هم از کادر میزنه بیرون داداش

 

agha-mehran

تازه وارد
دوستان من یک مشکلی دارم برای قالبم، میخوام وقتی روی عکس محصولات موس میره، یک عکس دیگه لود بشه(یکی از عکس های دیگه تو گالری محصول هست)

سایت من اینه، مثلا میخوام مثل قالب بلازوک بشه که وقتی میری رو عکس یک عکس دیگه رو نشون بده

میشه راهنمایی کنید چطوری اینکارو کنم، اگه پلاگینی داره بگید یا اگه تو css باید کاری کرد ، ممنون میشم استاید راهنمایی کنن



شرمنده از استارت محترم، گفتم دیگه برای این موضوع تاپیک باز نکنم

 

omid-ss2

تازه وارد
داداش تاپیک رو من برای مشکلم ایجاد کردم هنوز حل نشده که

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

 

agha-mehran

تازه وارد
داداش تاپیک رو من برای مشکلم ایجاد کردم هنوز حل نشده کهشما برو واسه مشکله خودت ی تاپیک دیگه بزن دیگه :45:
عزیز من گفتم برای مشکلم دیگه تاپیک جدید باز نکنم، وگرنه مشکل شماهم حل میشه، کسی هم خواست جواب مارو میده

بازم معذرت دوست گرامی

 

Mohammad

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

 
بالا