Помогите С Дизайном Новичку, Ничего Не Знаю, Делаю Первые Шаги
#1
Отправлено 03 Апрель 2014 - 10:02
Я делаю первый я планирую открыть своё дело и хочу сделать сайт, ничего в этом не понимаю, но начинаю разбираться, прошу Вашей помощи. Мой сайт http://den1922.storeland.ru/
1.Как привести главную страницу к такому виду?
По поводу слайдера ничего не знаю, вставлял тот про который говорили на форуме с картинками из мультиков, но как вставить в него свои фотки и как привести его к нужному размеру не знаю.
#2
Отправлено 03 Апрель 2014 - 11:11
Den1922 (03 Апрель 2014 - 10:02) писал:
Я делаю первый я планирую открыть своё дело и хочу сделать сайт, ничего в этом не понимаю, но начинаю разбираться, прошу Вашей помощи. Мой сайт http://den1922.storeland.ru/
1.Как привести главную страницу к такому виду?
Безымянный.png
По поводу слайдера ничего не знаю, вставлял тот про который говорили на форуме с картинками из мультиков, но как вставить в него свои фотки и как привести его к нужному размеру не знаю.
Восстановите Ваш стандартный шаблон через раздел Сайт - Галерея тем. Сейчас у Вас практически ничего не отображается.
#4
Отправлено 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
Отправлено 03 Апрель 2014 - 11:40
MikDark (03 Апрель 2014 - 11:34) писал:
<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
Отправлено 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
Отправлено 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
Отправлено 03 Апрель 2014 - 13:39
#9
Отправлено 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
Отправлено 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
Отправлено 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
Отправлено 03 Апрель 2014 - 20:47
$("#header_shopping_cart").hover(
function () {
$("#cart_block").css("display","block");
},
function () {
$("#cart_block").css("display","none");
}
)
Помогите вернуть все на место чтобы продолжить дальнейшую работу!!! Очень жду!!!!!!!!!!!!!!
#13
Отправлено 04 Апрель 2014 - 07:56
#14
Отправлено 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
Отправлено 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"); });
#16
Отправлено 04 Апрель 2014 - 08:34
Den1922 (04 Апрель 2014 - 08:15) писал:
В 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
Отправлено 04 Апрель 2014 - 08:37
MikDark (04 Апрель 2014 - 08:34) писал:
$(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
Отправлено 04 Апрель 2014 - 08:42
Прикрепленные файлы
#19
Отправлено 04 Апрель 2014 - 08:53
MikDark (04 Апрель 2014 - 08:42) писал:
В общем происходит какая то ХУ.......................... давайте я верну шаблон в исходную точку, проведу манипуляции со слайделом и начнём с этого места.
Хорошо?
#20
Отправлено 04 Апрель 2014 - 08:56
Den1922 (04 Апрель 2014 - 08:53) писал:
Хорошо?
У Вас в main.js 425-я строка, вы ее не удалили. Удалите сейчас, посмотрите. Если вдруг не поможет, то да, откатите назад.
Количество пользователей, читающих эту тему: 1
0 пользователей, 1 гостей, 0 анонимных