• Страница 6 из 6
  • «
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
Модератор форума: Yuri_G  
Сообщество uCoz » Мастерская uCoz » Дизайн: управление шаблонами » Фотоальбом в ucoz
Фотоальбом в ucoz
0RJ0
Сообщений: 208
Репутация: 68

Сообщение # 76 | 15:15:25
PersONAIncognito, могу предложить прописать в CSS вашего сайта следующее:
Код
.photo-block, .photo-eblock {background:white !important;border-radius:0 !important}
Будет ваша подложка белой и без закруглений.

А вообще дизайн этой части модуля полностью настраивается в «Фотоальбомы» → «Вид материала».
PersONAIncognito
Сообщений: 27
Репутация: 24

Сообщение # 77 | 00:54:07
Цитата 0RJ0 ()
А вообще дизайн этой части модуля полностью настраивается в «Фотоальбомы» → «Вид материала».
Спасибо, конечно, но не в этом дизайне. Часть кода просто отсутствует в глобальном css (зачем её было туда пихать, правда что?), удалось найти её только через функции просмотра кода через браузер. После чего пришлось отрубать серверные библиотеки и подключать отдельно по частям - началось с верного направления, подсказанного webanet.

Теперь задалась целью заменить стрелки слайдера под фото на странице полноразмерной фотки с комментариями, но - увы - опять подстерегают необыкновенные трудности и творческие изыскания... Меня интересует кусок кода, которого опять же нет в глобальном 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
Alex6017537
Сообщений: 49
Репутация: 0

Сообщение # 78 | 00:57:58
Здравствуйте!
Давно уже интересует вопрос - почему материалы из модуля Фотоальбомы не индексируются яндекс-картинками?
У кого фотоальбомы успешно попали в выдачу яндекс-картинок - дайте ссылки на ваши сайты, пожалуйста.
Мои фотоальбомы: http://positivecreativ.ru/photo/
leonatus
Сообщений: 21
Репутация: 0

Сообщение # 79 | 00:10:07
Мастера, подскажите, пожалуйста, как в новом шаблоне, адаптированном под смартфоны, конкретно - № 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)
---------------------------------------------
Вдогонку: и в модуле Видео тоже не могу понять, куда нужно засунуть эти кнопки соц. сетей, чтобы лайкалось именно данное видео. Пока что получается поделиться только самим каталогом видео, или каналом, а не конкретным материалом.

boxxifos
Сообщений: 5
Репутация: 0

Сообщение # 80 | 20:29:58
Люди добрые!
Помогите кто чем может!
Мой сайт: http://mirboxa.ucoz.net/
При обычном добавлении фотоки после подтверждения вылезает код. При этом фото вставляется.
Прикрепления: 1508152.jpg (59.3 Kb)
Сообщество uCoz » Мастерская uCoz » Дизайн: управление шаблонами » Фотоальбом в ucoz
  • Страница 6 из 6
  • «
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
Поиск: