Последние темы
» Где послушать классное радио в Инете
Ср Ноя 13, 2013 4:14 pm автор Гость

» Нло - незваные гости?
Сб Ноя 09, 2013 6:27 pm автор Filex

» Тема с приколами
Пт Июн 07, 2013 3:29 pm автор Admin

» Конфетка для Аллакса)))
Вт Июн 04, 2013 4:54 pm автор Admin

» Возвращение маразма - сериал Проспект Бразилия
Вт Май 28, 2013 11:58 am автор Admin

» Зависимость от железок от и сетей
Пн Май 27, 2013 4:01 pm автор Admin

» Свободная воля
Пн Май 27, 2013 10:56 am автор Admin

» Об ориентации, либерализме и глобальном желании мирового разврата
Пн Май 27, 2013 10:41 am автор Admin

» Возникновение Вселенной
Вс Май 26, 2013 5:56 am автор Admin

» Переселение душ и карма
Вс Май 26, 2013 5:22 am автор Admin

» Символика и аватары
Вс Апр 28, 2013 1:55 pm автор Admin

» Обмен бесплатными и тематическими ссылками
Пн Апр 15, 2013 7:07 am автор Admin

» Добыча газа из навоза - как это делается
Пт Апр 12, 2013 11:09 pm автор Admin

» Как я работал в компании ОСЭ
Вс Мар 31, 2013 2:51 am автор Admin

» Конституционная монархия
Вс Мар 24, 2013 2:01 pm автор Гость

Поиск
 
 

Результаты :
 


Rechercher Расширенный поиск

Счетчики

Давайте попробуем разобраться в китайской азбуке?

Перейти вниз

Давайте попробуем разобраться в китайской азбуке?

Сообщение автор Admin в Пн Янв 14, 2013 4:40 pm

Давайте попробуем разобраться в китайской азбуке?

Вот шаблон блога платформе blogspot как он есть. Сможет ли кто разобраться в нем и написать несчастным чайникам вроде меня, какой блок за что здесь отвечает?

Код:
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<html b:version='2' class='v2' expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
  <head>
    <meta content='IE=EmulateIE7' http-equiv='X-UA-Compatible'/>
    <b:if cond='data:blog.isMobile'>
      <meta content='width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0' name='viewport'/>
    <b:else/>
      <meta content='width=1100' name='viewport'/>
    </b:if>
    <b:include data='blog' name='all-head-content'/>
    <b:if cond='data:blog.pageType == &quot;index&quot;'>
<title><data:blog.title/></title>
<b:else/>
<title><data:blog.pageName/></title>
</b:if>
 <b:if cond='data:blog.url == data:blog.homepageUrl'><meta content='Блог наблюдателя за происходящим' name='description'/></b:if>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<meta content='блог наблюдателя' name='keywords'/>
