pro_taras (05 Сентябрь 2016 - 13:00) писал:
при уменьшении размера окна корзина слетает вниз
Можно сделать так, чтобы она оставалась на уровне с другими элементами?
все ок, поправил
18 публикаций создано pro_taras (учитываются публикации только с 24-Сентябрь 23)
Отправлено от pro_taras в 05 Сентябрь 2016 - 21:07 в Шаблон Весна
Отправлено от pro_taras в 05 Сентябрь 2016 - 13:00 в Шаблон Весна
Stasya (05 Сентябрь 2016 - 11:19) писал:
.boxqwe { float: right; right: 0px; top: 0px; margin-right: 100px; padding-left: 14px; padding-right: 46px; position: relative; z-index: 1; }и замените его на
.boxqwe { float: left; left: 15px; top: 8px; margin-right: 100px; padding-left: 14px; padding-right: 46px; position: relative; z-index: 1; }Далее блок
#header #welcome { font-size: 25px; font-family: 'Ubuntu Condensed'; position: relative; padding-top: 20px; }замените на
#header #welcome { font-size: 25px; font-family: 'Ubuntu Condensed'; position: relative; padding-top: 13px; float: left; }Блок
#header #cart .heading { float: right; margin-top: 15px; margin-right: 100px; padding-left: 14px; padding-right: 46px; position: relative; z-index: 1; }замените на
#header #cart .heading { float: right; margin-right: 100px; padding-left: 14px; padding-right: 46px; position: relative; z-index: 1; }
#header #search { position: relative; float: right; top: 9px; right: 0px; margin-bottom: 9px; width: 225px; z-index: 15; }замените на
#header #search { position: relative; float: right; top: 3px; right: 0px; margin-bottom: 9px; width: 225px; z-index: 15; }И блок
#header_colapse .inner { padding: 0 0 10px; z-index: 0; position: relative; background: url('http://design.smstehno.ru/inner_shadow.png?design=spring') 50% 0px no-repeat !important; z-index: 1000; }замените на
#header_colapse .inner { padding: 0; z-index: 0; position: relative; background: url('http://design.smstehno.ru/inner_shadow.png?design=spring') 50% 0px no-repeat !important; z-index: 1000; }
<div id="logo"><a href="http://{NET_DOMAIN}/"><img src="{ASSETS_IMAGES_PATH}logo.png?design=spring" title="" alt=""></a></div>и сразу после нее вставляем
<div class ="sloganFirm">Сюда текст для слогана фирмы</div> <div class ="adressFirm">Сюда адрес фирмы</div>Здесь текст замените на Ваш.
.sloganFirm{float:left;width:25%;} .adressFirm{float:right;width:25%;}
Отправлено от pro_taras в 05 Сентябрь 2016 - 12:40 в Шаблон Весна
Отправлено от pro_taras в 01 Сентябрь 2016 - 19:11 в Шаблон Весна
Отправлено от pro_taras в 16 Сентябрь 2016 - 15:14 в Изменение общей стилистики
Ирина345 (16 Сентябрь 2016 - 12:25) писал:
Отправлено от pro_taras в 20 Сентябрь 2016 - 11:49 в Изменение общей стилистики
Vaccina (17 Сентябрь 2016 - 05:16) писал:
/* Адаптивность шаблона ==============================*/ @media only screen and (min-width: 981px) and (max-width: 1220px) { .inner {width:95%;} } @media only screen and (min-width: 990px) { #header .flexslider li img.slide_img {display:block !important;} #header .flexslider li .bigPic {display:none !important;} #header.borderless {border-bottom:none;} } @media only screen and (min-width: 768px) and (max-width: 980px) { .inner {width:95%;} #header_colapse .inner {background:none !important;} #footer .column {width:22% !important;margin:10px !important;min-height:100px;} div.prod_hold .prod-info-fly .price, div.prod_hold_recent .prod-info-fly .price {margin-bottom:25px;} #column-left + #content div.prod_hold, #column-left + #content div.prod_hold_recent { margin:0px 11px 20px 11px;} #toggle_switch {display:block;} p img {max-width:100% !important;height:auto !important;} .product-info .cart {height:auto;overflow:auto;} .product-info .cart input[type="text"] {margin-bottom:10px;} .orderStepName {font-size: 18px;} .orderStepName:before {margin-right: 5px;} table.form tr td:first-child {width: 40%;*width: 0px;} #content .login-content .content {padding: 0;overflow: visible;} .login-content table.form td {position: relative;width: 100%;display: block; padding: 4px 0;} } @media screen and (max-width: 785px) { .orderStepName {font-size: 16px;} table.form {table-layout: fixed;} table.form tr td:first-child {width: auto;} } @media only screen and (max-width: 625px) { .orderHeader {display: none !important;} } @media only screen and (min-width: 557px) and (max-width: 898px) { .item-detail{width: 49%;} } @media only screen and (min-width: 480px) and (max-width: 556px) { .item-detail {width: 40%;} } @media only screen and (min-width: 480px) and (max-width: 767px) { #toggle_switch {display:none;} .inner {width:86%;} #header_colapse .inner {display:block !important;} #header #cart {right: 0px;width: auto;float: none;} .box-product, .product-list, .product-list2, .product-list3, .product-list4 {text-align:center;} div.prod_hold, div.prod_hold_recent {margin:10px auto;} div.prod_hold .name, div.prod_hold .price, div.prod_hold_recent .name, div.prod_hold_recent .price {display: none;} div.prod_hold .prod-info-fly, div.prod_hold_recent .prod-info-fly{display: block;position: relative;padding: 0;bottom: 0;opacity: 1;width: 200px; } div.prod_hold .prod-info-fly .name, div.prod_hold .prod-info-fly .price, div.prod_hold_recent .prod-info-fly .name, div.prod_hold_recent .prod-info-fly .price { display: block !important;} #header .links {margin:0;} #compareInfo {margin: 10px auto -20px;width: 100%;text-align: center;} #header #welcome { display: none;} #header #search { position:relative;clear:both;width:440px;margin-bottom: 19px;float: left;} #header #search input {width:380px;} #header #support {display:none;} #header #cart h4, #header #cart #cart-total {display:block;} #header #cart .content {top:35px;} #header_colapse .inner { overflow: visible; padding:8px 0; background:none !important;} #column-left { float:none; width:100%;} #column-left .recent {display: none!important;} #column-left + #content {margin: 0; } #footer .column {width:100% !important;margin:10px 0 !important;min-height:100px;} #footer .one_fourth {display: none;} #footer .one_fourth.last {display: block;} #tabs a {font-size:14px;} .product-info .image {width:380px;} .product-info .image img{max-width:100%; } .product-info >.left, .product-info > .left + .right {float:none;margin: 0;} img {max-width:100% !important;height:auto !important;} textarea {width: 100%;} #column-left div.prod_hold, #column-left div.prod_hold_recent {margin:0px 8px 20px 8px;} .product-filter .view-mode label {display: none;} #main_nav { display: none; } .selectnav { display: block; margin:6px 0 0 0; width:100%; } #column-left .box .box-heading:after {content: url("{ASSETS_IMAGES_PATH}downArrow.png?design=spring") no-repeat right center;position: absolute;right: 16px;top: 10px;cursor: pointer;} #column-left .box .box-heading + .box-content {display: none;} #column-left .box .box-heading.up:after {content: url("{ASSETS_IMAGES_PATH}UPArrow.png?design=spring") no-repeat right center;} table.form {table-layout: fixed;} #content .login-content .content {padding: 0;overflow: visible;} .login-content h4, .login-content .right p {display: none;} p.required {display: none;} .login-content table.form td {position: relative;width: 100%;display: block;padding: 4px 0;} .generally label:after {content: ""; display: block;clear: both;} } @media only screen and (max-width: 480px) { h2 {font-size: 24px;} .inner {width:80%;} #header_colapse .inner {display:block !important;} #toggle_switch {display:none;} #header .links {margin:0;} #compareInfo {margin-left:0px;float: left;} #header #welcome {display: none;} #header #search {position:relative;clear:both;width:100%;margin-bottom:10px;} #header #search input {width:70%;} #header #support {display:none;} #header #logo {margin: 0;} #header #cart{ width: 98%; min-width: 98%;float: none;margin-bottom: 10px;} #header #cart .heading {padding: 0 0 0 46px;} #header #cart .cart_circle {right: auto; left: 0;} #header #cart h4, #header #cart #cart-total {display:block;text-align: left !important;} #header #cart .content {top:35px;} #header_colapse .inner {overflow:visible;padding:8px 0;background:none !important;} #main_nav { display: none; } .selectnav { display: block; margin:6px 0 0 0; width:100%; } #column-left {float:none;width:100%;} #column-left .recent {display: none!important;} #column-left + #content {margin: 0;} .box-product, .product-list, .product-list2, .product-list3, .product-list4 {text-align:center;} div.prod_hold, div.prod_hold_recent {margin:10px auto;width: 90%;} div.prod_hold > div .prod-info-fly, div.prod_hold_recent > div .prod-info-fly {width: 100%;} div.prod_hold .name, div.prod_hold .price, div.prod_hold_recent .name, div.prod_hold_recent .price {display: none;} div.prod_hold .prod-info-fly, div.prod_hold_recent .prod-info-fly {display: block;position: relative;padding: 0;bottom: 0;opacity: 1; } div.prod_hold .prod-info-fly .name, div.prod_hold .prod-info-fly .price, div.prod_hold_recent .prod-info-fly .name, div.prod_hold_recent .prod-info-fly .price{display: block !important;} .item-detail {width: 100%;} #footer .column {width:100% !important;margin:10px 0 !important;min-height:100px;} #footer .one_fourth {display: none;} #footer .one_fourth.last {display: block;} #tabs a {font-size:12px;padding:10px;} .category-info {padding: 10px 0;} .category-info .left {float:none;} .category-info .right {margin: 10px 0 0 0; padding: 0;} .product-info .image {width:260px;} .product-info .image img{max-width:100%; } .product-info >.left, .product-info > .left + .right {float:none;margin: 0;} .login-content .left, .login-content .right {width:95%;float:left;margin-bottom:10px;} img {max-width:100% !important;height:auto !important;} textarea {width: 100%;} #column-left .box .box-heading:after {content: url("{ASSETS_IMAGES_PATH}downArrow.png?design=spring") no-repeat right center;position: absolute;right: 16px;top: 10px;cursor: pointer;} #column-left .box .box-heading + .box-content {display: none;} #column-left .box .box-heading.up:after {content: url("{ASSETS_IMAGES_PATH}UPArrow.png?design=spring") no-repeat right center;} table.form td {position: relative;width: 100%;display: block;padding: 4px 0;} #content .login-content .content {padding: 10px 0;overflow: visible;} p.required {display: none;} #content .buttons .left {display: none;} } /* /END адаптивность шаблона ======================================================*/
Отправлено от pro_taras в 16 Сентябрь 2016 - 11:09 в Изменение общей стилистики
Отправлено от pro_taras в 10 Сентябрь 2016 - 15:48 в Изменение общей стилистики
Отправлено от pro_taras в 05 Сентябрь 2016 - 18:13 в Изменение общей стилистики
Отправлено от pro_taras в 05 Сентябрь 2016 - 10:41 в Изменение общей стилистики
Отправлено от pro_taras в 09 Сентябрь 2016 - 22:08 в Изменение общей стилистики
Отправлено от pro_taras в 06 Сентябрь 2016 - 09:21 в Изменение общей стилистики
Danil (05 Сентябрь 2016 - 17:41) писал:
<div class ="adresskladr">БЛОК 1</div>
<div class ="adresskladr">БЛОК 2</div>и замените текст "БЛОК 1" и "БЛОК 2" на свой.
Отправлено от pro_taras в 12 Октябрь 2016 - 16:36 в Шаблон Весна
Firefly (12 Октябрь 2016 - 16:05) писал:
{% IFNOT CATEGORY_NAME=Запасные части %} <div class="product-list2"> {% FOR nested_categories_list %} <div class="prod_hold"> <div> <div class="image goods-cat-image-medium-square"> <a href="{nested_categories_list.URL}" title="Перейти к категории «{nested_categories_list.NAME}»"> <img class="goods-cat-image-medium" src="{% IF nested_categories_list.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png?design=spring{% ELSE %}{nested_categories_list.IMAGE_MEDIUM}{% ENDIF %}"> </a> </div> <div class="name"><a class="category-name" href="{nested_categories_list.URL}" title="Перейти к категории «{nested_categories_list.NAME}»">{nested_categories_list.NAME}</a></div> </div> </div> {% ENDFOR %} </div> {% ENDIF %} {% IF CATEGORY_NAME=Запасные части %} <div class="box htmlDataBlock"> <div class="box-content"> {% IF CATEGORY_DESCRIPTION %} {CATEGORY_DESCRIPTION} {% ENDIF %} <!-- Короткое SEO описание категории --> {% IF CATEGORY_SEO_DESCRIPTION_SHORT %} {CATEGORY_SEO_DESCRIPTION_SHORT} {% ENDIF %} {% IF CATEGORY_SEO_DESCRIPTION_LARGE %} {CATEGORY_SEO_DESCRIPTION_LARGE} {% ENDIF %} </div> </div> <div class="product-list2"> {% FOR nested_categories_list %} <div class="prod_hold"> <div> <div class="image goods-cat-image-medium-square"> <a href="{nested_categories_list.URL}" title="Перейти к категории «{nested_categories_list.NAME}»"> <img class="goods-cat-image-medium" src="{% IF nested_categories_list.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png?design=spring{% ELSE %}{nested_categories_list.IMAGE_MEDIUM}{% ENDIF %}"> </a> </div> <div class="name"><a class="category-name" href="{nested_categories_list.URL}" title="Перейти к категории «{nested_categories_list.NAME}»">{nested_categories_list.NAME}</a></div> </div> </div> {% ENDFOR %} </div> <form method="post" action="{FEEDBACK_URL}" class="feedbackForm" enctype="multipart/form-data"> {% IFNOT FORM_SEND_OK %} <input type="hidden" name="hash" value="{HASH}" /> <!-- Набор полей которые не видит пользователь, но видят боты. Когда они их заполняют мы точно знаем, что их прислал нам бот и мы не сохраняем подобный отзыв о товаре, а боту отправившему отзыв сообщаем, что отзыв добавлен успешно, но будет отображён здесь после прохождения модерации --> {ANTISPAM_CODE} <table class="form"> <tr> <td><label for="feedback_name" class="required">Представьтесь, пожалуйста<em>*</em></label></td> <td><input id="feedback_name" type="text" name="form[{ANTISPAM_FORM_FIELD_NAME_FEEDBACK_NAME}]" value="{FORM_FEEDBACK_NAME}" maxlength="50" class="required"/></td> </tr> <tr> <td><label for="feedback_tel" class="required">Контактный телефон<em>*</em></label></td> <td><input id="feedback_tel" type="text" name="form[{ANTISPAM_FORM_FIELD_NAME_FEEDBACK_TEL}]" value="{FORM_FEEDBACK_TEL}" maxlength="50" class="required"/></td> </tr> <tr> <td><label for="feedback_email" class="required">Электронная почта<em>*</em></label></td> <td><input id="feedback_email" type="text" name="form[{ANTISPAM_FORM_FIELD_NAME_FEEDBACK_EMAIL}]" value="{FORM_FEEDBACK_EMAIL}" maxlength="255" class="required email input-text"/></td> </tr> <tr> <td><label for="feedback_message" class="required">Текст сообщения<em>*</em></label></td> <td><textarea id="feedback_message" rows="7" name="form[{ANTISPAM_FORM_FIELD_NAME_FEEDBACK_MESSAGE}]" class="required">{FORM_FEEDBACK_MESSAGE}</textarea></td> </tr> <tr> <td><label for="feedback_file" class="required">Прикрепить файл</label></td> <td><input id="feedback_file" type="file" name="form[assets_file]" value="" style="height:auto;border:0px;" /></td> </tr> </table> {% ENDIF %} <div class="buttons"> <div class="left"> {% IFNOT FORM_SEND_OK %}<button type="submit" title="Отправить" class="button">Отправить</button>{% ENDIF %} </div> </div> </form> {%ENDIF%}
Отправлено от pro_taras в 12 Октябрь 2016 - 15:29 в Шаблон Весна
Отправлено от pro_taras в 14 Сентябрь 2016 - 14:56 в Шаблон Весна
Отправлено от pro_taras в 14 Сентябрь 2016 - 15:39 в Шаблон Весна
Firefly (14 Сентябрь 2016 - 15:29) писал:
.adresa {position: relative;width: 225px;z-index: 15;} #header .adresa .sup_strelka{display:block;width:36px;height:36px;background-color:#333333;-webkit-border-radius: 50%;-moz-border-radius: 50%;-khtml-border-radius: 50%;border-radius: 50%;-ms-border-radius: 50%;transition: all 0.5s ease 0s;-webkit-transition: all 0.5s ease 0s;-ms-transition: all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s;-o-transition: all 0.5s ease 0s;background: url('{ASSETS_IMAGES_PATH}strelka.png?design=spring') center center no-repeat;background-color:#333333;position:absolute;top:22px;right:-13px;background-size: cover;} #header .adresa:hover .sup_strelka{transform:rotate(360deg);-ms-transform:rotate(360deg);-moz-transform:rotate(360deg);-webkit-transform:rotate(360deg);-o-transform:rotate(360deg); }
<span class="sup_strelka"></span>
Система для сообществ IP.Board
Лицензия зарегистрирована на: StoreLand