|
   |
| Форум » uCoz » Помощь по uCoz » Увеличения картинки (Помогите) |
| Увеличения картинки |
Дата: Понедельник, 2015-11-30, 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> |
Дата: Понедельник, 2015-11-30, 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 Мой сайт |
Дата: Понедельник, 2015-11-30, 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 - Понедельник, 2015-11-30, 20:18
|
| |||
| |||