nasimparsi
Registered User
- تاریخ عضویت
- 25 ژوئن 2007
- نوشتهها
- 1,183
- لایکها
- 124
با درود
دوستان من یک سری کد که توی بخش قالب کدهای دلخواه یک سایت پرستاشاپی هست رو امروز مشاهده کردم. می خواستم اگر ممکنه کسی راهنمایی کنه که هر کدام از کدهایی که در این فهرست وجود داره چه کاری انجام می ده و اینکه اصلا یک مشکل اصلی وجود داره که کدها حدود یک هفته هست از کار افتادن و کار نمی کنند. یک ایرادی به اشتباه کروشه یا... از قلم نیفتاده به نظرتون؟
ممنون می شم
کدهای اینها هست:
.fsl-col-home {
height: 100px;
padding: 5px;
-moz-box-shadow: 0 1px 2px rgba(0,0,0,.25);
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.25);
box-shadow: 0 1px 2px rgba(0,0,0,.25);
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
}
.fsl-col-home:hover {
box-shadow: inset 0px 0px 20px 3px #e1ecf5;
}
.fsl-col-home {
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
position: relative;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
}
.fsl-col-home:before {
pointer-events: none;
position: absolute;
z-index: -1;
content: '';
top: 100%;
left: 5%;
height: 10px;
width: 90%;
opacity: 0;
background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform, opacity;
transition-property: transform, opacity;
}
.fsl-col-home:hover, .fsl-col-home:focus, .fsl-col-home:active {
-webkit-transform: translateY(-5px);
transform: translateY(-5px);
}
.fsl-col-home:hover:before, .fsl-col-home:focus:before, .fsl-col-home:active:before {
opacity: 1;
-webkit-transform: translateY(5px);
transform: translateY(5px);
}
.special-products_block_center h3.title_block {
background-color: #f0f8ff;
h3.title_block.mar_b1 {
background-color: #f0f8ff;
}
.shopping_cart {
padding: 6px 8px !important;
border-radius: 4px;
border : 1px solid black;
}
body#index .columns-container {
margin-top: 15px!important;
}
body#product #footer-tertiary{display:none;}
.rte h2,
.cat_desc h2,
.blog_content h2 {
font-size: 16px !important;color:red;}
.rte h3,
.cat_desc h3,
.blog_content h3 {
font-size: 15px !important;color:blue;}
.rte h4,
.cat_desc h4,
.blog_content h4 {
font-size: 14px !important;color:black;}
.rte h5,
.cat_desc h5,
.blog_content h5 {
font-size: 13px !important;color:black;}
.text-justify {text-align: justify;}
.icon_text {
display: block !important;
}
[id^='banner_box_'] img,.st_banner_image,.st_owl_carousel_image,.owl-item .pro_outer_box img,.owl-item .pro_outer_box {
border-radius: 10px !important;
}
دوستان من یک سری کد که توی بخش قالب کدهای دلخواه یک سایت پرستاشاپی هست رو امروز مشاهده کردم. می خواستم اگر ممکنه کسی راهنمایی کنه که هر کدام از کدهایی که در این فهرست وجود داره چه کاری انجام می ده و اینکه اصلا یک مشکل اصلی وجود داره که کدها حدود یک هفته هست از کار افتادن و کار نمی کنند. یک ایرادی به اشتباه کروشه یا... از قلم نیفتاده به نظرتون؟
ممنون می شم
کدهای اینها هست:
.fsl-col-home {
height: 100px;
padding: 5px;
-moz-box-shadow: 0 1px 2px rgba(0,0,0,.25);
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.25);
box-shadow: 0 1px 2px rgba(0,0,0,.25);
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
}
.fsl-col-home:hover {
box-shadow: inset 0px 0px 20px 3px #e1ecf5;
}
.fsl-col-home {
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
position: relative;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
}
.fsl-col-home:before {
pointer-events: none;
position: absolute;
z-index: -1;
content: '';
top: 100%;
left: 5%;
height: 10px;
width: 90%;
opacity: 0;
background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform, opacity;
transition-property: transform, opacity;
}
.fsl-col-home:hover, .fsl-col-home:focus, .fsl-col-home:active {
-webkit-transform: translateY(-5px);
transform: translateY(-5px);
}
.fsl-col-home:hover:before, .fsl-col-home:focus:before, .fsl-col-home:active:before {
opacity: 1;
-webkit-transform: translateY(5px);
transform: translateY(5px);
}
.special-products_block_center h3.title_block {
background-color: #f0f8ff;
h3.title_block.mar_b1 {
background-color: #f0f8ff;
}
.shopping_cart {
padding: 6px 8px !important;
border-radius: 4px;
border : 1px solid black;
}
body#index .columns-container {
margin-top: 15px!important;
}
body#product #footer-tertiary{display:none;}
.rte h2,
.cat_desc h2,
.blog_content h2 {
font-size: 16px !important;color:red;}
.rte h3,
.cat_desc h3,
.blog_content h3 {
font-size: 15px !important;color:blue;}
.rte h4,
.cat_desc h4,
.blog_content h4 {
font-size: 14px !important;color:black;}
.rte h5,
.cat_desc h5,
.blog_content h5 {
font-size: 13px !important;color:black;}
.text-justify {text-align: justify;}
.icon_text {
display: block !important;
}
[id^='banner_box_'] img,.st_banner_image,.st_owl_carousel_image,.owl-item .pro_outer_box img,.owl-item .pro_outer_box {
border-radius: 10px !important;
}