Страница 1 из 11
Форум » uCoz » Помощь по uCoz » Увеличения картинки (Помогите)
Увеличения картинки
WooDoo Offline
Заблокирован
-5
Дата: Понедельник, 30.11.2015, 14:24 | Сообщение # 1
Всем привет, помогите пожалуйста, хочу сделать так чтобы когда нажимаешь на аватарку пользователя , фотка увеличивалась, как это сделать? Вот код персональной страницы
Код
<html>
<head>
<?if(GROUP_ID$=0)?>$ADMIN_BAR$<?else?><?substr($ADMIN_BAR$,0,0)?><?endif?>
<title>$SITE_NAME$ -Персональная страница</title>
<meta name="description" content="$SITE_NAME$ - это один из древних торрент сайтов, который посвещаеться торрент играм,наш торрент сайт радует вас новыми торрент играми,каждую минуту-качайте торрент игры без регистрации">
<meta name="keywords" content=" игры торрент, игры через торрент, торрент игры, торент игры, скачать игры, скачать игры торрент, скачать торрент игры, скачать игры с торрента,горячие новинки торрент, torrent games,торрент геймс ">
<script type="text/javascript" src="/templates/bestgamer/js/cnt.js"></script>
<link rel="stylesheet" href="/templates/bestgamer/style.css" type="text/css">
<link rel="stylesheet" href="/engine.css" type="text/css">
</head>

<body>
<script type="text/javascript" src="/templates/bestgamer/js/scripts.js"></script>
<script type="text/javascript" src="/templates/bestgamer/js/plugins.js"></script>
<script type="text/javascript" src="/templates/bestgamer/js/showbizpro.js"></script>
<div id="wrapper">

$GLOBAL_AHEADER$

<!-- <middle> -->
<div id="content">
<div id="slider_box">
<div id="clslide" class="showbiz-container">
<div class="slider_box_h">
<div class="rcol">
<a id="showbiz_left_2" class="sb-navigation-left"></a>
<a id="showbiz_right_2" class="sb-navigation-right"></a>
</div>
</div>
<div class="showbiz" data-left="#showbiz_left_2" data-right="#showbiz_right_2">
<div class="overflowholder" style="height: 175px;">
<ul style="height: 175px; left: 0px; width: 1338px;">$MYINF_1$</ul>
<div class="clr"></div>
</div>
</div>
</div>
</div>
<div class="content_bg">
<div class="content_bg">
<div class="content_bg">
<aside class="lcol">

$GLOBAL_CLEFTER$
</aside>

<aside class="rcol">
$GLOBAL_DRIGHTER$
</aside>

<section>
<div class="speedbar"><div>
<a href="/">Главная</a> »
<a href="/load/">Торрент игры</a>
</div>
</div>
<!-- <body> -->
<!-- <body> --><script type="text/javascript">
if (window.name.length>2){window.resizeTo(750,420);}
function uSocialConnect(obj){
var social = obj.id.split('-')[1];
obj = $(obj);
if(obj.hasClass('is-connected')){
if(confirm('Вы действительно желаете отключить аккаунт?')){
obj.addClass('wait');
_uPostForm('',{type:'POST',url:'/index/sub/', data:{a:4,s:social}});
}
}else if(!obj.hasClass('wait')){
uSocialLogin(social);
}
return false;
}
</script>

<style type="text/css">
.social-accounts { padding:10px 0 3px }
.social-accounts a { opacity:.4 }
.social-accounts .is-connected { opacity:1!important }
.social-accounts .wait i { background:url(/.s/img/icon/ajsml.gif) no-repeat center center!important }
.social-accounts a.cursor-default, .social-accounts a.cursor-default i { cursor:default!important }
.statusOffline {color:#979797}
.statusOnline {color:#5ac92e}

.sc-over {padding:0px 20px}
.sc-cover {background:url('http://elitefon.ru/images/201211/elitefon.ru_16342.jpg') #1d1d1d;background-size:cover;position:relative;height:180px;margin-bottom:60px}
.sc-cover-in {width:100%;position:absolute;left:0px;bottom:-50px;}
.sc-avatar {width:100px;height:100px;margin:0px auto}
.sc-avatar {border:4px solid #fff}
.sc-avatar img {width:100px;height:100px;object-fit:cover}
.sc-avatar, .sc-avatar img {-webkit-border-radius: 100px;-moz-border-radius: 100px;border-radius: 100px;}
.sc-top {text-align:right;padding:15px 0px;position:absolute;bottom:-50px;left:20px;right:20px;z-index:2}
.sc-group {float:left}
.sc-name {font-size:19px}
.sc-city {font-size:13px;color:#959595}
.sc-counter, .sc-counter:hover {display:inline-block;font-size:21px;padding:15px 7px;color:#000;text-decoration:none}
.sc-counter span {display:block;font-size:13px;}
.sc-tabs {max-width:420px;text-align:left;font-size:14px;border-bottom:1px solid rgba(0,0,0,0.1);padding-bottom:7px;margin:7px auto}
.sc-tabs div {float:left;width:110px;color:#959595}
.sc-bottom, .sc-button {padding:10px 0px}
.sc-button a, .sc-button a:hover {padding:7px 14px;font-size:13px;border:2px solid #3785dc;color:#3785dc;text-decoration:none;display:inline-block;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;}
</style>

<div class="sc-cover">
<div class="sc-cover-in">
<div class="sc-avatar"><?if($_AVATAR$)?><img src="<?substr($_AVATAR$,54,-65)?>" alt="" /><?else?><img src="http://mytracker.at.ua/templates/bestgamer/img/noavatar.png"><?endif?></div>
</div>
<div class="sc-top">
<div class="sc-group"><?if($MODER_PANEL_RIGHT$)?>$MODER_PANEL_RIGHT$<?else?>$_GROUP_NAME$<?endif?></div>
<div class="sc-status"><?if($_CHANGE_DETAILS_URL$)?><a href="$_CHANGE_DETAILS_URL$">Изменить данные</a><?else?><?if($_STATUS$)?>$_STATUS$<?endif?><?endif?></div>
</div>
</div>

<div class="sc-over" align="center">
<div class="sc-name"><?if($_NAME$)?>$_NAME$<?else?>$_USERNAME$<?endif?> <?if($_GROUP_NAME$="Администраторы" or $_GROUP_NAME$="Проверенные" or $_GROUP_NAME$="Модераторы")?><img src="http://mytracker.at.ua/81984656.png" title="Подтверждено"><?endif?></div>
<div class="sc-city"><?if($_COUNTRY$)?>$_COUNTRY$<?endif?><?if($_CITY$)?><?if($_COUNTRY$)?>, <?endif?>$_CITY$<?endif?></div>

<div class="sc-counters">
<a href="$_LOAD_ACTIVITY_URL$" class="sc-counter">$_LOAD_ENTRIES$ <span>файлы</span></a>
<a href="$_COM_ACTIVITY_URL$" class="sc-counter">$_COM_ENTRIES$ <span>комментарии</span></a>
<a href="$_FORUM_ACTIVITY_URL$" class="sc-counter">$_FORUM_ENTRIES$ <span>ответы</span></a>
</div>

<div class="sc-tabs"><div>Логин:</div> <a href="javascript://" rel="nofollow" onclick="prompt('Адрес профиля данного пользователя','$_PROFILE_URL$')"><b>$_USERNAME$</b></a> <?if($MODER_PANEL$)?>[id: <b>$_USER_ID$</b>]<?endif?></div>
<?if($_REG_TIME$)?><div class="sc-tabs"><div>Регистрация:</div> $_REG_TIME$</div><?endif?>
<?if($_LOG_TIME$)?><div class="sc-tabs"><div>Дата входа:</div> $_LOG_TIME$</div><?endif?>

<?if($_WWW$)?><div class="sc-tabs"><div>Сайт:</div> $_WWW$</div><?endif?>
<?if($_AOL$)?><div class="sc-tabs"><div>AOL:</div> $_AOL$</div><?endif?>
<?if($_ICQ$)?><div class="sc-tabs"><div>ICQ:</div> $_ICQ$</div><?endif?>
<?if($_MSN$)?><div class="sc-tabs"><div>MSN:</div> $_MSN$</div><?endif?>
<?if($_YAHOO$)?><div class="sc-tabs"><div>Yahoo:</div> $_YAHOO$</div><?endif?>
<?if($_PHONE$)?><div class="sc-tabs"><div>Телефон:</div> $_PHONE$
<?if($_IS_OWN_PROFILE$ || $MODER_PANEL$)?><?if($_PHONE_IS_HIDDEN$)?><span style="font-size:7pt">(Телефон скрыт)</span><?endif?><?endif?></div><?endif?>

<div class="sc-tabs"><div>E-mail:</div> <?if($_IS_OWN_PROFILE$)?>$_EMAIL$
<?if($_EMAIL_IS_HIDDEN$)?><span style="font-size:7pt">(Адрес скрыт)</span><?endif?>
<?else?>
<?if($MODER_PANEL$)?><a href="mailto:$_EMAIL$">$_EMAIL$</a>
<?if($_EMAIL_IS_HIDDEN$)?><span style="font-size:7pt">(Адрес скрыт)</span><?endif?>
<?if(!$_EMAIL_IS_VERIFIED$)?><span style="color:red;" title="Not verified e-mail">*</span><?endif?>
<?else?>
<?if($_SEND_EMAIL_URL$)?><a href="$_SEND_EMAIL_URL$">Написать письмо пользователю</a>
<?else?>$_EMAIL$
<?endif?>
<?endif?>
<?endif?>
<?if($_EMAIL_VERIFICATION_URL$)?>[ <b><a href="$_EMAIL_VERIFICATION_URL$"><span style="color:red">Подтвердить e-mail</span></a></b> ]<?endif?>
</div>

<?if($_SIGNATURE$)?><div class="sc-tabs"><div>Подпись:</div> $_SIGNATURE$</div><?endif?>

<?if($SOCIAL_LOGIN$)?><div class="sc-bottom"><div class="social-accounts">$_SOCIAL_ACCOUNTS$</div></div><?endif?>

<div class="sc-button"><?if($_PM_READ_URL$)?><a href="$_PM_READ_URL$">Читать сообщения (<b>$UNREAD_PM$</b>)</a><?endif?><?if($_PM_SEND_URL$)?><a href="$_PM_SEND_URL$">Отправить сообщение</a><?endif?>
<div class="signsOver">
<?if($_LOAD_ENTRIES$>0)?><div class="signOne sLoad"><span><i>Знак выдается за первый файл</i></span></div><?endif?>
<?if($_COM_ENTRIES$>0)?><div class="signOne sComments"><span><i>Знак выдается за коммен-<br>тарии</i></span></div><?endif?>
<?if($_FORUM_ENTRIES$>0)?><div class="signOne sForum"><span><i>Знак выдается за активность на форуме</i></span></div><?endif?>
<?if($_REPUTATION$>0)?><div class="signOne sReputation"><span><i>Знак выдается за хорошую репутацию</i></span></div><?endif?>
<?if($_AVATAR$)?><div class="signOne sAvatar"><span><i>Знак выдается за установку аватара</i></span></div><?endif?>
<?if($_EMAIL_IS_VERIFIED$)?><div class="signOne sProtect"><span><i>Знак выдается за подтверж-<br>денный<br>E-Mail</i></span></div><?endif?>
</div>

<style type="text/css">
.signsOver {width:100%;}
.signsOver * {transition: all linear .2s; -moz-transition: all linear .2s; -webkit-transition: all linear .2s; -o-transition: all linear .2s;}
.signOne {display:inline-block;width:100px;height:100px;position:relative}
.signOne:hover span {opacity:1;margin-top:0px}
.signOne span {opacity:0;margin-top:20px;cursor:help;width:100%;height:100%;top:0;left:0;position:absolute;background:rgba(0,0,0,0.7);color:#FFF;font-size:11px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.signOne span i {font-style:normal;padding:10px;display:block}
.sLoad {background:url('http://yraaa.ru/_pu/25/63354628.png') center no-repeat}
.sComments {background:url('http://yraaa.ru/_pu/25/45575411.png') center no-repeat}
.sForum {background:url('http://yraaa.ru/_pu/25/47909650.png') center no-repeat}
.sReputation {background:url('http://yraaa.ru/_pu/25/32575082.png') center no-repeat}
.sProtect {background:url('http://yraaa.ru/_pu/25/45136495.png') center no-repeat}
.sAvatar {background:url('http://yraaa.ru/_pu/25/15996736.png') center no-repeat}
</style>

</div>
</div>
<!-- </body> -->
<?if($PAGE_SELECTOR$)?><div class="navigation">$PAGE_SELECTOR$</div><?endif?>
<!-- </body> -->

</section>
<div class="clr"></div>
</div>
</div>
</div>
</div>
<!-- </middle> -->

$GLOBAL_BFOOTER$

</div>
</body>
</html>


Профиль
waak Offline
Проверенный
41
Дата: Понедельник, 30.11.2015, 15:48 | Сообщение # 2
в персональную страницу заменяем $_AVATAR$

Код

<script src="http://ukrash.at.ua/js/ukrash.js" type="text/javascript"></script>  
  <script type="text/javascript">  
  window.onload = function(){  
  lightgallery.init();  
  }  
  </script>  

  <style type="text/css" media="all"> @import url(http://ukrash.at.ua/css/ukrash.css);</style>  

  <!--Фото-->  
  <a href="<?if($_AVATAR$)?><?substr($_AVATAR$,strpos($_AVATAR$,'src')+5,strpos(substr($_AVATAR$,strpos($_AVATAR$,'src')+5), '>')-3)?><?else?>http://ublogger.do.am/img/noavatar.png<?endif?>" rel="lightgallery" title="Увелечить!"><img width="200" border="0" src="<?if($_AVATAR$)?><?substr($_AVATAR$,strpos($_AVATAR$,'src')+5,strpos(substr($_AVATAR$,strpos($_AVATAR$,'src')+5), '>')-3)?><?else?>http://ublogger.do.am/img/noava.gif<?endif?>" /></a>  
  </--Фото-->


Помог? ставь +
Разработка дизайна - верстка, помощь по установке шаблона на uCoz.
Связь
skype - tolik-waak
Мой сайт
Профиль
WooDoo Offline
Заблокирован
-5
Дата: Понедельник, 30.11.2015, 19:52 | Сообщение # 3
Не работает(

Профиль
waak Offline
Проверенный
41
Дата: Понедельник, 30.11.2015, 20:11 | Сообщение # 4
Замените вот эту строчку целиком

Код
<?if($_AVATAR$)?><img src="<?substr($_AVATAR$,54,-65)?>" alt="" /><?else?><img src="http://mytracker.at.ua/templates/bestgamer/img/noavatar.png"><?endif?></div>


на вот это

Код

<script src="http://ukrash.at.ua/js/ukrash.js" type="text/javascript"></script>  
  <script type="text/javascript">  
  window.onload = function(){  
  lightgallery.init();  
  }  
  </script>  

  <style type="text/css" media="all"> @import url(http://ukrash.at.ua/css/ukrash.css);</style>  

  <!--Фото-->  
  <a href="<?if($_AVATAR$)?><?substr($_AVATAR$,strpos($_AVATAR$,'src')+5,strpos(substr($_AVATAR$,strpos($_AVATAR$,'src')+5), '>')-3)?><?else?>http://mytracker.at.ua/templates/bestgamer/img/noavatar.png<?endif?>" rel="lightgallery" title="Увелечить!"><img width="200" border="0" src="<?if($_AVATAR$)?><?substr($_AVATAR$,strpos($_AVATAR$,'src')+5,strpos(substr($_AVATAR$,strpos($_AVATAR$,'src')+5), '>')-3)?><?else?>http://ublogger.do.am/img/noava.gif<?endif?>" /></a>  
  </--Фото-->


Тут пример работы СМОТРЕТЬ


Помог? ставь +
Разработка дизайна - верстка, помощь по установке шаблона на uCoz.
Связь
skype - tolik-waak
Мой сайт


Сообщение отредактировал waak - Понедельник, 30.11.2015, 20:18
Профиль
dline Offline
Проверенный
5
Дата: Понедельник, 30.11.2015, 21:05 | Сообщение # 5
WooDoo, видео рекламу отключи!

Выжигаю все свое время на своей не любимой работе, а что поделоть хлеб то надо зачтото брать! )))
Профиль
WooDoo Offline
Заблокирован
-5
Дата: Понедельник, 30.11.2015, 22:49 | Сообщение # 6
Отключил)

Профиль
Форум » uCoz » Помощь по uCoz » Увеличения картинки (Помогите)
Страница 1 из 11
Поиск: