Question

Как в этом месте http://prntscr.com/7mqm26 можно добавить кликабельные иконки,чтоб нажав на нее перекидывала на страницу? Иконки футбольных чемпионатов 5 топовых лиг хочу добавить туда

Answer 1

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

В то место где будет блок

<div id="rec_bloc">
        <ul>
          <li><a href="#" alt><img src="img/icon1.png"></a></li>
          <li><a href="#"><img src="img/icon2.png"></a></li>
          <li><a href="#"><img src="img/icon3.png"></a></li>
          <li><a href="#"><img src="img/icon4.png"></a></li>
          <li><a href="#"><img src="img/icon5.png"></a></li>
        </ul>
      </div>

 

 

В таблицу стилей 

#rec_bloc {
  width: 100%;
  height: 60px;
  background: url("../img/bg_rec_bloc.png");
}
#rec_bloc ul {
  list-style: none;
}
#rec_bloc ul li {
  float: left;
  width: 20%;

}
#rec_bloc ul li a{
  display: block;
}
#rec_bloc ul li img{
  margin: 0 40%;
}

Внимание

Теперь вам нужно только изменить ссылки на иконки они выделены крассным

Синем выделена ссылка на фон блока её тоже вам нужно будет заменить на свою

Вид блока 

Comments

в таком случае удалите:

position: relative;
 top: -60px;

и ставьте иконки точно по размеру, 48х48 либо 64х64

---

Нарисуйте картинку с видом того что вы хотите сделать и я вам напишу код

и скинте мне в скайпе иконки

скайп tolik-waak

---

Сейчас они у меня распологаются так http://prntscr.com/7n27nd А мне бы хотелось, вот пример http://prntscr.com/7n27ua в таком порядке вверху справа,так как с лева у меня будет логотип,наверно. Как их так расположить подскажите пожалуйста

---

И скажите как мне сделать чтобы при нажатии на первую иконку чемпионат barclays меня перекидывало на форум в чемпионат сюда? http://16fifaclub.3dn.ru/forum/7

---

Можете подсказать куда именно в верхней части сайта надо пихать этот код?

<div id="rec_bloc">
 <ul>
 <li><a href="http://16fifaclub.3dn.ru/forum/7" alt><img src="/img/mg1.png"></a></li>
 <li><a href="http://16fifaclub.3dn.ru/"><img src="/img/mg2.png"></a></li>
 <li><a href="http://16fifaclub.3dn.ru/"><img src="/img/mg3.png"></a></li>
 <div class="clr"></div>
 </ul>
 <ul>
 <li><a href="http://16fifaclub.3dn.ru/"><img src="/img/mg4.png"></a></li>
 <li><a href="http://16fifaclub.3dn.ru/"><img src="/img/mg5.png"></a></li>
 </ul>
 </div>

Answer 2

Можно сделать таблицей можно дивами, без знания основ html и css не сделаете, обратитесь за помощью к фрилансерам сюда http://upartner.pro/ , здесь код с нуля не пишут.