+- پارس جوم :: انجمن های تخصصی جوملا (https://forums.parsjoom.ir)
+-- انجمن: پشتیبانی (/forum-70.html)
+--- انجمن: مباحث و مشکلات عمومی (/forum-33.html)
+--- موضوع: سایه در css (/thread-18335.html)
سایه در css - azar431 - ۱۳-۵-۱۳۹۴ ۱۱:۲۳ عصر
سلام . یه مشکلی داشتم من برای اسلایدم سایه گذاشتم برای body بک گراند گذاشتم حالا میخام رنگ سایتم رو هم تغییر بدم مثللا سفید کنم رنگ main رو .
اما وقتی تغغیر میدم سایه هام معلوم نیست دیگه
ادرس سایتم
royandej.com
انگار سایه ها میره زیر .
lممنون میشم راهنماییم کنید
RE: سایه در css - سعید حمزه زاده - ۱۴-۵-۱۳۹۴ ۰۲:۲۹ عصر
کجای اسلایدرتون سایه گذاشتید؟ زیر اسلایدر؟
RE: سایه در css - azar431 - ۱۴-۵-۱۳۹۴ ۰۴:۰۱ عصر
بله زير اسلايدر اصلي
دو تا سايه دوطرفش هست . اگه لازمه بردارم رنگ main رو ببيند ؟
RE: سایه در css - سعید حمزه زاده - ۱۴-۵-۱۳۹۴ ۱۰:۵۳ عصر
خیلی بد توضیح دادید!!! بخاطر همین هم هست که هیچکس جواب نداده!
RE: سایه در css - azar431 - ۱۵-۵-۱۳۹۴ ۰۲:۳۶ عصر
سلام
ببخشيد من فك كردم خوب گفتم اوكي توضيح ميدم
من براي اسلايد اصليم سايه گذاشتم اينجوري
#slider:before, #slider:after
{
z-index: -1;
position: absolute;
content: "";
bottom: 15px;
left: 10px;
width: 50%;
top: 80%;
max-width:300px;
background: #575757;
-webkit-box-shadow: 0 15px 10px #575757;
-moz-box-shadow: 0 15px 10px #575757;
box-shadow: 0 15px 10px #575757;
-webkit-transform: rotate(-3deg);
-moz-transform: rotate(-3deg);
-o-transform: rotate(-3deg);
-ms-transform: rotate(-3deg);
transform: rotate(-3deg);
}
#slider:after
{
-webkit-transform: rotate(3deg);
-moz-transform: rotate(3deg);
-o-transform: rotate(3deg);
-ms-transform: rotate(3deg);
transform: rotate(3deg);
right: 10px;
left: auto;
}
اونوقت زمينه اصلي سايتم رو بك گراند گذاشتم
و زمينه سايتم رو منظورم main قالبم هست اون رو ميخام سفيد باشه
من main رو كوچيك كردم ديگه اميدوارم خوب گفته باشم
حالا رنگ ميدم به main قالب همون سفيده - سايه ها ديگه معلوم نيست
ممنون ميشم كمك كنيد
خودم فك ميكنم كه سايه زير رنگ سفيد ميمونه و معلوم نميشه اما نميدونم چكار كنم
RE: سایه در css - سعید حمزه زاده - ۱۵-۵-۱۳۹۴ ۰۷:۰۲ عصر
آهان منظورتون سایه های زیر اسلایدر هست!
خب مشکل از z-index هست
در فایل template.css خط 109 تکه کد زیر رو میبینید:
کد:
#slider {
position: relative;
height: 480px;
margin-top: 0px;
margin-right: 0px;
margin-left: 0px;
}این کد رو جایگزین کنید:
کد:
#slider {
position: relative;
height: 480px;
margin-top: 0px;
z-index: 10;
margin-right: 0px;
margin-left: 0px;
}موفق باشید
RE: سایه در css - azar431 - ۱۵-۵-۱۳۹۴ ۰۷:۲۶ عصر
واقعا ممنون
من فك كردم بايد Z INDEX رو براي MAIN كم كنم كه نميشد
ممنون