Сверстать! - Форум о uCoz

Новые сообщения · Правила форума · Поиск

Оставить отзыв · Пожаловаться · RSS

Сверстать! (…всех в тему!)

Сверстать!

Dukhovnik Оффлайн

Проверенный

Дата: Вторник, 2015-12-08, 19:03 | Сообщение # 1

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

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

Сообщение отредактировал Dukhovnik - Вторник, 2015-12-08, 19:04

Профиль

waak Оффлайн

Проверенный

Дата: Вторник, 2015-12-08, 19:10 | Сообщение # 2

Здравствуйте! вы бы нарисовали хотя бы в паинте премерно картинку с нужным текстом и картинками чтоб хотя бы примерно понимать что делать

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

Профиль

dline Оффлайн

Проверенный

Дата: Вторник, 2015-12-08, 20:44 | Сообщение # 3

вы бы нарисовали хотя бы в паинте

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

Выжигаю все свое время на своей не любимой работе, а что поделоть хлеб то надо зачтото брать! )))

Профиль

Dukhovnik Оффлайн

Проверенный

Дата: Вторник, 2015-12-08, 21:52 | Сообщение # 4

http://da.am/i/4265/
либо за основу можно взять меню с upartner.pro, только вместо логотипа ссылки на вход и регистрацию, а справа социальные иконки. (только в этом случае ссылки нужно подчеркнуть снизу и красным цветом (умеренным красным, а не ярко-красным, но это поправимо).)
Надеюсь теперь понятней, желательно оба варианта

с подчеркиванием ссылок можете сделать на ваш вкус (но главное белый цвет и красное подчеркивание и перекрашивание).
Надеюсь теперь понятнее =)

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

Профиль

waak Оффлайн

Проверенный

Дата: Вторник, 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

<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>

Картинки соц сетей прикреплены просто сохраните их и загрузите в папку 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