Добро пожаловать, Гость!
Блоки на главном - Страница 1
Помощь мастерам | Блоки на главном
Kavkaz95 : Блоки на главном
29 Июля 2017как сделать блоки на главном как на spaces
скопировал код через просмотр кода из одного сайта но не работает,
ВОТ КОД ДЛЯ main_menu
<div class="drugi-menu__wrap">
<a href="/news/" class="drugi-menu__link">
<div class="drugi-menu__pic"><img src="/icons/news.png" alt="Новости" title="Новости сайта">
<small><font color="red"><b></b></font></small></div> <div class="drugi-menu__title">Новости</div> </a></div>
ЭТО CSS
.drugi-menu__wrap {
float: left;
width: 33%;
height: 115px;
margin-bottom: 19px;
}
.drugi-menu__link {
text-align: center;
display: block;
cursor: pointer;
background: #FFFFFF;
text-decoration: none;
height: 115px;
margin: 0 5px 0 5px;
border-top: solid 1px #f0f0f0;
-webkit-box-shadow: 0 3px 5px #D3D3D3;
-moz-box-shadow: 0 3px 5px #D3D3D3;
box-shadow: 0 3px 5px #D3D3D3;
}
.drugi-menu__pic {
height: 40px;
width: 40px;
margin: 25px 0 10px 0;
display: inline-block;
}
.drugi-menu__title {
height: 17px;
color: #323232;
font-weight: 700;
font-size: 87.5%;
}
ОНИ ПРАВИЛЬНЫЕ ИЛИ НЕТ?
ДАЙТЕ ЕСЛИ У КОГО ЕСТЬ ГОТОВЫЙ КОД РАБОЧИЙ
Комментарии:
Kavkaz95 29 Июля 2017Автор темы
<div class="drugi-menu__wrap">
<a href="/news/" class="drugi-menu__link">
<div class="drugi-menu__pic"><img src="/icons/news.png" alt="Новости" title="Новости сайта">
<small><font color="red"><b></b></font></small></div> <div class="drugi-menu__title">Новости</div> </a></div>
--
-
-
-
-
.drugi-menu__wrap {
float: left;
width: 33%;
height: 115px;
margin-bottom: 19px;
}
.drugi-menu__link {
text-align: center;
display: block;
cursor: pointer;
background: #FFFFFF;
text-decoration: none;
height: 115px;
margin: 0 5px 0 5px;
border-top: solid 1px #f0f0f0;
-webkit-box-shadow: 0 3px 5px #D3D3D3;
-moz-box-shadow: 0 3px 5px #D3D3D3;
box-shadow: 0 3px 5px #D3D3D3;
}
.drugi-menu__pic {
height: 40px;
width: 40px;
margin: 25px 0 10px 0;
display: inline-block;
}
.drugi-menu__title {
height: 17px;
color: #323232;
font-weight: 700;
font-size: 87.5%;
}

