[Помогите] Вид лич.кабинета и партнёрки

Тема в разделе "Веб-дизайн", создана пользователем ironblare, 28 июн 2014.

  1. ironblare

    ironblare

    Регистрация:
    12 июн 2014
    Сообщения:
    32
    Симпатии:
    0
    как в стилях изменить вид личного кабинета и партнёрки?
    до
    [​IMG][​IMG]
    после
    [​IMG] [​IMG]
     
  2. Руслан911

    Руслан911

    Регистрация:
    27 авг 2013
    Сообщения:
    66
    Симпатии:
    21
    верстать ручками,и заменять в движке=)
    вы про это?
     
  3. ironblare

    ironblare

    Регистрация:
    12 июн 2014
    Сообщения:
    32
    Симпатии:
    0
    подскажите неопытному , с чего начать!
     
  4. Руслан911

    Руслан911

    Регистрация:
    27 авг 2013
    Сообщения:
    66
    Симпатии:
    21
    Мой совет не берите старый код - запутаетесь!
    Начните просто с нуля.Не верстайте таблицами главное , а попробуйте научится сразу БЛОЧНОЙ верстке=)

    вот примерный каркас страницы с БЛОЧНОЙ версткой:

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html;
    charset=windows-1251">
    <title>Название</title>
    </head>
    <body>
    <div id="wrapper">
    <div id="header">
    </div>
    <div id="sidebarL">
    </div>
    <div id="sidebarR">
    </div>
    <div id="content">
    </div>
    <div id="footer">
    </div>
    <div>
    </body>
    </html>

    Почитайте литературу про верстку в целом, про тэг <div> про css , для первого толчка думаю инфы хватит... ... ...
     
    ironblare нравится это.
  5. LuisAlberto

    LuisAlberto

    Регистрация:
    1 июл 2014
    Сообщения:
    14
    Симпатии:
    2
    Мнда. Тут проще сверстать, чем объяснить, как мне кажется. Если вкратце — для того, чтобы сделать что-то подобное вам надо использовать связку CSS/HTML. Выглядеть это дело будет примерно так:

    Код писался приблизительно, и спросонья, попробуйте уяснить основную идею.

    HTML-код:

    Код:
    <div class="cabinet">
    <ul>
       <li class="cab_header">Личный кабинет</li>
       <li ><a href="#" class="item2">Авторизация</a></li>
       <li ><a href="#" class="item3">Регистрация</a></li>
       <li ><a href="#" class="item4">Забыли пароль?</a></li>
       ...
       <li class="item5"><a href="#">Редактировать подписку</a></li>
    </ul>
    </div>
    
    CSS-код же будет вида:
    Код:
    .cabinet ul
    {
       list-style-type: none;
       float: left;
       width: 100%;
    }
    
    .cabinet li a
    {
       display: block;
       width: 100%;
       padding: 3px 5px 3px 35px;
    }
    
       .cabinet li a.item2
       {
         background-image: url(/images/icon1.png);
         background-repeat: no-repeat;
         background-position: left middle;
       }
    
     
    Последнее редактирование: 1 июл 2014
    ironblare нравится это.
  6. Booz

    Booz

    Регистрация:
    16 июл 2014
    Сообщения:
    40
    Симпатии:
    5
    или же использовать иконки, например - font awesome. Имхо так удобнее. Прикручиваются в два счета.
     
    W1nnyPyx нравится это.
  7. W1nnyPyx

    W1nnyPyx

    Регистрация:
    6 авг 2014
    Сообщения:
    1
    Симпатии:
    0
    font awesome самое лучшее что есть и не надо картинок лепить)) а сначала вам стоит поучить html css а иначе залезете и что то не закроете и полетит ваш сайт))