• Страница 1 из 2
  • 1
  • 2
  • »
Модератор форума: dotbot  
Сообщество uCoz » Архивариус » Корзина » Нужна помощь в адаптации шаблона! (Вопрос к опытным верстальщикам)
Нужна помощь в адаптации шаблона!
ProUser
Сообщений: 35
Репутация: 0

Сообщение # 1 | 14:19:39 02 Ноя 2013
Всем привет.Я начал заниматься шаблонами для сайтов.Делать PSD макеты я умею,верстать я умею,но адаптировать под юкоз умею плохо.Скажите пожалуйста,где мне в конструкторе шаблонов надо расставить такие теги как
Код
<!--<header>--> , <!--<middle>-->

и т.д.Вот мой код :
Код
<html>
<head>
<title>Новый сайт</title>
<link type="text/css" rel="stylesheet" href="style.css" />

<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="js/script.js"></script>
</head>
<body>
    <div id="wrapper"class="box" >
        
      <div id="header">
      <div id="logo"></div>
      <!--Это вертикальное меню в шапке-->
      <ul class="mainMenu">  
      <li style="border-left:none" >видео<span class="green">игровое видео</span></li>
      <li >форум<span class="blue">обсуждения</span></li>
      <li style="border-right:none" >статьи<span class="orange">информация</span></li>
        
       
      </ul>
      <!--Это вертикальное меню в шапке закончилось-->
      </div>
      <!--Это вертикальное меню под шапкой-->
      <div id="nav">
      <ul class="listGorNav">
         <li><a href="#">главная</a></li>
        <li><a href="#">о сайте</a></li>
        <li><a href="#">регистрация</a></li>
       
       
       
      </ul>
      </div>
       <!--Это вертикальное меню под шапкой закончилось-->
        
       <div id="wrContent">  
         
        
       <!--Это вид новостей(основной контент-->
       <div id="content"class="box">
               <div class="sidebar_title" style="padding-left:5px; text-align:left;">заголовок</div>
             <div id="news">текст</div>
             <div class="maincontfooter">описание</div>
       </div>
       <!--Это вид новостей(основной контент) закончился-->
       <!--Это меню-->
        <div id="sidebarRight">
       <div class="sidebar_title"><a href="#">меню</a></div>
       <div class="sidebar_content"><a href="#">меню контент</a>
       </div>
       </div>
       <!--меню закончилось-->
        
     
        

       <div class="clear"></div>
       </div>
         
       <div id="footer"></div>
    </div>
</body>

</html>

Буду благодарен за ответы.
(пишите ответы по теме!)

Добавлено (02 Ноя 2013, 14:19:39)
---------------------------------------------
Вот что получилось после моей первой попытки :http://probniy.ucoz.ru/

сondor
Сообщений: 4661
Репутация: 1528

Сообщение # 2 | 14:25:05 02 Ноя 2013
ProUser,

Цитата
<!-- <header> -->

тут код шапки

<!-- </header> -->


Цитата
<!-- <middle> -->

<!-- <container> -->
<!-- <block> -->
тут левый блок например

TITLE - заголовок блока
CONTENT - контент блока

<!-- </block> -->
<!-- </container> -->

[BODY]- вывод основной части, контента, боди

тут основная часть, вся середина
<!-- </middle> -->


Цитата
<!-- <footer> -->
тут низ сайта, футер
<!-- </footer> -->


Цитата
<!-- <popup> -->

это персональная страница пользователя

[TITLE]- титл, заголовок

[BODY]- содержимое

<!-- </popup> -->
Сообщение отредактировал condor-bird - Суббота, 02 Ноя 2013, 14:26:24
webanet
Сообщений: 24067
Репутация: 4985

Сообщение # 3 | 14:32:05 02 Ноя 2013
ProUser, панель управления - дизайн - управление дизайном - конструктор шаблонов - нажмите на пример каркаса, так вы ознакомитесь со структурой создания каркасов под юкоз

далее нажмите на каркасы стандартных дизайнов и изучите на паре примеров. если вы знаете хтмл, то там все предельно понятно
ТУТ можно оставить своё мнение по любому вопросу
https://webanetlabs.net/
сondor
Сообщений: 4661
Репутация: 1528

Сообщение # 4 | 14:33:57 02 Ноя 2013
ProUser, вот примерно так должно быть:

Код
<html>  
<head>  
<title>[TITLE]</title>  
<link type="text/css" rel="stylesheet" href="[CSS_URL]">  

<script type="text/javascript" src="jquery.js"></script>  
<script type="text/javascript" src="js/script.js"></script>  
</head>  
<body>  
     <div id="wrapper"class="box">  

         <!-- <header> -->
       <div id="header">  
       <div id="logo"></div>  
       <!--Это вертикальное меню в шапке-->  
       <ul class="mainMenu">   
       <li style="border-left:none" >видео<span class="green">игровое видео</span></li>  
       <li >форум<span class="blue">обсуждения</span></li>  
       <li style="border-right:none" >статьи<span class="orange">информация</span></li>  
          
         
       </ul>  
       <!--Это вертикальное меню в шапке закончилось-->  
       </div>  
       <!--Это вертикальное меню под шапкой-->  
       <div id="nav">  
       <ul class="listGorNav">  
          <li><a href="#">главная</a></li>  
         <li><a href="#">о сайте</a></li>  
         <li><a href="#">регистрация</a></li>  
         
         
         
       </ul>  
       </div>  

        <!--Это вертикальное меню под шапкой закончилось-->  

  <!-- </header> -->

<!-- <middle> -->
        <div id="wrContent">   
           
          
        <!--Это вид новостей(основной контент-->  
        <div id="content"class="box">  
               [BODY]
        </div>  
        <!--Это вид новостей(основной контент) закончился-->  
        

<!-- <container> -->
<!-- <block> -->
  <!--Это меню-->  
         <div id="sidebarRight">  
        <div class="sidebar_title">TITLE</div>  
        <div class="sidebar_content">CONTENT</div>  
        </div>  
        <!--меню закончилось-->  
   <!-- </block> -->
<!-- </container> -->       
       
          

        <div class="clear"></div>  
        </div>  
           
<!-- <footer> -->     
<div id="footer">
<div>[COPYRIGHT]</div>
<div>$POWERED_BY$</div>

</div>
<!-- </footer> -->
   
     </div>  
<!-- </middle> -->

<!-- <popup> -->
<div class="popup">
<div class="popup-title">[TITLE]</div>
<div class="popup-body">[BODY]</div>
</div>
<!-- </popup> -->

</body>  

</html>
Ололоша2360
Сообщений: 5
Репутация: 0

Сообщение # 5 | 15:54:43 02 Ноя 2013
Как мне сделать так,чтоб левый контейнер с меню был только слева и не заходил по контент.Всё видно здесь:http://probniy.ucoz.ru/

Добавлено (02 Ноя 2013, 15:54:43)
---------------------------------------------

Цитата condor-bird ()
ProUser, вот примерно так должно быть:
Как мне сделать так,чтоб левый контейнер с меню был только слева и не заходил по контент.Всё видно здесь:http://probniy.ucoz.ru/
сondor
Сообщений: 4661
Репутация: 1528

Сообщение # 6 | 16:05:30 02 Ноя 2013
Ололоша2360, в css:

Цитата
div#sidebarRight {
width: 200px;
float: left;
margin-right: 10px;
}


то что красным убрать
Сообщение отредактировал condor-bird - Суббота, 02 Ноя 2013, 16:05:55
Ололоша2360
Сообщений: 5
Репутация: 0

Сообщение # 7 | 16:21:43 02 Ноя 2013
Цитата condor-bird ()
то что красным убрать
не убралось

Добавлено (02 Ноя 2013, 16:21:43)
---------------------------------------------

Цитата Ололоша2360 ()
не убралось
нет,все норм.СПАСИБО ЗА ПОМОЩЬ!!!
сondor
Сообщений: 4661
Репутация: 1528

Сообщение # 8 | 16:22:52 02 Ноя 2013
Цитата Ололоша2360 ()
не убралось


убралось, кэш почисть
Ололоша2360
Сообщений: 5
Репутация: 0

Сообщение # 9 | 16:24:36 02 Ноя 2013
Цитата condor-bird ()
то что красным убрать
И последнее.Вы не знаете как сделать так,чтоб "ВЫХОД" видели только зарегистрированные пользователи,а у тех что зашли вход пропадал,в общем как на нормальных сайтах
сondor
Сообщений: 4661
Репутация: 1528

Сообщение # 10 | 16:29:10 02 Ноя 2013
Цитата Ололоша2360 ()
И последнее.Вы не знаете как сделать так,чтоб "ВЫХОД" видели только зарегистрированные пользователи,а у тех что зашли вход пропадал,в общем как на нормальных сайтах


Принцип таков:

Цитата
<?if($USER_LOGGED_IN$)?><a title="Выход" href="$LOGOUT_LINK$">Выход</a>
<?else?>
<a title="Регистрация" href="$REGISTER_LINK$">Регистрация </a>
<a title="Вход" href="$LOGIN_LINK$">Вход </a>
<?endif?>


то есть:

Цитата
<?если($пользователь авторизован$)?>
то отображается выход
<?иначе?>
отображаем регистрацию и вход
<?endif?>
Ололоша2360
Сообщений: 5
Репутация: 0

Сообщение # 11 | 17:02:05 02 Ноя 2013
Цитата condor-bird ()
Цитата
то отображается выход

отображаем регистрацию и вход

а как изменить высоту окна с кратким описанием новости на странице где все материалы?

Добавлено (02 Ноя 2013, 17:02:05)
---------------------------------------------

Цитата Ололоша2360 ()
а как изменить высоту окна с кратким описанием новости на странице где все материалы?
http://probniy.ucoz.ru/ сами видите
сondor
Сообщений: 4661
Репутация: 1528

Сообщение # 12 | 17:03:16 02 Ноя 2013
Ололоша2360, найди в css:

Код
div#news {
height: 180px;
background: url('/images2/background.png');
padding: 5px;
}


убери height: 180px;
Ололоша2360
Сообщений: 5
Репутация: 0

Сообщение # 13 | 17:10:16 02 Ноя 2013
Цитата condor-bird ()
убери height: 180px;
Нет,Вы наверно не поняли.Я имел ввиду чтобы текст из контента не вылазил за пределы http://probniy.ucoz.ru/
сondor
Сообщений: 4661
Репутация: 1528

Сообщение # 14 | 18:25:32 02 Ноя 2013
Цитата Ололоша2360 ()
Нет,Вы наверно не поняли.Я имел ввиду чтобы текст из контента не вылазил за пределы


Я прекрасно понял что вы имели ввиду. Уберите то что я указал и все будет норм. Высота будет автоматом растягиваться в зависимости от размера текста.
ProUser
Сообщений: 35
Репутация: 0

Сообщение # 15 | 14:46:35 03 Ноя 2013
Цитата condor-bird ()
Я прекрасно понял что вы имели ввиду. Уберите то что я указал и все будет норм. Высота будет автоматом растягиваться в зависимости от размера текста.
Спасибо!!Вы мне очень помогли.А теперь,думаю,последний вопрос.Вы не знаете,как выбирать количество текста,которое будет отображаться на странице со всеми новостями,статьями?Что-то на подобии краткого описания и снизу ещё "Читать далее...".Надеюсь Вы поняли о чем я.
Сообщество uCoz » Архивариус » Корзина » Нужна помощь в адаптации шаблона! (Вопрос к опытным верстальщикам)
  • Страница 1 из 2
  • 1
  • 2
  • »
Поиск:
Telegram
Будьте в курсе всех обновлений: подпишитесь на наш официальный Telegram-канал uCoz и задавайте вопросы в чате сообщества!