Перейти к содержимому


Помогите Подправить Блок Новостей

новости

  • Авторизуйтесь для ответа в теме
Сообщений в теме: 2

#1 pashok

pashok

    Пользователь

  • Пользователи
  • PipPip
  • 30 сообщений

Отправлено 03 Январь 2015 - 15:52

Помогите подправить блок новостей.нигде не могу найти что за это отвечает.нужно сделать как показано на рис.2

Аккаунт SL-260219

Прикрепленные изображения

  • й3.jpg
  • й2.jpg


#2 Danil

Danil

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 4 645 сообщений

Отправлено 05 Январь 2015 - 12:25

Просмотр сообщенияpashok (03 Январь 2015 - 15:52) писал:

Помогите подправить блок новостей.нигде не могу найти что за это отвечает.нужно сделать как показано на рис.2

Аккаунт SL-260219
1) В style.css найдите код
.block2 {
margin-bottom: 20px;
background: #fff;
border-left: 1px solid #efefef;
border-right: 1px solid #efefef;
float: left;
position: relative;
width: 210px;
}
и замените на
.block2 {
margin-bottom: 20px;
background: #fff;
border-right: 1px solid #efefef;
float: left;
position: relative;
width: 210px;
}
Так же в конец style.css добавьте
.block {
clear: both;
width: 210px;
}
2) В style.css найдите код
.block h4 {
padding: 6px 11px;
font-size: 12px;
color: #fff;
text-shadow: 0 1px 0 #000;
text-transform: uppercase;
background: #383838;
}
и замените на  
.block h4 {
padding: 6px 11px;
font-size: 12px;
color: #fff;
text-shadow: 0 1px 0 #000;
text-transform: uppercase;
background: #383838;
text-align: center;
}
3) В style.css найдите код
.block li a {
display: block;
color: #333;
}
и замените на
.block li a {
display: block;
color: #333;
padding-left:20px;
}
изменяйте padding-left:20px;

#3 pashok

pashok

    Пользователь

  • Пользователи
  • PipPip
  • 30 сообщений

Отправлено 05 Январь 2015 - 15:47

Просмотр сообщенияDanil (05 Январь 2015 - 12:25) писал:

1) В style.css найдите код
.block2 {
margin-bottom: 20px;
background: #fff;
border-left: 1px solid #efefef;
border-right: 1px solid #efefef;
float: left;
position: relative;
width: 210px;
}
и замените на
.block2 {
margin-bottom: 20px;
background: #fff;
border-right: 1px solid #efefef;
float: left;
position: relative;
width: 210px;
}
Так же в конец style.css добавьте
.block {
clear: both;
width: 210px;
}
2) В style.css найдите код
.block h4 {
padding: 6px 11px;
font-size: 12px;
color: #fff;
text-shadow: 0 1px 0 #000;
text-transform: uppercase;
background: #383838;
}
и замените на  
.block h4 {
padding: 6px 11px;
font-size: 12px;
color: #fff;
text-shadow: 0 1px 0 #000;
text-transform: uppercase;
background: #383838;
text-align: center;
}
3) В style.css найдите код
.block li a {
display: block;
color: #333;
}
и замените на
.block li a {
display: block;
color: #333;
padding-left:20px;
}
изменяйте padding-left:20px;

Спасибо все гуд)





Темы с аналогичным тегами новости

Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных