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


Помогите С Дизайном Новичку, Ничего Не Знаю, Делаю Первые Шаги

Дизайн об

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

#1 Den1922

Den1922

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

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

Отправлено 03 Апрель 2014 - 10:02

Здравствуйте!
Я делаю первый я планирую открыть своё дело и хочу сделать сайт, ничего в этом не понимаю, но начинаю разбираться, прошу Вашей помощи. Мой сайт http://den1922.storeland.ru/
1.Как привести главную страницу к такому виду?
Безымянный.png
По поводу слайдера ничего не знаю, вставлял тот про который говорили на форуме с картинками из мультиков, но как вставить в него свои фотки и как привести его к нужному размеру не знаю.

#2 MikDark

MikDark

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

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

Отправлено 03 Апрель 2014 - 11:11

Просмотр сообщенияDen1922 (03 Апрель 2014 - 10:02) писал:

Здравствуйте!
Я делаю первый я планирую открыть своё дело и хочу сделать сайт, ничего в этом не понимаю, но начинаю разбираться, прошу Вашей помощи. Мой сайт http://den1922.storeland.ru/
1.Как привести главную страницу к такому виду?
Прикрепленный файл Безымянный.png
По поводу слайдера ничего не знаю, вставлял тот про который говорили на форуме с картинками из мультиков, но как вставить в него свои фотки и как привести его к нужному размеру не знаю.

Восстановите Ваш стандартный шаблон через раздел Сайт - Галерея тем. Сейчас у Вас практически ничего не отображается.

#3 Den1922

Den1922

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

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

Отправлено 03 Апрель 2014 - 11:22

Просмотр сообщенияMikDark (03 Апрель 2014 - 11:11) писал:

Восстановите Ваш стандартный шаблон через раздел Сайт - Галерея тем. Сейчас у Вас практически ничего не отображается.

Сделал!

#4 MikDark

MikDark

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

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

Отправлено 03 Апрель 2014 - 11:34

Просмотр сообщенияDen1922 (03 Апрель 2014 - 11:22) писал:

Сделал!

Чтобы заменить стандартные фото в слайдере на свои, нужно загрузить фото в разделе Сайт - Редактор шаблонов, далее в шаблоне HTML найти код:
<li><a href="#"><img src="{ASSETS_IMAGES_PATH}slide1.jpg"></a></li>
<li><a href="#"><img src="{ASSETS_IMAGES_PATH}slide2.jpg"></a></li>

и зменить slide1.jpg и slide2.jpg на названия своих загруженных изображений. Если нужно добавить еще фотографию, то ниже этого кода дописать:
<li><a href="#"><img src="{ASSETS_IMAGES_PATH}slide3.jpg"></a></li>

slide3.jpg аналогично заменить на нужное название.

#5 Den1922

Den1922

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

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

Отправлено 03 Апрель 2014 - 11:40

Просмотр сообщенияMikDark (03 Апрель 2014 - 11:34) писал:

Чтобы заменить стандартные фото в слайдере на свои, нужно загрузить фото в разделе Сайт - Редактор шаблонов, далее в шаблоне HTML найти код:
<li><a href="#"><img src="{ASSETS_IMAGES_PATH}slide1.jpg"></a></li>
<li><a href="#"><img src="{ASSETS_IMAGES_PATH}slide2.jpg"></a></li>

и зменить slide1.jpg и slide2.jpg на названия своих загруженных изображений. Если нужно добавить еще фотографию, то ниже этого кода дописать:
<li><a href="#"><img src="{ASSETS_IMAGES_PATH}slide3.jpg"></a></li>

slide3.jpg аналогично заменить на нужное название.
Спасибо, получилось! Каие должы быть разеры у картинки, а то на пол сайта))))))))))))) или как в ручную погонять под свой сай?
И вы не ответили на самый главный вопрос, по приведению главной страницы в вид как в приложенном файле.

#6 MikDark

MikDark

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

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

Отправлено 03 Апрель 2014 - 11:58

Просмотр сообщенияDen1922 (03 Апрель 2014 - 11:40) писал:

Спасибо, получилось! Каие должы быть разеры у картинки, а то на пол сайта))))))))))))) или как в ручную погонять под свой сай?
И вы не ответили на самый главный вопрос, по приведению главной страницы в вид как в приложенном файле.

Мы понемногу и приводим страницу к нужному виду. Там код очень большой, нужно делать поэтапно. Уменьшаем слайдер:
В шаблоне: style.css ищем строки:
.flexslider {
margin: 0 0 30px;
background: #fff;
border: 4px solid #fff;
position: relative;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
box-shadow: 0 1px 4px rgba(0,0,0,.2);
-webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2);
-moz-box-shadow: 0 1px 4px rgba(0,0,0,.2);
-o-box-shadow: 0 1px 4px rgba(0,0,0,.2);
zoom: 1;
}

и меняем на:
.flexslider {
width: 1160px;
margin: 0 auto 30px auto;
background: #fff;
border: 4px solid #fff;
position: relative;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
box-shadow: 0 1px 4px rgba(0,0,0,.2);
-webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2);
-moz-box-shadow: 0 1px 4px rgba(0,0,0,.2);
-o-box-shadow: 0 1px 4px rgba(0,0,0,.2);
zoom: 1;
}

Далее ищем строки:
.flexslider .slides img {
width: 100%;
display: block;
}

и меняем их на:
.flexslider .slides img {
display: block;
margin: 0 auto;
}

Чтобы заменить логотип, нужно в раздел Сайт - Редактор шаблонов загрузить картинки с именем logo.png

#7 Den1922

Den1922

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

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

Отправлено 03 Апрель 2014 - 12:11

Просмотр сообщенияMikDark (03 Апрель 2014 - 11:58) писал:

Мы понемногу и приводим страницу к нужному виду. Там код очень большой, нужно делать поэтапно. Уменьшаем слайдер:
В шаблоне: style.css ищем строки:
.flexslider {
margin: 0 0 30px;
background: #fff;
border: 4px solid #fff;
position: relative;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
box-shadow: 0 1px 4px rgba(0,0,0,.2);
-webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2);
-moz-box-shadow: 0 1px 4px rgba(0,0,0,.2);
-o-box-shadow: 0 1px 4px rgba(0,0,0,.2);
zoom: 1;
}

и меняем на:
.flexslider {
width: 1160px;
margin: 0 auto 30px auto;
background: #fff;
border: 4px solid #fff;
position: relative;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
box-shadow: 0 1px 4px rgba(0,0,0,.2);
-webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2);
-moz-box-shadow: 0 1px 4px rgba(0,0,0,.2);
-o-box-shadow: 0 1px 4px rgba(0,0,0,.2);
zoom: 1;
}

Далее ищем строки:
.flexslider .slides img {
width: 100%;
display: block;
}

и меняем их на:
.flexslider .slides img {
display: block;
margin: 0 auto;
}

Чтобы заменить логотип, нужно в раздел Сайт - Редактор шаблонов загрузить картинки с именем logo.png
Спасибо огромное за помошь! Пока все получается, но я тестово меняю, потом буду рабочии вставлять картинки. Жду дальнейших указаний.

#8 Den1922

Den1922

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

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

Отправлено 03 Апрель 2014 - 13:39

Здравствуйте! Вы мне поможете в дальнейшей работе по смену дизайна главной страницы?

#9 MikDark

MikDark

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

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

Отправлено 03 Апрель 2014 - 16:12

Просмотр сообщенияDen1922 (03 Апрель 2014 - 13:39) писал:

Здравствуйте! Вы мне поможете в дальнейшей работе по смену дизайна главной страницы?

Делаем кнопку Корзины.
Создаем бэкап. В шаблоне HTML находим строки:

<!-- Корзина -->
	 <div id="header_shopping_cart">
	  <div id="shopping_cart">
	   <a href="{CART_URL}" title="Перейти в корзину">
				{% IF cart_count_empty %}
				  <span class="ajax_cart_no_product">Корзина пуста</span>
				{% ELSE %}
				  <span class="ajax_cart_quantity">{CART_COUNT_TOTAL} товар{CART_COUNT_TOTAL | gen_word_end("","а","ов")}</span>
				{% ENDIF %}	  
		<span class="down_arrow_dark"></span>
	   </a>
	  </div>
	 </div>	 

и меняем на

<!-- Корзина -->
	 <div id="header_shopping_cart">
	  <div id="shopping_cart">
	   <a href="{CART_URL}" title="Перейти в корзину">
				Корзина
	   </a>
	  </div>
	 </div>	