</b:if>
    <b:skin><![CDATA[/*-----------------------------------------------

Blogger Template Style
Name:    Picture Window
Designer: Josh Peterson
URL:      www.noaesthetic.com
----------------------------------------------- */

/* Variable definitions
  ====================
  <Variable name="keycolor" description="Main Color" type="color" default="#1a222a" value="#1a222a"/>
  <Variable name="body.background" description="Body Background" type="background"
      color="$(body.background.color)" default="#111111 url(//themes.googleusercontent.com/image?id=1OACCYOE0-eoTRTfsBuX1NMN9nz599ufI1Jh0CggPFA_sK80AGkIr8pLtYRpNUKPmwtEa) repeat-x fixed top center" value="#111111 url(//themes.googleusercontent.com/image?id=1OACCYOE0-eoTRTfsBuX1NMN9nz599ufI1Jh0CggPFA_sK80AGkIr8pLtYRpNUKPmwtEa) repeat-x fixed top center"/>

  <Group description="Page Text" selector="body">
    <Variable name="body.font" description="Font" type="font"
        default="normal normal 15px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="normal normal 15px Arial, Tahoma, Helvetica, FreeSans, sans-serif"/>
    <Variable name="body.text.color" description="Text Color" type="color" default="#333333" value="#333333"/>
  </Group>

  <Group description="Backgrounds" selector=".body-fauxcolumns-outer">
    <Variable name="body.background.color" description="Outer Background" type="color" default="#296695" value="#111111"/>
    <Variable name="header.background.color" description="Header Background" type="color" default="transparent" value="transparent"/>
    <Variable name="post.background.color" description="Post Background" type="color" default="#ffffff" value="#ffffff"/>
  </Group>

  <Group description="Links" selector=".main-outer">
    <Variable name="link.color" description="Link Color" type="color" default="#336699" value="#336699"/>
    <Variable name="link.visited.color" description="Visited Color" type="color" default="#6699cc" value="#6699cc"/>
    <Variable name="link.hover.color" description="Hover Color" type="color" default="#33aaff" value="#33aaff"/>
  </Group>

  <Group description="Blog Title" selector=".header h1">
    <Variable name="header.font" description="Title Font" type="font"
        default="normal normal 36px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="normal normal 36px Arial, Tahoma, Helvetica, FreeSans, sans-serif"/>
    <Variable name="header.text.color" description="Text Color" type="color" default="#ffffff"  value="#ffffff"/>
  </Group>

  <Group description="Tabs Text" selector=".tabs-inner .widget li a">
    <Variable name="tabs.font" description="Font" type="font"
        default="normal normal 15px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="normal normal 15px Arial, Tahoma, Helvetica, FreeSans, sans-serif"/>
    <Variable name="tabs.text.color" description="Text Color" type="color" default="#ffffff" value="#ffffff"/>
    <Variable name="tabs.selected.text.color" description="Selected Color" type="color" default="$(link.color)" value="$(link.color)"/>
  </Group>

  <Group description="Tabs Background" selector=".tabs-outer .PageList">
    <Variable name="tabs.background.color" description="Background Color" type="color" default="transparent" value="transparent"/>
    <Variable name="tabs.selected.background.color" description="Selected Color" type="color" default="transparent" value="transparent"/>
    <Variable name="tabs.separator.color" description="Separator Color" type="color" default="transparent" value="transparent"/>
  </Group>

  <Group description="Post Title" selector="h3.post-title, .comments h4">
    <Variable name="post.title.font" description="Title Font" type="font"
        default="normal normal 18px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="normal normal 18px Arial, Tahoma, Helvetica, FreeSans, sans-serif"/>
  </Group>

  <Group description="Date Header" selector=".date-header">
    <Variable name="date.header.color" description="Text Color" type="color" default="$(body.text.color)" value="#333333"/>
  </Group>

  <Group description="Post" selector=".post">
    <Variable name="post.footer.text.color" description="Footer Text Color" type="color" default="#999999" value="#999999"/>
    <Variable name="post.border.color" description="Border Color" type="color" default="#dddddd" value="#dddddd"/>
  </Group>

  <Group description="Gadgets" selector="h2">
    <Variable name="widget.title.font" description="Title Font" type="font"
        default="bold normal 13px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="bold normal 13px Arial, Tahoma, Helvetica, FreeSans, sans-serif"/>
    <Variable name="widget.title.text.color" description="Title Color" type="color" default="#888888" value="#888888"/>
  </Group>

  <Group description="Footer" selector=".footer-outer">
    <Variable name="footer.text.color" description="Text Color" type="color" default="#cccccc" value="#cccccc"/>
    <Variable name="footer.widget.title.text.color" description="Gadget Title Color" type="color" default="#aaaaaa" value="#aaaaaa"/>
  </Group>

  <Group description="Footer Links" selector=".footer-outer">
    <Variable name="footer.link.color" description="Link Color" type="color" default="#99ccee" value="#99ccee"/>
    <Variable name="footer.link.visited.color" description="Visited Color" type="color" default="#77aaee" value="#77aaee"/>
    <Variable name="footer.link.hover.color" description="Hover Color" type="color" default="#33aaff" value="#33aaff"/>
  </Group>

  <Variable name="content.margin" description="Content Margin Top" type="length" default="20px" value="20px"/>
  <Variable name="content.padding" description="Content Padding" type="length" default="0" value="0"/>
  <Variable name="content.background" description="Content Background" type="background"
      default="transparent none repeat scroll top left" value="transparent none repeat scroll top left"/>
  <Variable name="content.border.radius" description="Content Border Radius" type="length" default="0" value="0"/>
  <Variable name="content.shadow.spread" description="Content Shadow Spread" type="length" default="0" value="0"/>

  <Variable name="header.padding" description="Header Padding" type="length" default="0" value="0"/>
  <Variable name="header.background.gradient" description="Header Gradient" type="url"
      default="none" value="none"/>
  <Variable name="header.border.radius" description="Header Border Radius" type="length" default="0" value="0"/>

  <Variable name="main.border.radius.top" description="Main Border Radius" type="length" default="20px" value="20px"/>
  <Variable name="footer.border.radius.top" description="Footer Border Radius Top" type="length" default="0" value="0"/>
  <Variable name="footer.border.radius.bottom" description="Footer Border Radius Bottom" type="length" default="20px" value="20px"/>
  <Variable name="region.shadow.spread" description="Main and Footer Shadow Spread" type="length" default="3px" value="3px"/>
  <Variable name="region.shadow.offset" description="Main and Footer Shadow Offset" type="length" default="1px" value="1px"/>

  <Variable name="tabs.background.gradient" description="Tab Background Gradient" type="url" default="none" value="none"/>
  <Variable name="tab.selected.background.gradient" description="Selected Tab Background" type="url"
      default="url(//www.blogblog.com/1kt/transparent/white80.png)" value="url(//www.blogblog.com/1kt/transparent/white80.png)"/>
  <Variable name="tab.background" description="Tab Background" type="background"
      default="transparent url(//www.blogblog.com/1kt/transparent/black50.png) repeat scroll top left" value="transparent url(//www.blogblog.com/1kt/transparent/black50.png) repeat scroll top left"/>

  <Variable name="tab.border.radius" description="Tab Border Radius" type="length" default="10px"  value="10px"/>
  <Variable name="tab.first.border.radius" description="First Tab Border Radius" type="length" default="10px"  value="10px"/>
  <Variable name="tabs.border.radius" description="Tabs Border Radius" type="length" default="0"  value="0"/>

  <Variable name="tabs.spacing" description="Tab Spacing" type="length" default=".25em" value=".25em"/>
  <Variable name="tabs.margin.bottom" description="Tab Margin Bottom" type="length" default="0" value="0"/>
  <Variable name="tabs.margin.sides" description="Tab Margin Sides" type="length" default="20px" value="20px"/>

  <Variable name="main.background" description="Main Background" type="background"
      default="transparent url(//www.blogblog.com/1kt/transparent/white80.png) repeat scroll top left" value="transparent url(//www.blogblog.com/1kt/transparent/white80.png) repeat scroll top left"/>
  <Variable name="main.padding.sides" description="Main Padding Sides" type="length" default="20px" value="20px"/>

  <Variable name="footer.background" description="Footer Background" type="background"
      default="transparent url(//www.blogblog.com/1kt/transparent/black50.png) repeat scroll top left" value="transparent url(//www.blogblog.com/1kt/transparent/black50.png) repeat scroll top left"/>

  <Variable name="post.margin.sides" description="Post Margin Sides" type="length" default="-20px" value="-20px"/>
  <Variable name="post.border.radius" description="Post Border Radius" type="length" default="5px" value="5px"/>
  <Variable name="widget.title.text.transform" description="Widget Title Text Transform" type="string" default="uppercase" value="uppercase"/>

  <Variable name="mobile.background.overlay" description="Mobile Background Overlay" type="string"
      default="transparent none repeat scroll top left" value="transparent none repeat scroll top left"/>

  <Variable name="startSide" description="Side where text starts in blog language" type="automatic" default="left" value="left"/>
  <Variable name="endSide" description="Side where text ends in blog language" type="automatic" default="right" value="right"/>
*/

/* Content
----------------------------------------------- */
body {
  font: $(body.font);
  color: $(body.text.color);
  background: $(body.background);
}

html body .region-inner {
  min-width: 0;
  max-width: 100%;
  width: auto;
}

.content-outer {
  font-size: 90%;
}

a:link {
  text-decoration:none;
  color: $(link.color);
}

a:visited {
  text-decoration:none;
  color: $(link.visited.color);
}

a:hover {
  text-decoration:underline;
  color: $(link.hover.color);
}

.content-outer {
  background: $(content.background);

  -moz-border-radius: $(content.border.radius);
  -webkit-border-radius: $(content.border.radius);
  -goog-ms-border-radius: $(content.border.radius);
  border-radius: $(content.border.radius);

  -moz-box-shadow: 0 0 $(content.shadow.spread) rgba(0, 0, 0, .15);
  -webkit-box-shadow: 0 0 $(content.shadow.spread) rgba(0, 0, 0, .15);
  -goog-ms-box-shadow: 0 0 $(content.shadow.spread) rgba(0, 0, 0, .15);
  box-shadow: 0 0 $(content.shadow.spread) rgba(0, 0, 0, .15);

  margin: $(content.margin) auto;
}

.content-inner {
  padding: $(content.padding);
}

/* Header
----------------------------------------------- */
.header-outer {
  background: $(header.background.color) $(header.background.gradient) repeat-x scroll top left;
  _background-image: none;

  color: $(header.text.color);

  -moz-border-radius: $(header.border.radius);
  -webkit-border-radius: $(header.border.radius);
  -goog-ms-border-radius: $(header.border.radius);
  border-radius: $(header.border.radius);
}

.Header img, .Header #header-inner {
  -moz-border-radius: $(header.border.radius);
  -webkit-border-radius: $(header.border.radius);
  -goog-ms-border-radius: $(header.border.radius);
  border-radius: $(header.border.radius);
}

.header-inner .Header .titlewrapper,
.header-inner .Header .descriptionwrapper {
  padding-left: $(header.padding);
  padding-right: $(header.padding);
}

.Header h1 {
  font: $(header.font);
  text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
}

.Header h1 a {
  color: $(header.text.color);
}

.Header .description {
  font-size: 130%;
}

/* Tabs
----------------------------------------------- */
.tabs-inner {
  margin: .5em $(tabs.margin.sides) $(tabs.margin.bottom);
  padding: 0;
}

.tabs-inner .section {
  margin: 0;
}

.tabs-inner .widget ul {
  padding: 0;

  background: $(tabs.background.color) $(tabs.background.gradient) repeat scroll bottom;

  -moz-border-radius: $(tabs.border.radius);
  -webkit-border-radius: $(tabs.border.radius);
  -goog-ms-border-radius: $(tabs.border.radius);
  border-radius: $(tabs.border.radius);
}

.tabs-inner .widget li {
  border: none;
}

.tabs-inner .widget li a {
  display: inline-block;

  padding: .5em 1em;
  margin-$endSide: $(tabs.spacing);

  color: $(tabs.text.color);
  font: $(tabs.font);

  -moz-border-radius: $(tab.border.radius) $(tab.border.radius) 0 0;
  -webkit-border-top-left-radius: $(tab.border.radius);
  -webkit-border-top-right-radius: $(tab.border.radius);
  -goog-ms-border-radius: $(tab.border.radius) $(tab.border.radius) 0 0;
  border-radius: $(tab.border.radius) $(tab.border.radius) 0 0;

  background: $(tab.background);

  border-$endSide: 1px solid $(tabs.separator.color);
}

.tabs-inner .widget li:first-child a {
  padding-$startSide: 1.25em;

  -moz-border-radius-top$startSide: $(tab.first.border.radius);
  -moz-border-radius-bottom$startSide: $(tabs.border.radius);
  -webkit-border-top-$startSide-radius: $(tab.first.border.radius);
  -webkit-border-bottom-$startSide-radius: $(tabs.border.radius);
  -goog-ms-border-top-$startSide-radius: $(tab.first.border.radius);
  -goog-ms-border-bottom-$startSide-radius: $(tabs.border.radius);
  border-top-$startSide-radius: $(tab.first.border.radius);
  border-bottom-$startSide-radius: $(tabs.border.radius);
}

.tabs-inner .widget li.selected a,
.tabs-inner .widget li a:hover {
  position: relative;
  z-index: 1;

  background: $(tabs.selected.background.color) $(tab.selected.background.gradient) repeat scroll bottom;
  color: $(tabs.selected.text.color);

  -moz-box-shadow: 0 0 $(region.shadow.spread) rgba(0, 0, 0, .15);
  -webkit-box-shadow: 0 0 $(region.shadow.spread) rgba(0, 0, 0, .15);
  -goog-ms-box-shadow: 0 0 $(region.shadow.spread) rgba(0, 0, 0, .15);
  box-shadow: 0 0 $(region.shadow.spread) rgba(0, 0, 0, .15);
}

/* Headings
----------------------------------------------- */
h2 {
  font: $(widget.title.font);
  text-transform: $(widget.title.text.transform);
  color: $(widget.title.text.color);
  margin: .5em 0;
}

/* Main
----------------------------------------------- */
.main-outer {
  background: $(main.background);

  -moz-border-radius: $(main.border.radius.top) $(main.border.radius.top) 0 0;
  -webkit-border-top-left-radius: $(main.border.radius.top);
  -webkit-border-top-right-radius: $(main.border.radius.top);
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  -goog-ms-border-radius: $(main.border.radius.top) $(main.border.radius.top) 0 0;
  border-radius: $(main.border.radius.top) $(main.border.radius.top) 0 0;

  -moz-box-shadow: 0 $(region.shadow.offset) $(region.shadow.spread) rgba(0, 0, 0, .15);
  -webkit-box-shadow: 0 $(region.shadow.offset) $(region.shadow.spread) rgba(0, 0, 0, .15);
  -goog-ms-box-shadow: 0 $(region.shadow.offset) $(region.shadow.spread) rgba(0, 0, 0, .15);
  box-shadow: 0 $(region.shadow.offset) $(region.shadow.spread) rgba(0, 0, 0, .15);
}

.main-inner {
  padding: 15px $(main.padding.sides) 20px;
}

.main-inner .column-center-inner {
  padding: 0 0;
}

.main-inner .column-left-inner {
  padding-left: 0;
}

.main-inner .column-right-inner {
  padding-right: 0;
}

/* Posts
----------------------------------------------- */
h3.post-title {
  margin: 0;
  font: $(post.title.font);
}

.comments h4 {
  margin: 1em 0 0;
  font: $(post.title.font);
}

.date-header span {
  color: $(date.header.color);
}

.post-outer {
  background-color: $(post.background.color);
  border: solid 1px $(post.border.color);

  -moz-border-radius: $(post.border.radius);
  -webkit-border-radius: $(post.border.radius);
  border-radius: $(post.border.radius);
  -goog-ms-border-radius: $(post.border.radius);

  padding: 15px 20px;
  margin: 0 $(post.margin.sides) 20px;
}

.post-body {
  line-height: 1.4;
  font-size: 110%;
  position: relative;
}

.post-header {
  margin: 0 0 1.5em;

  color: $(post.footer.text.color);
  line-height: 1.6;
}

.post-footer {
  margin: .5em 0 0;

  color: $(post.footer.text.color);
  line-height: 1.6;
}

#blog-pager {
  font-size: 140%
}

#comments .comment-author {
  padding-top: 1.5em;

  border-top: dashed 1px #ccc;
  border-top: dashed 1px rgba(128, 128, 128, .5);

  background-position: 0 1.5em;
}

#comments .comment-author:first-child {
  padding-top: 0;

  border-top: none;
}

.avatar-image-container {
  margin: .2em 0 0;
}

/* Comments
----------------------------------------------- */
.comments .comments-content .icon.blog-author {
  background-repeat: no-repeat;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAALEgAACxIB0t1+/AAAAAd0SU1FB9sLFwMeCjjhcOMAAAD+SURBVDjLtZSvTgNBEIe/WRRnm3U8RC1neQdsm1zSBIU9VVF1FkUguQQsD9ITmD7ECZIJSE4OZo9stoVjC/zc7ky+zH9hXwVwDpTAWWLrgS3QAe8AZgaAJI5zYAmc8r0G4AHYHQKVwII8PZrZFsBFkeRCABYiMh9BRUhnSkPTNCtVXYXURi1FpBDgArj8QU1eVXUzfnjv7yP7kwu1mYrkWlU33vs1QNu2qU8pwN0UpKoqokjWwCztrMuBhEhmh8bD5UDqur75asbcX0BGUB9/HAMB+r32hznJgXy2v0sGLBcyAJ1EK3LFcbo1s91JeLwAbwGYu7TP/3ZGfnXYPgAVNngtqatUNgAAAABJRU5ErkJggg==);
}

