Обновление шаблона Umbrella до версии 1.1.0

  1. Замените шаблон инфомрера #3 (последние фотографии на главной) на код ниже:
    <li class="phtTdMain uEntryWrap">
        <div class="entryBlock">
    	<div class="photo" style="background-image: url($FULL_PHOTO_DIRECT_URL$);" data-animated="fadeIn">
    	    <a class="photo-info" href="$PHOTO_URL$">
    		<span>
    		    <h3>$PHOTO_NAME$</h3>
    		    <p title="$PHOTO_DESCR$"><?substr($PHOTO_DESCR$,0,50)?><?if( len($PHOTO_DESCR$) > 50 )?>...<?endif?></p>
    		    <span class="button button-4">Увеличить</span>
    		</span>
    	    </a>
    	</div>
        </div>
    </li>
  2. В шаблоне Страница с полной фотографией замените код между <!-- <body> --> ... <!-- </body> --> на код ниже:
    <div class="oh">
        <div class="pLeft">
    	<img class="pUrl" src="$PHOTO_URL$" alt="$PHOTO_NAME$">
    	<?if($FULL_PHOTO_DIRECT_URL$)?><a href="$FULL_PHOTO_DIRECT_URL$" class="ulightbox pZoom"><i class="fa fa-search-plus"></i> Открыть в полном размере</a><?endif?>
    	<?if($MODER_PANEL$)?><br> $MODER_PANEL$<?endif?>
        </div>
        <div class="pRight">
    	<h1 class="pTitle">$PHOTO_NAME$</h1>
    	<div class="pDescr">
    	    $PHOTO_DESCR$ 
    	</div>
    	<div class="pTitle">Подробности</div>
    	<ul class="pInfo">
    	    <li><b>Добавил</b> <a href="$PROFILE_URL$">$USER$</a></li>
    	    <li><b>Дата</b> $ADD_DATE$ в $ADD_TIME$</li>
    	    <li><b>Категория</b> <a href="$CAT_URL$">$CAT_NAME$</a></li>
    	    <li><b>Размеры</b> $PHOTO_SIZE$px ($PHOTO_WEIGHT$kb)</li>
    	    <?if($TAGS$)?><li><b>Теги</b> $TAGS$</li><?endif?>
    	</ul>
        </div>
    </div>
    
    
    
    <div class="otherPhotos">
        <div class="pTitle">Остальные фотографии</div>
        <div class="photo-slider u-center">
    	<?if($OTHER_PHOTOS$)?>$NEAR_PHOTOS$<?endif?>
        </div>
    </div>
    
    <?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?>
  3. Замените шаблон Вид фотографий на код ниже:
    <div class="photo" style="background-image: url($FULL_PHOTO_DIRECT_URL$);" data-animated="fadeIn">
        <a class="photo-info" href="$PHOTO_URL$">
    	<span>
    	    <h3>$PHOTO_NAME$</h3>
    	    <p title="$PHOTO_DESCR$"><?substr($PHOTO_DESCR$,0,50)?><?if( len($PHOTO_DESCR$) > 50 )?>...<?endif?></p>
    	    <span class="button button-4">Увеличить</span>
    	</span>
        </a>
    </div>
  4. Добавьте в конец CSS (ПУ » Дизайн » Управление дизайном (CSS)) следующий код:
    /* Version 1.1.0 */
    .pLeft {
        float: left;
        width: 54.022988504%;
    }
    .pLeft * {
        max-width: 100%;
    }
    .pLeft > img.pUrl {
        margin-bottom: 10px !important;
    }
    a.pZoom {
        color: #1a1a1a;
    }
    a.pZoom .fa {
        margin-right: 5px;
    }
    .pRight {
        margin-left: 57.471264366%;
    }
    .pTitle {
        font-weight: 600;
        font-size: 18px;
        text-transform: uppercase;
        color: #1a1a1a;
        margin-bottom: 22px;
    }
    .pDescr {
        margin-bottom: 30px;
    }
    .pInfo, .pInfo li {
        margin: 0;
        padding: 0;
        list-style: none;
        overflow: hidden;
    }
    .pInfo li {
        padding-top: 7px;
        padding-bottom: 7px;
        border-bottom: 1px dotted #d8d8d8;
    }
    .pInfo li b {
        font-weight: 400;
        color: #1a1a1a;
        display: inline-block;
        width: 110px;
    }
    .pInfo li b:after {
        content: ':';
    }
    .otherPhotos {
        margin-top: 50px;
        position: relative;
    }
    .photo-slider table {
        width: 100%;
    }
    .ph-tc {
        width: 100% !important;
        display: block !important;
    }
    #oldPhotos {
        margin-left: -14px !important;
        margin-right: -14px !important;
    }
    .animate-wrap a {
        box-sizing: border-box;
        padding-left: 10px;
        padding-right: 10px;
    }
    .animate-wrap img {
        width: 100%;
    }
    #phtOtherThumbs {
        position: relative;
    }
    .leftSwitcher {
        position: absolute;
        top: -54px;
        right: 24px;
    }
    .rightSwitcher {
        position: absolute;
        top: -54px;
        right: -4px;
    }
    
    @media (max-width: 790px) {
        .pLeft {
    	float: none;
    	margin-bottom: 30px;
    	width: 100%;
        }
        .pRight {
    	margin-left: 0;
        }
    }