слайдер перед топ меню
17 views
Skip to first unread message
Город Таланта
Sep 28, 2025, 1:20:59 PMSep 28
to HEEG.HTML Бесплатная CMS интернет магазина
Здравствуйте! Как создать слайдер перед топ меню после логотипа но перед названием сайта?
HEEG.HTML Бесплатная CMS интернет магазина
Sep 28, 2025, 3:23:50 PMSep 28
to HEEG.HTML Бесплатная CMS интернет магазина
Все эти блоки находятся в шапке сайта https://heeg.ru/shop2_4.html#%24%3A%2F_header
вам нужно переопределить статью $:/_header через гугл таблицу и переставить в ней блоки кода в нужно вам порядке
обратите внимание что статья должна иметь колонку tags с меткой $:/tags/TopRightBar
воскресенье, 28 сентября 2025 г. в 20:20:59 UTC+3, Город Таланта:
Город Таланта
Sep 28, 2025, 4:07:52 PMSep 28
to HEEG.HTML Бесплатная CMS интернет магазина
Я плохо поняла что делать.
Вот нашла такую статью
(function(){ var menujs = (function(){ /* <input id="menu-toggle" type="checkbox"> <label class="menu-icon" for="menu-toggle"></label> <div class="slideout-sidebar"> <div class="foto_back"> <div class="foto"><div style="position:relative;"> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3-mKNDhYqMx2UFVo7vq9ryN_mgk0HTeVKVtQMBuefpd8xCKIQRvPE43jrLs4NGxMwcQT37RZ_ka7CkhZUDfqUhO6rdfYbDkJ9EfQNAPzh71xro2LYoCh2v-xiRuIzehhLy19D_i5l-SVNe-LS6O8XHO0aAF4NvS1M7opjdFGjBporxScxCkT6wnKo4nHQ/w343-h343/alg26p_6684f242ac3e2c23c4b16b8a4699225b_1024_920-_1_.jpeg"> </div></div> <a style="font-weight:700;"><div style="position:relative;"> </div></a> <a href="mailto:"><div style="position:relative;"> </div></a> <a><div style="position:relative;"> Принимаются заказы только на тлефон или налом. Также можно договориться на бартер. </div></a> </div> <label class="menu-icon" for="menu-toggle"></label> <p><div class="tc-search"><input class="mysearch" placeholder="Поиск..." type="search" value=""> <button class="tc-btn-invisible start_search_bar"> </button> <button class="tc-btn-invisible empty_search"> </button> </div></p> <ul class="tc-toc"><li class="toc-item-selected expand" tit="magazini"><a class="tc-tiddlylink tc-tiddlylink-resolves" href="magazini.html">Магазины</a><ul class="tc-toc"><li class="toc-item-selected expand" tit="xudozestvenniy"><a class="tc-tiddlylink tc-tiddlylink-resolves" href="xudozestvenniy.html">Художественный магазин</a><ul class="tc-toc"><li class="toc-item-selected" tit="zgivopis"><a class="tc-tiddlylink tc-tiddlylink-resolves" href="zgivopis.html">Живопись</a><ul class="tc-toc"></ul></li><li class="toc-item-selected" tit="rospis"><a class="tc-tiddlylink tc-tiddlylink-resolves" href="rospis.html">Роспись</a><ul class="tc-toc"></ul></li></ul></li><li class="toc-item-selected" tit="about_cms"><a class="tc-tiddlylink tc-tiddlylink-resolves" href="about_cms.html">Оплата и доставка</a><ul class="tc-toc"></ul></li><li class="toc-item-selected" tit="sp"><a class="tc-tiddlylink tc-tiddlylink-resolves" href="sp.html">Таблица заказов</a><ul class="tc-toc"></ul></li></ul></li></ul> </div> <div class="shop-top" incart="0"> <div class="fixed_cart"><b></b><div class="simpleCart_hide"> <a class="simpleCart_total"></a></div></div> <div class="search_butt"><label class="tc-btn-invisible" for="search_label"><b></b></label> <input id="search_label" type="checkbox"> <div class="ch_search"> <div class="tc-search"><input class="mysearch" placeholder="Поиск..." type="search" value=""> <button class="tc-btn-invisible start_search_bar"> </button> <button class="tc-btn-invisible empty_search"> </button> </div> </div></div> <div class="menudecor"><div class="logo"><a class="tc-tiddlylink tc-tiddlylink-resolves" href="index.html"><div style="position:relative;"> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPABNjh2tqf2b34JQ88jZI_Tc3v8LkrLvDrt5R2WK0oWye8icMrBOxIlSZ2f0brA_FZvCQkHMKcOhCqn0kaimRijF98JzBLGiiFFuFmIFnPkJMDEaOoAtYoR16DrsOHH5EuN9-AOkI_9r0fWw1lB69RnwYq1W1BE_rm6Gdo9hvQ4vZ4ipfYG72gUCdIf2G/w973-h351/65fb8ba09c8911f0b8f7462f7474da03_1.jpeg"> </div></a></div> <div class="SiteTitle"><div style="position:relative;"> <html lang="ru"> <head> <meta charset="UTF-8"> <title>ВАВИЛОН</title> <link href="https://fonts.googleapis.com/css2?family=Playfair+Display:wght@700&display=swap" rel="stylesheet"> <style> body { margin: 40px; font-family: 'Playfair Display', serif; color: #433128; text-align: center; } .header-container { max-width: 600px; margin: 0 auto; } .site-title { font-size: 40px; font-weight: 700; margin: 0; white-space: nowrap; text-decoration: none; color: #433128; display: inline-block; transition: color 0.3s ease; } .site-title:hover { color: #7a5c4a; } .site-subtitle { font-size: 36px; font-weight: 400; margin: 8px 0 0 0; color: #433128; } </style> </head> <body> <header class="header-container"> <a class="site-title" href="https://heeg.ru/shop2_4.html?id=1tH19ESfKNtfjUWleMi8bIu3CZs9JNhw5322-HXE4npA#index"> ВАВИЛОН </a> </header> </body> </html> </div></div> </div> <aside id="aside1"> <div class="sticky2" id="stick"> <div class="sf-contener clearfix col-lg-12" id="block_top_menu "> <div class="tw-table-of-contents-top container"> <ul class="tc-toc"><input id="magazini" name="accordion-1" type="radio"><label for="magazini"><li class="toc-item-selected expand" tit="magazini"><a class="tc-tiddlylink tc-tiddlylink-resolves" href="magazini.html"><b></b>Магазины</a><ul class="tc-toc"><input id="xudozestvenniy" name="accordion-1" type="radio"><label for="xudozestvenniy"><li class="toc-item-selected expand" tit="xudozestvenniy"><a class="tc-tiddlylink tc-tiddlylink-resolves" href="xudozestvenniy.html"><b></b>Художественный магазин</a><ul class="tc-toc"><input id="zgivopis" name="accordion-1" type="radio"><label for="zgivopis"><li class="toc-item-selected" tit="zgivopis"><a class="tc-tiddlylink tc-tiddlylink-resolves" href="zgivopis.html"><b></b>Живопись</a><ul class="tc-toc"></ul></li></label><input id="rospis" name="accordion-1" type="radio"><label for="rospis"><li class="toc-item-selected" tit="rospis"><a class="tc-tiddlylink tc-tiddlylink-resolves" href="rospis.html"><b></b>Роспись</a><ul class="tc-toc"></ul></li></label></ul></li></label><input id="about_cms" name="accordion-1" type="radio"><label for="about_cms"><li class="toc-item-selected" tit="about_cms"><a class="tc-tiddlylink tc-tiddlylink-resolves" href="about_cms.html"><b></b>Оплата и доставка</a><ul class="tc-toc"></ul></li></label><input id="sp" name="accordion-1" type="radio"><label for="sp"><li class="toc-item-selected" tit="sp"><a class="tc-tiddlylink tc-tiddlylink-resolves" href="sp.html"><b></b>Таблица заказов</a><ul class="tc-toc"></ul></li></label></ul></li></label></ul> <b></b><div class="simpleCart_hide"> <a class="simpleCart_total"></a></div> </div></div></div> </aside> </div> <span class=" tc-reveal"> <center class="headsearch"><div class="tc-search"><input class="mysearch" placeholder="Поиск..." type="search" value=""> <button class="tc-btn-invisible start_search_bar"> </button> <button class="tc-btn-invisible empty_search"> </button> </div></center> </span> <span class=" tc-reveal" hidden="true"></span> <span class=" tc-reveal" hidden="true"></span> */ }).toString(); menujs = menujs.slice(menujs.indexOf('/*')+2, menujs.lastIndexOf('*/')); document.write(menujs) }());
что именно в ней менять я не понимаю.
После нажатия на карандаш данная статья приобретает следующий вид.
\define tv-wikilink-template() $uri_doubleencoded$.html
\define tv-config-toolbar-icons() no
\define tv-config-toolbar-text() no
\define tv-config-toolbar-class() tc-btn-invisible
<$importvariables filter="[all[shadows+tiddlers]tag[$:/tags/Macro]!has[draft.of]]">
`
(function(){
var menujs = (function(){
/* `
<$view tiddler="$:/_header" mode="inline" format="htmlwikified" />
`*/
}).toString();
menujs = menujs.slice(menujs.indexOf('/*')+2, menujs.lastIndexOf('*/'));
document.write(menujs)
}());`
</$importvariables>
Я не поняла что тут делать надо.
Вот нашла такую статью
(function(){ var menujs = (function(){ /* <input id="menu-toggle" type="checkbox"> <label class="menu-icon" for="menu-toggle"></label> <div class="slideout-sidebar"> <div class="foto_back"> <div class="foto"><div style="position:relative;"> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3-mKNDhYqMx2UFVo7vq9ryN_mgk0HTeVKVtQMBuefpd8xCKIQRvPE43jrLs4NGxMwcQT37RZ_ka7CkhZUDfqUhO6rdfYbDkJ9EfQNAPzh71xro2LYoCh2v-xiRuIzehhLy19D_i5l-SVNe-LS6O8XHO0aAF4NvS1M7opjdFGjBporxScxCkT6wnKo4nHQ/w343-h343/alg26p_6684f242ac3e2c23c4b16b8a4699225b_1024_920-_1_.jpeg"> </div></div> <a style="font-weight:700;"><div style="position:relative;"> </div></a> <a href="mailto:"><div style="position:relative;"> </div></a> <a><div style="position:relative;"> Принимаются заказы только на тлефон или налом. Также можно договориться на бартер. </div></a> </div> <label class="menu-icon" for="menu-toggle"></label> <p><div class="tc-search"><input class="mysearch" placeholder="Поиск..." type="search" value=""> <button class="tc-btn-invisible start_search_bar"> </button> <button class="tc-btn-invisible empty_search"> </button> </div></p> <ul class="tc-toc"><li class="toc-item-selected expand" tit="magazini"><a class="tc-tiddlylink tc-tiddlylink-resolves" href="magazini.html">Магазины</a><ul class="tc-toc"><li class="toc-item-selected expand" tit="xudozestvenniy"><a class="tc-tiddlylink tc-tiddlylink-resolves" href="xudozestvenniy.html">Художественный магазин</a><ul class="tc-toc"><li class="toc-item-selected" tit="zgivopis"><a class="tc-tiddlylink tc-tiddlylink-resolves" href="zgivopis.html">Живопись</a><ul class="tc-toc"></ul></li><li class="toc-item-selected" tit="rospis"><a class="tc-tiddlylink tc-tiddlylink-resolves" href="rospis.html">Роспись</a><ul class="tc-toc"></ul></li></ul></li><li class="toc-item-selected" tit="about_cms"><a class="tc-tiddlylink tc-tiddlylink-resolves" href="about_cms.html">Оплата и доставка</a><ul class="tc-toc"></ul></li><li class="toc-item-selected" tit="sp"><a class="tc-tiddlylink tc-tiddlylink-resolves" href="sp.html">Таблица заказов</a><ul class="tc-toc"></ul></li></ul></li></ul> </div> <div class="shop-top" incart="0"> <div class="fixed_cart"><b></b><div class="simpleCart_hide"> <a class="simpleCart_total"></a></div></div> <div class="search_butt"><label class="tc-btn-invisible" for="search_label"><b></b></label> <input id="search_label" type="checkbox"> <div class="ch_search"> <div class="tc-search"><input class="mysearch" placeholder="Поиск..." type="search" value=""> <button class="tc-btn-invisible start_search_bar"> </button> <button class="tc-btn-invisible empty_search"> </button> </div> </div></div> <div class="menudecor"><div class="logo"><a class="tc-tiddlylink tc-tiddlylink-resolves" href="index.html"><div style="position:relative;"> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPABNjh2tqf2b34JQ88jZI_Tc3v8LkrLvDrt5R2WK0oWye8icMrBOxIlSZ2f0brA_FZvCQkHMKcOhCqn0kaimRijF98JzBLGiiFFuFmIFnPkJMDEaOoAtYoR16DrsOHH5EuN9-AOkI_9r0fWw1lB69RnwYq1W1BE_rm6Gdo9hvQ4vZ4ipfYG72gUCdIf2G/w973-h351/65fb8ba09c8911f0b8f7462f7474da03_1.jpeg"> </div></a></div> <div class="SiteTitle"><div style="position:relative;"> <html lang="ru"> <head> <meta charset="UTF-8"> <title>ВАВИЛОН</title> <link href="https://fonts.googleapis.com/css2?family=Playfair+Display:wght@700&display=swap" rel="stylesheet"> <style> body { margin: 40px; font-family: 'Playfair Display', serif; color: #433128; text-align: center; } .header-container { max-width: 600px; margin: 0 auto; } .site-title { font-size: 40px; font-weight: 700; margin: 0; white-space: nowrap; text-decoration: none; color: #433128; display: inline-block; transition: color 0.3s ease; } .site-title:hover { color: #7a5c4a; } .site-subtitle { font-size: 36px; font-weight: 400; margin: 8px 0 0 0; color: #433128; } </style> </head> <body> <header class="header-container"> <a class="site-title" href="https://heeg.ru/shop2_4.html?id=1tH19ESfKNtfjUWleMi8bIu3CZs9JNhw5322-HXE4npA#index"> ВАВИЛОН </a> </header> </body> </html> </div></div> </div> <aside id="aside1"> <div class="sticky2" id="stick"> <div class="sf-contener clearfix col-lg-12" id="block_top_menu "> <div class="tw-table-of-contents-top container"> <ul class="tc-toc"><input id="magazini" name="accordion-1" type="radio"><label for="magazini"><li class="toc-item-selected expand" tit="magazini"><a class="tc-tiddlylink tc-tiddlylink-resolves" href="magazini.html"><b></b>Магазины</a><ul class="tc-toc"><input id="xudozestvenniy" name="accordion-1" type="radio"><label for="xudozestvenniy"><li class="toc-item-selected expand" tit="xudozestvenniy"><a class="tc-tiddlylink tc-tiddlylink-resolves" href="xudozestvenniy.html"><b></b>Художественный магазин</a><ul class="tc-toc"><input id="zgivopis" name="accordion-1" type="radio"><label for="zgivopis"><li class="toc-item-selected" tit="zgivopis"><a class="tc-tiddlylink tc-tiddlylink-resolves" href="zgivopis.html"><b></b>Живопись</a><ul class="tc-toc"></ul></li></label><input id="rospis" name="accordion-1" type="radio"><label for="rospis"><li class="toc-item-selected" tit="rospis"><a class="tc-tiddlylink tc-tiddlylink-resolves" href="rospis.html"><b></b>Роспись</a><ul class="tc-toc"></ul></li></label></ul></li></label><input id="about_cms" name="accordion-1" type="radio"><label for="about_cms"><li class="toc-item-selected" tit="about_cms"><a class="tc-tiddlylink tc-tiddlylink-resolves" href="about_cms.html"><b></b>Оплата и доставка</a><ul class="tc-toc"></ul></li></label><input id="sp" name="accordion-1" type="radio"><label for="sp"><li class="toc-item-selected" tit="sp"><a class="tc-tiddlylink tc-tiddlylink-resolves" href="sp.html"><b></b>Таблица заказов</a><ul class="tc-toc"></ul></li></label></ul></li></label></ul> <b></b><div class="simpleCart_hide"> <a class="simpleCart_total"></a></div> </div></div></div> </aside> </div> <span class=" tc-reveal"> <center class="headsearch"><div class="tc-search"><input class="mysearch" placeholder="Поиск..." type="search" value=""> <button class="tc-btn-invisible start_search_bar"> </button> <button class="tc-btn-invisible empty_search"> </button> </div></center> </span> <span class=" tc-reveal" hidden="true"></span> <span class=" tc-reveal" hidden="true"></span> */ }).toString(); menujs = menujs.slice(menujs.indexOf('/*')+2, menujs.lastIndexOf('*/')); document.write(menujs) }());
что именно в ней менять я не понимаю.
После нажатия на карандаш данная статья приобретает следующий вид.
\define tv-wikilink-template() $uri_doubleencoded$.html
\define tv-config-toolbar-icons() no
\define tv-config-toolbar-text() no
\define tv-config-toolbar-class() tc-btn-invisible
<$importvariables filter="[all[shadows+tiddlers]tag[$:/tags/Macro]!has[draft.of]]">
`
(function(){
var menujs = (function(){
/* `
<$view tiddler="$:/_header" mode="inline" format="htmlwikified" />
`*/
}).toString();
menujs = menujs.slice(menujs.indexOf('/*')+2, menujs.lastIndexOf('*/'));
document.write(menujs)
}());`
</$importvariables>
Я не поняла что тут делать надо.
воскресенье, 28 сентября 2025 г. в 22:23:50 UTC+3, HEEG.HTML Бесплатная CMS интернет магазина:
HEEG.HTML Бесплатная CMS интернет магазина
Sep 29, 2025, 3:21:15 AMSep 29
to HEEG.HTML Бесплатная CMS интернет магазина
не надо искать. просто перейдите по ссылке https://heeg.ru/shop2_4.html#%24%3A%2F_header и нажмите карандаш
<div class="shop-top" incart="0">
</div></div></div>
</aside>
</div>
по коду будет понятно какой кусочек за что отвечает но на всякий случай вот вам этот код с комментариями
<!-- левое выдвижное меню -->
{{$:/_LeftSlideMenu}}
<!-- шапка сайта -->
{{$:/_LeftSlideMenu}}
<!-- шапка сайта -->
<div class="shop-top" incart="0">
<!-- значок корзины. скрыт пока корзина пустая-->
<div class='fixed_cart'>{{flag}}</div>
<!-- значок лупы . виден пока корзина пустая-->
<div class='search_butt'>{{$:/_search_label}}</div>
<!-- логотип -->
<div class='menudecor'><div class='logo'><$link to="index">{{logo}}</$link></div>
<!-- Слайдер картинок берет данные из поля topslider-->
<div class='fixed_cart'>{{flag}}</div>
<!-- значок лупы . виден пока корзина пустая-->
<div class='search_butt'>{{$:/_search_label}}</div>
<!-- логотип -->
<div class='menudecor'><div class='logo'><$link to="index">{{logo}}</$link></div>
<!-- Слайдер картинок берет данные из поля topslider-->
<$reveal state="$:/constant/_top_slider" type="match" text="old_left_menu" default="yes">
<$list filter="[list[$:/HistoryList!!current-tiddler]limit[1]minlength[1]]" >
{{!!topslider}}
</$list>
</$reveal>
<!-- название сайта -->
<div class="SiteTitle">{{$:/SiteTitle}}</div>
</div>
<!-- верхнее меню -->
<aside id="aside1" >
<div id="stick" class="sticky2">
<div id="block_top_menu " class="sf-contener clearfix col-lg-12" >
<div class='tw-table-of-contents-top container' >
<<toc2 'top_menu' 'tag[$:/TOC]nsort[i]'>> {{flag}}
<$list filter="[list[$:/HistoryList!!current-tiddler]limit[1]minlength[1]]" >
{{!!topslider}}
</$list>
</$reveal>
<!-- название сайта -->
<div class="SiteTitle">{{$:/SiteTitle}}</div>
</div>
<!-- верхнее меню -->
<aside id="aside1" >
<div id="stick" class="sticky2">
<div id="block_top_menu " class="sf-contener clearfix col-lg-12" >
<div class='tw-table-of-contents-top container' >
<<toc2 'top_menu' 'tag[$:/TOC]nsort[i]'>> {{flag}}
</div></div></div>
</aside>
</div>
<!-- блок с поиском по сайту -->
<$reveal state="$:/constant/_headsearch" type="match" text="yes" default="no">
<center class="headsearch">{{$:/_aa/search_input}}</center>
</$reveal>
<!-- левое стационарное меню по умолчанию скрыто можете удалить -->
<$reveal state="$:/constant/_leftmenu" type="match" text="yes" default="yes">
<div class='tw-table-of-contents' > <$transclude tiddler="$:/_aa/search_input" mode="block"/> <<toc 'index' 'tag[$:/TOC]nsort[i]'>> {{$:/_selectParametres}} <ul class="hide" style="padding-top:30px; float:left;"> <$transclude tiddler="reclama" mode="block"/> </ul>
</div>
</$reveal>
<$reveal state="$:/constant/_headsearch" type="match" text="yes" default="no">
<center class="headsearch">{{$:/_aa/search_input}}</center>
</$reveal>
<!-- левое стационарное меню по умолчанию скрыто можете удалить -->
<$reveal state="$:/constant/_leftmenu" type="match" text="yes" default="yes">
<div class='tw-table-of-contents' > <$transclude tiddler="$:/_aa/search_input" mode="block"/> <<toc 'index' 'tag[$:/TOC]nsort[i]'>> {{$:/_selectParametres}} <ul class="hide" style="padding-top:30px; float:left;"> <$transclude tiddler="reclama" mode="block"/> </ul>
</div>
</$reveal>
вам нужно перенести этот код в гугл таблицу. например на вкладку parts
в колонку id пишите $:/_header
в колонку text добавьте код, который я написал выше
в колонку tags напишите $:/tags/TopRightBar
воскресенье, 28 сентября 2025 г. в 23:07:52 UTC+3, Город Таланта:
Город Таланта
Sep 29, 2025, 8:14:39 PMSep 29
to HEEG.HTML Бесплатная CMS интернет магазина
благодарю Вас! Попробую
понедельник, 29 сентября 2025 г. в 10:21:15 UTC+3, HEEG.HTML Бесплатная CMS интернет магазина:
Reply all
Reply to author
Forward
0 new messages