Как изменить размер эскизов в экспресс панели?



  • Народ, подскажите пожалуйста, как изменить размер эскизов в экспресс панели? [url=http://itmages.ru/image/view/2818985/18fa6537][img]http://storage2.static.itmages.ru/i/15/0729/s_1438183131_8145682_18fa653784.png[/img][/url] Вот это неудобно, хотелось бы вдвое меньше.



  • Пока никак.
    Ждем :)



  • Ну допустим нашел я как изменить размер. НО!!! Их все равно не ШЕСТЬ СТОЛБЦОВ - при развернутом на весь экран(1600х900) их ПЯТЬ! Да и интересный глюк "вылез"

    Изменения делал в "районе" секций speeddial.cols6 и выше файла common.css
    Вобщем вопрос видоизменяется: как "насильно" увиличить количество столбцов?



  • Кому интересно, искать здесь:
    .speeddial .dial{position:absolute;width:220px;height:180px;left:0;top:0}.speeddial .dial .dial-image{width:220px;height:180px}.speeddial .dial.add{margin-bottom:60px}.speeddial .dial.add
    Я изменил 220х180 на 180х140.
    Но там значек "папка" имеет размер 100х100. ее я поменял на 80х80. Это здесь:
    ;top:50%;left:50%;margin-top:-50px;margin-left:-50px;width:100px;height:100px;background:url(/resources/add_speeddial.png)

    И еще раз повторю, "вылезла" фишка не фишка, а глюк - расстояние между 2-ой и 3-ей строкой не изменяется НИКАК!
    ПыСы: еще бы найти, как уменьшить расстояние между эскизами :huh:



  • Разобрался, как менять число столбцов. Для примера возьмём замену 4-х на 5. Вот у вас кусок файла common.css для четырёх колонок.

    ! .speeddial.cols4{width:970px}
    .speeddial.cols4 .dial:nth-of-type(4n+2){left:250px}
    .speeddial.cols4 .dial:nth-of-type(4n+3){left:500px}
    .speeddial.cols4 .dial:nth-of-type(4n+4){left:750px}
    .speeddial.cols4 .dial:nth-of-type(1n+5){top:240px}
    .speeddial.cols4 .dial:nth-of-type(1n+9){top:480px}
    Представьте, что эскизы располагаются по строкам друг за другом, начиная с левого верхнего угла по направлению вправо, после окончания строки переносясь на следующую.

    Берём и заменяем значения left и top на аналогичные из блока для пяти колонок, не забывая менять формулу в блоках nth-of-type(…). У меня получилось:

    ! .speeddial.cols4{width:1000px}
    .speeddial.cols4 .dial:nth-of-type(5n+2){left:200px}
    .speeddial.cols4 .dial:nth-of-type(5n+3){left:400px}
    .speeddial.cols4 .dial:nth-of-type(5n+4){left:600px}
    .speeddial.cols4 .dial:nth-of-type(5n+5){left:800px}
    .speeddial.cols4 .dial:nth-of-type(1n+6){top:200px}
    .speeddial.cols4 .dial:nth-of-type(1n+11){top:400px}
    .speeddial.cols4 .dial:nth-of-type(1n+16){top:600px}
    .speeddial.cols4 .dial:nth-of-type(1n+21){top:800px}
    .speeddial.cols4 .dial:nth-of-type(1n+21){top:1000px}
    ! (и т.д. для остальных строк)

    Таким образом, мы просто определили местоположения эскизов: второй столбец, то есть каждый элемент с номером 51+2, 52+2 и т.д, имеет левое поле 200, третий 400 и т.д., для первого оно равно нулю, поэтому определение опущено. Аналогично первая строка имеет верхнее поле 200 (то есть каждый элемент, начиная с 6 и по 10, потому что для 11-го и далее мы назначили новое определение). Не забудьте добавить строку .speeddial.cols4 .dial:nth-of-type(5n+5){left:800px} для пятого столбца.

    Значение width в первой строке - умножение левого поля первого столбца на их количество, оно влияет на центровку эскизов.

    Размеры эскизов в данном случае уменьшены до 165*135, для размеров по умолчанию значения полей будут другими.


Log in to reply
 

Looks like your connection to Vivaldi Forum was lost, please wait while we try to reconnect.