Чат сообщества
|
   |
| Модератор форума: JonMagon |
| Сообщество uCoz Вебмастеру JavaScript, Flash и прочие технологии Выводим аватарку пользователя добавившего материал |
| Выводим аватарку пользователя добавившего материал |
|
Пытаюсь вывести рядом с описанием материала аватарку автора. Вроде бы получается...
Код <span style="float:left;"> <a href="javascript://" onclick="window.open('http://мой_сайт/index/8-$UID$','user','scrollbars=1,top=0,left=0,resizable=1,width=680,height=350');return false;" id="uAvaBox"> <script type="text/javascript"> $('#uAvaBox').load('http://мой_сайт/index/8-$UID$ #userAvatar'); </script> </a> </span> Но возник вопрос: как уменьшить масштаб картинки, подгружаемой через .load?  Решение: прописать в CSS строку #uAvaBox img{width: auto; height: "необходимый размер"px;} Сообщение отредактировал mrx - Вторник, 03 Сен 2013, 00:08:53
|
|
|
|
mrx,
Цитата Фотоальбоме  |
|
Цитата (Miss_Esq) прикольно ... да вот только на моих сайтах фотоальбомов нет а адреса вашего не знаю .. biggrin В общем, аватарка будет демонстрироваться на странице просмотра материала, в правой колонке: http://masseffect-universe.com/photo....0-11190 Но гостям она не видна, так как отключен показ профилей пользователей, откуда и выгружается аватарка.  Добавлено (02 Сен 2013, 22:26:58) --------------------------------------------- Ljubasha, не получается(( Сообщение отредактировал mrx - Понедельник, 02 Сен 2013, 22:27:32
|
|
Ljubasha, открыл. http://masseffect-universe.com/photo....-0-7483
Справа видно как вылезла аватарка автора, размером 150х150, ее нужно уменьшить в три раза. |
|
Код <html> <head> <title>$PHOTO_NAME$ - $CAT_NAME$ - $MODULE_NAME$ - $SITE_NAME$</title> <meta content="text/html; charset=UTF-8" http-equiv="content-type" /><!--$META_DESCRIPTION$--> <link type="text/css" rel="StyleSheet" href="/_st/my.css" /> <meta name="GENERATOR" content="MSHTML 8.00.7600.16535" /> <meta name="description" content="Mass Effect Universe - русскоязычный фан-сайт по вселенной Масс Эффект. Новости от Bioware и Electronic Arts, статьи, энциклопедия, галерея фан-арта, скриншоты, видеоблог, фанфики, патчи, моды, прохождения, конкурсы, форумные ролевые игры" /> <meta name="keywords" content="mass effect, масс эффект, эффект массы, bioware, electronic arts, рпг, фрпг, rpg, шепард, лиара, тали, гаррус, прохождение, читы, патчи, скачать, купить, ключ, сетевой пропуск, комиксы, скриншоты, фан-арт, фанфикшен, форумная ролевая игра" /> <STYLE type="text/css"> .shadowred {text-shadow: 1px 1px 2px #000000, 0 0 1em #ff0000; /* Параметры тени */color: #ff0000; /* Белый цвет текста */font-size: 1em; /* Размер надписи */} </STYLE> </head> <table style="WIDTH: 100%; BORDER-COLLAPSE: collapse"> <tbody> <tr> <td height="25" colspan="3">$GLOBAL_AHEADER$ </td> </tr> </tbody> </table> <body> $ADMIN_BAR$ <div id="codex"> <table style="BACKGROUND-IMAGE: url(); BACKGROUND-COLOR:#110504; BACKGROUND-ATTACHMENT: scroll; BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: center top;" cellpadding="10" cellspacing="0" border="0" id="mainTable" border="0" cellspacing="0" cellpadding="10" align="center"> <body> <tr> <td style="HEIGHT: 25px; WIDTH: 1200px; BACKGROUND: url() repeat center top;" valign="top" align="center" colspan="3"> <div class="e_details01" id="mainbox01"> <table valign="center" align="center"> <tbody> <tr> <td style="HEIGHT: 50px; WIDTH: 1050px; BACKGROUND: url() repeat center top;" valign="top" align="center"> <div align="left"> <a href="$MODULE_URL$"><span style="FONT-FAMILY: Tahoma; FONT-SIZE: 15pt; color: #a13124"><strong>ГАЛЕРЕЯ MASS EFFECT<strong></span></a> <span style="COLOR: #b9ff82; FONT-SIZE: 12pt;">►</span> <a href="$SECTION_URL$"><span style="FONT-FAMILY: Verdana; COLOR: #a13124; FONT-SIZE: 12pt"><strong>$SECTION_NAME$</strong></span></a> <span style="COLOR: #b9ff82; FONT-SIZE: 12pt;">►</span> <a href="$CAT_URL$"><span style="FONT-FAMILY: Verdana; COLOR: #a13124; FONT-SIZE: 12pt"><strong>$CAT_NAME$</strong></span></a> <span style="COLOR: #b9ff82; FONT-SIZE: 12pt;">►</span> <span class="shadowred" style="FONT-FAMILY: Verdana; COLOR: #ff4e39; FONT-SIZE: 12pt"><strong>$PHOTO_NAME$</strong></span> </div> <div align="left"> <span style="FONT-FAMILY: Verdana; COLOR: #79a654; FONT-SIZE: 7pt"><strong>MASSEFFECT-UNIVERSE.COM</strong></span> <span style="COLOR: #2b4873">|</span> <a href="http://masseffect-universe.com/blog/rss/" target="_self"><span style="FONT-FAMILY: Verdana; COLOR: #79a654; FONT-SIZE: 7pt"><strong>RSS</strong></span></a> <span style="COLOR: #2b4873">|</span> <span style="FONT-FAMILY: Verdana; COLOR: #79a654; FONT-SIZE: 7pt"><strong>$DATE$</strong></span> </div> </td> <td style="HEIGHT: 50px; WIDTH: 150px; BACKGROUND: url(http://masseffect-universe.com/gallery/meulogo1.png) no-repeat right center;" valign="top" align="center"> </td> </tr> </tbody> </table> </div> </td> </tr> <tr> <td style="HEIGHT: 100px; WIDTH: 300px;" valign="top" align="center"> <div class="e_details117" id="mainbox16" align="center"> <span style="FONT-FAMILY: Verdana; COLOR: #a13124; FONT-SIZE: 10pt"><strong>СОДЕРЖАНИЕ</strong></span> <span class="eGreen">$CATEGORIES$</span> </div> <div> </div> <div class="e_details101" id="mainbox2" align="center"> <span style="FONT-FAMILY: Verdana; COLOR: #a13124; FONT-SIZE: 10pt"><strong>ПОИСК ПО НАЗВАНИЮ</strong></span> $MODULE_SEARCH_FORM$ </div> <div> </div> <div class="e_details101" id="mainbox2" align="center"> <TABLE style="BACKGROUND: url() repeat center top; WIDTH: 100%;"><TBODY><TR><TD> <div align="center"> <span style="FONT-FAMILY: Verdana; COLOR: #a13124; FONT-SIZE: 10pt"><strong>КОММЕНТАРИИ</strong></span> </div> <div> </div> $MYINF_8$ </TD> </TR> </TBODY> </TABLE> </div> </td> <td style="HEIGHT: 500px; WIDTH: 600px; BACKGROUND: url() repeat center top;" valign="top" align="left" rowspan="2"> <div class="e_details115" id="mainbox14" align="center"> <a href="$TOP_NEW_URL$" target="_self"><span style="FONT-FAMILY: Verdana; COLOR: #b9ff82; FONT-SIZE: 8pt"><strong>Новые</strong></span></a> <span style="COLOR: #455f30">|</span> <a href="$TOP_RATING_URL$" target="_self"><span style="FONT-FAMILY: Verdana; COLOR: #b9ff82; FONT-SIZE: 8pt"><strong>Лучшие</strong></span></a> <span style="COLOR: #455f30">|</span> <a href="$TOP_READS_URL$" target="_self"><span style="FONT-FAMILY: Verdana; COLOR: #b9ff82; FONT-SIZE: 8pt"><strong>Популярные</strong></span></a> <span style="COLOR: #455f30">|</span> <a href="$TOP_COMMS_URL$" target="_self"><span style="FONT-FAMILY: Verdana; COLOR: #b9ff82; FONT-SIZE: 8pt"><strong>Обсуждаемые</strong></span></a> <?if($ADD_ENTRY_LINK$)?> <span style="COLOR: #455f30">|</span> <a href="$ADD_ENTRY_LINK$" target="_self"><span style="FONT-FAMILY: Verdana; COLOR: #b9ff82; FONT-SIZE: 8pt"><strong>Добавить изображение</strong></span></a> <?endif?> </div> <div> </div> <div class="e_details115" id="mainbox14" align="center"> <?if($CAT_NAME$='Эротика Mass Effect')?> <img src="http://masseffect-universe.com/gallery/18.png" alt="18+" align="absMiddle" height="50" width="50"> <?endif?> <span style="FONT-FAMILY: Verdana; COLOR: #e54633; FONT-SIZE: 12pt"><strong>$PHOTO_NAME$</strong></span> </div> <div> </div> <div class="e_details115" id="mainbox14" align="center"> <?if($CAT_NAME$='Эротика Mass Effect')?> <!--uSpoiler--><div class="uSpoilerClosed" id="uSpoilerPWWfXR"><div class="uSpoilerButBl"><input class="uSpoilerButton" onclick="if($('#uSpoilerPWWfXR')[0]){if ($('.uSpoilerText',$('#uSpoilerPWWfXR'))[0].style.display=='none'){$('.uSpoilerText',$('#uSpoilerPWWfXR'))[0].style.display='';$('.uSpoilerButton',$('#uSpoilerPWWfXR')).val('[18+] Эротический контент');$('#uSpoilerPWWfXR').attr('class','uSpoilerOpened');}else {$('.uSpoilerText',$('#uSpoilerPWWfXR'))[0].style.display='none';$('.uSpoilerButton',$('#uSpoilerPWWfXR')).val('[18+] Эротический контент');$('#uSpoilerPWWfXR').attr('class','uSpoilerClosed');}}" value="[18+] Эротический контент" type="button"></div><div class="uSpoilerText" style="display:none;"><!--ust--><a href="$FULL_PHOTO_DIRECT_URL$" target="_blank">$PHOTO$</a><!--/ust--><!--usn(=Эротика)--></div></div><!--/uSpoiler--> <?else?> <a href="$FULL_PHOTO_DIRECT_URL$" target="_blank">$PHOTO$</a> <?endif?> </div> <div> </div> <div class="e_details115" id="mainbox14" align="center"> <table style="width: 100%;"> <tbody> <tr> <td style="width: 200px;"> <span style="FONT-FAMILY: Verdana; COLOR: #455f30; FONT-SIZE: 10pt"><strong>Просмотров: $REVIEWS$</strong></span> </td> <td style="width: 200px;" align="center"> <?if($RATING$)?><div style="float:center"><?$RSTARS$('30','/.s/img/stars/3/30.png','1','float')?><span style="FONT-FAMILY: Verdana; COLOR: #0099ff; FONT-SIZE: 12pt" id="entRating$ID$">$RATING$</span><span style="FONT-FAMILY: Verdana; COLOR: #0099ff; FONT-SIZE: 12pt" id="entRating$ID$">/</span><span style="FONT-FAMILY: Verdana; COLOR: #0099ff; FONT-SIZE: 12pt" id="entRated$ID$">$RATED$</span></div><?endif?> </td> <td style="width: 200px;"> <span style="FONT-FAMILY: Verdana; COLOR: #455f30; FONT-SIZE: 10pt"><strong>$PHOTO_SIZE$px/$PHOTO_WEIGHT$Кб</strong></span> </td> </tr> </tbody> </table> </div> <div> </div> <?if($PHOTO_DESCR$ or $OTHER1$)?> <div class="e_details115" id="mainbox14" align="center"> <div class="ePhoto"><?if($OTHER1$)?><a href="$OTHER1$" target="_blank"><span style="FONT-SIZE: 12pt">©</span></a><?endif?><span style="FONT-FAMILY: Verdana; COLOR: #e54633; FONT-SIZE: 8pt"><strong>$PHOTO_DESCR$</strong></span></div> <div></div> </div> <div> </div> <?endif?> <div class="e_details115" id="mainbox14" align="center"> <?if($COM_IS_ACTIVE$)?> <?if($COM_CAN_READ$)?> <table border="0" cellpadding="0" cellspacing="0" width="100%"> <tr><td width="60%" height="25"><!--<s5183>-->Всего комментариев<!--</s>-->: <b>$COM_NUM_ENTRIES$</b></td><td align="right" height="25">$COM_PAGE_SELECTOR$</td></tr> <tr><td colspan="2">$COM_BODY$</td></tr> <tr><td colspan="2" align="center">$COM_PAGE_SELECTOR1$</td></tr> <tr><td colspan="2" height="10"></td></tr> </table> <?endif?> <?if($COM_CAN_ADD$)?> $COM_ADD_FORM$ <?else?> <?if($USER_LOGGED_IN$)?><?else?><div align="center" class="commReg"><!--<s5237>-->Добавлять комментарии могут только зарегистрированные пользователи.<!--</s>--><br />[ <a href="$REGISTER_LINK$"><!--<s3089>-->Регистрация<!--</s>--></a> | <a href="$LOGIN_LINK$"><!--<s3087>-->Вход<!--</s>--></a> ]</div><?endif?> <?endif?> <?endif?> </div> <div> </div> <div class="e_details115" id="mainbox14" align="center"> <?if($OTHER_PHOTOS$)?>$NEAR_PHOTOS$ <?endif?> </div> </td> <td style="HEIGHT: 100px; WIDTH: 300px; BACKGROUND: url() repeat center top; HEIGHT: 200px; WIDTH: 300px;" valign="top" align="center"> <div class="e_details103" id="mainbox4" align="center"> <table style="HEIGHT: 100px; WIDTH: 250px;" align="center"><tbody><tr> <td style="HEIGHT: 100px; WIDTH: 30px;" align="center"><div align="center"><img src="http://masseffect-universe.com/Achievements/meu_site.png" alt="" /></div> <div class="eC" align="left"> <span style="COLOR: #252c18">○</span> <a href="http://masseffect-universe.com/index/pravila/0-18" target="_blank">Правила</a> </div> <div class="eC" align="left"> <span style="COLOR: #252c18">○</span> <a href="http://masseffect-universe.com/index/administration/0-30" target="_blank">Администрация</a> </div> <div class="eC" align="left"> <span style="COLOR: #252c18">○</span> <a href="http://masseffect-universe.com/index/gruppy_polzovatelej/0-21" target="_blank">Пользователи</a> </div> <div class="eC" align="left"> <span style="COLOR: #252c18">○</span> <a href="http://masseffect-universe.com/index/polzovateli/0-20" target="_blank">Статистика</a> </div> <td style="HEIGHT: 100px; WIDTH: 220px; BACKGROUND: url(http://masseffect-universe.com/fonsota_06.png) no-repeat center center;"><div align="center"><?$WIDGET$('3','1|%2Fedi_09.png|%2Fedi_12.png|http%3A%2F%2Fmasseffect-universe.com%2Findex%2Fglavnaja_konsol_meu%2F0-17')?></ div></td> </div> </td> </tr> </tbody></table> </div> <div> </div> <?if($FILTER1_VALUE$='эксклюзив')?> <div class="e_details103" id="mainbox4" align="center"> <img src="http://masseffect-universe.com/gallery/exclusive.png" alt="" /> <a href="$PROFILE_URL$"><span style="FONT-FAMILY: Verdana; COLOR: #e54633; FONT-SIZE: 10pt"><strong>$USER$</strong></span></a> </div> <div> </div> <?endif?> <div class="e_details103" id="mainbox4" align="left"> <?if($UNREAD_PM$)?> <div align="center"><a href="http://masseffect-universe.com/index/14"><img src="http://masseffect-universe.com/mail.png" alt="" /></a></div> <?else?> <SPAN style="FONT-FAMILY: Verdana; FONT-SIZE: 8pt; COLOR: #6a924a"> <?if($USER$='Iskander' or $USER$='Helen' or $USER$='Strannik')?> <?else?> <span style="float:left;"> <a href="javascript://" onclick="window.open('http://masseffect-universe.com/index/8-$UID$','user','scrollbars=1,top=0,left=0,resizable=1,width=680,height=350');return false;" id="uAvaBox"> <script type="text/javascript"> $('#uAvaBox').load('http://masseffect-universe.com/index/8-$UID$ #userAvatar'); $("#userAvatar").css({"width":"auto", "height":"50"}); </script> </a> </span> <?endif?> <div>• Добавил: <a href="$PROFILE_URL$">$USER$</a> ($ADD_DATE$)</div> <?if($USER$='Iskander' or $USER$='Helen' or $USER$='Strannik')?><?else?><div>• <a href="http://masseffect-universe.com/photo/0-1-0-17-$UID$" target="_blank"><SPAN style="FONT-FAMILY: Verdana; FONT-SIZE: 8pt; COLOR: #ff4e39"><STRONG>Галерея $USER$</STRONG></SPAN></a></div><?endif?> <div>• Размер: $PHOTO_SIZE$ ($PHOTO_WEIGHT$ Кб)</div> <div>• Рейтинг: $RATING$</div> <div>• Теги: $TAGS$</div> <?if($MODER_PANEL$)?><div>• Редактировать: $MODER_PANEL$</div><?endif?> </SPAN> <?endif?> </div> <div> </div> <div class="e_details103" id="mainbox4" align="center"> <DIV align="left"><SPAN style="FONT-FAMILY: Verdana; FONT-SIZE: 8pt; COLOR: #6a924a"> <div>• Альбомы пополняются ежедневно. Мы отбираем только лучшие фанатские рисунки и официальный арт.</div> <div> </div> <div>• Права на загрузку картинок имеют: администратор и модераторы.</div> <div> </div> <div>• Права на оценку картинок имеют только постоянные пользователи сайта.</div> </SPAN></DIV> <hr> <div align="center"><SPAN style="FONT-FAMILY: Verdana; FONT-SIZE: 8pt; COLOR: #6a924a"><div>Модератор Галереи:</div></SPAN><div> <a href="http://masseffect-universe.com/index/8-0-Iskander" target="_blank"><SPAN style="FONT-FAMILY: Verdana; FONT-SIZE: 8pt; COLOR: #ff4e39"><STRONG>Iskander</STRONG></SPAN></a> </div></div> </div> <div> </div> <div class="e_details103" id="mainbox4" align="center"> <TABLE style="BACKGROUND: url() repeat center top; WIDTH: 100%;"><TBODY><TR><TD> <div align="center"> <span style="FONT-FAMILY: Verdana; COLOR: #a13124; FONT-SIZE: 10pt"><strong>ОПРОСЫ</strong></span> </div> <div> </div> <span style="FONT-FAMILY: Verdana; COLOR: #b9ff82; FONT-SIZE: 10pt">$POLLC_29$</span> </TD> </TR> </TBODY> </TABLE> </div> </td> </tr> </tbody> </table> <!-- </middle> --> </td> </tr> </table> $GLOBAL_BFOOTER$ </div> </body> </html> |
|
Получилось после добавления в CSS. Спасибо!
Добавлено (02 Сен 2013, 23:55:52) --------------------------------------------- Только вот аватарки в профиле уменьшились)) Добавлено (03 Сен 2013, 00:05:49) --------------------------------------------- В CSS надо было прописать не #userAvatar img{width: auto; height: 50px;} , а #uAvaBox img{width: auto; height: 50px;}. Тогда аватарки в профиле имеют стандартный размер, а в скрипте присваиваемый через CSS. Сообщение отредактировал mrx - Вторник, 03 Сен 2013, 00:06:40
|
| |||
| |||
Будьте в курсе всех обновлений: подпишитесь на наш официальный Telegram-канал uCoz и задавайте вопросы в чате сообщества!