Страница 1 из 11
Модератор форума: Yuri_G 
Сообщество uCoz » Мастерская uCoz » Дизайн: управление шаблонами » Как создать шаблон для ucoz?
Как создать шаблон для ucoz?
Chesterfield5017
Сообщений: 211
Репутация: 10

Сообщение # 1 | 13:09:19
Хочу создать уникальный шаблон для своего сайта, можете подсказать что нужно вставить, а точнее как правильно это сделать в обычном html файле?
Куда вставлять коды каркаса?

Код
<!DOCTYPE html>
<html dir="ltr" lang="en-US"><head><!-- Created by Artisteer v4.3.0.60745 -->
    <meta charset="utf-8">
    <title>Начало</title>
    <meta name="viewport" content="initial-scale = 1.0, maximum-scale = 1.0, user-scalable = no, width = device-width">

    <!--[if lt IE 9]><script src="https://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
    <link rel="stylesheet" href="style.css" media="screen">
    <!--[if lte IE 7]><link rel="stylesheet" href="style.ie7.css" media="screen" /><![endif]-->
    <link rel="stylesheet" href="style.responsive.css" media="all">

    <script src="jquery.js"></script>
    <script src="script.js"></script>
    <script src="script.responsive.js"></script>
<meta name="description" content="Description">
<meta name="keywords" content="Keywords">

</head>
<body>
<div id="art-main">
<header class="art-header">

    <div class="art-shapes">
        <div class="art-object1183928157"></div>
<div class="art-object1472077567"></div>

            </div>

<h1 class="art-headline">
    <a href="/">Happy Family</a>
</h1>
<h2 class="art-slogan">living in love and harmony</h2>

<nav class="art-nav">
    <div class="art-nav-inner">
    <ul class="art-hmenu"><li><a href="начало.html" class="active">Начало</a></li><li><a href="контакты.html">Контакты</a></li></ul>
        </div>
    </nav>

                    
</header>
<div class="art-sheet clearfix">
            <div class="art-layout-wrapper">
                <div class="art-content-layout">
                    <div class="art-content-layout-row">
                        <div class="art-layout-cell art-content"><article class="art-post art-article">
                    
                    
                <div class="art-postcontent art-postcontent-0 clearfix"><div class="art-content-layout">
    <div class="art-content-layout-row">
    <div class="art-layout-cell" style="width: 100%" >
        <h3>Spend Time With Your Family</h3><p><img width="305" height="3" alt="" src="images/line.jpg" style=" margin:0;"></p><p>Ligula in convallis ut vitae tristique mollis ultrices. Nisl duis risus imperdiet quisque justo posuere eget at enim libero sed morbi vestibulum pede mollis eget dui.  Ligula nec suscipit quam leo malesuada ut pellentesque orci nunc. </p><p>Condimentum velit phasellus. Tellus lectus elit eros viverra nisi diam mauris imperdiet pede.  Pretium adipiscing et arcu phasellus massa lorem a fusce in.</p><p><a href="#">Learn more</a>...</p>
    </div>
    </div>
</div>
<div class="art-content-layout">
    <div class="art-content-layout-row">
    <div class="art-layout-cell" style="width: 33%" >
        <p style="text-align: center;"><img width="189" height="126" alt="" src="images/contentimage4.jpg" style="float: left;" class=""></p>
    </div><div class="art-layout-cell" style="width: 34%" >
        <p style="text-align: center;"><img width="189" height="126" alt="" src="images/contentimage3.jpg" style="float: left;"></p>
    </div><div class="art-layout-cell" style="width: 33%" >
        <p style="text-align: center;"><img width="189" height="126" alt="" src="images/contentimage2.jpg" style="float: left;"></p>
    </div>
    </div>
</div>
<div class="art-content-layout">
    <div class="art-content-layout-row">
    <div class="art-layout-cell" style="width: 100%" >
        <h3>Nine Secrets of Successful Marriage</h3><p><img width="305" height="3" alt="" src="images/line.jpg" style=" margin:0;" class=""></p><p><img width="300" height="285" alt="" src="images/contentimage5.jpg" style="float: left; margin-right: 10px" class=""></p><p>Tincidunt nisi volutpat vivamus a.  Tellus nonummy ipsum.  Mollis lobortis tincidunt id vestibulum ac ullamcorper amet tristique nunc. Sem est congue vivamus vulputate litora rutrum commodo eget.</p><p><span style="color: rgb(56, 120, 240);"><span style="font-style: italic;"><span style="font-size: 18px;">1.</span></span></span> Eu mauris ante rutrum turpis ipsum sit tellus. Sagittis  congue vel gravida ut magna. Euismod duis vitae egestas aliquam non ut id proin praesent.  Platea tristique urna egestas vestibulum dolor.</p><p><span style="font-style: italic;"><span style="font-size: 16px;"><span style="color: rgb(56, 120, 240);">2.</span></span></span> Egestas faucibus bibendum sed  ante posuere. </p><p><a href="#">Learn more</a>..</p>
    </div>
    </div>
</div>
</div>
                    
                

</article></div>
                        <div class="art-layout-cell art-sidebar1"><div class="art-block clearfix">
        <div class="art-blockheader">
            <h3 class="t">Tips And No Tricks</h3>
        </div>
        <div class="art-blockcontent"><p><a href="#">Keys to a Happy Marriage</a></p><p>At cursus cubilia nisi nec nulla pulvinar hendrerit in.</p><br><p><a href="#">Recipes of Happiness</a></p><p>Quam odio mattis lorem ac ligula suspendisse.</p><br><p><a href="#">After You Got Married</a></p><p>Curabitur phasellus libero blandit nulla nisi.</p><br><p><a href="#">Hendrerit pede felis tellus. </a></p><p>Sit cras ad amet primis mollis donec interdum.</p><br><p><a href="#">Time with You Family</a></p><p>Praesent nisl mi leo vel donec et mi mi quam neque nulla. </p></div>
</div><div class="art-block clearfix">
        <div class="art-blockheader">
            <h3 class="t">Online Consulation</h3>
        </div>
        <div class="art-blockcontent"><p><img width="120" height="109" alt="" src="images/blockimage.jpg" style="float: left;margin-right: 10px" class=""></p><p>Ipsum quisque sem turpis ultrices volutpat ut.Tortor amet tincidunt rhoncus quis in.</p><p>Ultrices venenatis accumsan sodales facilisis egestas nulla. </p><p><a href="#" class="art-button">Ask A Question</a></p></div>
</div></div>
                    </div>
                </div>
            </div>
    </div>
<footer class="art-footer">
  <div class="art-footer-inner">
<div style="position:relative;display:inline-block;padding-left:42px;padding-right:42px"><a title="RSS" class="art-rss-tag-icon" style="position: absolute; bottom: -10px; left: -6px; line-height: 32px;" href="#"></a><p>Авторское право © 2011. Все Права Защищены.</p></div>
    <p class="art-page-footer">
        <span id="art-footnote-links"><a href="http://www.artisteer.com/" target="_blank">Web Template</a> created with Artisteer.</span>
    </p>
  </div>
</footer>

</div>

</body></html>

mrx
Сообщений: 287
Репутация: 45

Сообщение # 2 | 19:04:40
Цитата Chesterfield5017 ()
Хочу создать уникальный шаблон для своего сайта, можете подсказать что нужно вставить, а точнее как правильно это сделать в обычном html файле?

Код вставляется в шаблон той страницы, для которой он написан. Код из приведённого примера явно взят с какого-то готового сайта и для адаптации его под uCoz потребуются знания, которых у вас, вероятно, нет. Поэтому лучше не заморачиваться.

<!DOCTYPE html> в начале не нужен. Он прописывается в общих настройках сайта. Примерный макет сайта для uCoz на HTML5 разметке выглядит следующим образом:

Код

<html>
<head>

<title>$SITE_NAME$</title>

<link type="text/css" rel="StyleSheet" href="/_st/my.css" />

<meta id="viewport" name="viewport" content="width=device_width, initial_scale=1.0, maximum_scale=2.0, user_scalable=no" />
<meta http_equiv="content_type" content="text/html; charset=UTF_8">

<meta name="title" content="$SITE_NAME$" />
<meta name="description" content="" />
<meta name="keywords" content="" />

</head>

<body>

<header>
<h1>$SITE_NAME$</h1>
<p>Мой супер-сайт обо всем на свете</p>
</header>

<nav>
<a href="/" target="_self">Пункт меню 1</a>
<a href="/" target="_self">Пункт меню 2</a>
<a href="/" target="_self">Пункт меню 3</a>
</nav>

<main>$BODY$</main>

<aside>$GLOBAL_CLEFTER$</aside>

<footer>$COUNTER$ $POWERED_BY$</footer>
</body>
</html>


Всё, что стоит внутри <body> можно вставить своё, за исключением обязательного кода $POWERED_BY$ и счетчика $COUNTER$.
webanet
Личный менеджер
Сообщений: 23048
Репутация: 4867

Сообщение # 3 | 19:19:44
Chesterfield5017, панель управления - дизайн - управление дизайном - конструктор шаблонов - нажмите на каркасы стандартных дизайнов. изучите десяток и вы поймете принцип. далее адаптируйте то что есть под структуру конструктора.
самое главное. ссылки на картинки, стили, файлы, скрипты прописываются так href="/style.css а не так как у вас href="style.css

ТУТ можно оставить своё мнение по любому вопросу
https://webanetlabs.net/
Chesterfield5017
Сообщений: 211
Репутация: 10

Сообщение # 4 | 20:04:14
Конструктор не работает тогда, точнее работает но не показывает содержимое блоков.

webanet
Личный менеджер
Сообщений: 23048
Репутация: 4867

Сообщение # 5 | 20:06:56
Chesterfield5017, когда тогда не работает конструктор? нажмите над конструктором на ссылку каркасы стандартных дизайнов и выберите один из них

ТУТ можно оставить своё мнение по любому вопросу
https://webanetlabs.net/
Chesterfield5017
Сообщений: 211
Репутация: 10

Сообщение # 6 | 01:35:42
Ошибся, блок не отображает содержимое, например добавил форму входа, но она не видна!

Добавлено (31 Май 2016, 20:21:09)
---------------------------------------------
Правильно я создал блок или нет?


Код
<!-- <container> -->
<!-- <block> -->
<aside>$GLOBAL_CLEFTER$</aside>
<div class="side_cont">
<div class="side_back">
<div class="block">
<div class="blocktitle">TITLE</div>
<div class="blockcontent">CONTENT</div>
</div>
</div>
</div>
<!-- </block> -->
<!-- </container> -->

Добавлено (02 Июн 2016, 01:35:42)
---------------------------------------------
Подскажите правильно я указал блок или нет?


Komoff
Сообщений: 595
Репутация: 275

Сообщение # 7 | 12:02:02
$GLOBAL_CLEFTER$ зачем указываешь? он и так в глобальной блоке, их друг в друга вкладывать нельзя. Там где CONTENT вставляешь код вызова формы входа и все. Потом ещё <!-- <block> --> добавляешь какой тебе надо.
Я делаю проще, не использую <!-- <container> -->, а создаю заранее сколько там мне нужно глобальных блоков и вставляю их в конструктор шаблонов.
Сообщество uCoz » Мастерская uCoz » Дизайн: управление шаблонами » Как создать шаблон для ucoz?
Страница 1 из 11
Поиск: