Обложки

Модули и плагины для vii (студяги)!
Ответить
Аватара пользователя
glGizma
Site Admin
Сообщения: 184
Зарегистрирован: Ср сен 27, 2017 2:20 pm

Обложки

Сообщение glGizma » Сб фев 01, 2020 8:03 am

Установка обложек ;)

1) В папку system/moduls нужно загрузить файлик editprofile.php и заменить!
2) В этой же папке открыть файл profile.php и найти следующее:

Код: Выделить всё

			//Приватность информации
			if($user_privacy['val_info'] == 1 OR $user_privacy['val_info'] == 2 AND $check_friend OR $user_id == $id){
				$tpl->set('[privacy-info]', '');
				$tpl->set('[/privacy-info]', '');
			} else
				$tpl->set_block("'\\[privacy-info\\](.*?)\\[/privacy-info\\]'si","");
После вставить:

Код: Выделить всё

			//Cover
			$rrw = $db->super_query("SELECT user_cover, user_cover_pos FROM `".PREFIX."_users` WHERE user_id = '{$id}'");
			$cpos = str_replace(" ", "", $rrw['user_cover_pos']);
			if($rrw['user_cover']){
			$tpl->set('{cov}', 'style="top:-'.$cpos.'px;position:relative"');
			$tpl->set('{cover}', '/uploads/users/'.$rrw['user_cover']);
			$tpl->set('{cover_pos}', $cpos);
			$tpl->set('{covs}', 'no_display');
			$tpl->set('{cove}', 'style="cursor:default"');
			$tpl->set('{covss}', '');
			$tpl->set('{covses}', 'style="position:absolute;z-index:2;display:block;margin-left:397px"');	
			$tpl->set('{ocov}', '<div class="cover_all_user"><img src="/uploads/users/'.$rrw['user_cover'].'" width="794" id="cover_img" style="top:-'.$cpos.'px;position:relative" /></div>');			
			$tpl->set('{ocovss}', '<div class="cover_newava" >');			
			$tpl->set('{ocovs}', '</div>');			
			} else {
			$tpl->set('{ocovss}', '');			
			$tpl->set('{ocov}', '');
			$tpl->set('{ocovs}', '');
			$tpl->set('{covses}', '');
			$tpl->set('{cove}', '');
			$tpl->set('{covss}', 'no_display');
			$tpl->set('{covs}', '');			
			$tpl->set('{cov}', '');			
			$tpl->set('{cover}', '');
			$tpl->set('{cover_pos}', '');
			}
3) Загрузить картинки в папку templates/Default/images
4) Внутри таблицы vii_users нужно создать поля поля user_cover 'varchar(225)', user_cover_pos 'varchar (225)'
5) Заменяем файл profile.tpl в папке templates/Default
6) В style.css вставьте эти строчки:

Код: Выделить всё

/* COVER */
.cover_profile_bg{width:794px;height:230px;margin-left:-12px;margin-top:-45px;background:url("../images/covers.png") no-repeat;margin-bottom:10px}
.cover_newava{margin-top:-165px;position:relative;z-index:2;min-height:100px}
.cover_newava img{box-shadow:0 1px 3px rgba(0, 0, 0, 0.28);-moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.28);-webkit-box-shadow:0 1px 3px rgba(0, 0, 0, 0.28);border:3px solid #fff;margin-left:-3px}
.cover_addut, .cover_addut_edit{background:rgba(0, 0, 0, 0.600);float:right;padding:7px 13px 7px 13px;text-shadow:0px 1px 1px rgba(0, 0, 0, 0.506);border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;color:#fff;cursor:pointer;font-size:12px;margin:8px;margin-left:0px;opacity:0.7}
.cover_addut:hover, .cover_addut_edit:hover{opacity:1}
.cover_buts_pos{float:right;text-align:right;width:570px;height:230px}
.cover_loading{text-align:center;position:absolute;margin-left:350px;z-index:3;margin-top:100px}
.cover_loaddef_bg{height:230px;width:794px;background:#f0f0f0;overflow:hidden;cursor:move;margin-left:-224px}
.cover_loaddef_bg img{position:relative;z-index:1}
.cover_loaddfebut, .cover_loaddfebut_edit{position:absolute;z-index:5;margin-left:412px}
.cover_descring{position:absolute;z-index:5;color:#fff;background:rgba(0, 0, 0, 0.600);-moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.28);-webkit-box-shadow:0 1px 3px rgba(0, 0, 0, 0.28);padding:3px 7px 3px 7px;text-shadow:0px 1px 1px rgba(0, 0, 0, 0.506);border-radius:3px;font-size:12px;margin-left:320px;margin-top:110px;opacity:0.7}
#les10_ex2{width:794px;position:relative;top:0px;z-index:1}
.cover_hidded_but{display:none}
.cover_profile_bg:hover #cover_addut_edit{display:block}
.cover_all_user{background:#fff;width:794px;height:230px;margin-left:-12px;margin-top:-45px;overflow:hidden;margin-bottom:10px}
.cover_groups_bg{background:url("../images/covers2.png") no-repeat}
7) В profile_edit.js вставьте эти строчки:

Код: Выделить всё

//COVER
var cover = {
init: function(i, hi){
$('#cover_img').attr('src', i);
$("#les10_ex2").draggable({
axis: 'y',
stop: function(){
$('.cover_addut, .cover_descring').show();
},
drag: function(event, ui){
var d = ui.position.top;
$('.cover_addut, .cover_descring').hide();
if(d >= 0){
$("#les10_ex2").remove();
$('#cover_restart').html('<div style="width:794px;height:'+hi+'px;position:relative;top:0px;z-index:1" id="les10_ex2"><img src="'+i+'" width="794" id="cover_img" /></div>');
$('.cover_addut, .cover_descring').show();
cover.init(i, hi);
}
h = parseInt('-'+(hi-230));
if(d <= h){
$("#les10_ex2").remove();
$('#cover_restart').html('<div style="width:794px;height:'+hi+'px;position:relative;top:'+h+'px;z-index:1" id="les10_ex2"><img src="'+i+'" width="794" id="cover_img" /></div>');
$('.cover_addut, .cover_descring').show();
cover.init(i, hi);
}
}
});
},
del: function(public_id){
$('.cover_descring, .cover_addut').hide();
$('#upload_cover').show().text('Добавить обложку');
$('.cover_newpos').css('margin-left', '430px');
$('#cover_img').attr('src', '');
$('.cover_loaddef_bg').css('cursor', 'default').hide();
$('#cover_restart').html('');
$("#les10_ex2").draggable('destroy');
if(public_id) $.post('/index.php?go=groups&act=delcover&id='+public_id);
else $.post('/index.php?go=editprofile&act=delcover');
},
save: function(public_id){
cover.cancel();
t = $("#les10_ex2").attr('style').split('top:');
s = t[1].split('px');
s[0] = s[0].replace('-', '');
if(public_id) $.post('/index.php?go=groups&act=savecoverpos&id='+public_id, {pos: s[0]});
else $.post('/index.php?go=editprofile&act=savecoverpos', {pos: s[0]});
},
cancel: function(t){
$('.cover_descring, .cover_addut').hide();
$('.cover_addut_edit').show();
$('.cover_newpos').css('margin-left', '397px');
$('.cover_loaddef_bg').css('cursor', 'default');
$("#les10_ex2").draggable('destroy');
if(t) $("#les10_ex2").css('top', '-'+t+'px');
},
startedit: function(i, h, public_id){
$('#upload_cover').show().text('Изменить фото');
$('.cover_descring, .cover_addut').show();
$('.cover_newpos').css('margin-left', '197px');
$('.cover_addut_edit').hide();
$('.cover_loaddef_bg').css('cursor', 'move');
cover.init(i, h);
}
Вот и вся установка))
Вложения
Обложки.zip
(265.12 КБ) 76 скачиваний
(73).JPG
(73).JPG (236.82 КБ) 1837 просмотров

Ответить