border-radius:50% и аватар

border-radius:50% и аватар - Visavi.net https://visavi.net/ RSS - Visavi.net https://visavi.net/assets/img/images/logo_small.png RSS - Visavi.net https://visavi.net/ [email protected] (admin) [email protected] (admin) Fri, 29 Nov 2024 16:59:39 +0300 13. Prikolist, вообще то это ты влез со своим имхо в тему с чисто техническим вопром. автор, глянь <a href="http://jsfiddle.net/shelest5000/U8cm8/" target="_blank" rel="nofollow">http://jsfiddle.net/shelest5000/U8cm8/</a> https://visavi.net/topics/42751/687340 border-radius:50% и аватар ramzes Tue, 12 Jan 2016 15:23:28 +0300 Сообщения https://visavi.net/topics/42751/687340 <blockquote class="blockquote">DEMONS (12 Января 2016 / 03:49) к чему тут спейс) у меня ваще самопис и не соц,а форум.</blockquote> Я говорю первый раз увидел скругление авок там. Че вы все к словам цепляетесь?! https://visavi.net/topics/42751/687333 border-radius:50% и аватар Евгений Tue, 12 Jan 2016 06:27:29 +0300 Сообщения https://visavi.net/topics/42751/687333 к чему тут спейс) у меня ваще самопис и не соц,а форум. https://visavi.net/topics/42751/687326 border-radius:50% и аватар Александр Tue, 12 Jan 2016 01:49:19 +0300 Сообщения https://visavi.net/topics/42751/687326 <blockquote class="blockquote">ramzes (11 Января 2016 / 23:52) 9. Prikolist, я вообще именно о круглых аватарах, а не "про соцки и гуглы" что бы ты понял точно, о чем я. это ваш гно-спейсес косит под других, а не под него кто то Добавлено через 01:45 сек. а по сути. некоторые дизайны с круглыми аватарами выглядят лучше</blockquote> Ну не знаю,мне скругление не особо нравится. У меня в паре дизайнов оно. (В роторе) https://visavi.net/topics/42751/687325 border-radius:50% и аватар Евгений Tue, 12 Jan 2016 01:13:33 +0300 Сообщения https://visavi.net/topics/42751/687325 9. Prikolist, я вообще именно о круглых аватарах, а не "про соцки и гуглы" что бы ты понял точно, о чем я. это ваш гно-спейсес косит под других, а не под него кто то Добавлено через 01:45 сек. а по сути. некоторые дизайны с круглыми аватарами выглядят лучше https://visavi.net/topics/42751/687315 border-radius:50% и аватар ramzes Mon, 11 Jan 2016 21:52:48 +0300 Сообщения https://visavi.net/topics/42751/687315 <blockquote class="blockquote">ramzes (11 Января 2016 / 23:02) 7. Prikolist, лет 5 уже гугл юзает. дальше спейса не ходите?)</blockquote> Я вообще про скругление авы а не про соцки и гуглы... https://visavi.net/topics/42751/687314 border-radius:50% и аватар Евгений Mon, 11 Jan 2016 21:11:25 +0300 Сообщения https://visavi.net/topics/42751/687314 7. Prikolist, лет 5 уже гугл юзает. дальше спейса не ходите?) https://visavi.net/topics/42751/687313 border-radius:50% и аватар ramzes Mon, 11 Jan 2016 21:02:01 +0300 Сообщения https://visavi.net/topics/42751/687313 Одно не пойму.... чё к этим круглым аватарам все прицепились? Я это встретил только на спейсе,но зачем косить под г.но,если оно г.но ...???! https://visavi.net/topics/42751/687312 border-radius:50% и аватар Евгений Mon, 11 Jan 2016 20:36:34 +0300 Сообщения https://visavi.net/topics/42751/687312 <blockquote class="blockquote">DEMONS (7 Января 2016 / 19:46) ничего не понял из выше сказанного</blockquote> В твоем случае не стоит делать изображение бекграундом блока. Сделай как-то так: <pre class="prettyprint"><?php <style> .avatar{ width:48px; height:48px; float:left; overflow:hi dden; background: #ccc; -moz-border-radius: 50%; -webkit-border-radius: 50%; -khtml-border-radius:50%; border-radius: 50%; border:1px solid #c0e15c; } .avatar img{ border:no ne; -moz-border-radius: 50%; -webkit-border-radius: 50%; -khtml-border-radius:50%; border-radius: 50%; width:100%; height:auto; } </style> <div class="avatar"> <img src="ссылка" alt="" onload="if (this.clientWidth>this.clientHeight){this.style.width='auto';this.style.height='100%';}" /> </div></pre> Не проверял, но должно работать. По умолчанию здесь изображению задана ширина 100%, а высота автоматическая. При загрузке страницы определяется, если изображение горизонтальное - то ширина становится автоматической, а высота - 100%. https://visavi.net/topics/42751/687298 border-radius:50% и аватар Дмитрий Mon, 11 Jan 2016 14:38:13 +0300 Сообщения https://visavi.net/topics/42751/687298 background-size:contain; -> background-size:cover; тему можно крыть https://visavi.net/topics/42751/687284 border-radius:50% и аватар Александр Mon, 11 Jan 2016 01:52:40 +0300 Сообщения https://visavi.net/topics/42751/687284 ничего не понял из выше сказанного https://visavi.net/topics/42751/687182 border-radius:50% и аватар Александр Thu, 07 Jan 2016 20:46:40 +0300 Сообщения https://visavi.net/topics/42751/687182 не аватар а блок в котором аватар будет делай круглым, внутри аватар по высоте (только высоте) и минимальной ширине задавай. блок overflow: hidden; и все https://visavi.net/topics/42751/687167 border-radius:50% и аватар ramzes Thu, 07 Jan 2016 14:36:22 +0300 Сообщения https://visavi.net/topics/42751/687167 а пример? Скриншот бы. https://visavi.net/topics/42751/687163 border-radius:50% и аватар Дмитрий Thu, 07 Jan 2016 12:40:49 +0300 Сообщения https://visavi.net/topics/42751/687163 Как можно решить такую проблему.если аватар юзера квадратный более менее,то все ок. а если прямоугольный, то остается пустое место. мб у кого есть решение?)) <style> .left .avatar_id{$users[$message['id_sender']]->id} { margin-right: 15px; float:left; } .avatar_id{$users[$message['id_sender']]->id} { width:48px; height:48px; background: #CCC url({$users[$message['id_sender']]->getAvatar2(48)}) no-repeat; -moz-border-radius: 50%; -webkit-border-radius: 50%; -khtml-border-radius:50%; border-radius: 50%; background-size:contain; border:1px solid #c0e15c; } </style> <div class="avatar_id{$users[$message['id_sender']]->id}"></div> https://visavi.net/topics/42751/687157 border-radius:50% и аватар Александр Thu, 07 Jan 2016 02:39:35 +0300 Сообщения https://visavi.net/topics/42751/687157