В шаблоне main.js удаляем строчки:
$(document).ready(function(){
 
  $("#header_shopping_cart").hover(
	function () {
	  $("#cart_block").css("display","block");
	},
	function () {
	  $("#cart_block").css("display","none");
	}
  );

Что еще по верхней части сайта нужно сделать?

#10 Den1922

Den1922

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

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

Отправлено 03 Апрель 2014 - 20:17

Спасибо за ответ!!! Делал как Вы сказали но потом решил удалить поиск так как он не нужен,  удалил
строчка 91
  <!-- Форма поиска -->
  <div id="search_block_top">
    <form id="searchbox" action="http://{NET_DOMAIN}/search" method="get" onsubmit="if($(this).find('#search_query_top').val()=='Поиск...') return false;">
  <div class="search_block_top_form">
    <input id="search_query_top" type="text" name="q" value="{% IF SEARCH_QUERY %}{SEARCH_QUERY}{% ELSE %}Поиск...{% ENDIF %}" onfocus="if(this.value=='Поиск...'){this.value='';}" onblur="if(this.value==''){this.value='Поиск...';}" class="search_query light ac_input" />
    <input type="submit" name="submit_search" title="Искать" value="" class="search_button">
  </div>
    </form>
  </div>
  <!-- /Форма поиска -->
строчка 101
потом все вернул на место но ничего не изменилось
на результат посмотрите сама((((((((((((((((((((((http://den1922.storeland.ru/

Просмотр сообщенияDen1922 (03 Апрель 2014 - 20:13) писал:

Спасибо за ответ!!! Делал как Вы сказали но потом решил удалить поиск так как он не нужен,  удалил
строчка 91
  <!-- Форма поиска -->
  <div id="search_block_top">
<form id="searchbox" action="http://{NET_DOMAIN}/search" method="get" onsubmit="if($(this).find('#search_query_top').val()=='Поиск...') return false;">
  <div class="search_block_top_form">
<input id="search_query_top" type="text" name="q" value="{% IF SEARCH_QUERY %}{SEARCH_QUERY}{% ELSE %}Поиск...{% ENDIF %}" onfocus="if(this.value=='Поиск...'){this.value='';}" onblur="if(this.value==''){this.value='Поиск...';}" class="search_query light ac_input" />
<input type="submit" name="submit_search" title="Искать" value="" class="search_button">
  </div>
</form>
  </div>
  <!-- /Форма поиска -->
строчка 101
потом все вернул на место но ничего не изменилось
на результат посмотрите сама((((((((((((((((((((((http://den1922.storeland.ru/
Слайдер пропал((((((((((((((((((((

#11 Den1922

Den1922

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

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

Отправлено 03 Апрель 2014 - 20:30

Просмотр сообщенияDen1922 (03 Апрель 2014 - 20:17) писал:

Спасибо за ответ!!! Делал как Вы сказали но потом решил удалить поиск так как он не нужен,  удалил
строчка 91
  <!-- Форма поиска -->
  <div id="search_block_top">
<form id="searchbox" action="http://{NET_DOMAIN}/search" method="get" onsubmit="if($(this).find('#search_query_top').val()=='Поиск...') return false;">
  <div class="search_block_top_form">
<input id="search_query_top" type="text" name="q" value="{% IF SEARCH_QUERY %}{SEARCH_QUERY}{% ELSE %}Поиск...{% ENDIF %}" onfocus="if(this.value=='Поиск...'){this.value='';}" onblur="if(this.value==''){this.value='Поиск...';}" class="search_query light ac_input" />
<input type="submit" name="submit_search" title="Искать" value="" class="search_button">
  </div>
</form>
  </div>
  <!-- /Форма поиска -->
строчка 101
потом все вернул на место но ничего не изменилось
на результат посмотрите сама((((((((((((((((((((((http://den1922.storeland.ru/


Слайдер пропал((((((((((((((((((((
Я верну все в первоначальный вид и все что вы мне писали до этого проделаю ещё раз!!! Как все сделаю я вам напишу чтобы продолжить работу. СПАСИБО!

#12 Den1922

Den1922

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

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

Отправлено 03 Апрель 2014 - 20:47

Поставил снова шаблон, потом все еще раз сделал по Вашим указанием и оказывается слайдер пропал после того как я удалил по вашему указанию:
$("#header_shopping_cart").hover(
        function () {
          $("#cart_block").css("display","block");
        },
        function () {
          $("#cart_block").css("display","none");
        }
  )

Помогите вернуть все на место чтобы продолжить дальнейшую работу!!! Очень жду!!!!!!!!!!!!!!


#13 Den1922

Den1922

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

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

Отправлено 04 Апрель 2014 - 07:56

ПОМОГИТЕ!!!!!!!!!!!!!!!!!!!!!!!!!)

#14 MikDark

MikDark

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

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

Отправлено 04 Апрель 2014 - 08:10

Просмотр сообщенияDen1922 (04 Апрель 2014 - 07:56) писал:

ПОМОГИТЕ!!!!!!!!!!!!!!!!!!!!!!!!!)

Возможно Вы не полностью удалили блок. Давайте еще раз, вот код для удаления:
$(document).ready(function(){
 
$("#header_shopping_cart").hover(
		function () {
		  $("#cart_block").css("display","block");
		},
		function () {
		  $("#cart_block").css("display","none");
		}
  );
 
  $("#cart_block").hover(
	function () {
	  $(this).css("display","block");
	},
	function () {
	  $(this).css("display","none");
	});
 


#15 Den1922

Den1922

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

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

Отправлено 04 Апрель 2014 - 08:15

Просмотр сообщенияMikDark (04 Апрель 2014 - 08:10) писал:

Возможно Вы не полностью удалили блок. Давайте еще раз, вот код для удаления:
$(document).ready(function(){

$("#header_shopping_cart").hover(
	 function () {
		 $("#cart_block").css("display","block");
	 },
	 function () {
		 $("#cart_block").css("display","none");
	 }
);

$("#cart_block").hover(
function () {
	 $(this).css("display","block");
},
function () {
	 $(this).css("display","none");
});

ничего не изменилось((((((http://den1922.storeland.ru/

#16 MikDark

MikDark

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

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

Отправлено 04 Апрель 2014 - 08:34

Просмотр сообщенияDen1922 (04 Апрель 2014 - 08:15) писал:

ничего не изменилось((((((http://den1922.storeland.ru/

В main.js удалите еще:
$(document).ready(function(){

$("#header_shopping_cart").hover(
		function () {
		  $("#cart_block").css("display","block");
		},
		function () {
		  $("#cart_block").css("display","none");
		}
  );

а вместо нее вставьте:
$(document).ready(function(){
  $("#header_shopping_cart").hover(
	function () {
	  $("#cart_block").css("display","none");
	},
	function () {
	  $("#cart_block").css("display","none");
	}
  );
 
  $("#cart_block").hover(
	function () {
	  $(this).css("display","none");
	},
	function () {
	  $(this).css("display","none");
 
	});


#17 Den1922

Den1922

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

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

Отправлено 04 Апрель 2014 - 08:37

Просмотр сообщенияMikDark (04 Апрель 2014 - 08:34) писал:

В main.js удалите еще:
$(document).ready(function(){

$("#header_shopping_cart").hover(
function () {
$("#cart_block").css("display","block");
},
function () {
$("#cart_block").css("display","none");
}
);

а вместо нее вставьте:
$(document).ready(function(){
$("#header_shopping_cart").hover(
function () {
	 $("#cart_block").css("display","none");
},
function () {
	 $("#cart_block").css("display","none");
}
);

$("#cart_block").hover(
function () {
	 $(this).css("display","none");
},
function () {
	 $(this).css("display","none");

});
Ничего не изменилось(

#18 MikDark

MikDark

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

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

Отправлено 04 Апрель 2014 - 08:42

Что-то где-то не то видимо удалили. Загрузите себе этот бэкап, должно быть все настроено.

Прикрепленные файлы



#19 Den1922

Den1922

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

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

Отправлено 04 Апрель 2014 - 08:53

Просмотр сообщенияMikDark (04 Апрель 2014 - 08:42) писал:

Что-то где-то не то видимо удалили. Загрузите себе этот бэкап, должно быть все настроено.

В общем происходит какая то ХУ.......................... давайте я верну шаблон в исходную точку, проведу манипуляции со слайделом и начнём с этого места.
Хорошо?

#20 MikDark

MikDark

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

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

Отправлено 04 Апрель 2014 - 08:56

Просмотр сообщенияDen1922 (04 Апрель 2014 - 08:53) писал:

В общем происходит какая то ХУ.......................... давайте я верну шаблон в исходную точку, проведу манипуляции со слайделом и начнём с этого места.
Хорошо?

У Вас в main.js 425-я строка, вы ее не удалили. Удалите сейчас, посмотрите. Если вдруг не поможет, то да, откатите назад.




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

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