Феникс

Феникс

Как притяно, когда на сайте добрые и отзывчивые пользователи. Очень приятно
+41
Репутация
2
Рейтинг
#1 Дружба border radius и Opera 20 апреля 2013 в 16:18


Заметил такой баг в Опере.

Феникс
В какой версии Оперы?
Есть костыльные решения www.xiper.net/collect/html-and-css-tricks/glyuki-brauzerov/opera/opera-img-radius.html

oll
img округляет. Не округляет div в котором находится img.
#1 Дружба border radius и Opera 20 апреля 2013 в 12:55
Заметил такой баг в Опере.
Если в div впихнуть картинку и назначить ему width: Npx + height: Npx + overflow: hidden + border-radius: Npx, то если картинка выходит за рамки div'a, её обрежет, но края не округлит. В Хроме и Лисе всё работает.
На на этом, я не заканчиваю.
Если в таблице присвоить td border-radius: Npx, то тоже ничего не произойдёт.
Может вы знаете как решить эту проблему?
P.S. Если быть точнее, то я задаю в стилях border-radius вот так:
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
#3 Обрезание картинки по высоте 19 апреля 2013 в 21:18


Там можно задать ширину, а высоту оно подстраивает под пропорции картинки. При этом высота у всех картинок разная.

Феникс
В настройках есть ещё пунктик "Квадратные", вото его и нужно установить на "да".

Но тему закрывать не буду. Может всё таки кто-то сможет решить эту проблему через PHP.

Феникс
Нужно копать файл /includes/graphic.inc.php, конкретно функцию img_resize(). Функция небольшая, всего в 80 строчек кода. Но чтобы разобраться поллитра, думаю, не хватит laugh

Марат
Мне нужны прямоугольные картинки.
На выходных посижу в этой функции, на трезвую голову. Пойду против системы.
#4 Обрезание картинки по высоте 18 апреля 2013 в 23:24


При этом высота у всех картинок разная.

Azura
Тогда можно вот так:





Для класса "image_content" нужно прописать вот такие стили:

.image_content {
float: left;
clear: none;
width: 106px;
height: 106px;
margin-bottom: 1px;
margin-right: 5px;
}
.image_content img {
display: block;
width: 100px;
height: 100px;
padding: 2px;
border: solid 1px #ccc;
}

Василёк
Так пропорции же не сохраняются. Мне нужно чтобы параметры у всех были одинаковые и пропорции картинки сохранялись.


Феникс, div у прописываете border-radius:4px; или 5

Azura
Действительно работает. Спасибо! :)

Но тему закрывать не буду. Может всё таки кто-то сможет решить эту проблему через PHP.
#5 [ЕСТЬ РЕШЕНИЕ] Аватар в последних комментариях 18 апреля 2013 в 21:49

<img src="{$comment.user_image}" border="0" alt="{$post.title|escape:'html'}">

Василёк
Спасибо, помогло!
#6 Обрезание картинки по высоте 18 апреля 2013 в 21:47


Всё есть в настройках компонента

Василёк
Там можно задать ширину, а высоту оно подстраивает под пропорции картинки. При этом высота у всех картинок разная.
#7 Обрезание картинки по высоте 18 апреля 2013 в 21:45


Феникс, пока не нашли ответа можете заключить картинку в div и задать ему фиксированую ширину и длину с настройкой: overflow:hidden; Изображение внутри прижимаете к левому краю и верху. И всё, вывод будет нормальным.

Azura
Да я так и хотел сделать, но дело в том, что когда я картинку обрезаю html'ом, то внизу края нельзя округлить.
А мне нужна картинка с круглыми краями.
#1 [ЕСТЬ РЕШЕНИЕ] Аватар в последних комментариях 18 апреля 2013 в 19:53
Здравствуйте!
Как сделать, чтобы в модуле "Последние комментарии" выводились аватарки авторов этих комментариев?
Знаю что есть решения для старых версий Instant, но они, к сожалению, не подходят.
#1 Обрезание картинки по высоте 18 апреля 2013 в 19:49
Здравствуйте. Запрос в поиске ответа не дал, поэтому пишу сюда.
При публикации статей, на главную страницу выносится картинка-анонасанонс(будем её так называть).
Как сделать, чтобы при добавлении статьи эту картинку-анонс(уменьшенную копию загружаемой картинки) сжимало по ширине и обрезал по высоте, если она выше чем нужно.
Мне нужно чтобы все картинки в анонсах были одного размера и сохраняли пропорции.
Может кто помочь решить эту проблему?
#10 [ЕСТЬ РЕШЕНИЕ] Аватар в статьях 14 апреля 2013 в 15:21
Спасибо большое!
#11 [ЕСТЬ РЕШЕНИЕ] Аватар в статьях 13 апреля 2013 в 22:27
Pie, я же написал что не подходит этот метод.
В версии 1.10.1 код другой.
#1 [ЕСТЬ РЕШЕНИЕ] Аватар в статьях 13 апреля 2013 в 22:08
Сегодня целый день провозился с этом проблемой.
Идея этого способа решения не помогла — instantcms.ru/forum/thread6923.html
Кто знает? Как вывести аватар автора статьи?
#13 Вид форума 24 марта 2012 в 16:45
Pasha, шаблон не дефолтный, там нужно всё под свой дизайн подстраивать.
#14 Вид форума 24 марта 2012 в 15:15
Pasha, изменить вид главной страницы форума (site.ru/forum).
#15 Вид форума 24 марта 2012 в 10:39
Black-Raven90, не один из файлов не отвечает за ГЛАВНУЮ СТРАНИЦУ форума.
Используя этот сайт, вы соглашаетесь с тем, что мы используем файлы cookie.