Перейти к содержимому


Несколько Вопросов. Прошу Помощи!

Автор yashma, 27 авг. 2012 17:17

  • Авторизуйтесь для ответа в теме
Сообщений в теме: 138

#121 Koderhan

Koderhan

    Активный участник

  • Модератоpы
  • 6 227 сообщений

Отправлено 03 Июнь 2013 - 18:45

Просмотр сообщенияyashma (03 Июнь 2013 - 14:40) писал:

спасибо :) получилось! А оранжевую полосочку как вниз сдвинуть?
Панель администратора, "Сайт"->"Редактор тем".
В файле "main.css".
Найти код:
#footer { clear:both; background:#5da130; width: 1100px; border-top:3px solid #FB932E; margin:0 auto; height:90px; overflow:hidden; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius:4px; margin-bottom:20px; opacity: 0.7;}#panelbottom { clear:both; background:#FB932E; width:1000px; margin:0 auto; height:43px; overflow:hidden; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius:4px; margin-bottom:20px; }
Заменить:
#footer { clear:both; background:#5da130; width: 1100px; border-top:3px solid #FB932E; margin:0 auto; height:90px; overflow:hidden; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius:4px; margin-bottom:20px; opacity: 0.7;}
#panelbottom { position: relative; top: 41px; clear:both; background:#FB932E; width:1000px; margin:0 auto; height:43px; overflow:hidden; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius:4px; margin-bottom: 20px; }

#122 yashma

yashma

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 250 сообщений
  • ГородНижний Новгород

Отправлено 04 Июнь 2013 - 05:34

спасибо :)

#123 bandpower

bandpower

    Пользователь

  • Пользователи
  • PipPip
  • 34 сообщений

Отправлено 12 Июнь 2013 - 07:40

Добрый День!

Сейчас работаю над сайтом.

Хочу изменить шапку сайта( Добавить текст) Моя шапка сайта нарисованная

http://band4power.ru/

Внимательно прочитал эти пункты для добавления текста в шапку сайта( Шаблон пластик)



2) В файле стилей main.css найдите

#container {
        margin: 0 auto;
        max-width: 1000px;
        width: 1000px;
}

и замените на
#container {
        margin: 0 auto;
        max-width: 1000px;
        position: relative;
        width: 1000px;
}

далее в шаблоне "HTML" после строки

<div id="container">

вставьте

<div style="position:absolute; z-index:2; top: 100px; left: 200px;">тут вставляете необходимый вам текст</div>

3) Вам необходимо задать цвет для заголовков в классе

h1 {
        font-size: 1.25em;
}

а полоска находиться в классе

#content #mainindex .headline {
        background: url("/web/upload/assets/images/128/127354/headline-index-bg.jpg") no-repeat scroll center top transparent;
        width: 492px;
}

4) В файле стилей найдите

#panelsite div.leftcol {
        background: url("/web/upload/assets/images/128/127354/panel-bg.png") no-repeat scroll 0 0 transparent;
        width: 12px;
}

и замените на

#panelsite div.leftcol {
        background: url("/web/upload/assets/images/128/127354/panel-bg.png") no-repeat scroll 0 0 transparent;
        border-radius: 10px 0 0 10px;
        width: 12px;
}

далее найдите

#panelsite div.rightcol {
        background: url("/web/upload/assets/images/128/127354/panel-bg.png") no-repeat scroll -12px 0 transparent;
        color: #686868;
        font: 14px Verdana,Geneva,sans-serif;
        width: 241px;
}

и замените на

#panelsite div.rightcol {
        background: url("/web/upload/assets/images/128/127354/panel-bg.png") no-repeat scroll -12px 0 transparent;
        border-radius: 0 10px 10px 0;
        color: #686868;
        font: 14px Verdana,Geneva,sans-serif;
        width: 241px;
}


Текст у меня добавился, но мне не совсем понятно куда добавить вот это  начиная с 3 пункта и далее. Для изменения стиля текста.

#124 Koderhan

Koderhan

    Активный участник

  • Модератоpы
  • 6 227 сообщений

Отправлено 12 Июнь 2013 - 11:54

Данные коды вы можете добавить в конец файла main.css.

#125 bandpower

bandpower

    Пользователь

  • Пользователи
  • PipPip
  • 34 сообщений

Отправлено 12 Июнь 2013 - 23:08

Я Понял спасибо, скажите http://band4power.ru  в шапке сайта надпись:  ЛУЧШИЕ ТУРНИКИ РОССИИ , как сделать так чтобы она была в одну строку, без уменьшения шрифта?

#126 Taisia

Taisia

    Активный участник

  • Модератоpы
  • 1 289 сообщений

Отправлено 13 Июнь 2013 - 06:31

для того что бы расположить ваш текст в строку вам надо найти у себя в коде файла HTML вывод этой строки
код

<p style="position:absolute; z-index:2; top: -50px; left: 20px;color:#FFffff;font-size:18px;font:normal 18px Times New Roman, Geneva, sans-serif;width: 500px;">
ЛУЧШИЕ ТУРНИКИ РОССИИ
</p>

и замените на код

 
<p id="shapka">
ЛУЧШИЕ ТУРНИКИ РОССИИ
</p>

и вставьте в файле main.css  следующий код в конец файла 

#shapka{ position:absolute; z-index:2; top: -50px; left: 20px;color:#FFffff;font-size:18px;font:normal 18px Times New Roman, Geneva, sans-serif;width: 500px;}
 

#127 bandpower

bandpower

    Пользователь

  • Пользователи
  • PipPip
  • 34 сообщений

Отправлено 23 Июнь 2013 - 12:26

спасибо

#128 bandpower

bandpower

    Пользователь

  • Пользователи
  • PipPip
  • 34 сообщений

Отправлено 12 Июль 2013 - 23:02

Вот еще смотрите решил изменить стилистику сайта.

Помогите разобраться

Вот мой сайт

http://band4power.ru

1) Сделать Главную страницу шире
2) убрать просмотренные товары
3) Убрать  группу в контактеубрать с главной куда-нибудь в низ
4) убрать корзину слева. Оставить только сверху
5) Добавить Слайдер на главную

В общем сделать похожим как здесь


site.png

+

#129 Сake

Сake

    Активный участник

  • Модератоpы
  • 5 979 сообщений

Отправлено 13 Июль 2013 - 00:15

1) Шире сделать не получиться, у вас используется фиксированный дизайн. Увеличение основной части пагубно отразиться на других фиксированных частях, а так же приведет к появлению горизонтального скролла при разрешении 1024px по горизонтали. Данный вопрос по идее не однократно обсуждался на форуме для разных тем оформления.

2) Для этого достаточно в шаблоне "HTML" найти и удалить 

<!-- Последние товары, просмотренные пользователем -->
				  {% IFNOT recently_viewed_goods_empty %}
				  <li class="recent_viewed"><br /><h2>Вы смотрели</h2>
					<div class="contentTbodyRecentlyViewed">
					  <table class="recent_viewed">
						{% FOR recently_viewed_goods %}
						<tr class="txtalgnlft {% IF recently_viewed_goods.last %}last{% ENDIF %}">
						  <td class="img txtalgncnt">
							<a href="{recently_viewed_goods.URL}" title="Перейти на страницу &laquo;{recently_viewed_goods.NAME}&raquo;"><img class="goods-image-icon" src="{% IF recently_viewed_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-icon.png{% ELSE %}{recently_viewed_goods.IMAGE_ICON}{% ENDIF %}" alt="{recently_viewed_goods.NAME}" /></a>
						  </td>
						  <td class="link statetitle fnt12n txtalgnlft">
							<a href="{recently_viewed_goods.URL}" title="Перейти на страницу &laquo;{recently_viewed_goods.NAME}&raquo;">{recently_viewed_goods.NAME}</a>
						  </td>
						</tr>
						{% ENDFOR %}
					  </table>
					</div>
				  </li>
				  {% ENDIF %}
				  <!-- Последние товары, просмотренные пользователем -->

3) Пожалуйста, опишите куда именно вы хотите убрать данный блок. Вы можете его просто перенести в документе ниже, или расположить после определенного блока. Чтобы скрыть данный блок на главной достаточно обвернуть данный блок в следующее условие 

{% IFNOT index_page %}ваш код который не будет отображаться на главной странице{% ENDIF %}

4) У вас на сайте в левом блоке нет информации корзины. Пожалуйста, объясните данный вопрос по подробнее.
5) Информацию по добавлению слайдера вы можете посмотреть в нашем FAQ http://storeland.ru/about/faq#51

#130 bandpower

bandpower

    Пользователь

  • Пользователи
  • PipPip
  • 34 сообщений

Отправлено 13 Июль 2013 - 02:07

5) Добавил .   как сделать, чтобы слайдер был сверху под Главным меню ????

Как здесьsite.png


И стал меньшего размера

#131 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 353 сообщений

Отправлено 13 Июль 2013 - 02:24

Вставляйте код слайдера в самое начало шаблона "Страница".

#132 bandpower

bandpower

    Пользователь

  • Пользователи
  • PipPip
  • 34 сообщений

Отправлено 13 Июль 2013 - 02:50

Просмотр сообщенияVaccina (13 Июль 2013 - 02:24) писал:

Вставляйте код слайдера в самое начало шаблона "Страница".

Не совсем понял а какой именно???

  • Находим следующий код, используя встроенный поиск браузера, Ctrl+f:

    <!-- Скрипты магазина -->
    <script type="text/javascript" src="{ASSETS_JS_PATH}main.js"></script>
  • После него вставляем вот такой код:

    <!-- Загрузка Jquery галереии Nyvo Slider -->
    <link rel="stylesheet" href="{ASSETS_STYLES_PATH}nyvo.css" type="text/css" media="screen" />
    <script src="{ASSETS_JS_PATH}jquery.nivo.slider.pack.js" type="text/javascript"></script>     И нажимаем кнопку «Сохранить»
    Изображение
  • Скролим вниз файл «HTML» и находим встроенным поиском (Ctrl+f) вот такой несложный код:
    {BODY}
  • Перед ним! Вставляем вот такой код:

    <!-- Nyvo слайдер который отображается на главной -->
    {% IF index_page %}
      <!-- Обёртка, указывающая стиль темы -->
      <div class="theme-default" style="padding:1em;display:none;">
        <!-- Непосредственный код слайдера -->
        <div id="slider">
          <img src="http://storeland.ru/...der/slider.jpg" alt="" />
          <a href="/"><img src="/img/faq/questions/nyvo_slider/nemo.jpg" alt="" /></a>
          <img src="http://storeland.ru/...r/toystory.jpg" alt="" title="Пример картинки с заголовком" />
          <img src="http://storeland.ru/...ider/walle.jpg" alt="" />
          <img src="http://storeland.ru/...lider/cars.jpg" alt="" />
        </div>
      </div>
      
      <!-- Запуск слайдера -->
      <script type="text/javascript">
        $(window).load(function() {
            $('#slider').nivoSlider().parent().show();
        });
      </script>
      {% ENDIF %}

#133 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 353 сообщений

Отправлено 13 Июль 2013 - 04:48

Цитата

{% IF index_page %}
  <!-- Обёртка, указывающая стиль темы -->
  <div class="theme-default" style="padding:1em;display:none;">
<!-- Непосредственный код слайдера -->
<div id="slider">
  <img src="http://storeland.ru/...der/slider.jpg" alt="" />
  <a href="/"><img src="/img/faq/questions/nyvo_slider/nemo.jpg" alt="" /></a>
  <img src="http://storeland.ru/...r/toystory.jpg" alt="" title="Пример картинки с заголовком" />
  <img src="http://storeland.ru/...ider/walle.jpg" alt="" />
  <img src="http://storeland.ru/...lider/cars.jpg" alt="" />
</div>
  </div>
  
  <!-- Запуск слайдера -->
  <script type="text/javascript">
$(window).load(function() {
$('#slider').nivoSlider().parent().show();
});
  </script>

  {% ENDIF %}

данный код необходимо вставить перед {BODY} а не <body>

#134 bandpower

bandpower

    Пользователь

  • Пользователи
  • PipPip
  • 34 сообщений

Отправлено 13 Июль 2013 - 16:40

Безымянный.png

Просмотр сообщенияVaccina (13 Июль 2013 - 04:48) писал:

данный код необходимо вставить перед {BODY} а не <body>

Вставил, но почему-то Слайдер ушел вниз!  Как его поднять наверх перед текстом об истории Компании???

#135 sengun

sengun

    Активный участник

  • Модератоpы
  • 1 139 сообщений
  • ГородНижний Новгород

Отправлено 13 Июль 2013 - 19:35

Просмотр сообщенияbandpower (13 Июль 2013 - 16:40) писал:

Прикрепленный файл Безымянный.png

Вставил, но почему-то Слайдер ушел вниз!  Как его поднять наверх перед текстом об истории Компании???
Код нужно вставлять перед {BODY}, а не после.
Т.е. не так
{BODY}
						 <!-- Nyvo слайдер который отображается на главной -->
{% IF index_page %}
<!-- Обёртка, указывающая стиль темы -->
<div class="theme-default" style="padding:1em;display:none;">
<!-- Непосредственный код слайдера -->
<div id="slider">
	 <img src="http://design.band4power.ru/test%20img3.jpg?3082" alt="" />
	 <a href="/"><img src="/img/84-1.jpg" alt="" /></a>
	 <img src="http://design.band4power.ru/test%20img2.jpg?3497" alt="" title="Комплекс упражнений!" />
	 <img src="http://design.band4power.ru/test%20img2.jpg?3497" alt="" />
	 <img src="http://storeland.ru/img/faq/questions/nyvo_slider/cars.jpg" alt="" />
</div>
</div>

<!-- Запуск слайдера -->
<script type="text/javascript">
$(window).load(function() {
	 $('#slider').nivoSlider().parent().show();
});
</script>
{% ENDIF %}
А так
						 <!-- Nyvo слайдер который отображается на главной -->
{% IF index_page %}
<!-- Обёртка, указывающая стиль темы -->
<div class="theme-default" style="padding:1em;display:none;">
<!-- Непосредственный код слайдера -->
<div id="slider">
	 <img src="http://design.band4power.ru/test%20img3.jpg?3082" alt="" />
	 <a href="/"><img src="/img/84-1.jpg" alt="" /></a>
	 <img src="http://design.band4power.ru/test%20img2.jpg?3497" alt="" title="Комплекс упражнений!" />
	 <img src="http://design.band4power.ru/test%20img2.jpg?3497" alt="" />
	 <img src="http://storeland.ru/img/faq/questions/nyvo_slider/cars.jpg" alt="" />
</div>
</div>

<!-- Запуск слайдера -->
<script type="text/javascript">
$(window).load(function() {
	 $('#slider').nivoSlider().parent().show();
});
</script>
{% ENDIF %}
{BODY}

#136 bandpower

bandpower

    Пользователь

  • Пользователи
  • PipPip
  • 34 сообщений

Отправлено 13 Июль 2013 - 20:39

Спасибо!

Пардон за невнимательность!

Скорочтение наверно!

#137 maksybl

maksybl

    Пользователь

  • Пользователи
  • PipPip
  • 44 сообщений

Отправлено 16 Июль 2013 - 18:15

На картинке пару вопросов,подскажите если не сложно.1-как перенести надпись "ежедневно с 8 до 22" чуть ниже,чтобы была по центру,и где немного увеличить шрифт этой надписи.2-как сделать чтобы конверт и e-mail адрес находился под номером телефона а не где-то снизу как сейчас,и как тоже увеличить его шрифт

Прикрепленные изображения

  • 212122.jpg

#138 Koderhan

Koderhan

    Активный участник

  • Модератоpы
  • 6 227 сообщений

Отправлено 16 Июль 2013 - 19:05

Просмотр сообщенияmaksybl (16 Июль 2013 - 18:15) писал:

На картинке пару вопросов,подскажите если не сложно.1-как перенести надпись "ежедневно с 8 до 22" чуть ниже,чтобы была по центру,и где немного увеличить шрифт этой надписи.2-как сделать чтобы конверт и e-mail адрес находился под номером телефона а не где-то снизу как сейчас,и как тоже увеличить его шрифт
2.
В файле "HTML".
Код:
									 <img src="http://sportivnoe-pitanie.storeland.net/email.png?0314"> info@sportpiton.kz
Заменить:
									 <div class="email2"> <img src="http://sportivnoe-pitanie.storeland.net/email.png?0314"> info@sportpiton.kz
</div>

Панель администратора, "Сайт"->"Редактор тем".
В файле "main.css".
Найти код:
#header .blocks .rght ul li.timework { font:bold 14px Verdana, Geneva, sans-serif; color:#f7f9fa; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3); width:225px; padding-left:0; margin-top: 19px; }
Заменить:
#header .blocks .rght ul li.timework { font:bold 14px Verdana, Geneva, sans-serif; color:#f7f9fa; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3); width:225px; padding-left:0; margin-top: 34px; }


Панель администратора, "Сайт"->"Редактор тем".
В файле "main.css".
Добавить в конец файла код:
.email2 {
color: #535353;
font-size: 14px;
font-weight: bold;
padding-left: 45px;
height: 20px;
display: block;
}
.email2 img {
max-height: 20px;
margin-right: 5px;
}

Прикрепленные изображения

  • ScreenShot 748.png

#139 maksybl

maksybl

    Пользователь

  • Пользователи
  • PipPip
  • 44 сообщений

Отправлено 16 Июль 2013 - 19:22

Просмотр сообщенияKoderhan (16 Июль 2013 - 19:05) писал:

2.
В файле "HTML".
Код:
									 <img src="http://sportivnoe-pitanie.storeland.net/email.png?0314"> info@sportpiton.kz
Заменить:
									 <div class="email2"> <img src="http://sportivnoe-pitanie.storeland.net/email.png?0314"> info@sportpiton.kz
</div>

Панель администратора, "Сайт"->"Редактор тем".
В файле "main.css".
Найти код:
#header .blocks .rght ul li.timework { font:bold 14px Verdana, Geneva, sans-serif; color:#f7f9fa; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3); width:225px; padding-left:0; margin-top: 19px; }
Заменить:
#header .blocks .rght ul li.timework { font:bold 14px Verdana, Geneva, sans-serif; color:#f7f9fa; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3); width:225px; padding-left:0; margin-top: 34px; }


Панель администратора, "Сайт"->"Редактор тем".
В файле "main.css".
Добавить в конец файла код:
.email2 {
color: #535353;
font-size: 14px;
font-weight: bold;
padding-left: 45px;
height: 20px;
display: block;
}
.email2 img {
max-height: 20px;
margin-right: 5px;
}


Спасибо!Действительно благодарен!
Обратно в Изменение общей стилистики


Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных

  1. Форум владельцев интернет-магазинов
  2. → Вопросы работы сервиса StoreLand
  3. → Дизайн
  4. → Шаблон Пластик
  5. → Изменение общей стилистики
  6. Privacy Policy