Сообщений в теме: 2

[Captain222]

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

Аккаунт SL-282859

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

• 
• 
• 

[MikDark]

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 на большее.

[Captain222]

Спасибо!