اسفند ۹, ۱۴۰۰

آموزش طراحی سایت

ایده برای طراحی سایت فروشگاهی (صفحه اصلی و صفحه دسته بندی فروشگاه)

علی صفوی اسفند ۹, ۱۴۰۰

.kk-star-ratings{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;}.kk-star-ratings.kksr-shortcode{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}.kk-star-ratings.kksr-valign-top{margin-bottom:2rem;}.kk-star-ratings.kksr-valign-bottom{margin-top:2rem;}.kk-star-ratings.kksr-align-left{-webkit-box-pack:flex-start;-webkit-justify-content:flex-start;-ms-flex-pack:flex-start;justify-content:flex-start;}.kk-star-ratings.kksr-align-center{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}.kk-star-ratings.kksr-align-right{-webkit-box-pack:flex-end;-webkit-justify-content:flex-end;-ms-flex-pack:flex-end;justify-content:flex-end;}.kk-star-ratings .kksr-muted{opacity:.5;}.kk-star-ratings .kksr-stars{position:relative;}.kk-star-ratings .kksr-stars .kksr-stars-active, .kk-star-ratings .kksr-stars .kksr-stars-inactive{display:flex;}.kk-star-ratings .kksr-stars .kksr-stars-active{overflow:hidden;position:absolute;top:0;left:0;}.kk-star-ratings .kksr-stars .kksr-star{cursor:pointer;padding-right:0px;}.kk-star-ratings.kksr-disabled .kksr-stars .kksr-star{cursor:default;}.kk-star-ratings .kksr-stars .kksr-star .kksr-icon{transition:.3s all;}.kk-star-ratings:not(.kksr-disabled) .kksr-stars:hover .kksr-stars-active{width:0 !important;}.kk-star-ratings .kksr-stars .kksr-star .kksr-icon, .kk-star-ratings:not(.kksr-disabled) .kksr-stars .kksr-star:hover ~ .kksr-star .kksr-icon{background-image:url(//codoseo.net/mag/wp-content/plugins/kk-star-ratings/src/core/public/svg/inactive.svg);}.kk-star-ratings .kksr-stars .kksr-stars-active .kksr-star .kksr-icon{background-image:url(//codoseo.net/mag/wp-content/plugins/kk-star-ratings/src/core/public/svg/active.svg);}.kk-star-ratings.kksr-disabled .kksr-stars .kksr-stars-active .kksr-star .kksr-icon, .kk-star-ratings:not(.kksr-disabled) .kksr-stars:hover .kksr-star .kksr-icon{background-image:url(//codoseo.net/mag/wp-content/plugins/kk-star-ratings/src/core/public/svg/selected.svg);}.kk-star-ratings .kksr-legend{margin-left:.75rem;margin-right:.75rem;}[dir="rtl"] .kk-star-ratings .kksr-stars .kksr-stars-active{left:auto;right:0;}

.sc_card{box-shadow:0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08);border-radius:4px;background:#fff;margin:2em auto;width:100%;overflow:hidden;padding:1em;box-sizing:border-box;} .sc_card h1, .sc_card h2, .sc_card h3, .sc_card h4, .sc_card h5, .sc_card h6{font-size:1em;line-height:1.2em;margin:0 0 1em;font-weight:700;} .sc_card p{font-size:1em;} .sc_card p:last-child{margin-bottom:0;} .sc_card p:empty{display:none;margin-bottom:0;} .sc_card img{margin-bottom:1em;} .sc_card .sc_row{display:grid;grid-template-columns:1fr 1fr;grid-column-gap:15px;margin-top:15px;} .sc_card .sc_company{display:grid;grid-template-columns:2fr 1fr;grid-column-gap:15px;} .sc_card .sc_company-logo-wrapper, .sc_card .sc_person-image-wrapper{height:auto;margin-top:15px;background:#fff;box-shadow:0 2px 2px rgba(0, 0, 0, 0.16), 0 0 1px rgba(0, 0, 0, 0.08);border-radius:4px;max-width:100%;width:auto;overflow:hidden;margin-bottom:12px;} .sc_card .sc_company-logo-wrapper img, .sc_card .sc_person-image-wrapper img{width:auto;height:auto;max-width:100%;margin:0;} .sc_card .sc_grey-box{background:#f2f2f2;border-radius:4px;padding:16px;} .sc_card .sc_grey-box .sc_box-label{font-style:normal;font-weight:600;font-size:14px;line-height:150%;text-transform:uppercase;color:#000;margin-bottom:12px;} .sc_card .sc_input-group .sc_input-label{font-style:normal;font-weight:700;font-size:12px;line-height:150%;color:#000;} .sc_card .wp-block-structured-content-person__colleague_url{font-size:0.875em;word-break:break-word;} @media(max-width:468px){ .sc_card p{padding:0 1em 1em;} } @media(min-width:469px){ .sc_fs_faq__figure{float:right;margin-left:1em;margin-bottom:1em;} .sc_fs_faq__figure a{display:block;} .sc_fs_faq__figure a img{margin-bottom:0;} } @media(max-width:640px){ .sc_card .sc_row{grid-template-columns:1fr;margin-top:0;} .sc_card .sc_company{grid-template-columns:1fr;} .sc_card .sc_grey-box{margin-top:15px;} } .w-100{width:100%;} i.mce-ico.mce-i-structured-content{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAATCAYAAACQjC21AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAE5SURBVHgBrZThUcMwDIWfQrgDfiUbdASPkG7ABsAEhU3YAJigsEFHMBtkg+YX9OBi8YyTNmAuuG3enRM7tj/JkhVpzPkaQIFp1OQDWNO9OdYakIER7eZkFtb5cdT/3pv3WzJkty0+XjOcLBzwxIUVP9ehqeG8OugL4AxX05hjE8vGOagC94HTycOA05lyAYe9xTr0tXZwkkEWQN59F3rWeg8LwqqeI4yhxkfe9ocqdkY8TM2vfgScRNsYKvSmtJtHHKC1ObsWyMMP4G7y4jIEPEVZU9q3Z/zlYS+BLv0zTRq2jAF59DmS1UbJi4C8b1dIls/wpx0F0kPGMLkUvYd3o8DCvpc4QhGQ93KJPX4WdGA+CvSlhGTp/0kp7GaPLMcalt6Kt73GASLA9PU89LBSHF/WBOoKk0mbL1wWbz1nKPlvAAAAAElFTkSuQmCC) !important;background-size:85%;background-repeat:no-repeat;background-position:center;margin-right:4px;} .mce-window.mce-container.mce-sc_panel .mce-container-body.mce-abs-layout{overflow:hidden;} .entry-content .sc_fs_faq summary:focus, .sc_fs_faq summary:focus{outline:none;} .entry-content .sc_fs_faq summary *, .sc_fs_faq summary *{margin:0;display:inline;padding:0;} .entry-content .sc_fs_faq summary + div, .sc_fs_faq summary + div{overflow:hidden;} .entry-content .sc_fs_faq summary + div img, .sc_fs_faq summary + div img{margin-top:0;} .sc_fs_card__animate summary{display:block;cursor:pointer;position:relative;padding:1em 1em 1em 2em;} .sc_fs_card__animate summary:before{content:"";position:absolute;top:1.5em;left:1em;transform:rotate(0);transform-origin:0.2rem 50%;transition:0.25s transform ease;border:0.4rem solid transparent;border-left-color:inherit;} .sc_fs_card__animate[open] > summary:before{transform:rotate(90deg);} .sc_fs_card__animate{padding:0;} .sc_fs_card__animate .sc_fs_faq__content{padding:0 1em 1em;} .sc_fs_card__animate .sc_fs_faq__content > *:first-child{margin-top:0;} .sc_business-logo-wrapper, .sc_business-image-wrapper{margin:0;}

.elementor-bc-flex-widget .elementor-section-content-top>.elementor-container>.elementor-row>.elementor-column>.elementor-column-wrap{align-items:flex-start}.elementor-bc-flex-widget .elementor-section-content-middle>.elementor-container>.elementor-row>.elementor-column>.elementor-column-wrap{align-items:center}.elementor-bc-flex-widget .elementor-section-content-bottom>.elementor-container>.elementor-row>.elementor-column>.elementor-column-wrap{align-items:flex-end}.elementor-column-gap-narrow>.elementor-row>.elementor-column>.elementor-element-populated>.elementor-widget-wrap{padding:5px}.elementor-column-gap-default>.elementor-row>.elementor-column>.elementor-element-populated>.elementor-widget-wrap{padding:10px}.elementor-column-gap-extended>.elementor-row>.elementor-column>.elementor-element-populated>.elementor-widget-wrap{padding:15px}.elementor-column-gap-wide>.elementor-row>.elementor-column>.elementor-element-populated>.elementor-widget-wrap{padding:20px}.elementor-column-gap-wider>.elementor-row>.elementor-column>.elementor-element-populated>.elementor-widget-wrap{padding:30px}@media(min-width:-1){.elementor-reverse-widescreen>.elementor-container>.elementor-row>:first-child{order:10}.elementor-reverse-widescreen>.elementor-container>.elementor-row>:nth-child(2){order:9}.elementor-reverse-widescreen>.elementor-container>.elementor-row>:nth-child(3){order:8}.elementor-reverse-widescreen>.elementor-container>.elementor-row>:nth-child(4){order:7}.elementor-reverse-widescreen>.elementor-container>.elementor-row>:nth-child(5){order:6}.elementor-reverse-widescreen>.elementor-container>.elementor-row>:nth-child(6){order:5}.elementor-reverse-widescreen>.elementor-container>.elementor-row>:nth-child(7){order:4}.elementor-reverse-widescreen>.elementor-container>.elementor-row>:nth-child(8){order:3}.elementor-reverse-widescreen>.elementor-container>.elementor-row>:nth-child(9){order:2}.elementor-reverse-widescreen>.elementor-container>.elementor-row>:nth-child(10){order:1}}@media(min-width:1025px) and (max-width:-1){.elementor-reverse-laptop>.elementor-container>.elementor-row>:first-child{order:10}.elementor-reverse-laptop>.elementor-container>.elementor-row>:nth-child(2){order:9}.elementor-reverse-laptop>.elementor-container>.elementor-row>:nth-child(3){order:8}.elementor-reverse-laptop>.elementor-container>.elementor-row>:nth-child(4){order:7}.elementor-reverse-laptop>.elementor-container>.elementor-row>:nth-child(5){order:6}.elementor-reverse-laptop>.elementor-container>.elementor-row>:nth-child(6){order:5}.elementor-reverse-laptop>.elementor-container>.elementor-row>:nth-child(7){order:4}.elementor-reverse-laptop>.elementor-container>.elementor-row>:nth-child(8){order:3}.elementor-reverse-laptop>.elementor-container>.elementor-row>:nth-child(9){order:2}.elementor-reverse-laptop>.elementor-container>.elementor-row>:nth-child(10){order:1}}@media(min-width:-1) and (max-width:-1){.elementor-reverse-laptop>.elementor-container>.elementor-row>:first-child{order:10}.elementor-reverse-laptop>.elementor-container>.elementor-row>:nth-child(2){order:9}.elementor-reverse-laptop>.elementor-container>.elementor-row>:nth-child(3){order:8}.elementor-reverse-laptop>.elementor-container>.elementor-row>:nth-child(4){order:7}.elementor-reverse-laptop>.elementor-container>.elementor-row>:nth-child(5){order:6}.elementor-reverse-laptop>.elementor-container>.elementor-row>:nth-child(6){order:5}.elementor-reverse-laptop>.elementor-container>.elementor-row>:nth-child(7){order:4}.elementor-reverse-laptop>.elementor-container>.elementor-row>:nth-child(8){order:3}.elementor-reverse-laptop>.elementor-container>.elementor-row>:nth-child(9){order:2}.elementor-reverse-laptop>.elementor-container>.elementor-row>:nth-child(10){order:1}}@media(min-width:1025px) and (max-width:-1){.elementor-reverse-laptop>.elementor-container>.elementor-row>:first-child,.elementor-reverse-laptop>.elementor-container>.elementor-row>:nth-child(2),.elementor-reverse-laptop>.elementor-container>.elementor-row>:nth-child(3),.elementor-reverse-laptop>.elementor-container>.elementor-row>:nth-child(4),.elementor-reverse-laptop>.elementor-container>.elementor-row>:nth-child(5),.elementor-reverse-laptop>.elementor-container>.elementor-row>:nth-child(6),.elementor-reverse-laptop>.elementor-container>.elementor-row>:nth-child(7),.elementor-reverse-laptop>.elementor-container>.elementor-row>:nth-child(8),.elementor-reverse-laptop>.elementor-container>.elementor-row>:nth-child(9),.elementor-reverse-laptop>.elementor-container>.elementor-row>:nth-child(10){order:0}.elementor-reverse-tablet_extra>.elementor-container>.elementor-row>:first-child{order:10}.elementor-reverse-tablet_extra>.elementor-container>.elementor-row>:nth-child(2){order:9}.elementor-reverse-tablet_extra>.elementor-container>.elementor-row>:nth-child(3){order:8}.elementor-reverse-tablet_extra>.elementor-container>.elementor-row>:nth-child(4){order:7}.elementor-reverse-tablet_extra>.elementor-container>.elementor-row>:nth-child(5){order:6}.elementor-reverse-tablet_extra>.elementor-container>.elementor-row>:nth-child(6){order:5}.elementor-reverse-tablet_extra>.elementor-container>.elementor-row>:nth-child(7){order:4}.elementor-reverse-tablet_extra>.elementor-container>.elementor-row>:nth-child(8){order:3}.elementor-reverse-tablet_extra>.elementor-container>.elementor-row>:nth-child(9){order:2}.elementor-reverse-tablet_extra>.elementor-container>.elementor-row>:nth-child(10){order:1}}@media(min-width:768px) and (max-width:1024px){.elementor-reverse-tablet>.elementor-container>.elementor-row>:first-child{order:10}.elementor-reverse-tablet>.elementor-container>.elementor-row>:nth-child(2){order:9}.elementor-reverse-tablet>.elementor-container>.elementor-row>:nth-child(3){order:8}.elementor-reverse-tablet>.elementor-container>.elementor-row>:nth-child(4){order:7}.elementor-reverse-tablet>.elementor-container>.elementor-row>:nth-child(5){order:6}.elementor-reverse-tablet>.elementor-container>.elementor-row>:nth-child(6){order:5}.elementor-reverse-tablet>.elementor-container>.elementor-row>:nth-child(7){order:4}.elementor-reverse-tablet>.elementor-container>.elementor-row>:nth-child(8){order:3}.elementor-reverse-tablet>.elementor-container>.elementor-row>:nth-child(9){order:2}.elementor-reverse-tablet>.elementor-container>.elementor-row>:nth-child(10){order:1}}@media(min-width:-1) and (max-width:1024px){.elementor-reverse-tablet>.elementor-container>.elementor-row>:first-child{order:10}.elementor-reverse-tablet>.elementor-container>.elementor-row>:nth-child(2){order:9}.elementor-reverse-tablet>.elementor-container>.elementor-row>:nth-child(3){order:8}.elementor-reverse-tablet>.elementor-container>.elementor-row>:nth-child(4){order:7}.elementor-reverse-tablet>.elementor-container>.elementor-row>:nth-child(5){order:6}.elementor-reverse-tablet>.elementor-container>.elementor-row>:nth-child(6){order:5}.elementor-reverse-tablet>.elementor-container>.elementor-row>:nth-child(7){order:4}.elementor-reverse-tablet>.elementor-container>.elementor-row>:nth-child(8){order:3}.elementor-reverse-tablet>.elementor-container>.elementor-row>:nth-child(9){order:2}.elementor-reverse-tablet>.elementor-container>.elementor-row>:nth-child(10){order:1}}@media(min-width:768px) and (max-width:-1){.elementor-reverse-tablet>.elementor-container>.elementor-row>:first-child,.elementor-reverse-tablet>.elementor-container>.elementor-row>:nth-child(2),.elementor-reverse-tablet>.elementor-container>.elementor-row>:nth-child(3),.elementor-reverse-tablet>.elementor-container>.elementor-row>:nth-child(4),.elementor-reverse-tablet>.elementor-container>.elementor-row>:nth-child(5),.elementor-reverse-tablet>.elementor-container>.elementor-row>:nth-child(6),.elementor-reverse-tablet>.elementor-container>.elementor-row>:nth-child(7),.elementor-reverse-tablet>.elementor-container>.elementor-row>:nth-child(8),.elementor-reverse-tablet>.elementor-container>.elementor-row>:nth-child(9),.elementor-reverse-tablet>.elementor-container>.elementor-row>:nth-child(10){order:0}.elementor-reverse-mobile_extra>.elementor-container>.elementor-row>:first-child{order:10}.elementor-reverse-mobile_extra>.elementor-container>.elementor-row>:nth-child(2){order:9}.elementor-reverse-mobile_extra>.elementor-container>.elementor-row>:nth-child(3){order:8}.elementor-reverse-mobile_extra>.elementor-container>.elementor-row>:nth-child(4){order:7}.elementor-reverse-mobile_extra>.elementor-container>.elementor-row>:nth-child(5){order:6}.elementor-reverse-mobile_extra>.elementor-container>.elementor-row>:nth-child(6){order:5}.elementor-reverse-mobile_extra>.elementor-container>.elementor-row>:nth-child(7){order:4}.elementor-reverse-mobile_extra>.elementor-container>.elementor-row>:nth-child(8){order:3}.elementor-reverse-mobile_extra>.elementor-container>.elementor-row>:nth-child(9){order:2}.elementor-reverse-mobile_extra>.elementor-container>.elementor-row>:nth-child(10){order:1}}@media(max-width:767px){.elementor-reverse-mobile>.elementor-container>.elementor-row>:first-child{order:10}.elementor-reverse-mobile>.elementor-container>.elementor-row>:nth-child(2){order:9}.elementor-reverse-mobile>.elementor-container>.elementor-row>:nth-child(3){order:8}.elementor-reverse-mobile>.elementor-container>.elementor-row>:nth-child(4){order:7}.elementor-reverse-mobile>.elementor-container>.elementor-row>:nth-child(5){order:6}.elementor-reverse-mobile>.elementor-container>.elementor-row>:nth-child(6){order:5}.elementor-reverse-mobile>.elementor-container>.elementor-row>:nth-child(7){order:4}.elementor-reverse-mobile>.elementor-container>.elementor-row>:nth-child(8){order:3}.elementor-reverse-mobile>.elementor-container>.elementor-row>:nth-child(9){order:2}.elementor-reverse-mobile>.elementor-container>.elementor-row>:nth-child(10){order:1}.elementor-column{width:100%}}

اسفند ۹, ۱۴۰۰

ایده برای طراحی سایت فروشگاهی (صفحه اصلی و صفحه دسته بندی فروشگاه)

ما را در شبکه های اجتماعی دنبال کنید