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/ admin@visavi.net (admin) admin@visavi.net (admin) Sun, 27 Nov 2022 01:16:41 +0300 13. <strong>Prikolist</strong>, вообще то это ты влез со своим имхо в тему с чисто техническим вопром.<br> автор, глянь<br> <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"><strong>DEMONS</strong> (12 Января 2016 / 03:49)<br> к чему тут спейс)<br> у меня ваще самопис и не соц,а форум.</blockquote> Я говорю первый раз увидел скругление авок там. Че вы все к словам цепляетесь?! https://visavi.net/topics/42751/687333 border-radius:50% и аватар James Tue, 12 Jan 2016 06:27:29 +0300 Сообщения https://visavi.net/topics/42751/687333 к чему тут спейс)<br> у меня ваще самопис и не соц,а форум. 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"><strong>ramzes</strong> (11 Января 2016 / 23:52)<br> 9. <strong>Prikolist</strong>, я вообще именно о круглых аватарах, а не &quot;про соцки и гуглы&quot;<br> что бы ты понял точно, о чем я.<br> это ваш гно-спейсес косит под других, а не под него кто то<br> <br> <em><span style="font-size:x-small">Добавлено через 01:45 сек.</span></em><br> а по сути. некоторые дизайны с круглыми аватарами выглядят лучше</blockquote> Ну не знаю,мне скругление не особо нравится. У меня в паре дизайнов оно. (В роторе) https://visavi.net/topics/42751/687325 border-radius:50% и аватар James Tue, 12 Jan 2016 01:13:33 +0300 Сообщения https://visavi.net/topics/42751/687325 9. <strong>Prikolist</strong>, я вообще именно о круглых аватарах, а не &quot;про соцки и гуглы&quot;<br> что бы ты понял точно, о чем я.<br> это ваш гно-спейсес косит под других, а не под него кто то<br> <br> <em><span style="font-size:x-small">Добавлено через 01:45 сек.</span></em><br> а по сути. некоторые дизайны с круглыми аватарами выглядят лучше 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"><strong>ramzes</strong> (11 Января 2016 / 23:02)<br> 7. <strong>Prikolist</strong>, лет 5 уже гугл юзает.<br> дальше спейса не ходите?)</blockquote> Я вообще про скругление авы а не про соцки и гуглы... https://visavi.net/topics/42751/687314 border-radius:50% и аватар James Mon, 11 Jan 2016 21:11:25 +0300 Сообщения https://visavi.net/topics/42751/687314 7. <strong>Prikolist</strong>, лет 5 уже гугл юзает.<br> дальше спейса не ходите?) 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% и аватар James Mon, 11 Jan 2016 20:36:34 +0300 Сообщения https://visavi.net/topics/42751/687312 <blockquote class="blockquote"><strong>DEMONS</strong> (7 Января 2016 / 19:46)<br> ничего не понял из выше сказанного</blockquote> В твоем случае не стоит делать изображение бекграундом блока.<br> Сделай как-то так:<br> <pre class="prettyprint linenums pre-scrollable">&lt;?php &lt;style&gt; .avatar{ width&#58;48px; height&#58;48px; float&#58;left; overflow&#58;hi dden; background&#58; #ccc; -moz-border-radius&#58; 50%; -webkit-border-radius&#58; 50%; -khtml-border-radius&#58;50%; border-radius&#58; 50%; border&#58;1px solid #c0e15c; } .avatar img{ border&#58;no ne; -moz-border-radius&#58; 50%; -webkit-border-radius&#58; 50%; -khtml-border-radius&#58;50%; border-radius&#58; 50%; width&#58;100%; height&#58;auto; } &lt;/style&gt; &lt;div class=&quot;avatar&quot;&gt; &lt;img src=&quot;ссылка&quot; alt=&quot;&quot; onload=&quot;if (this.clientWidth&gt;this.clientHeight){this.style.width=&#039;auto&#039;;this.style.height=&#039;100%&#039;;}&quot; /&gt; &lt;/div&gt;</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; -&gt; background-size:cover;<br> <br> тему можно крыть 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 не аватар а блок в котором аватар будет делай круглым, внутри аватар по высоте (только высоте) и минимальной ширине задавай.<br> блок 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 Как можно решить такую проблему.если аватар юзера квадратный более менее,то все ок. <br> а если прямоугольный, то остается пустое место. <br> мб у кого есть решение?)) <br> &lt;style&gt;<br> .left .avatar_id{$users[$message[&#039;id_sender&#039;]]-&gt;id}<br> {<br> margin-right: 15px;<br> float:left;<br> }<br> .avatar_id{$users[$message[&#039;id_sender&#039;]]-&gt;id}<br> {<br> width:48px;<br> height:48px;<br> background: #CCC url({$users[$message[&#039;id_sender&#039;]]-&gt;getAvatar2(48)}) no-repeat;<br> -moz-border-radius: 50%;<br> -webkit-border-radius: 50%;<br> -khtml-border-radius:50%;<br> border-radius: 50%;<br> background-size:contain;<br> border:1px solid #c0e15c;<br> } <br> &lt;/style&gt; <br> <br> <br> &lt;div class=&quot;avatar_id{$users[$message[&#039;id_sender&#039;]]-&gt;id}&quot;&gt;&lt;/div&gt; https://visavi.net/topics/42751/687157 border-radius:50% и аватар Александр Thu, 07 Jan 2016 02:39:35 +0300 Сообщения https://visavi.net/topics/42751/687157