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


Нужна Помощь.


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

#1 Captain222

Captain222

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

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

Отправлено 11 Май 2014 - 19:31

1. Нужно выровнять картинки
2.Картинки и размер шрифта увеличить
3 Увеличить размер и по-возможности сделать объемными
4. Пока экспериментировал с п.1 в основных настройках изменился размер картинок(стал очень маленький). Хотя в настройках вернул к первоначальным, но не помогло.

Аккаунт SL-282859

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

  • QIP Shot - Screen 719.1.jpg
  • QIP Shot - Screen 720.jpg
  • QIP Shot - Screen 721.jpg


#2 MikDark

MikDark

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

  • Модераторы
  • 6 394 сообщений

Отправлено 12 Май 2014 - 06:41

Просмотр сообщенияCaptain222 (11 Май 2014 - 19:31) писал:

1. Нужно выровнять картинки
2.Картинки и размер шрифта увеличить
3 Увеличить размер и по-возможности сделать объемными
4. Пока экспериментировал с п.1 в основных настройках изменился размер картинок(стал очень маленький). Хотя в настройках вернул к первоначальным, но не помогло.

1) Советуем Вам изначально загружать изображения одинаковых пропорций, т.к. в данном случае есть вариант только обрезания более большого изображения, но его придется обрезать почти в 2 раза.
2) Если нужно увеличить изображения, то придется весь текст сдвигать вниз, т.к. не хватит места. Чтобы это сделать, находим в шаблоне style.css код:
#recently_viewed li p {
float: left;
padding: 0 0 0 10px;
font-size: 10px;
width: 110px;
display: block;
}

и код:
#recently_viewed li a.content_img {
display: block;
float: left;
padding: 5px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
-moz-box-shadow: 0 0 0 1px rgba(0,0,0,0.095) ,0 1.5px 1.5px 0 rgba(0,0,0,0.2),0 2px 1.5px 0 rgba(0,0,0,0.1);
-webkit-box-shadow: 0 0 0 1px rgba(0,0,0,0.095) ,0 1.5px 1.5px 0 rgba(0,0,0,0.2),0 2px 1.5px 0 rgba(0,0,0,0.1);
box-shadow: 0 0 0 1px rgba(0,0,0,0.095) ,0 1.5px 1.5px 0 rgba(0,0,0,0.2),0 2px 1.5px 0 rgba(0,0,0,0.1);
text-decoration: none;
background: #ffffff;
width: 70px;
text-align: center;
}

В первый код вместо float: left; дописываем: font-size: 20px; и меняем width:110px на width: 200px;
font-size - Это размер шрифта, его значение можно менять.

Во втором коде float: left; удаляем, а width: 70px; меняем на width: 200px;

3) В том же шаблоне находим код:
#megamenu li .root_link {
color: #666666;
text-transform: uppercase;
font-size: 11px;
text-decoration: none;
}

и увеличиваем значение font-size

4) Находим коды:
#left-column #thumbs_list li {
height: 54px;
margin: 0 4px;
float: left;
cursor: pointer;
}

и
#left-column #thumbs_list li img {
height: 54px;
margin: 0;
border: none;
}

и меняем значения height на большее.

#3 Captain222

Captain222

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

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

Отправлено 21 Май 2014 - 18:12

Спасибо!




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

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