Не, css у меня в грид, я тут просто написал. Непривычно мне все в разных файлах. Я сначала хотел все вывести, а потом уже по файлам раскидать. Потому, что когда, что-то не работает мне пока тяжеловато по куче файлов лазить. Все в одном привычнее.
Извините, что надоедаю. Не могу никак понять «логики». Что то понимаю, потом сталкиваюсь с затупом и все стопорится. Вот я взял за основу developer. Удалил все стили css оставив только greed. Затем изменил файл header.tpl. Вставив туда предварительно сделаную в html разметку. Взял инклюды из стандартного файла и вставил их в свои дивы и классы. ну то есть, что бы в определенных блоках выводилось нужное содержание. И все вроде получилось, кроме
вывода контента, который я просто не знаю как вообще выводится, есть файлы topic...tpl но ссылки или инклюды на них в header я не нашел. Не пойму, как мне его вставить в свою разметку, и с футером таже беда. Мой код.
А как должно быть? Куда деть файл «mootools.js»?
Вставил код в template.js
<script type="text/javascript">
window.addEvent('domready', function(){
var mySlide = new Fx.Slide('top-panel');
mySlide.hide();
$('toggle').addEvent('click', function(e){
e = new Event(e);
mySlide.toggle();
});
});
</script>
Редактор пишет ошибку, и не работает. Попробовал содержимое всех файлов вставить в template.js, тоже самое.
А чем шаблоны в Livestreet отличаются от других шаблонов?
Много отдельный файлов. Много файлов с расширением tpl, много файлов стилей. Хоть они и подписаны, но не до конца вьезжаю где, что. Например есть файл меню «nav.tpl». Когда я захотел основное меню сайта поместить в header, я естественно пошел в этот файл. Но там всего несколько строк кода, куда что и как там пихнуть, не знаю. В стилях не менялся фон body, попытался найти его в .tpl так и не нашел. Я привык, что идет один файл index и там по-порядку: body, header, menu, conainer, sidebar, footer. А тут все отдельными файлами, и как они связываются между собой представляю смутно.
вывода контента, который я просто не знаю как вообще выводится, есть файлы topic...tpl но ссылки или инклюды на них в header я не нашел. Не пойму, как мне его вставить в свою разметку, и с футером таже беда. Мой код.
<!DOCTYPE html> <html> <!--[if lt IE 7]> <html class="no-js ie6 oldie" lang="ru"> <![endif]--> <!--[if IE 7]> <html class="no-js ie7 oldie" lang="ru"> <![endif]--> <!--[if IE 8]> <html class="no-js ie8 oldie" lang="ru"> <![endif]--> <!--[if gt IE 8]><!--> <html class="no-js" lang="ru"> <!--<![endif]--> <head> {hook run='html_head_begin'} <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <title>{$sHtmlTitle}</title> <meta name="description" content="{$sHtmlDescription}"> <meta name="keywords" content="{$sHtmlKeywords}"> {$aHtmlHeadFiles.css} <link href="{cfg name='path.static.skin'}/images/favicon.ico?v1" rel="shortcut icon" /> <link rel="search" type="application/opensearchdescription+xml" href="{router page='search'}opensearch/" title="{cfg name='view.name'}" /> {if $aHtmlRssAlternate} <link rel="alternate" type="application/rss+xml" href="{$aHtmlRssAlternate.url}" title="{$aHtmlRssAlternate.title}"> {/if} {if $sHtmlCanonical} <link rel="canonical" href="{$sHtmlCanonical}" /> {/if} {if $bRefreshToHome} <meta HTTP-EQUIV="Refresh" CONTENT="3; URL={cfg name='path.root.web'}/"> {/if} <script type="text/javascript"> var DIR_WEB_ROOT = '{cfg name="path.root.web"}'; var DIR_STATIC_SKIN = '{cfg name="path.static.skin"}'; var DIR_ROOT_ENGINE_LIB = '{cfg name="path.root.engine_lib"}'; var LIVESTREET_SECURITY_KEY = '{$LIVESTREET_SECURITY_KEY}'; var SESSION_ID = '{$_sPhpSessionId}'; var BLOG_USE_TINYMCE = '{cfg name="view.tinymce"}'; var TINYMCE_LANG = 'en'; {if $oConfig->GetValue('lang.current') == 'russian'} TINYMCE_LANG = 'ru'; {/if} var aRouter = new Array(); {foreach from=$aRouter key=sPage item=sPath} aRouter['{$sPage}'] = '{$sPath}'; {/foreach} </script> {$aHtmlHeadFiles.js} <script type="text/javascript"> var tinyMCE = false; ls.lang.load({json var = $aLangJs}); ls.registry.set('comment_max_tree',{json var=$oConfig->Get('module.comment.max_tree')}); ls.registry.set('block_stream_show_tip',{json var=$oConfig->Get('block.stream.show_tip')}); </script> {if {cfg name='view.grid.type'} == 'fluid'} <style> #container { min-width: {cfg name='view.grid.fluid_min_width'}px; max-width: {cfg name='view.grid.fluid_max_width'}px; } </style> {else} <style> #container { width: {cfg name='view.grid.fixed_width'}px; } </style> {/if} {hook run='html_head_end'} </head> <body> <div class="wrapper"> <header class="header"> <!--Верхнее меню навигации, лого, поиск, кнопка меню профиля---> <div class="nav_user"><!--Меню юзера--> {include file='userbar_top.tpl'} </div><!--Закрыли меню юзера--> <div class="search"><!--Поиск--> <form action="{router page='search'}topics/" class="search"> <input type="text" placeholder="{$aLang.search}" maxlength="255" name="q" class="input-text"> <input type="submit" value="" title="{$aLang.search_submit}" class="input-submit icon icon-search"> </form> </div><!--Закрыли поиск--> <div class="nav_top"><!--Основная навигация--> {include file='nav.tpl'} </div><!--Закрыли меню навигации--> <div class="logo"><!--Лого--> {include file='header_top.tpl'} </div><!--Закрыли лого--> </header><!--Закрыли header_top---> <div id="host"><!--Блок призрак для выравнивания--> </div><!--Закрыли блок призрак--> <div id="block_menu"> <!--Меню новые, колективные...---> {include file='nav_content.tpl'} </div><!--Закрыли меню новые, коллективные...--> <div class="middle"> <div class="container"> <main class="content"> <div id="content" role="main" class="{if count($aTopics)<=0 && !$oTwoContent}no-topic{/if}" {if $sMenuItemSelect == 'profile'}itemscope itemtype="http://data-vocabulary.org/Person"{/if}> {include file='system_message.tpl'} {hook run='content_begin'} {hook run='content_begin'} </main><!-- .content --> </div><!-- .container--> <aside class="right-sidebar"> {include file='sidebar.tpl'} </aside><!-- .right-sidebar --> </div><!-- .middle--> </div><!-- .wrapper --> </body> </html> стили /* Eric Meyer's CSS Reset */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } /* End of Eric Meyer's CSS Reset */ html { height: 100%; } article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; } body { font: 12px/18px Arial, sans-serif; height: 100%; } .wrapper { width: 100%; min-height: 100%; height: auto !important; height: 100%; } /* Header -----------------------------------------------------------------------------*/ .header { width:100%; height:50px; background-color: #C00; position:fixed; z-index:1; } .nav_user { width:50px; height:50px; background-color:#006; float:left; } .search { width:50px; height:50px; background-color:#008; float:left; }} .logo { width:30%; height:50px; background-color:#063; float:left; } .nav_top { width:60%; height:50px; background-color:#064; float:left; } .nav_top ul li { float:left; text-decoration:none; padding:1%; } #host { width:100%; height:70px; } #block_menu { width:70%; height:50px; background-color:#333; margin: 0 1%; } /* Middle -----------------------------------------------------------------------------*/ .middle { width: 100%; padding: 0 0 100px; position: relative; } .middle:after { display: table; clear: both; content: ''; } .container { margin: 20px 1%; width: 70%; float: left; overflow: hidden; } .content { padding: 0 270px 0 0; } /* Right Sidebar -----------------------------------------------------------------------------*/ .right-sidebar { margin: -50px 0; float: left; width: 27%; background: #FFACAA; } /* Footer -----------------------------------------------------------------------------*/ .footer { margin: -100px auto 0; height: 100px; background: #BFF08E; position: relative; }Контент выводится ниже всего, отдельно от всех блоков.
а должно быть так, в своем блоке «content»
Вставил код в template.js
<script type="text/javascript"> window.addEvent('domready', function(){ var mySlide = new Fx.Slide('top-panel'); mySlide.hide(); $('toggle').addEvent('click', function(e){ e = new Event(e); mySlide.toggle(); }); }); </script>Редактор пишет ошибку, и не работает. Попробовал содержимое всех файлов вставить в template.js, тоже самое.
<aside id="sidebar" {if $sidebarPosition == 'left'}class="sidebar-left"{/if}> {include file='blocks.tpl' group='right'} </aside>В папке «blocks» есть файл «block.tags».
Я добавил в файл «sidebar» такое:
<aside id="sidebar" {if $sidebarPosition == 'left'}class="sidebar-left"{/if}> {include file='blocks.tpl' group='right'} {include file='block.tags' group='right'} </aside>Ничего не работает. Как правильно нужно подключать блоки друг к другу?