.comments .comments-content .loadmore a {
  border-top: 1px solid $(link.hover.color);
  border-bottom: 1px solid $(link.hover.color);
}

.comments .continue {
  border-top: 2px solid $(link.hover.color);
}

/* Widgets
----------------------------------------------- */
.widget ul, .widget #ArchiveList ul.flat {
  padding: 0;
  list-style: none;
}

.widget ul li, .widget #ArchiveList ul.flat li {
  border-top: dashed 1px #ccc;
  border-top: dashed 1px rgba(128, 128, 128, .5);
}

.widget ul li:first-child, .widget #ArchiveList ul.flat li:first-child {
  border-top: none;
}

.widget .post-body ul {
  list-style: disc;
}

.widget .post-body ul li {
  border: none;
}

/* Footer
----------------------------------------------- */
.footer-outer {
  color:$(footer.text.color);
  background: $(footer.background);

  -moz-border-radius: $(footer.border.radius.top) $(footer.border.radius.top) $(footer.border.radius.bottom) $(footer.border.radius.bottom);
  -webkit-border-top-left-radius: $(footer.border.radius.top);
  -webkit-border-top-right-radius: $(footer.border.radius.top);
  -webkit-border-bottom-left-radius: $(footer.border.radius.bottom);
  -webkit-border-bottom-right-radius: $(footer.border.radius.bottom);
  -goog-ms-border-radius: $(footer.border.radius.top) $(footer.border.radius.top) $(footer.border.radius.bottom) $(footer.border.radius.bottom);
  border-radius: $(footer.border.radius.top) $(footer.border.radius.top) $(footer.border.radius.bottom) $(footer.border.radius.bottom);

  -moz-box-shadow: 0 $(region.shadow.offset) $(region.shadow.spread) rgba(0, 0, 0, .15);
  -webkit-box-shadow: 0 $(region.shadow.offset) $(region.shadow.spread) rgba(0, 0, 0, .15);
  -goog-ms-box-shadow: 0 $(region.shadow.offset) $(region.shadow.spread) rgba(0, 0, 0, .15);
  box-shadow: 0 $(region.shadow.offset) $(region.shadow.spread) rgba(0, 0, 0, .15);
}

.footer-inner {
  padding: 10px $(main.padding.sides) 20px;
}

.footer-outer a {
  color: $(footer.link.color);
}

.footer-outer a:visited {
  color: $(footer.link.visited.color);
}

.footer-outer a:hover {
  color: $(footer.link.hover.color);
}

.footer-outer .widget h2 {
  color: $(footer.widget.title.text.color);
}

/* Mobile
----------------------------------------------- */
html body.mobile {
  height: auto;
}

html body.mobile {
  min-height: 480px;
  background-size: 100% auto;
}

.mobile .body-fauxcolumn-outer {
  background: $(mobile.background.overlay);
}

html .mobile .mobile-date-outer, html .mobile .blog-pager {
  border-bottom: none;
  background: $(main.background);
  margin-bottom: 10px;
}

.mobile .date-outer {
  background: $(main.background);
}

.mobile .header-outer, .mobile .main-outer,
.mobile .post-outer, .mobile .footer-outer {
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -goog-ms-border-radius: 0;
  border-radius: 0;
}

.mobile .content-outer,
.mobile .main-outer,
.mobile .post-outer {
  background: inherit;
  border: none;
}

.mobile .content-outer {
  font-size: 100%;
}

.mobile-link-button {
  background-color: $(link.color);
}

.mobile-link-button a:link, .mobile-link-button a:visited {
  color: $(post.background.color);
}

.mobile-index-contents {
  color: $(body.text.color);
}

.mobile .tabs-inner .PageList .widget-content {
  background: $(tabs.selected.background.color) $(tab.selected.background.gradient) repeat scroll bottom;
  color: $(tabs.selected.text.color);
}

.mobile .tabs-inner .PageList .widget-content .pagelist-arrow {
  border-$startSide: 1px solid $(tabs.separator.color);
}
]]></b:skin>

    <b:template-skin>
      <b:variable default='960px' name='content.width' type='length' value='960px'/>
      <b:variable default='0' name='main.column.left.width' type='length' value='0px'/>
      <b:variable default='310px' name='main.column.right.width' type='length' value='310px'/>

      <![CDATA[
      body {
        min-width: $(content.width);
      }

      .content-outer, .content-fauxcolumn-outer, .region-inner {
        min-width: $(content.width);
        max-width: $(content.width);
        _width: $(content.width);
      }

      .main-inner .columns {
        padding-left: $(main.column.left.width);
        padding-right: $(main.column.right.width);
      }

      .main-inner .fauxcolumn-center-outer {
        left: $(main.column.left.width);
        right: $(main.column.right.width);
        /* IE6 does not respect left and right together */
        _width: expression(this.parentNode.offsetWidth -
            parseInt("$(main.column.left.width)") -
            parseInt("$(main.column.right.width)") + 'px');
      }

      .main-inner .fauxcolumn-left-outer {
        width: $(main.column.left.width);
      }

      .main-inner .fauxcolumn-right-outer {
        width: $(main.column.right.width);
      }

      .main-inner .column-left-outer {
        width: $(main.column.left.width);
        right: 100%;
        margin-left: -$(main.column.left.width);
      }

      .main-inner .column-right-outer {
        width: $(main.column.right.width);
        margin-right: -$(main.column.right.width);
      }

      #layout {
        min-width: 0;
      }

      #layout .content-outer {
        min-width: 0;
        width: 800px;
      }

      #layout .region-inner {
        min-width: 0;
        width: auto;
      }
      ]]>
    </b:template-skin>
  </head>

  <body expr:class='&quot;loading&quot; + data:blog.mobileClass'>
  <b:section class='navbar' id='navbar' maxwidgets='1' showaddelement='no'>
<b:widget id='Navbar1' locked='true' title='Панель навигации' type='Navbar'/>
</b:section>

  <b:if cond='data:blog.pageType == &quot;index&quot;'>
    <div itemscope='itemscope' itemtype='http://schema.org/Blog' style='display: none;'>
      <meta expr:content='data:blog.title' itemprop='name'/>
      <b:if cond='data:blog.metaDescription'>
        <meta expr:content='data:blog.metaDescription' itemprop='description'/>
      </b:if>
    </div>
  </b:if>

  <div class='body-fauxcolumns'>
    <div class='fauxcolumn-outer body-fauxcolumn-outer'>
    <div class='cap-top'>
      <div class='cap-left'/>
      <div class='cap-right'/>
    </div>
    <div class='fauxborder-left'>
    <div class='fauxborder-right'/>
    <div class='fauxcolumn-inner'>
    </div>
    </div>
    <div class='cap-bottom'>
      <div class='cap-left'/>
      <div class='cap-right'/>
    </div>
    </div>
  </div>

  <div class='content'>
  <div class='content-fauxcolumns'>
    <div class='fauxcolumn-outer content-fauxcolumn-outer'>
    <div class='cap-top'>
      <div class='cap-left'/>
      <div class='cap-right'/>
    </div>
    <div class='fauxborder-left'>
    <div class='fauxborder-right'/>
    <div class='fauxcolumn-inner'>
    </div>
    </div>
    <div class='cap-bottom'>
      <div class='cap-left'/>
      <div class='cap-right'/>
    </div>
    </div>
  </div>

  <div class='content-outer'>
  <div class='content-cap-top cap-top'>
    <div class='cap-left'/>
    <div class='cap-right'/>
  </div>
  <div class='fauxborder-left content-fauxborder-left'>
  <div class='fauxborder-right content-fauxborder-right'/>
  <div class='content-inner'>

    <header>
    <div class='header-outer'>
    <div class='header-cap-top cap-top'>
      <div class='cap-left'/>
      <div class='cap-right'/>
    </div>
    <div class='fauxborder-left header-fauxborder-left'>
    <div class='fauxborder-right header-fauxborder-right'/>
    <div class='region-inner header-inner'>
      <b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Чиклиний блог (заголовок)' type='Header'/>
</b:section>
    </div>
    </div>
    <div class='header-cap-bottom cap-bottom'>
      <div class='cap-left'/>
      <div class='cap-right'/>
    </div>
    </div>
    </header>

    <div class='tabs-outer'>
    <div class='tabs-cap-top cap-top'>
      <div class='cap-left'/>
      <div class='cap-right'/>
    </div>
    <div class='fauxborder-left tabs-fauxborder-left'>
    <div class='fauxborder-right tabs-fauxborder-right'/>
    <div class='region-inner tabs-inner'>
      <b:section class='tabs' id='crosscol' maxwidgets='1' showaddelement='yes'/>
      <b:section class='tabs' id='crosscol-overflow' showaddelement='no'/>
    </div>
    </div>
    <div class='tabs-cap-bottom cap-bottom'>
      <div class='cap-left'/>
      <div class='cap-right'/>
    </div>
    </div>

    <div class='main-outer'>
    <div class='main-cap-top cap-top'>
      <div class='cap-left'/>
      <div class='cap-right'/>
    </div>

    <div class='fauxborder-left main-fauxborder-left'>
    <div class='fauxborder-right main-fauxborder-right'/>
    <div class='region-inner main-inner'>

      <div class='columns fauxcolumns'>

        <div class='fauxcolumn-outer fauxcolumn-center-outer'>
        <div class='cap-top'>
          <div class='cap-left'/>
          <div class='cap-right'/>
        </div>
        <div class='fauxborder-left'>
        <div class='fauxborder-right'/>
        <div class='fauxcolumn-inner'>
        </div>
        </div>
        <div class='cap-bottom'>
          <div class='cap-left'/>
          <div class='cap-right'/>
        </div>
        </div>

        <div class='fauxcolumn-outer fauxcolumn-left-outer'>
        <div class='cap-top'>
          <div class='cap-left'/>
          <div class='cap-right'/>
        </div>
        <div class='fauxborder-left'>
        <div class='fauxborder-right'/>
        <div class='fauxcolumn-inner'>
        </div>
        </div>
        <div class='cap-bottom'>
          <div class='cap-left'/>
          <div class='cap-right'/>
        </div>
        </div>

        <div class='fauxcolumn-outer fauxcolumn-right-outer'>
        <div class='cap-top'>
          <div class='cap-left'/>
          <div class='cap-right'/>
        </div>
        <div class='fauxborder-left'>
        <div class='fauxborder-right'/>
        <div class='fauxcolumn-inner'>
        </div>
        </div>
        <div class='cap-bottom'>
          <div class='cap-left'/>
          <div class='cap-right'/>
        </div>
        </div>

        <!-- corrects IE6 width calculation -->
        <div class='columns-inner'>

        <div class='column-center-outer'>
        <div class='column-center-inner'>
          <b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Сообщения блога' type='Blog'/>
</b:section>
        </div>
        </div>

        <div class='column-left-outer'>
        <div class='column-left-inner'>
          <aside>
          <macro:include id='main-column-left-sections' name='sections'>
            <macro:param default='0' name='num' value='0'/>
            <macro:param default='sidebar-left' name='idPrefix'/>
            <macro:param default='sidebar' name='class'/>
            <macro:param default='true' name='includeBottom'/>
          </macro:include>
          </aside>
        </div>
        </div>

        <div class='column-right-outer'>
        <div class='column-right-inner'>
          <aside>
          <macro:include id='main-column-right-sections' name='sections'>
            <macro:param default='2' name='num' value='1'/>
            <macro:param default='sidebar-right' name='idPrefix'/>
            <macro:param default='sidebar' name='class'/>
            <macro:param default='true' name='includeBottom'/>
          </macro:include>
          </aside>
        </div>
        </div>

        </div>

        <div style='clear: both'/>
      <!-- columns -->
      </div>

    <!-- main -->
    </div>
    </div>
    <div class='main-cap-bottom cap-bottom'>
      <div class='cap-left'/>
      <div class='cap-right'/>
    </div>
    </div>

    <footer>
    <div class='footer-outer'>
    <div class='footer-cap-top cap-top'>
      <div class='cap-left'/>
      <div class='cap-right'/>
    </div>
    <div class='fauxborder-left footer-fauxborder-left'>
    <div class='fauxborder-right footer-fauxborder-right'/>
    <div class='region-inner footer-inner'>
      <macro:include id='footer-sections' name='sections'>
        <macro:param default='2' name='num'/>
        <macro:param default='footer' name='idPrefix'/>
        <macro:param default='foot' name='class'/>
        <macro:param default='false' name='includeBottom'/>
      </macro:include>
      <!-- outside of the include in order to lock Attribution widget -->
      <b:section class='foot' id='footer-3' showaddelement='no'>
<b:widget id='Attribution1' locked='true' title='' type='Attribution'/>
</b:section>
    </div>
    </div>
    <div class='footer-cap-bottom cap-bottom'>
      <div class='cap-left'/>
      <div class='cap-right'/>
    </div>
    </div>
    </footer>

  <!-- content -->
  </div>
  </div>
  <div class='content-cap-bottom cap-bottom'>
    <div class='cap-left'/>
    <div class='cap-right'/>
  </div>
  </div>
  </div>

  <script type='text/javascript'>
    window.setTimeout(function() {
        document.body.className = document.body.className.replace('loading', '');
      }, 10);
  </script>
  <b:include data='blog' name='google-analytics'/>
