Модератор форума: Yuri_G |
Сообщество uCoz » Мастерская uCoz » Дизайн: управление шаблонами » Фотоальбом в ucoz |
Фотоальбом в ucoz |
PersONAIncognito, могу предложить прописать в CSS вашего сайта следующее:
Код .photo-block, .photo-eblock {background:white !important;border-radius:0 !important} А вообще дизайн этой части модуля полностью настраивается в «Фотоальбомы» → «Вид материала». |
А вообще дизайн этой части модуля полностью настраивается в «Фотоальбомы» → «Вид материала». Теперь задалась целью заменить стрелки слайдера под фото на странице полноразмерной фотки с комментариями, но - увы - опять подстерегают необыкновенные трудности и творческие изыскания... Меня интересует кусок кода, которого опять же нет в глобальном css, как и в отдельном для самого фотоальбома: Код #phtOtherThumbs {margin-bottom: 10px;} #phtOtherThumbs td {font-size: 0;} #oldPhotos {position: relative;overflow: hidden;} #leftSwch {display:block;width:22px;height:46px;background: transparent url('http://s16.ucoz.net/img/photopage/photo-arrows.png') no-repeat;} #rightSwch {display:block;width:22px;height:46px;background: transparent url('http://s16.ucoz.net/img/photopage/photo-arrows.png') no-repeat -22px 0;} #leftSwch:hover, #rightSwch:hover {opacity: .8;filter: alpha(opacity=80);} #phtOtherThumbs img {vertical-align: middle;} .photoActiveA img {} .otherPhotoA img {opacity: 0.5; filter: alpha(opacity=50);-webkit-transition: opacity .2s .1s ease;transition: opacity .2s .1s ease;} .otherPhotoA:hover img {opacity: 1; filter: alpha(opacity=100);} #phtOtherThumbs .ph-wrap {display: inline-block;vertical-align: middle;background: url(http://s16.ucoz.net/img/photopage/opacity02.png);} .animate-wrap {position: relative;left: 0;} .animate-wrap .ph-wrap {margin: 0 3px;} #phtOtherThumbs .ph-wrap, #phtOtherThumbs .ph-tc {/*width: 100px;height: 100px;*/width: auto;} .animate-wrap a {display: inline-block;width: 33.3%;*width: 33.3%;*zoom: 1;position: relative;} #phtOtherThumbs .ph-wrap {background: none;display: block;} .animate-wrap img {width: 100%;} ______________________________________________________ $(function(){ if (typeof($('#leftSwch').attr('onclick')) === 'function') { $('#leftSwch').click($('#leftSwch').attr('onclick')); $('#rightSwch').click($('#rightSwch').attr('onclick')); } else { $('#leftSwch').click(new Function($('#leftSwch').attr('onclick'))); $('#rightSwch').click(new Function($('#rightSwch').attr('onclick'))); } $('#leftSwch').removeAttr('onclick'); $('#rightSwch').removeAttr('onclick'); };); function doPhtSwitch(n,f,p,d){ if (!f){f=0;} $('#leftSwch').unbind('click'); $('#rightSwch').unbind('click'); var url = '/photo/7-0-0-10-'+n+'-'+f+'-'+p; $.ajax({ url: url, dataType: 'xml', success: function( response ) { try { var photosList = []; photosList['images'] = []; $($('cmd', response).eq(0).text()).find('a').each(function() { if ($(this).hasClass('leftSwitcher')) { photosList['left'] = $(this).attr('onclick'); } else if ($(this).hasClass('rightSwitcher')) { photosList['right'] = $(this).attr('onclick'); } else {photosList['images'].push(this);} };); photosListCallback.call(photosList, photosList, d); } catch(exception) { throw new TypeError( "getPhotosList: server response does not seems to be a valid uCoz XML-RPC code: " . response ); } } };); } function photosListCallback(photosList, direction) { var dirSign; var imgWrapper = $('#oldPhotos'); // CHANGE this if structure of nearest images changes! var width = imgWrapper.width(); imgWrapper.width(width); imgWrapper = imgWrapper.find(' > span'); newImg = $('<span/>', { id: 'newImgs' };); $.each(photosList['images'], function(){ newImg.append(this); };); if (direction == 'right') { dirSign = '-'; imgWrapper.append(newImg); } else { dirSign = '+'; imgWrapper.prepend(newImg).css('left', '-' + width + 'px'); } newImg.find('a').eq(0).unwrap(); imgWrapper.animate({left: dirSign + '=' + width + 'px'}, 400, function() { var oldDelete = imgWrapper.find('a'); if (direction == 'right') {oldDelete = oldDelete.slice(0, 3);} else {oldDelete = oldDelete.slice(-3);} oldDelete.remove(); imgWrapper.css('left', 0); try { if (typeof(photosList['left']) === 'function') { $('#leftSwch').click(photosList['left']); $('#rightSwch').click(photosList['right']); } else { $('#leftSwch').click(new Function(photosList['left'])); $('#rightSwch').click(new Function(photosList['right'])); } } catch(exception) { if( console && console.log ) console.log('Something went wrong: ', exception); } };); } И тут уже я совершенно не понимаю, в каком конкретно подключенном файле этот фрагмент лежит. Чтобы опять же его отрубить с сервера, переписать под себя и залить на сайт. Адрес: http://persona-inc.ucoz.ru/ У меня уже крыша едет от этих непонятных квестов - "найди то - не знаю, что". =_= Походу оказался системный скрипт, до которого фиг долезешь( Сообщение отредактировал PersONAIncognito - Пятница, 24 Окт 2014, 01:50:41
|
Здравствуйте!
Давно уже интересует вопрос - почему материалы из модуля Фотоальбомы не индексируются яндекс-картинками? У кого фотоальбомы успешно попали в выдачу яндекс-картинок - дайте ссылки на ваши сайты, пожалуйста. Мои фотоальбомы: http://positivecreativ.ru/photo/ |
Мастера, подскажите, пожалуйста, как в новом шаблоне, адаптированном под смартфоны, конкретно - № 1141 , в модуле Фотоальбомы, возможно разместить кнопки соц.сетей, чтобы можно было лайкнуть или поделиться фотографией из всплывающего окна?
Я пробовала и так, и сяк, и на странице фотографии во всплывающем окне, и на странице с полной фотографией и комментариями прописывать следующий код (он у меня упакован в Глобальный блок): Код <script type="text/javascript">(function(w,doc) { if (!w.__utlWdgt ) { w.__utlWdgt = true; var d = doc, s = d.createElement('script'), g = 'getElementsByTagName'; s.type = 'text/javascript'; s.charset='UTF-8'; s.async = true; s.src = ('https:' == w.location.protocol ? 'https' : 'http') + '://w.uptolike.com/widgets/v1/uptolike.js'; var h=d[g]('body')[0]; h.appendChild(s); }})(window,document); </script> <div data-mobile-view="true" data-share-size="30" data-like-text-enable="false" data-background-alpha="0.0" data-pid="1373481" data-mode="share" data-background-color="#ffffff" data-share-shape="round-rectangle" data-share-counter-size="12" data-icon-color="#ffffff" data-mobile-sn-ids="fb.vk.tw.wh.ok.gp." data-text-color="#000000" data-buttons-color="#ffffff" data-counter-background-color="#ffffff" data-share-counter-type="disable" data-orientation="horizontal" data-following-enable="false" data-sn-ids="fb.vk.tw.ok.gp.mr.lj.ln." data-preview-mobile="false" data-selection-enable="false" data-exclude-show-more="false" data-share-style="1" data-counter-background-alpha="1.0" data-top-button="false" class="uptolike-buttons" ></div> Что интересно: код вставляется сперва, картинка с кнопками держится минут 5-10, а потом исчезает навсегда. Видимо, система это скрипт не принимает, что ли? Во всех остальных модулях работает нормально, только в лайтбоксе не хочет приживаться. Отказываться от лайтбокса не хочу, он удобнее, особенно в мобильной версии. Добавлено (06 Май 2015, 00:10:07) |
Люди добрые!
Помогите кто чем может! Мой сайт: http://mirboxa.ucoz.net/ При обычном добавлении фотоки после подтверждения вылезает код. При этом фото вставляется. Прикрепления:
1508152.jpg
(59.3 Kb)
|
| |||