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


Fobas

Регистрация: 13 авг. 2013
Offline Активность: 31 авг. 2013 16:28
-----

#86480 Разметка

Отправлено Fobas на 27 Август 2013 - 21:19

При наведении на корзину появляется вот такая штукаСнимок.JPG
либо это тот фон в уменьшенном размере либо баг. Можно ли его убрать тоже?


#86484 Разметка

Отправлено support 2.0 на 27 Август 2013 - 21:26

Просмотр сообщенияFobas (27 Август 2013 - 21:19) писал:

При наведении на корзину появляется вот такая штукаПрикрепленный файл Снимок.JPG
либо это тот фон в уменьшенном размере либо баг. Можно ли его убрать тоже?
Добавьте в main.css блок
#kor:hover {	text-decoration: none; }



#86462 Разметка

Отправлено Fobas на 27 Август 2013 - 20:08

Хорошо, можно еще корзину сделать кликабельной и без подцветки, при наведении?


#86452 Разметка

Отправлено Taisia на 27 Август 2013 - 19:36

сделайте лучше так
в конец файла main.css добавьте код

#sots {
	position: absolute;
	top: 12px;
	left: 651px;
	width: 300px;
	height: 100px;
}
#vkc {
	width: 57px;
	height: 54px;
	position: absolute;
}
div#vkc:hover {
   
   background-color: rgba(255, 255, 255, 0.3);
  
}
div#fc:hover {
   
   background-color: rgba(255, 255, 255, 0.3);
  
}
div#od:hover {
   
   background-color: rgba(255, 255, 255, 0.3);
  
}
div#gm:hover {
   
   background-color: rgba(255, 255, 255, 0.3);
  
}
div#tw:hover {
   
   background-color: rgba(255, 255, 255, 0.3);
  
}
#svks {
	height: 57px;
	position: absolute;
	top: 22px;
	z-index: 9999;
}
#gms {
	height: 57px;
	position: absolute;
	top: 16px;
}
#gm {
	width: 51px;
	height: 54px;
	left: 57px;
	position: absolute;
	top: 6px;
}
#odc {
	height: 57px;
	position: absolute;
	top: 16px;
	left: 51px;
}
#od {
	width: 61px;
	height: 54px;
	left: 57px;
	position: absolute;
	top: 6px;
}
#fcc {
	height: 57px;
	position: absolute;
	top: 16px;
	left: 51px;
}
#fc {
	width: 55px;
	height: 54px;
	left: 118px;
	position: absolute;
	top: 6px;
}
#twc {
	height: 57px;
	position: absolute;
	top: 16px;
	left: 51px;
}
#tw {
	width: 55px;
	height: 54px;
	left: 174px;
	position: absolute;
	top: 6px;
}


в коде файла html найдите

</div>
		  <!-- end Корзина -->

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

<div id="sots"><a id="svks" href="https://www.vk.com/" target="_blank"><div id="vkc">&nbsp;</div></a><a id="gms" href="http://sballs.storeland.ru/feedback" target="_blank"><div id="gm">&nbsp;</div></a><a id="odc" href="http://www.odnoklassniki.ru/profile/554893614704" target="_blank"><div id="od">&nbsp;</div></a><a id="fcc" href="https://www.facebook.com/pages/Sballsru/550454738343130" target="_blank"><div id="fc">&nbsp;</div></a><a id="twc" href="https://www.facebook.com/pages/Sballsru/550454738343130" target="_blank"><div id="tw">&nbsp;</div></a></div>



#86425 Разметка

Отправлено Taisia на 27 Август 2013 - 17:39

прошу прощения запутала .. у вас буквы сейчас все прописные
что бы оставить прописной только первую букву найдите в файле main.css код

#mainmenu li a{
  font: bold 12px/40px  Arial, Tahoma, sans-serif;
  color: #FFF;
  display: block;
  float: left;
  padding-right: 15px;
  padding-left: 15px;
  text-transform: uppercase;
  .......
  ......
  ........

и замените в нем параметр

  text-transform: uppercase;

на  такой

  text-transform: none;

Тоже самое и для правой колонки найдите код