</body>

<macro:includable id='sections' var='col'>
  <macro:if cond='data:col.num == 0'>
  <macro:else/>
    <b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + &quot;-1&quot;' preferred='yes' showaddelement='yes'/>

    <macro:if cond='data:col.num &gt;= 2'>
      <table border='0' cellpadding='0' cellspacing='0' mexpr:class='&quot;section-columns columns-&quot; + data:col.num'>
      <tbody>
      <tr>
        <td class='first columns-cell'>
          <b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + &quot;-2-1&quot;'/>
        </td>

        <td class='columns-cell'>
          <b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + &quot;-2-2&quot;'/>
        </td>

        <macro:if cond='data:col.num &gt;= 3'>
          <td class='columns-cell'>
            <b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + &quot;-2-3&quot;'/>
          </td>
        </macro:if>

        <macro:if cond='data:col.num &gt;= 4'>
          <td class='columns-cell'>
            <b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + &quot;-2-4&quot;'/>
          </td>
        </macro:if>
      </tr>
      </tbody>
      </table>

      <macro:if cond='data:col.includeBottom'>
        <b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + &quot;-3&quot;' showaddelement='no'/>
      </macro:if>
    </macro:if>
  </macro:if>
</macro:includable>

<b:section-contents id='sidebar-right-1'>
<b:widget id='HTML1' locked='false' title='А друзья еще не знают...' type='HTML'/>
<b:widget id='BlogArchive1' locked='false' title='Архив блога' type='BlogArchive'/>
</b:section-contents><b:section-contents id='footer-1'/><b:section-contents id='footer-2-1'/><b:section-contents id='footer-2-2'>
<b:widget id='HTML3' locked='false' title='LI' type='HTML'/>
<b:widget id='HTML2' locked='false' title='LW' type='HTML'/>
</b:section-contents></html>
avatar
Admin
Admin

Сообщения : 160
Очки : 254
Репутация : 1
Дата регистрации : 2012-11-21

Посмотреть профиль http://antispec.forum2x2.ru

Вернуться к началу Перейти вниз

Re: Давайте попробуем разобраться в китайской азбуке?

Сообщение автор ????? в Вт Янв 15, 2013 11:01 am

Это написано на языке XML.
XML (от англ. eXtendable Markup Language - Расширенный Язык Разметки) - язык, в котором можно вводить собственные структуры данных и описывать их самому. Каждый может определить собственный набор тегов, заключённых в угловые скобки. Например
Код:

<заказ>
    <позиция1>
    <позиция2>
</заказ>
Чтобы высветить это в интернет-браузере (как Интернет Эксплорер, Мозилла, Опера или Хром), к XML надо применить преобразование XSLT. Это набор правил перобразования XML в HTML.
---
В нашем документе есть и XML и встроенный HTML и CSS. Для преобразования в HTML нужно знать, как преобразовывать XML с помощью технологии XSLT.

?????
Гость


Вернуться к началу Перейти вниз

Re: Давайте попробуем разобраться в китайской азбуке?

Сообщение автор ????? в Вт Янв 15, 2013 11:08 am

Код:
<b:if cond='data:blog.isMobile'>
      <meta content='width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0' name='viewport'/>
    <b:else/>
      <meta content='width=1100' name='viewport'/>
    </b:if>

это условный оператор (если - то <...> иначе <...>)
в зависимости от типа клиента - HTML или мобильный интернет, (подозреваю что WAP), выводится тег заголовка META.

в дальней шем преобразование XSLT преобразует документ в HTML или WML (зык мобильных устройств) в зависимости от типа клиента.


Последний раз редактировалось: Algebroid (Вт Янв 15, 2013 11:09 am), всего редактировалось 1 раз(а)

?????
Гость


Вернуться к началу Перейти вниз

Re: Давайте попробуем разобраться в китайской азбуке?

Сообщение автор Admin в Вт Янв 15, 2013 11:08 am

Мой бедный мозг... Половину из сказанного я понял -неформат... И все... Кстати, какая часть этого кода отвечает за дизайн? Где там его искать?
avatar
Admin
Admin

Сообщения : 160
Очки : 254
Репутация : 1
Дата регистрации : 2012-11-21

Посмотреть профиль http://antispec.forum2x2.ru

Вернуться к началу Перейти вниз

Re: Давайте попробуем разобраться в китайской азбуке?

Сообщение автор ????? в Вт Янв 15, 2013 11:17 am

Здесь до фига информации, определённой программистом сайта.
тег <Variable> - это переменная
судя по всему он пробует определить набор переменных для разного рода цветов и размеров, а потом их нужно трансформировать в HTML или для мобильного клиента. Нужен ещё стайлшит трансформации XSLT - чтобы знать, что во что транслировать.

?????
Гость


Вернуться к началу Перейти вниз

Re: Давайте попробуем разобраться в китайской азбуке?

Сообщение автор Admin в Вт Янв 15, 2013 11:19 am

судя по всему он пробует определить набор переменных для разного рода цветов и размеров, а потом их нужно трансформировать в HTML или для мобильного клиента. Нужен ещё стайлшит трансформации XSLT - чтобы знать, что во что

То есть, выражаясь проще - дизайн без специальной проги отредактировать не получится?
avatar
Admin
Admin

Сообщения : 160
Очки : 254
Репутация : 1
Дата регистрации : 2012-11-21

Посмотреть профиль http://antispec.forum2x2.ru

Вернуться к началу Перейти вниз

Re: Давайте попробуем разобраться в китайской азбуке?

Сообщение автор ????? в Вт Янв 15, 2013 11:47 am

Нет, редактор это одно, а трансформация XSLT - это немного другое.
И транслируемый XML и шаблон правил трансляции редактируются в текстовом редакторе, а лучше - в специализированном редакторе с подстветкой синтаксиса.
На сервере размещается основной XML и шаблоны XSLT - для каждого типа клиента.
На сервер приходит запрос. Согласно типу клиента (HTML или мобильный интернет) к основному XML применяется соответствующий шаблон XSLT и генерируется HTML или мобильный контент.
Чем такой подход хорош - тем, что все данные, отпревляемые клиенту хранятся в одном месте независимо от типа клиента. Различается лишь набор правил форматирования текста. Правда, одновременно усложняется код сайта.

?????
Гость


Вернуться к началу Перейти вниз

Re: Давайте попробуем разобраться в китайской азбуке?

Сообщение автор Admin в Вт Янв 15, 2013 11:58 am

Вроде ясно... И все же - пардон за тупость - у меня сейчас грипп... Как там сменить шкуру-то? Например, я хочу изменить дизайн на свой - сделать подложку сайта нестандартной. Но где это меняется - не пойму.
avatar
Admin
Admin

Сообщения : 160
Очки : 254
Репутация : 1
Дата регистрации : 2012-11-21

Посмотреть профиль http://antispec.forum2x2.ru

Вернуться к началу Перейти вниз

Re: Давайте попробуем разобраться в китайской азбуке?

Сообщение автор ????? в Вт Янв 15, 2013 12:10 pm

Подозреваю что надо написать (определить) что-то навроде

Код:
<Variable name="body.background.image"
тело.фон.картинка
и value - значение - вписать адрес файла.
Затем в шаблоне XSLT - нужен ещё XSLT - без него никак - дописать соответствующее правило.

?????
Гость


Вернуться к началу Перейти вниз

Re: Давайте попробуем разобраться в китайской азбуке?

Сообщение автор Admin в Вт Янв 15, 2013 12:34 pm

темный лес.... Тут без ста грамм и на здоровую-то голову не разберешься...
avatar
Admin
Admin

Сообщения : 160
Очки : 254
Репутация : 1
Дата регистрации : 2012-11-21

Посмотреть профиль http://antispec.forum2x2.ru

Вернуться к началу Перейти вниз

Re: Давайте попробуем разобраться в китайской азбуке?

Сообщение автор ????? в Вт Янв 15, 2013 12:37 pm

Cмотри сюда:
url
В скобках надо поменять ссылку на картинку
Только повторяющиеся атрибуты лучше вырезать - оставить в одном экземпляре - это похоже ошибка автора сайта.

Код:
<Variable name="body.background" description="Body Background" type="background"
      color="$(body.background.color)" default="#111111 url(//themes.googleusercontent.com/image?id=1OACCYOE0-eoTRTfsBuX1NMN9nz599ufI1Jh0CggPFA_sK80AGkIr8pLtYRpNUKPmwtEa) repeat-x fixed top center" value="#111111 url(//themes.googleusercontent.com/image?id=1OACCYOE0-eoTRTfsBuX1NMN9nz599ufI1Jh0CggPFA_sK80AGkIr8pLtYRpNUKPmwtEa) repeat-x fixed top center"/>

?????
Гость


Вернуться к началу Перейти вниз

Re: Давайте попробуем разобраться в китайской азбуке?

Сообщение автор Admin в Вт Янв 15, 2013 1:07 pm

То есть, мне надо найти этот элемент в CSS и вставить туды в скобки свой рисунок?
avatar
Admin
Admin

Сообщения : 160
Очки : 254
Репутация : 1
Дата регистрации : 2012-11-21

Посмотреть профиль http://antispec.forum2x2.ru

Вернуться к началу Перейти вниз

Re: Давайте попробуем разобраться в китайской азбуке?

Сообщение автор ????? в Вт Янв 15, 2013 1:18 pm

То есть, мне надо найти этот элемент в CSS и вставить туды в скобки свой рисунок?

Да. В приведённом тобой файле. Сразу после

Код:
/* Variable definitions

Только там атрибуты url и позиционирования повторяются два раза - это ошибка программиста - надо оставить 1 раз.

?????
Гость


Вернуться к началу Перейти вниз

Re: Давайте попробуем разобраться в китайской азбуке?

Сообщение автор Admin в Вт Янв 15, 2013 1:21 pm

http://4iklino.blogspot.ru/

Оцени - как на твой взгляд?
avatar
Admin
Admin

Сообщения : 160
Очки : 254
Репутация : 1
Дата регистрации : 2012-11-21

Посмотреть профиль http://antispec.forum2x2.ru

Вернуться к началу Перейти вниз

Re: Давайте попробуем разобраться в китайской азбуке?

Сообщение автор ????? в Вт Янв 15, 2013 1:24 pm


Весьма недурно!!! :18: :18: :18:
---
И читать интересно!


Последний раз редактировалось: Algebroid (Вт Янв 15, 2013 1:32 pm), всего редактировалось 1 раз(а)

?????
Гость


Вернуться к началу Перейти вниз

Re: Давайте попробуем разобраться в китайской азбуке?

Сообщение автор Admin в Вт Янв 15, 2013 1:31 pm

Что бы я без тебя делал - ума не приложу...
avatar
Admin
Admin

Сообщения : 160
Очки : 254
Репутация : 1
Дата регистрации : 2012-11-21

Посмотреть профиль http://antispec.forum2x2.ru

Вернуться к началу Перейти вниз

Re: Давайте попробуем разобраться в китайской азбуке?

Сообщение автор Спонсируемый контент


Спонсируемый контент


Вернуться к началу Перейти вниз

Вернуться к началу


 
Права доступа к этому форуму:
Вы не можете отвечать на сообщения