Тема: Как сделать аватарку круглым (WAP/WEB мастеру/Помощь мастерам)

Zews (14 Jun 2015 в 21:50)
здесь не давно видел такую тему а сейчас я не могу найти поэтому создал новую тему

artur737 (14 Jun 2015 в 22:03)
на личной страничке или везде ?

Zews (14 Jun 2015 в 22:04)
artur737, ну везде

scpasis13 (14 Jun 2015 в 22:21)
Border-radius:50px;
		[i]Добавлено:[/i]
		Border-radius:50%;

Zews (14 Jun 2015 в 22:25)
scpasis13, куда надо это ставить я новичок укажи путь

artur737 (14 Jun 2015 в 22:30)
в wap версии у меня они получаются максимум овальные, в web все нормально.
замени весь код в файле sys/fnc/avater.php на этот [php]
<?
function avatar($ID, $link = false, $dir = \'50\', $w = \'50\')
{
	/**
	* 
	* @var / Аватар, модифицировали функцию с целью облегчения кода
	* 
	*/
	$avatar = mysql_fetch_array(mysql_query(\"SELECT id,id_gallery,ras FROM `gallery_foto` WHERE `id_user` = \'$ID\' AND `avatar` = \'1\' LIMIT 1\"));
	if (is_file(H.\"sys/gallery/$dir/$avatar[id].$avatar[ras]\"))
	{
		return ($link == true ? \'<a href=\"/foto/\' . $ID . \'/\' . $avatar[\'id_gallery\'] . \'/\' . $avatar[\'id\'] . \'/\">\' : false) . \'
	<img class=\"avatar\" src=\"/foto/foto\' . $dir . \'/\' . $avatar[\'id\'] . \'.\' . $avatar[\'ras\'] . \'\" alt=\"Avatar\" style=\" border:1px #CCCCCC solid;
 -moz-border-radius:  50%; 
 -webkit-border-radius:  50%;
 -khtml-border-radius:  50%; 
 border-radius: 50%;\" height=\"\' . $w . \'\" width=\"\' . $w . \'\" />\' . ($link == true ? \'</a>\' : false);
	}
	else
	{
		return \'<img class=\"avatar\" src=\"/style/user/avatar.gif\" height=\"\' . $w . \'\" width=\"\' . $w . \'\" alt=\"No Avatar\" style=\" border:1px #CCCCCC solid;
 -moz-border-radius:  50%; 
 -webkit-border-radius:  50%; 
 -khtml-border-radius:  50%;
 border-radius:  50%;\"/>\';
	}
	
}
?>[/php]

scpasis13 (14 Jun 2015 в 22:31)
--Цитата--
Zews (14 Jun 2015 в 22:25):
scpasis13, куда надо это ставить я новичок укажи путь
----------
Zews, sys/fnc/avatar .php в теге <img/> прописать class. Пример <img class=\'ava\' дальше идет код /> в файле css  прописать border-radius:50%;
		[i]Добавлено:[/i]
		Zews, sys/fnc/avatar .php в теге <img/> прописать class. Пример <img class=\'ava\' дальше идет код /> в файле css  прописать border-radius:50%; к этому классу

Zews (14 Jun 2015 в 22:44)
artur737, Ставил Работает нормально Спасибо тебе
		[i]Добавлено:[/i]
		scpasis13, спасибо вам всем
		[i]Добавлено:[/i]
		scpasis13, спасибо вам всем
		[i]Добавлено:[/i]
		scpasis13, спасибо вам всем
		[i]Добавлено:[/i]
		artur737, ваш домен/user/users.php а как сделать там круглым?

Jonathan (14 Jun 2015 в 22:57)
Здесь одного класса будет мало. В функции аватара нету фиксации размера, поэтому аватарки с широким расширением будут овальной формы, если будет задан border-radius

artur737 (14 Jun 2015 в 22:59)
Zews, sys/fnc/status.php замени код на этот 
<?
function status($ID)
{
	$avatar = mysql_fetch_array(mysql_query(\"SELECT id,id_gallery,ras FROM `gallery_foto` WHERE `id_user` = \'$ID\' AND `avatar` = \'1\' LIMIT 1\"));
	if (is_file(H.\"sys/gallery/50/$avatar[id].$avatar[ras]\"))
	{
		echo \'<img class=\"avatar\" src=\"/foto/foto50/\' . $avatar[\'id\'] . \'.\' . $avatar[\'ras\'] . \'\" alt=\"Avatar\" style=\" border:1px #CCCCCC solid;
 -moz-border-radius:  50%; 
 -webkit-border-radius:  50%; 
 -khtml-border-radius:  50%;
 border-radius:  50%;  width=\"50\" />\';
	}
	else
	{
		echo \'<img class=\"avatar\" src=\"/style/user/avatar.gif\" width=\"50\" alt=\"No Avatar\" style=\"border:1px #CCCCCC solid;
 -moz-border-radius:  50%; 
 -webkit-border-radius:  50%; 
 -khtml-border-radius:  50%;
 border-radius:  50%;/>\';
	}
	
}
?>
		[i]Добавлено:[/i]
		Jonathan, а это что тогда width=\"\' . $w . \'\"  ? $w = 50;

Zews (14 Jun 2015 в 23:06)
artur737, cпасибо за все
		[i]Добавлено:[/i]
		artur737, братан последний раз дай код на этот путь \"ваш домен/online.php\"

Jonathan (14 Jun 2015 в 23:09)
artur737, загрузи аватар с шириной более 400px и сам все увидишь. Я на хабре уже видел тему с этими круглыми аватарами, но там только классы с кроссбраузерным border radius и все.

Zews (14 Jun 2015 в 23:14)
Jonathan, на chrome нормально работает

artur737 (14 Jun 2015 в 23:44)
Jonathan, с веб версии все нормально, в wap версии я сразу сказал, что лично у меня немного аватарка овальная. есть предложения, напиши автору. я с dcms год не работал, разбираться, как сделать лучше у меня не хватает времени.
		[i]Добавлено:[/i]
		Zews, найди user::avatar($ank[\'id\'], 0) и убери user, но делать я тебе это советую только после того как кто-нибудь мне объяснит разницу между user::avatar($ank[\'id\'], 0) и просто avatar($ank[\'id\'], 0). как я уже писал с dcms работал давно, знаю что функция avatar отвечает за вывод авы, но вот user::avatar вижу впервые
		[i]Добавлено:[/i]
		Jonathan, с веб версии все нормально, в wap версии я сразу сказал, что лично у меня немного аватарка овальная. есть предложения, напиши автору. я с dcms год не работал, разбираться, как сделать лучше у меня не хватает времени.
		[i]Добавлено:[/i]
		упс, страница обновилась.

Источник: http://www.dcms-social.ru/forum/20/44/59239/