• Страница 1 из 1
  • 1
Сверстать!
Dukhovnik Оффлайн
Проверенный
22
Дата: Вторник, 2015-12-08, 19:03 | Сообщение # 1

ТЗ-шечка:
Это верхняя шапка, размер 100%*40px, цвета 000000, информация вся на 1000px в центре (пример - тот же Урааа), цвет ссылок FFF, нижнее подчеркивание снизу, слева - вход/рега, справа иконки социальных сетей (на одной высоте). Ссылки и картинки по вертикальному позиционированию


Помню Урааа в виде социальной сети…

Сообщение отредактировал Dukhovnik - Вторник, 2015-12-08, 19:04
Профиль
waak Оффлайн
Проверенный
41
Дата: Вторник, 2015-12-08, 19:10 | Сообщение # 2
Здравствуйте! вы бы нарисовали хотя бы в паинте премерно картинку с нужным текстом и картинками чтоб хотя бы примерно понимать что делать

Помог? ставь +
Разработка дизайна - верстка, помощь по установке шаблона на uCoz.
Связь
skype - tolik-waak
Мой сайт
Профиль
dline Оффлайн
Проверенный
5
Дата: Вторник, 2015-12-08, 20:44 | Сообщение # 3
Цитата waak ()
вы бы нарисовали хотя бы в паинте


Согласен! я тоже его едва понял. B)


Выжигаю все свое время на своей не любимой работе, а что поделоть хлеб то надо зачтото брать! )))
Профиль
Dukhovnik Оффлайн
Проверенный
22
Дата: Вторник, 2015-12-08, 21:52 | Сообщение # 4
http://da.am/i/4265/
либо за основу можно взять меню с upartner.pro, только вместо логотипа ссылки на вход и регистрацию, а справа социальные иконки. (только в этом случае ссылки нужно подчеркнуть снизу и красным цветом (умеренным красным, а не ярко-красным, но это поправимо).)
Надеюсь теперь понятней, желательно оба варианта :) с подчеркиванием ссылок можете сделать на ваш вкус (но главное белый цвет и красное подчеркивание и перекрашивание).
Надеюсь теперь понятнее =)


Помню Урааа в виде социальной сети…
Профиль
waak Оффлайн
Проверенный
41
Дата: Вторник, 2015-12-08, 22:38 | Сообщение # 5

css
Код
#heder {
    width: 100%;
    height: 40px;
    background: #000;
}
#heder_g {
    width: 1000px;
    height: 40px;
    margin: 0 auto;
}
.ss a {
    line-height: 40px;
    border-bottom: 2px solid #000;
    color: #FFF;
    margin: 0 10px;
}
.ss a:hover {
    border-bottom: 2px solid #D34C4D;
}
.soc {
    float: right;
}
.soc a {
    float: left;
}
.soc img {
    margin: 10px 5px;
}


html
Код
<!--headr-->
<div id="heder">
    <div id="heder_g">
  <span class="ss"><a href="">Вход</a><a href="">Регистрация</a></span>
  <span class="soc">
   <a href="vk"><img src="/img/vk.png"  width="20px"></a>
   <a href="f"><img src="/img/f.png" width="20px"></a>
   <a href="ok"><img src="/img/ok.png" width="20px"></a>
  </span>
    </div>
</div>
<!--/headr-->


Картинки соц сетей прикреплены просто сохраните их и загрузите в папку img
Прикрепления: 4762952.png (0.9 Kb) · 1245006.png (0.7 Kb) · 6649122.png (0.6 Kb) · 6358572.png (7.5 Kb)


Помог? ставь +
Разработка дизайна - верстка, помощь по установке шаблона на uCoz.
Связь
skype - tolik-waak
Мой сайт
Профиль
  • Страница 1 из 1
  • 1
Поиск: