Добро пожаловать, Гость!
Блоки на главном - Страница 1
Помощь мастерам | Блоки на главном
Kavkaz95 :
как сделать блоки на главном как на 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%;
}
ОНИ ПРАВИЛЬНЫЕ ИЛИ НЕТ?
ДАЙТЕ ЕСЛИ У КОГО ЕСТЬ ГОТОВЫЙ КОД РАБОЧИЙ
Блоки на главном
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%;
}
Автор темы
<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%;
}