.leftmenu li h2 {
  font: bold 17px/20px Helvetica, "Trebuchet MS", Arial, sans-serif;
  color: #069;
  text-transform: uppercase;
}

и редактируйте параметр

  text-transform: uppercase;


#86422 Разметка

Отправлено Taisia на 27 Август 2013 - 17:30

Что бы изменить вывод информации о корзине найдите в вашем файле HTML (вкладка сайт-редактор шаблонов) код
<!-- Корзина -->
	  <div id="cartInfo">
		<a href="{CART_URL}">в корзине товаров на</a>:
		<span id="cartSum">
		  {% IF cart_count_empty %}
			<span>0</span> {CURRENCY_NAME}
		  {% ELSE %}
			{% FOR cart_sum %}
			  <span class="num">{cart_sum.NOW | money_format}</span><br />
			{% ENDFOR %}
		  {% ENDIF %}
		</span>
	  </div>
	  <!-- end Корзина -->


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

   <!-- Корзина -->
	  <div id="cartInfo">
	  <span>Товаров в <a href="{CART_URL}" class="underline"> корзине</a>:</span>
				<span>
				  {% IF cart_count_empty %}
					<span class="red">0</span> шт.
				  {% ELSE %}
					{% FOR cart_count %}
					  {cart_count.COUNT}{cart_count.MEASURE_NAME}{% IFNOT cart_count.last %},{% ENDIF %}
					{% ENDFOR %}
				  {% ENDIF %}
				</span>
			   
	  </div>
	  <!-- end Корзина -->

далее в файле main.css найдите код

#cartInfo {
  position:absolute;
  font-size: 13px;
  top: 54px;
  left: 380px;
  white-space:nowrap;
  overflow:hidden;
  height:20px;
  width: 340px;
}

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

#cartInfo {
  position:absolute;
  font-size: 13px;
  top: 54px;
  left: 445px;
  white-space:nowrap;
  overflow:hidden;
  height:20px;
  width: 240px;
}

там же найдите код

#cartInfo a {
  color:#000;
  text-transform: uppercase;
  padding:5px 0px 5px 45px;
}

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

#cartInfo a {
  color:#000;
  padding:5px 0px 5px 5px;
}



#86409 Разметка

Отправлено Taisia на 27 Август 2013 - 16:35

Сейчас ваши иконки соц.сетей это часть одной картинки шапки - можно убедиться пройдя по ссылке

что бы делать какие либо действия с ними есть два варианта.
Первый - вы просто продолжаете так же менять вашу шапку в каком-нибудь графическом редакторе (т.е. в фотошопе например делаете вашу разметку для картинок и снова грузите на сайт)
Второй - вы вырезаете отдельно каждую иконку соц.сети и делаете средствами css блок с иконками которому задаете нужный фон и необходимые эффекты.

касательно первой заглавной - у вас сейчас все указанные ссылки написаны строчными буками, уточните вы хотите изменить их написание на прописные буквы и каждому начальному слову оставить заглавную ?

шрифт вы можете менять в файле Main.css (админка магазина, вкладка САйт - Редактор шаблонов- файл main.css)
Найдите код

#mainmenu li a{
font: bold 12px/40px Helvetica, Tahoma, Arial, sans-serif;
color: #FFF;
display: block;
float: left;
.....
......
......

и меняйте в нем параметр
font: bold 12px/40px Helvetica, Tahoma, Arial, sans-serif; где  Helvetica, Tahoma, Arial - это названия шрифтов
подробней об этом параметре можно почитать тут

что бы сдвинуть пункты меню правее добавьте в коней файла main.css код

#top-menu .pad-box {
margin-left: 100px;
}

меняйте значение этого параметра на нужное вам.


#86419 Разметка

Отправлено Fobas на 27 Август 2013 - 17:25

Просмотр сообщенияTaisia (27 Август 2013 - 16:35) писал:


Сейчас ваши иконки соц.сетей это часть одной картинки шапки - можно убедиться пройдя http://sballs.storel...er_page.png"]по ссылке[/url]

что бы делать какие либо действия с ними есть два варианта.
Первый - вы просто продолжаете так же менять вашу шапку в каком-нибудь графическом редакторе (т.е. в фотошопен апример делаете вашу разметку для картинок и снова грузите на сайт)
Второй - вы вырезаете отдельно каждую иконку соц.сети и делаете средствами css блок с иконками которому задаете нужный фон и необходимые эффекты.

касательно первой заглавной - у вас сейчас все указанные ссылки написаны строчными буками, уточните вы хотите изменить их написание на прописные буквы и каждому начальному слову оставить заглавную ?

шрифт вы можете менять в файле Main.css (админка магазина, вкладка САйт - Редактор шаблонов- файл main.css)
Найдите код

[/background]
[background=rgba(255,255,255,0)]#mainmenu li a{[/background]
[background=rgba(255,255,255,0)] font: bold 12px/40px Helvetica, Tahoma, Arial, sans-serif;[/background]
[background=rgba(255,255,255,0)] color: #FFF;[/background]
[background=rgba(255,255,255,0)] display: block;[/background]
[background=rgba(255,255,255,0)] float: left;[/background]
[background=rgba(255,255,255,0)].....[/background]
[background=rgba(255,255,255,0)]......[/background]
[background=rgba(255,255,255,0)]......[/background]
[background=rgba(255,255,255,0)]


и меняйте в нем параметр
font: bold 12px/40px Helvetica, Tahoma, Arial, sans-serif; где  Helvetica, Tahoma, Arial - это названия шрифтов
подробней об этом параметре можно почитать http://htmlbook.ru/css/font"]тут [/url]

что бы сдвинуть пункты меню правее добавьте в коней файла main.css код

[/background]
[background=rgba(255,255,255,0)]#top-menu .pad-box {[/background]
[background=rgba(255,255,255,0)] margin-left: 100px;[/background]
[background=rgba(255,255,255,0)]}[/background]
[background=rgba(255,255,255,0)]


меняйте значение этого параметра на нужное вам.


С последним кодом разобрался.
Далее, разметка я не знал что в фотографе можно делать разметку, если только мы не говорим о двух разных вещах. Я. Имел ввиду разметку и добавление туда ссылки. У меня есть код
<map name="#headmap">
<area shape="rect" alt="https://twitter.com/SBalls_ru" title="" coords="1357,35,1411,87" href="https://twitter.com/SBalls_ru" target="_blank" />
<area shape="rect" alt="" title="" coords="1301,34,1355,89" href="https://www.facebook.com/pages/Sballsru/550454738343130" target="_blank" />
<area shape="rect" alt="https://www.Sballs.ru" title="" coords="1239,34,1299,89" href="http://www.odnoklassniki.ru/profile/554893614704" target="_blank" />
<area shape="rect" alt="https://www.Sballs.ru" title="" coords="1189,35,1239,86" href="http://sballs.storeland.ru/feedback" target="_blank" />
<area shape="rect" alt="https://www.Sballs.ru" title="" coords="1132,34,1188,89" href="https://www.vk.com/" target="_blank" />
<area shape="rect" alt="Корзина" title="" coords="844,28,913,90" href="http://sballs.storeland.ru/cart" target="" />
<!-- Created by Online Image Map Editor (http://www.maschek.hu/imagemap/index) --></map>

я думал его куда то пристроить. Подойдет ли он или нет?



Kасательно первой заглавной, если они все сейчас строчные то нужно сделать 1 букву прописной.


Шрифт Поменял на aria.


Изображение


#85146 Модификация Страниц

Отправлено Vaccina на 20 Август 2013 - 01:01

Вам не нужно менять

<div class="theme-default" style="padding:1em;display:none;">

на

<div class="nivo-directionNav">

Отмените данное изменение, путем обратной замены.


#85099 Модификация Страниц

Отправлено Fobas на 19 Август 2013 - 16:33

Просмотр сообщенияmiyako (19 Август 2013 - 11:40) писал:

Вы не сделали изменения -
<div class="nivo-directionNav" style="display: none;">
нужно заменить на -
<div class="nivo-directionNav">
Именно такой строки в HTML коде я не вижу, есть вот такая:
<div class="theme-default" style="padding:1em;display:none;">
Ну я все равно заменил этот код на
<div class="nivo-directionNav">
.После замены, пропали переключатели и "кружочки" и появились цифры 3 и 2 внизу,  "Next","Prev" по серединеСнимок2.JPG .

Итак, если я правильно понял мне сейчас надо найти nyvo_arrows.png и заменить старый файл. Да?

Просмотр сообщенияmiyako (19 Август 2013 - 11:40) писал:

Далее найдите код -
.theme-default a.nivo-prevNav {
left: 15px;
}
и замените на -
.theme-default a.nivo-prevNav {
left: 535px;
}
А зачем нужна эта замена? после нее ничего не меняется (визуально конечно).


#85059 Модификация Страниц

Отправлено miyako на 19 Август 2013 - 11:40

Просмотр сообщенияFobas (18 Август 2013 - 15:46) писал:

Спасибо получилось как хотел.

С кнопками перелистывания мне непонятно. Мы просто растянули картинку?
Может есть другой способ? давайте тогда поменяем nyvo_arrows.png на вот эту картинку  Прикрепленный файл sprite-default1.png например. Но в идиале хотелось .s вот такие переключатели
Прикрепленный файл Снимок.JPG И чтобы они были внизу.

Далее мелочи. Я упомянул лого потому что разметка не очень правильная, она осталась с прежнего логотипа. Например, буквы "S" и "ru" не входят в разметку. Ну вы поняли.

Для того , чтобы изменить изображение кнопок. Вам нужно удалить сначала -  nyvo_arrows.png и загрузить Ваше с таким же названием и форматом.

Вы не сделали изменения -
<div class="nivo-directionNav" style="display: none;">
нужно заменить на -
<div class="nivo-directionNav">

Далее найдите код -
.theme-default a.nivo-prevNav {
left: 15px;
}
и замените на -
.theme-default a.nivo-prevNav {
left: 535px;
}



#84990 Модификация Страниц

Отправлено Fobas на 18 Август 2013 - 20:37

Или если делать кнопки слишком долго, то давайте оставим все как было только, что бы слайды быстрее прокручивались.


#84623 Модификация Страниц

Отправлено sengun на 16 Август 2013 - 18:03

Здравствуйте. Почему-то не открывается скриншот.
Логотип это часть фонового изображения шапки. Вам надо его скачать, отредактировать в графическом редакторе и залить обратно на сайт с тем же именем в разделе "Сайт"-"Редактор шаблонов" (изображение header_page.png). В этом же изображении также надо будет стереть форму поиска. Чтобы скрыть саму форму поиска, надо в файле main.css код
#search{
height: 35px;
float: right;
padding-top: 45px;
padding-right: 15px;
width: 245px;
}
заменить на
#search{
height: 35px;
float: right;
padding-top: 45px;
padding-right: 15px;
width: 245px;
display: none;
}
Чтобы добавить раздел гарантий, надо сперва создать одноименную страницу в разделе Сайт-Страницы. Далее в разделе Сайт-Меню для Верхнего меню нажмите "Добавить пункт меню" и в поле "Куда ссылается" выберите страницу "Гарантии".
Уточните, пожалуйста, по второму пункту. Вы хотите совсем убрать правое меню со всеми новостями, статьями, каталогом меню, последними просмотренными товарами и сравниваемыми товарами и расширить основной контент страницы или же вам необходимо из правого меню убрать только каталог и сравниваемые товары?
Также не понятно с четвертым вопросом, так как миниатюра не отрывается. Залейте, пожалуйста, изображение средствами форума - нажмите кнопку "Расширенная форма" (рядом с кнопкой "Отправить"), в этой форме появится кнопка прикрепления файлов - воспользуйтесь ей, чтобы загрузить скриншот.


#84059 Виды Доставки

Отправлено Fobas на 13 Август 2013 - 14:46

Привет у меня вопрос.
Можно ли сделать так что бы при оформлении заказа было 2 способа доставки. 1-ый обычная доставка, а 2-ой открывался бы если покупатель лайкнул или зарепостил отдельную ссылку в любую соц. Сеть, ну и конечно на 2 способе цена бы снижалась.