MikDark (21 Сентябрь 2014 - 10:33) писал:
- Форум владельцев интернет-магазинов
- → Публикации graviola
Публикации graviola
52 публикаций создано graviola (учитываются публикации только с 09-Май 23)
#160950 Помогите Сделать
Отправлено от graviola в 21 Сентябрь 2014 - 11:33 в Изменение общей стилистики
#160932 Помогите Сделать
Отправлено от graviola в 21 Сентябрь 2014 - 10:27 в Изменение общей стилистики
<title>Smart Bottom Slide Out Menu</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="description" content="Smart Bottom Slide Out Menu">
<meta name="keywords" content="jquery, fancy, bottom, navigation, menu">
<link rel="stylesheet" href="style.css" type="text/css" media="screen">
</head>
<body>
<div id="header"></div>
<div id="content" style="-webkit-transform: rotate(7deg); transform: rotate(7deg);">
<div id="home" class="text">
<h1>Amazing grungy slide out stuff</h1>
<p>This is an example of some text!</p>
<p>If anybody looks at a picture by Claude Monet from the point of view of
a Raphael, he will see nothing but a meaningless jargon of wild
paint-strokes. And if anybody looks at a Raphael from the point of view
of a Claude Monet, he will, no doubt...</p>
</div>
<div id="about" class="text" style="display:none;">
<h1>Some amazing about section</h1>
<p>This is an example of some text!</p>
<p>In tone drawing there is not only the shape of the masses to be
considered, but their values--that is, their position in an imagined
scale from dark to light. The relation of the different tones in this
way--the values, as it is called--is an extremely important matter in
painting.</p>
</div>
<div id="search" class="text" style="display:none;">
<h1>Search the world!</h1>
<p>This is an example of some text!</p>
<p><label for="searchinput">Search for:</label><input type="text"></p>
</div>
<div id="photos" class="text" style="display:none;">
<h1>Some awesome photos</h1>
<p>This is an example of some text!</p>
<p>
<img alt="img" src="img1.png" width="170" height="120">
<img alt="img" src="img1.png" width="170" height="120">
<img alt="img" src="img1.png" width="170" height="120">
</p>
</div>
<div id="contact" class="text" style="display:none;">
<h1>Get in touch</h1>
<p>This is an example of some text!</p>
<p>Some contact details...</p>
</div>
</div>
<ul id="navigation">
<li class="home"><a title="Home" style="-webkit-transform: rotate(18deg); transform: rotate(18deg); margin-top: -70px;">Home</a></li>
<li class="about"><a title="About" style="-webkit-transform: rotate(14deg); transform: rotate(14deg); margin-top: -70px;">About</a></li>
<li class="search"><a title="Search" style="-webkit-transform: rotate(-1deg); transform: rotate(-1deg); margin-top: -70px;">Search</a></li>
<li class="photos"><a title="Photos" style="-webkit-transform: rotate(-20deg); transform: rotate(-20deg); margin-top: -70px;">Photos</a></li>
<li class="contact"><a title="Contact" style="-webkit-transform: rotate(7deg); transform: rotate(7deg); margin-top: -70px;">Contact</a></li>
</ul>
<div class="info">
<a class="back" href="">back to Codrops</a>
</div>
<!-- The JavaScript -->
<script type="text/javascript" src="http://ajax.googleap...n.js"></script>
<script type="text/javascript">
$(function() {
var d=300;
$('#navigation a').each(function(){
var $this = $(this);
var r=Math.floor(Math.random()*41)-20;
$this.css({'-moz-transform':'rotate('+r+'deg)','-webkit-transform':'rotate('+r+'deg)','transform':'rotate('+r+'deg)'});
$('#content').css({'-moz-transform':'rotate('+r+'deg)','-webkit-transform':'rotate('+r+'deg)','transform':'rotate('+r+'deg)'});
$this.stop().animate({
'marginTop':'-70px'
},d+=150);
});
$('#navigation > li').hover(
function () {
var $this = $(this);
$('a',$this).stop().animate({
'marginTop':'-40px'
},200);
},
function () {
var $this = $(this);
$('a',$this).stop().animate({
'marginTop':'-70px'
},200);
}
).click(function(){
var $this = $(this);
var name = this.className;
$('#content').animate({marginTop:-600}, 300,function(){
var $this = $(this);
var r=Math.floor(Math.random()*41)-20;
$this.css({'-moz-transform':'rotate('+r+'deg)','-webkit-transform':'rotate('+r+'deg)','transform':'rotate('+r+'deg)'});
$('#content div').hide();
$('#'+name).show();
$this.animate({marginTop:-200}, 300);
})
});
});
</script>
</body></html>
как сделать мне такое меню?
тут демо версия
http://www.tympanus....RandomSlideOut/
Прикрепленные файлы
- style.css 1,61К 320 Количество загрузок:
#161995 Помогите С Дизайном
Отправлено от graviola в 24 Сентябрь 2014 - 20:41 в Изменение общей стилистики
#161988 Помогите С Дизайном
Отправлено от graviola в 24 Сентябрь 2014 - 19:53 в Изменение общей стилистики
batta (24 Сентябрь 2014 - 19:24) писал:
<!-- Корзина --> <td class="contentTableHeadCart"> <table> <tr> <td rowspan="2" class="valignMiddle"><a href="{CART_URL}"><span class="orderIcon cart"></span></a></td> <td>Товаров в <a href="{CART_URL}" class="underline"> корзине</a>:</td> <td id="cartCount"> {% 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 %} </td> </tr> <tr> <td>На общую сумму:</td> <td id="cartSum"> {% IF cart_count_empty %} <span class="red">0</span> {CURRENCY_NAME} {% ELSE %} {% FOR cart_sum %} {cart_sum.NOW_WITH_DISCOUNT | money_format}<br /> {% ENDFOR %} {% ENDIF %} </td> </tr> </table> </td> </tr> </thead> <tbody> <tr>измените на
<!-- Корзина --> <td class="contentTableHeadCart"> <table> <tr> <img src="{ASSETS_IMAGES_PATH}corzina.png"/> <td rowspan="2" class="valignMiddle"><a href="{CART_URL}"><span class="orderIcon cart"></span></a></td> <td>Товаров в <a href="{CART_URL}" class="underline"> корзине</a>:</td> <td id="cartCount"> {% 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 %} </td> </tr> <tr> <td>На общую сумму:</td> <td id="cartSum"> {% IF cart_count_empty %} <span class="red">0</span> {CURRENCY_NAME} {% ELSE %} {% FOR cart_sum %} {cart_sum.NOW_WITH_DISCOUNT | money_format}<br /> {% ENDFOR %} {% ENDIF %} </td> </tr> </table> </td> </tr> </thead> <tbody> <tr>
загрузите картинку с вашей корзиной в редактор шаблонов и назовите её картинку corzina.png
#161970 Помогите С Дизайном
Отправлено от graviola в 24 Сентябрь 2014 - 18:59 в Изменение общей стилистики
#161999 Помогите С Дизайном
Отправлено от graviola в 24 Сентябрь 2014 - 20:56 в Изменение общей стилистики
graviola (24 Сентябрь 2014 - 20:41) писал:
значек корзины не встал на место
http://z45981.storeland.ru/
#162003 Помогите С Дизайном
Отправлено от graviola в 24 Сентябрь 2014 - 21:16 в Изменение общей стилистики
batta (24 Сентябрь 2014 - 20:59) писал:
1-2лого и слайдер только на главной странице
1-2лого и слайдер только на главной странице
1-2лого и слайдер только на главной странице
очень надеюсь что до утра ответите мне)
#162449 Помогите С Дизайном
Отправлено от graviola в 26 Сентябрь 2014 - 15:29 в Изменение общей стилистики
#162108 Помогите С Дизайном
Отправлено от graviola в 25 Сентябрь 2014 - 09:53 в Изменение общей стилистики
#162087 Помогите С Дизайном
Отправлено от graviola в 25 Сентябрь 2014 - 08:46 в Изменение общей стилистики
Vaccina (24 Сентябрь 2014 - 23:56) писал:
{% IF index_page %} <!-- Обёртка, указывающая стиль темы --> <div class="logo1"><a href="http://{NET_DOMAIN}/"><img src="{ASSETS_IMAGES_PATH}logo4.png"/></a></div> <div class="theme-default" style="padding: 1em; display: none; width: 54%;float: left;"> <!-- Непосредственный код слайдера --> <div id="slider"> <img src="http://z45981.storeland.net/slider1.jpg?0218" alt="" /> <a href="/"><img src="http://z45981.storeland.net/slider2.png?0279" alt="" /></a> <img title="Пример картинки с заголовком" src="http://z45981.storeland.net/slider3.jpg?0279" alt="" /> <img src="http://storeland.ru/img/faq/questions/nyvo_slider/walle.jpg" 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 %}замените на:
<!-- Обёртка, указывающая стиль темы --> <div class="logo1"><a href="http://{NET_DOMAIN}/"><img src="{ASSETS_IMAGES_PATH}logo4.png"/></a></div> <div class="theme-default" style="padding: 1em; display: none; width: 54%;float: left;"> <!-- Непосредственный код слайдера --> <div id="slider"> <img src="http://z45981.storeland.net/slider1.jpg?0218" alt="" /> <a href="/"><img src="http://z45981.storeland.net/slider2.png?0279" alt="" /></a> <img title="Пример картинки с заголовком" src="http://z45981.storeland.net/slider3.jpg?0279" alt="" /> <img src="http://storeland.ru/img/faq/questions/nyvo_slider/walle.jpg" 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>
3. В шаблоне HTML найдите:
<!-- Название магазина --> <div class="logo"><a href="http://{NET_DOMAIN}/">{SETTINGS_STORE_NAME}</a></div> <!-- Контакты магазина --> <table> <!-- Первый контактный телефон --> {% IF SETTINGS_STORE_PHONE_NUMBER1 %} <tr> <td class="contentTableHeadMainPhone"> {SETTINGS_STORE_PHONE_COUNTRY_CODE1} {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER1} </td> </tr> {% ENDIF %} <!-- Второй контактный телефон --> {% IF SETTINGS_STORE_PHONE_NUMBER2 %} <tr> <td class="contentTableHeadMainPhone"> {SETTINGS_STORE_PHONE_COUNTRY_CODE2} {% IF SETTINGS_STORE_PHONE_CITY_CODE2 %}({SETTINGS_STORE_PHONE_CITY_CODE2}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER2} </td> </tr> {% ENDIF %} <!-- Третий контактный телефон --> {% IF SETTINGS_STORE_PHONE_NUMBER3 %} <tr> <td class="contentTableHeadMainPhone"> {SETTINGS_STORE_PHONE_COUNTRY_CODE3} {% IF SETTINGS_STORE_PHONE_CITY_CODE3 %}({SETTINGS_STORE_PHONE_CITY_CODE3}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER3} </td> </tr> {% ENDIF %} <!-- Время работы магазина --> {% IF SETTINGS_STORE_WORK_TIME %} <tr> <td class="contentTableHeadMainWorkTime"> {SETTINGS_STORE_WORK_TIME} </td> </tr> {% ENDIF %} <!-- Skype номер --> {% IF SETTINGS_STORE_SKYPE %} <tr> <td class="contentTableHeadMainSkype"> <a class="valignMiddle" href="skype:{SETTINGS_STORE_SKYPE}?call" title="Свяжитесь с нами по Skype"><img class="valignMiddle" src="{FORALL_IMAGES_PATH}icon/skype.png" width="16" height="16" alt="Свяжитесь с нами по Skype" /><span class="valignMiddle">{SETTINGS_STORE_SKYPE}</span></a> </td> </tr> {% ENDIF %} <!-- ICQ номер --> {% IF SETTINGS_STORE_ICQ %} <tr> <td class="contentTableHeadMainIcq"> <img class="valignMiddle" src="http://wwp.icq.com/scripts/online.dll?icq={SETTINGS_STORE_ICQ_ONLY_DIGITS}&img=27" alt="Статус" width="16" height="16" /> <span class="valignMiddle">{SETTINGS_STORE_ICQ}</span> </td> </tr> {% ENDIF %} </table>перенесите его поставив после:
<div class="logo1"><a href="http://{NET_DOMAIN}/"><img src="{ASSETS_IMAGES_PATH}logo4.png"/></a>
4.в шаблоне HTML найдите:
{% FOR recently_viewed_goods %}замените на:
{% FOR recently_viewed_goods %} {% IF recently_viewed_goods.index >3 %}{break}{% ENDIF %}
#161956 Помогите С Дизайном
Отправлено от graviola в 24 Сентябрь 2014 - 18:22 в Изменение общей стилистики
#161967 Помогите С Дизайном
Отправлено от graviola в 24 Сентябрь 2014 - 18:48 в Изменение общей стилистики
batta (24 Сентябрь 2014 - 18:45) писал:
<!-- Поисковая форма --> <td class="Search"> <form action="http://{NET_DOMAIN}/search" class="SearchForm" method="get"> <table class="SearchFormTable"> <tr> <td class="cell1"><input name="q" value="{SEARCH_QUERY}" class="SearchFormText cornerAll" /></td> <td class="cell2"><input type="submit" value="Найти" class="SearchFormSubmit" /></td> </tr> </table> </form> </td>и вставьте перед
<!-- Непосредственный код слайдера -->
graviola (24 Сентябрь 2014 - 18:48) писал:
#161951 Помогите С Дизайном
Отправлено от graviola в 24 Сентябрь 2014 - 18:13 в Изменение общей стилистики
#161899 Помогите С Дизайном
Отправлено от graviola в 24 Сентябрь 2014 - 15:30 в Изменение общей стилистики
#161887 Помогите С Дизайном
Отправлено от graviola в 24 Сентябрь 2014 - 15:07 в Изменение общей стилистики
#161935 Помогите С Дизайном
Отправлено от graviola в 24 Сентябрь 2014 - 17:12 в Изменение общей стилистики
Ирина345 (24 Сентябрь 2014 - 16:11) писал:
<!-- Непосредственный код слайдера --> <div id="slider"> <img src="http://storeland.ru/img/faq/questions/nyvo_slider/slider.jpg" alt="" /> <a href="/"><img src="/img/faq/questions/nyvo_slider/nemo.jpg" alt="" /></a> <img title="Пример картинки с заголовком" src="http://storeland.ru/img/faq/questions/nyvo_slider/toystory.jpg" alt="" /> <img src="http://storeland.ru/img/faq/questions/nyvo_slider/walle.jpg" 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>и переместите его после строчки
<body lang="ru"> <div class="content"> <table class="contentTable" > <thead> <tr>далее найдите в nyvo.css
media="screen" .nivoSlider { position: relative; width: 100%; height: auto; overflow: hidden; margin: 0 auto; }замените на
media="screen" .nivoSlider { position: relative; width: 52%; height: auto; overflow: hidden; margin: 0 auto; }
#161903 Помогите С Дизайном
Отправлено от graviola в 24 Сентябрь 2014 - 15:49 в Изменение общей стилистики
#161948 Помогите С Дизайном
Отправлено от graviola в 24 Сентябрь 2014 - 18:00 в Изменение общей стилистики
#161937 Помогите С Дизайном
Отправлено от graviola в 24 Сентябрь 2014 - 17:23 в Изменение общей стилистики
#161943 Помогите С Дизайном
Отправлено от graviola в 24 Сентябрь 2014 - 17:45 в Изменение общей стилистики
Ирина345 (24 Сентябрь 2014 - 17:39) писал:
<div class="theme-default" style="padding: 1em; display: none;">замените на
<!-- Обёртка, указывающая стиль темы --> <div class="logo1"><a href="http://{NET_DOMAIN}/"><img src="{ASSETS_IMAGES_PATH}имя картинки"/></a></div> <div class="theme-default" style="padding: 1em; display: none; width: 45%;float: left;">добавьте картинку на сайт и укажите её имя в строке src="{ASSETS_IMAGES_PATH}имя картинки"/>
в конец файла main.css
добавьте
.logo1 { float: left; width: 273px; height: 200px; }
#161938 Помогите С Дизайном
Отправлено от graviola в 24 Сентябрь 2014 - 17:35 в Изменение общей стилистики
#162661 Помогите Доделать
Отправлено от graviola в 27 Сентябрь 2014 - 19:59 в Изменение общей стилистики
#162659 Помогите Доделать
Отправлено от graviola в 27 Сентябрь 2014 - 19:54 в Изменение общей стилистики
не могу найти эту строку
#162246 Помогите Доделать
Отправлено от graviola в 25 Сентябрь 2014 - 20:23 в Изменение общей стилистики
#162435 Помогите Доделать
Отправлено от graviola в 26 Сентябрь 2014 - 14:43 в Изменение общей стилистики
Vaccina (26 Сентябрь 2014 - 01:34) писал:
<div class="goodsListItemPriceOld"> {% IF index_page_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>index_page_goods.MIN_PRICE_NOW %} <a href="{index_page_goods.URL_MIN_PRICE_NOW_WITHOUT_DISCOUNT}" class="lineThrough">{index_page_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</a> {% ELSEIF index_page_goods.MIN_PRICE_OLD>index_page_goods.MIN_PRICE_NOW %} <a href="{index_page_goods.URL_MIN_PRICE_OLD}" class="lineThrough">{index_page_goods.MIN_PRICE_OLD | money_format}</a> {% ENDIF %} </div>после него вставьте:
<form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" id="goodsListFormId{index_page_goods.MIN_PRICE_NOW_ID}" class="goodsListForm"> <p> <input type="hidden" name="hash" value="{HASH}" /> <input type="hidden" name="form[goods_from]" value="{index_page_goods.GOODS_FROM}" /> <input type="hidden" name="form[goods_mod_id]" value="{index_page_goods.MIN_PRICE_NOW_ID}" /> <a class="readmore" onclick="$('#goodsListFormId{index_page_goods.MIN_PRICE_NOW_ID}').submit(); return false;" href="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}?hash={HASH | url_amp}&form%5Bgoods_from%5D={index_page_goods.GOODS_FROM}&form%5Bgoods_mod_id%5D={index_page_goods.MIN_PRICE_NOW_ID}" title="Положить «{index_page_goods.NAME}» в корзину">Купить</a> </p> </form> <p> <a class="readmore" title="{index_page_goods.NAME}" href="{index_page_goods.URL}">Подробнее</a> </p>2. В nyvo.css найдите:
.theme-default .nivo-controlNav { text-align: center; padding: 0px 0; }замените на:
.theme-default .nivo-controlNav { text-align: center; display: none; padding: 0px 0; }3. В шаблоне HTML найдите и удалите:
<!-- Название магазина --> <div class="logo"><a href="http://{NET_DOMAIN}/">{SETTINGS_STORE_NAME}</a></div> <!-- Контакты магазина --> <table> <!-- Первый контактный телефон --> {% IF SETTINGS_STORE_PHONE_NUMBER1 %} <tr> <td class="contentTableHeadMainPhone"> {SETTINGS_STORE_PHONE_COUNTRY_CODE1} {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER1} </td> </tr> {% ENDIF %} <!-- Второй контактный телефон --> {% IF SETTINGS_STORE_PHONE_NUMBER2 %} <tr> <td class="contentTableHeadMainPhone"> {SETTINGS_STORE_PHONE_COUNTRY_CODE2} {% IF SETTINGS_STORE_PHONE_CITY_CODE2 %}({SETTINGS_STORE_PHONE_CITY_CODE2}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER2} </td> </tr> {% ENDIF %} <!-- Третий контактный телефон --> {% IF SETTINGS_STORE_PHONE_NUMBER3 %} <tr> <td class="contentTableHeadMainPhone"> {SETTINGS_STORE_PHONE_COUNTRY_CODE3} {% IF SETTINGS_STORE_PHONE_CITY_CODE3 %}({SETTINGS_STORE_PHONE_CITY_CODE3}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER3} </td> </tr> {% ENDIF %} <!-- Время работы магазина --> {% IF SETTINGS_STORE_WORK_TIME %} <tr> <td class="contentTableHeadMainWorkTime"> {SETTINGS_STORE_WORK_TIME} </td> </tr> {% ENDIF %} <!-- Skype номер --> {% IF SETTINGS_STORE_SKYPE %} <tr> <td class="contentTableHeadMainSkype"> <a class="valignMiddle" href="skype:{SETTINGS_STORE_SKYPE}?call" title="Свяжитесь с нами по Skype"><img class="valignMiddle" src="{FORALL_IMAGES_PATH}icon/skype.png" width="16" height="16" alt="Свяжитесь с нами по Skype" /><span class="valignMiddle">{SETTINGS_STORE_SKYPE}</span></a> </td> </tr> {% ENDIF %} <!-- ICQ номер --> {% IF SETTINGS_STORE_ICQ %} <tr> <td class="contentTableHeadMainIcq"> <img class="valignMiddle" src="http://wwp.icq.com/scripts/online.dll?icq={SETTINGS_STORE_ICQ_ONLY_DIGITS}&img=27" alt="Статус" width="16" height="16" /> <span class="valignMiddle">{SETTINGS_STORE_ICQ}</span> </td> </tr> {% ENDIF %} </table>4. В шаблоне HTML найдите:
{BODY}перенесите поставив после:
</table> {% ENDIF %} <!-- end Список товаров на главной --> {% ENDIF %} <!-- END Всевозможные списки товаров -->
- Форум владельцев интернет-магазинов
- → Публикации graviola
- Privacy Policy