Jump to content

Shamisen

Пользователи

  • Регистрация

  • В сети

Посмотреть профиль Find content

Posts posted by Shamisen

    6 часов назад, Maiden8 сказал:

    SlawkA что бы кроппер аватарки например, позволял выбрать произвольный размер, а не квадрат, этого вообще было бы достаточно.

    В этом нет смысла т.к. кроппер обрезает только для превьюшки профиля квадрат. В постах с этим медодом отображается фулл изображение

    13 часов назад, Maiden8 сказал:

     Shamisen 

    После 

    вставь 

    
&group="global"

    Должно быть так: 

    
<li class='cAuthorPane_photo'>
                {{if $comment->author()->pp_main_photo}}<a href='{url="app=core&group="global"&module=members&controller

    Начнет выкидывать в профиль.

    А что с всплытием окна делать, я еще хз, может нарою что, @SlawkA может что посоветует, он в коде рубит.

    О, а вот это круто. Как я вижу ты таки сделал окошко профиля на своём форуме?

    Эм, код при вставке сломался, т.к. нельзя отредактировать продублирую. Оригинальный код:
      

    <li class='cAuthorPane_photo'>
				{template="userPhoto" app="core" group="global" params="$comment->author(), 'large', $comment->warningRef()"}
			</li>

    Код который делает размер аватаров согласно их соотношению сторон и размеру: 

    <li class='cAuthorPane_photo'>
                {{if $comment->author()->pp_main_photo}}<a href='{url="app=core&module=members&controller=profile&id={$comment->author()->member_id}-{$comment->author()->name}" seoTemplate="profile" seoTitle="$seoName"}' data-ipsHover data-ipsHover-target='{url="app=core&module=members&controller=profile&id={$comment->author()->member_id}-{$comment->author()->name}&do=hovercard" seoTemplate="profile" seoTitle="$seoName"}' title="{lang="view_user_profile" sprintf="$name"}"><span class='ipsUserPhoto ipsUserPhoto_variable'><img src="{setting="base_url"}uploads/{$comment->author()->pp_main_photo}" /></span></a>{{else}}<a href='{url="app=core&module=members&controller=profile&id={$comment->author()->member_id}-{$comment->author()->name}" seoTemplate="profile" seoTitle="$seoName"}' data-ipsHover data-ipsHover-target='{url="app=core&module=members&controller=profile&id={$comment->author()->member_id}-{$comment->author()->name}&do=hovercard" seoTemplate="profile" seoTitle="$seoName"}' title="{lang="view_user_profile" sprintf="$name"}"><img src="Default Image Url" /></a>{{endif}}
          </li>

     

    Совершенно не понимаю что там нужно переделать чтобы ссылни на профиль по клику на автар опять ожили

    Дополнение - в мобильной версии код не сломан, только когда начинает отображаться аватар в ПК версии

    Так, нашел баг - как только меняется вот эта часть  

    <li class='cAuthorPane_photo'> {
	{
		if $comment->author()->pp_main_photo
	}
}

<a href='{url="app=core&module=members&controller=profile&id={$comment->author()->member_id}-{$comment->author()->name}" seoTemplate="profile" seoTitle="$seoName"}' data-ipsHover data-ipsHover-target='{url="app=core&module=members&controller=profile&id={$comment->author()->member_id}-{$comment->author()->name}&do=hovercard" seoTemplate="profile" seoTitle="$seoName"}' title="{lang="view_user_profile" sprintf="$name"}"><span class='ipsUserPhoto ipsUserPhoto_variable'><img src="{setting="base_url"}uploads/{$comment->author()->pp_main_photo}" /></span></a> {
	{
		else
	}
}

<a href='{url="app=core&module=members&controller=profile&id={$comment->author()->member_id}-{$comment->author()->name}" seoTemplate="profile" seoTitle="$seoName"}' data-ipsHover data-ipsHover-target='{url="app=core&module=members&controller=profile&id={$comment->author()->member_id}-{$comment->author()->name}&do=hovercard" seoTemplate="profile" seoTitle="$seoName"}' title="{lang="view_user_profile" sprintf="$name"}"><img src="Default Image Url" /></a> {
	{
		endif
	}
}

</li>

    При клике по профилю пользователя перекидывает на главную форума, т.к. страница ломается и выглядит вот так:

    chrome_SrWn9jfKPi.png.c20bd188fc85ceca2dc85cf3b90f1efb.png

     

    Вместо оригинального линка:

    chrome_EptrbP6HrM.png.feca59e3b0bceef66e153aa6e2b4ce81.png

     

    Есть идеи как пофиксить это?

    По поводу обрезки в загрузчике автаарок, как оказалось её выпиливать не обязательно т.к. с настройкой из вот этого поста 


    Всё работает и так, обрезка влияет только на миниатюру в профиле, превью на форуме и т.д. и т.п.

    Далее нужно следовать вот этой инструкции:

    Спойлер
    Цитата

    Откройте АЦ - Внешний вид - Ваш шаблон - Редактировать HTML и CSS - postContainer

    Найти: 

    

<li class='cAuthorPane_photo'>
				{template="userPhoto" app="core" group="global" params="$comment->author(), 'large', $comment->warningRef()"}
			</li>

    Заменить на: 

    

<li class='cAuthorPane_photo'>
                {{if $comment->author()->pp_main_photo}}<a href='{url="app=core&module=members&controller=profile&id={$comment->author()->member_id}-{$comment->author()->name}" seoTemplate="profile" seoTitle="$seoName"}' data-ipsHover data-ipsHover-target='{url="app=core&module=members&controller=profile&id={$comment->author()->member_id}-{$comment->author()->name}&do=hovercard" seoTemplate="profile" seoTitle="$seoName"}' title="{lang="view_user_profile" sprintf="$name"}"><span class='ipsUserPhoto ipsUserPhoto_variable'><img src="{setting="base_url"}uploads/{$comment->author()->pp_main_photo}" /></span></a>{{else}}<a href='{url="app=core&module=members&controller=profile&id={$comment->author()->member_id}-{$comment->author()->name}" seoTemplate="profile" seoTitle="$seoName"}' data-ipsHover data-ipsHover-target='{url="app=core&module=members&controller=profile&id={$comment->author()->member_id}-{$comment->author()->name}&do=hovercard" seoTemplate="profile" seoTitle="$seoName"}' title="{lang="view_user_profile" sprintf="$name"}"><img src="Default Image Url" /></a>{{endif}}
          </li>

    Где не забудьте заменить  

    

<img src="Default Image Url" />

    На ссылку с аватаром по умолчанию, который будет отображаться всем пользователям, у которых нет аватара.

    Далее пройдите во вкладку CSS и найдите misc.css

    Найти: 

    

.ipsUserPhoto_xlarge img, img.ipsUserPhoto_xlarge, .ipsUserPhoto_xlarge:after {
		width: 120px;
		height: 120px;
		{{if theme.rounded_photos}}
			border-radius: 60px;
		{{endif}}
	}

    Добавить после: 

    

.ipsUserPhoto_variable img, img.ipsUserPhoto_variable, .ipsUserPhoto_variable:after {
		width: 150px;
		{{if theme.rounded_photos}}
			border-radius: 0px;
		{{endif}}
	}

     

     

     

    И финальный результат:

    chrome_kJxU6jBb6D.png.5b6f27959fe052654f7fc000c1de4fa8.png

     

    Ура, ура, ура!

    Maiden8 вот я тормознутый, там нужно было переключить скин с визуального редактора на продвинутый, поэтому я ничего не находил самостоятельно

    Если выпилить весь код или вот этот кусок: 

     */.cropper-container{position:relative;overflow:hidden;-webkit-user-select:none;-moz-user-select (и так далее)

    получается вот так:
    chrome_BbyAGhyQEL.thumb.png.b2a2d9fb05640570ada2979715461c15.png

     

    Но зато обрезки по ходу нет :D Ща ещё покурю ту длинную строчку, может смогу просто выпилить точки не сбив при этом ничего

    Всё, выпилил, сам код кроппера в строчке 

    */.cropper-container{position:relative;overflow:hidden;-webkit-user-select:none;-moz-user-select (и так далее)

    заменить на: 

    */.cropper-container {
	position: relative;
	overflow: hidden;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: transparent;
	-webkit-touch-callout: none
}

.cropper-container img {
	display: block;
	width: 100%;
	min-width: 0!important;
	max-width: none!important;
	height: 100%;
	min-height: 0!important;
	max-height: none!important
}

.cropper-canvas,
.cropper-modal {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0
}

.cropper-canvas {
	background-color: #fff;
	filter: alpha(opacity=0);
	opacity: 0
}

.cropper-modal {
	background-color: #000;
	filter: alpha(opacity=50);
	opacity: .5
}



@media (min-width:768px) {
	.cropper-point.point-se {
		width: 15px;
		height: 15px
	}
}

@media (min-width:992px) {
	.cropper-point.point-se {
		width: 10px;
		height: 10px
	}
}

@media (min-width:1200px) {
	.cropper-point.point-se {
		width: 5px;
		height: 5px;
		filter: alpha(opacity=75);
		opacity: .75
	}
}

.cropper-bg {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC)
}

.cropper-invisible {
	filter: alpha(opacity=0);
	opacity: 0
}

.cropper-hide {
	position: fixed;
	top: 0;
	left: 0;
	z-index: -1;
	width: auto!important;
	max-width: none!important;
	height: auto!important;
	max-height: none!important;
	filter: alpha(opacity=0);
	opacity: 0
}

.cropper-hidden {
	display: none!important
}

.cropper-move {
	cursor: move
}

.cropper-crop {
	cursor: crosshair
}

.cropper-disabled .cropper-canvas,
.cropper-disabled .cropper-face,
.cropper-disabled .cropper-line,
.cropper-disabled .cropper-point {
	cursor: not-allowed
}

    Результат:

    chrome_MhGnS7cnkX.thumb.png.309e4c5442e6211eb03c04aab73f6cde.png

    Нашел вот такой код: 

    <div data-controller='core.global.core.cropper' id='elPhotoCropper' class='ipsAreaBackground_light ipsType_center ipsPad'>
	<h3 class='ipsType_sectionHead'>{lang="photo_crop_title"}</h3>
	<p class='ipsType_light ipsType_reset'>{lang="photo_crop_instructions"}</p>
	<br>

	<div class='ipsForm_cropper'>
		<div data-role='cropper'>
			<img src="{$photo}" data-role='profilePhoto'>
		</div>
	</div>

	<input type='hidden' name='{$name}[0]' value='{$value[0]}' data-role='topLeftX'>
	<input type='hidden' name='{$name}[1]' value='{$value[1]}' data-role='topLeftY'>
	<input type='hidden' name='{$name}[2]' value='{$value[2]}' data-role='bottomRightX'>
	<input type='hidden' name='{$name}[3]' value='{$value[3]}' data-role='bottomRightY'>
</div>

    если убрать полностью его (лол, да, я пытался) форум говорит что так не удалось обрезать фото

    1 час назад, Zero108 сказал:

    Попробуйте поэкспериментирвать с min-height, max-height, min-width,  max-width.

    В теории вот это должно сработать т.к. при загрузке всё равно стоят ограничения группы: 

    @media screen and (min-width: 768px) {
.cTopic .ipsUserPhoto_large img, .cTopic img.ipsUserPhoto_large, .cTopic .ipsUserPhoto_large:after {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
}
}

    Но пока проблема в мерзопакостной сетке загрузчика, когда гружу картинку на сервер всё нормально, фулл сайз как и должен быть:chrome_HeivD9pimS.thumb.png.faa09710c2ce473235782c001830b9e1.png

    Но как только я нажимаю продолжить вылезает вот это дефолт чудо и я не могу выбрать прямоугольник или произвольный размер, только квадрат:

    chrome_Hh5jwrA82P.thumb.png.830f16c95aaea5b66fb85b6fc36df0c7.png

     

    2 минуты назад, Maiden8 сказал:

    У меня так

      

    
@media screen and (min-width: 768px) {
.cTopic .ipsUserPhoto_large img, .cTopic img.ipsUserPhoto_large, .cTopic .ipsUserPhoto_large:after {
    width: 200px !important;
    height: 200px !important;
}

     

    К сожалению стало ещё хуже и не решило главную проблему разных аватаров. В IPB3 это настраивалось легчайше :(

    Код у них показывает вот такой: 

    .cAuthorPane_photo_3 > .ipsUserPhoto_variable img, img.ipsUserPhoto_variable, .ipsUserPhoto_variable:after, .cAuthorPane_photo_16 > .ipsUserPhoto_variable img, img.ipsUserPhoto_variable, .ipsUserPhoto_variable:after, .cAuthorPane_photo_15 > .ipsUserPhoto_variable img, img.ipsUserPhoto_variable, .ipsUserPhoto_variable:after, .cAuthorPane_photo_14 > .ipsUserPhoto_variable img, img.ipsUserPhoto_variable, .ipsUserPhoto_variable:after {
    max-width: 160px;
    max-height: 160px;
}

    Как оно работает - не понимаю...

     

    Posted

    Итак, интересуют размера аватарок как тут - https://forums.gamemag.ru/topic/132046-nintendo-switch/?page=287
    Т.е. чтобы были широкие, высокие, длинные, низенькие и пухленькие, чтобы оно не сжималось и не уменьшалось где не надо. Крутил и курил матчасть я крайне долго, мною было выс, кхм, слеплено из различных кусков следующее: 

    @media screen and (min-width: 768px) {
.cTopic .ipsUserPhoto_large img, .cTopic img.ipsUserPhoto_large, .cTopic .ipsUserPhoto_large:after {
    width: 150px !important;
    object-fit: cover;
}
}

    Результат такой:

    chrome_m14TbGQkF2.png.0bba8c8c4a0c9c70543cbfe0c1d066ce.png

    Вроде как всё ок и изображение как надо, но стоит только добавить аватар не в ширину а в высоту получается вот такое:

    chrome_CvJ7VkHhKR.png.dd4134b0e85351c962d3145ae95677af.png

    т.е. он полностью обрезается

    К тому же у них загрузчик аватаров не предлагает обрезать изображение как на дефолт движке:

    chrome_dvJw1yimE9.png

    11 минут назад, Maiden8 сказал:

    Может не сохранил, может хостинг затупил, тут уже не представляю что может быть не так, может шаблон кривой.

    Да ладно, поменялось вручную и всё хорошо. 

    Кстати, раз такое дело можно ли поменять цвет вот этого разделителя? На белом фоне его не видно

    chrome_ncgj6XpSHZ.png.27c225eb2e933040312b077a779b6b4d.png

    По аналогии я попытался сделать так:

    Цитата

    #elUserNav_sep > li > a{
        color: #474747;
    }

    Не сработало... К сожалению я тупой и совершенно в этом не разбираюсь, действовал по аналогии

    12 минут назад, Maiden8 сказал:

    Примерно так:

      Показать контент

    1411953530_.thumb.png.d7caf7e6d1ad4bd447fd87f9fd527198.png

     

    Странно, я когда не мог найти в редакторе эти кнопки, я полностью все белые FFFFFF кнопки залил чёрным цветом чтобы проверить на тестовом скине, в итоге цвет не поменялся всё равно

    Posted

    Всем привет, поднял на локалхосте форум и пытаюсь разобраться с ним но никак не могу понять где изменить цвет вот этих кнопок и надписи:

    chrome_Bd7sQCIgUe.png.6796f04266274ce6b79ac797ec9d5b0f.png

    Гуглил очень долго и я не могу даже понять как гуглить это правильно