none
Custom дизайн RRS feed

  • Общие обсуждения

  • Коллеги, добрый день!

    Сделал шаблон:

    <?xml version="1.0" encoding="utf-8"?><!--SPG:
    
    Этот HTML-файл связан с главной страницей SharePoint (MASTER-файлом) с таким же именем. При наличии связи между файлами изменение MASTER-файла не разрешено, а все операции переименования, перемещения и удаления затрагивают оба файла.
    
    Чтобы создать главную страницу непосредственно из этого HTML-файла, просто измените страницу обычным способом. Используйте генератор фрагментов кода на http://site.corp.firma.su/_layouts/15/ComponentHome.aspx?Url=http%3A%2F%2Fsite%2Ecorp%2Efirma%2Esu%2F%5Fcatalogs%2Fmasterpage%2Ffirma%2DMASTER%2DPAGE%2Findex%2Emaster для создания и настройки полезных объектов SharePoint, а затем скопируйте и вставьте их в виде фрагментов кода HTML в свой HTML-код. Все обновления этого файла будут автоматически синхронизироваться со связанной главной страницей.
    
    -->
    <!DOCTYPE HTML[]>
    <html xmlns:mso="urn:schemas-microsoft-com:office:office" xmlns:msdt="uuid:C2F41010-65B3-11d1-A29F-00AA00C14882">
        <head>
            <meta http-equiv="X-UA-Compatible" content="IE=10" />
            <meta http-equiv="X-UA-Compatible" content="IE=edge" />
            <!--CS: Начало фрагмента кода Содержимое заголовка страницы-->
            <!--SPM:<%@Register Tagprefix="SharePoint" Namespace="Microsoft.SharePoint.WebControls" Assembly="Microsoft.SharePoint, Version=16.0.0.0, Culture=neutral, PublicKeyToken=71e9bce111e9429c"%>-->
            <!--SPM:<%@Register Tagprefix="WebPartPages" Namespace="Microsoft.SharePoint.WebPartPages" Assembly="Microsoft.SharePoint, Version=16.0.0.0, Culture=neutral, PublicKeyToken=71e9bce111e9429c"%>-->
            <!--SID:00 -->
            <meta name="GENERATOR" content="Microsoft SharePoint" />
            <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
            <meta http-equiv="Expires" content="0" />
            <!--MS:<SharePoint:RobotsMetaTag runat="server">-->
            <!--ME:</SharePoint:RobotsMetaTag>-->
            <!--MS:<SharePoint:PageTitle runat="server">-->
                <!--MS:<asp:ContentPlaceHolder id="PlaceHolderPageTitle" runat="server">-->
                    <!--MS:<SharePoint:ProjectProperty Property="Title" runat="server">-->
                    <!--ME:</SharePoint:ProjectProperty>-->
                <!--ME:</asp:ContentPlaceHolder>-->
            <!--ME:</SharePoint:PageTitle>-->
            <!--MS:<SharePoint:StartScript runat="server">-->
            <!--ME:</SharePoint:StartScript>-->
            <!--MS:<SharePoint:CssLink runat="server" Version="15">-->
            <!--ME:</SharePoint:CssLink>-->
            <!--MS:<SharePoint:CacheManifestLink runat="server">-->
            <!--ME:</SharePoint:CacheManifestLink>-->
            <!--MS:<SharePoint:PageRenderMode runat="server" RenderModeType="Standard">-->
            <!--ME:</SharePoint:PageRenderMode>-->
            <!--MS:<SharePoint:ScriptLink language="javascript" name="core.js" OnDemand="true" runat="server" Localizable="false">-->
            <!--ME:</SharePoint:ScriptLink>-->
            <!--MS:<SharePoint:ScriptLink language="javascript" name="menu.js" OnDemand="true" runat="server" Localizable="false">-->
            <!--ME:</SharePoint:ScriptLink>-->
            <!--MS:<SharePoint:ScriptLink language="javascript" name="callout.js" OnDemand="true" runat="server" Localizable="false">-->
            <!--ME:</SharePoint:ScriptLink>-->
            <!--MS:<SharePoint:ScriptLink language="javascript" name="sharing.js" OnDemand="true" runat="server" Localizable="false">-->
            <!--ME:</SharePoint:ScriptLink>-->
            <!--MS:<SharePoint:ScriptLink language="javascript" name="suitelinks.js" OnDemand="true" runat="server" Localizable="false">-->
            <!--ME:</SharePoint:ScriptLink>-->
            <!--MS:<SharePoint:CustomJSUrl runat="server">-->
            <!--ME:</SharePoint:CustomJSUrl>-->
            <!--MS:<SharePoint:SoapDiscoveryLink runat="server">-->
            <!--ME:</SharePoint:SoapDiscoveryLink>-->
            <!--MS:<SharePoint:AjaxDelta id="DeltaPlaceHolderAdditionalPageHead" Container="false" runat="server">-->
                <!--MS:<asp:ContentPlaceHolder id="PlaceHolderAdditionalPageHead" runat="server">-->
                <!--ME:</asp:ContentPlaceHolder>-->
                <!--MS:<SharePoint:DelegateControl runat="server" ControlId="AdditionalPageHead" AllowMultipleControls="true">-->
                <!--ME:</SharePoint:DelegateControl>-->
                <!--MS:<asp:ContentPlaceHolder id="PlaceHolderBodyAreaClass" runat="server">-->
                <!--ME:</asp:ContentPlaceHolder>-->
            <!--ME:</SharePoint:AjaxDelta>-->
            <!--MS:<SharePoint:CssRegistration Name="Themable/corev15.css" runat="server">-->
            <!--ME:</SharePoint:CssRegistration>-->
            <!--MS:<SharePoint:AjaxDelta id="DeltaSPWebPartManager" runat="server">-->
                <!--MS:<WebPartPages:SPWebPartManager runat="server">-->
                <!--ME:</WebPartPages:SPWebPartManager>-->
            <!--ME:</SharePoint:AjaxDelta>-->
            <!--CE: Конец фрагмента кода Содержимое заголовка страницы-->
            <meta charset="utf-8" />
            <!--DC:АО "ФИРМА"-->
            <meta name="viewport" content="width=device-width, initial-scale=1" />
            <meta name="description" content="" />
            <meta name="keywords" content="" />
            <meta name="author" content="" />
    
            <!-- Animate.css -->
            <link rel="stylesheet" href="css/animate.css" />
            <!-- Icomoon Icon Fonts-->
            <link rel="stylesheet" href="css/icomoon.css" />
            <!-- Bootstrap  -->
            <link rel="stylesheet" href="css/bootstrap.css" />
            <!-- Magnific Popup -->
            <link rel="stylesheet" href="css/magnific-popup.css" />
            <!-- Flexslider  -->
            <link rel="stylesheet" href="css/flexslider.css" />
            <!-- Owl Carousel -->
            <link rel="stylesheet" href="css/owl.carousel.min.css" />
            <link rel="stylesheet" href="css/owl.theme.default.min.css" />
            <!-- Flaticons  -->
            <link rel="stylesheet" href="fonts/flaticon/font/flaticon.css" />
            <!-- Theme style  -->
            <link rel="stylesheet" href="css/style.css" />
            <!-- Modernizr JS -->
            <script src="js/modernizr-2.6.2.min.js">
    		//<![CDATA[
            
            
            //]]>
            </script>
            <!-- FOR IE9 below -->
            <!--[if lt IE 9]>
    	<script src="js/respond.min.js">//<![CDATA[//]]></script>
    	<![endif]-->
            <!--[if gte mso 9]><xml>
    <mso:CustomDocumentProperties>
    <mso:ContentTypeId msdt:dt="string">0x0101000F1C8B9E0EB4BE489F09807B2C53288F0054AD6EF48B9F7B45A142F8173F171BD10003D357F861E29844953D5CAA1D4D8A3A</mso:ContentTypeId>
    <mso:HtmlDesignAssociated msdt:dt="string">1</mso:HtmlDesignAssociated>
    <mso:HtmlDesignFromMaster msdt:dt="string">http://site.corp.firma.su/_catalogs/masterpage/firma-MASTER-PAGE/index.html, http://site.corp.firma.su/_catalogs/masterpage/firma-MASTER-PAGE/index.html</mso:HtmlDesignFromMaster>
    <mso:HtmlDesignConversionSucceeded msdt:dt="string">True</mso:HtmlDesignConversionSucceeded>
    <mso:HtmlDesignStatusAndPreview msdt:dt="string">http://site.corp.firma.su/_catalogs/masterpage/firma-MASTER-PAGE/index.html, Преобразование выполнено успешно.</mso:HtmlDesignStatusAndPreview>
    </mso:CustomDocumentProperties>
    </xml><![endif]-->
        </head>
        <body>
            <!--CS: Начало фрагмента кода Лента-->
            <!--SPM:<%@Register Tagprefix="SharePoint" Namespace="Microsoft.SharePoint.WebControls" Assembly="Microsoft.SharePoint, Version=16.0.0.0, Culture=neutral, PublicKeyToken=71e9bce111e9429c"%>-->
            <!--SPM:<%@Register Tagprefix="wssucw" TagName="Welcome" Src="~/_controltemplates/15/Welcome.ascx"%>-->
            <!--MS:<SharePoint:SPSecurityTrimmedControl runat="server" HideFromSearchCrawler="true" EmitDiv="true">-->
                <div id="TurnOnAccessibility" style="display:none" class="s4-notdlg noindex">
                    <a id="linkTurnOnAcc" href="#" class="ms-accessible ms-acc-button" onclick="SetIsAccessibilityFeatureEnabled(true);UpdateAccessibilityUI();document.getElementById('linkTurnOffAcc').focus();return false;">
                        <!--MS:<SharePoint:EncodedLiteral runat="server" text="&#60;%$Resources:wss,master_turnonaccessibility%&#62;" EncodeMethod="HtmlEncode">-->
                        <!--ME:</SharePoint:EncodedLiteral>-->
                    </a>
                </div>
                <div id="TurnOffAccessibility" style="display:none" class="s4-notdlg noindex">
                    <a id="linkTurnOffAcc" href="#" class="ms-accessible ms-acc-button" onclick="SetIsAccessibilityFeatureEnabled(false);UpdateAccessibilityUI();document.getElementById('linkTurnOnAcc').focus();return false;">
                        <!--MS:<SharePoint:EncodedLiteral runat="server" text="&#60;%$Resources:wss,master_turnoffaccessibility%&#62;" EncodeMethod="HtmlEncode">-->
                        <!--ME:</SharePoint:EncodedLiteral>-->
                    </a>
                </div>
            <!--ME:</SharePoint:SPSecurityTrimmedControl>-->
            <div id="ms-designer-ribbon">
                <!--SID:02 {Лента}-->
                <!--PS: Начало ПРЕДСТАВЛЕНИЯ ДЛЯ ПРОСМОТРА (ТОЛЬКО ДЛЯ ЧТЕНИЯ) (не изменять) --><div class="DefaultContentBlock" style="background:rgb(0, 114, 198); color:white; width:100%; padding:8px; height:64px; ">Лента SharePoint отображается здесь во время предварительного просмотра файла или применения его к вашему сайту.</div><!--PE: Завершение ПРЕДСТАВЛЕНИЯ ДЛЯ ПРОСМОТРА (ТОЛЬКО ДЛЯ ЧТЕНИЯ) -->
            </div>
            <!--MS:<SharePoint:SPSecurityTrimmedControl runat="server" AuthenticationRestrictions="AnonymousUsersOnly">-->
                <!--MS:<wssucw:Welcome runat="server" EnableViewState="false">-->
                <!--ME:</wssucw:Welcome>-->
            <!--ME:</SharePoint:SPSecurityTrimmedControl>-->
            <!--CE: Конец фрагмента кода Лента-->
            <div id="s4-workspace">
                <div id="s4-bodyContainer">
                    <div class="colorlib-loader">
                    </div>
                    <div id="page">
                        <nav class="colorlib-nav" role="navigation">
                            <div class="top-menu">
                                <div class="container">
                                    <div class="row">
                                        <div class="col-xs-2">
                                            <a href="/" title="Корпоративный портал">
                                                <img src="images/logo.png" id="logo" border="0" />
                                            </a>
                                        </div>
                                        <div class="col-xs-10 text-right menu-1">
                                            <ul>
                                                <li class="active">
                                                    <a href="/">Главная</a>
                                                </li>
                                                <li class="has-dropdown">
                                                    <a href="#">Управления</a>
                                                    <ul class="dropdown">
                                                        <li>
                                                            <a href="#">...</a>
                                                        </li>
                                                        <li>
                                                            <a href="#">...</a>
                                                        </li>
                                                        <li>
                                                            <a href="#">...</a>
                                                        </li>
                                                    </ul>
                                                </li>
                                                <li class="has-dropdown">
                                                    <a href="#">Отделы</a>
                                                    <ul class="dropdown">
                                                        <li>
                                                            <a href="#">HR</a>
                                                        </li>
                                                        <li>
                                                            <a href="#">FIN</a>
                                                        </li>
                                                        <li>
                                                            <a href="#">AHO</a>
                                                        </li>
                                                    </ul>
                                                </li>
                                                <li class="has-dropdown">
                                                    <a href="/">Сервисы
                                                    </a>
                                                    <ul class="dropdown">
                                                        <li>
                                                            <a href="#">Журнал отсутствия</a>
                                                        </li>
                                                        <li>
                                                            <a href="#">Оформление командировки</a>
                                                        </li>
                                                        <li>
                                                            <a href="#">Техническая поддержка ИТ/АХО</a>
                                                        </li>
                                                        <li>
                                                            <a href="#">Транспорт</a>
                                                        </li>
                                                        <li>
                                                            <a href="#">Запись на футбол</a>
                                                        </li>
                                                    </ul>
                                                </li>
                                                <li class="has-dropdown">
                                                    <a href="/">Справочная информация
                                                    </a>
                                                    <ul class="dropdown">
                                                        <li>
                                                            <a href="#">Шаблоны документов</a>
                                                        </li>
                                                        <li>
                                                            <a href="#">Книга нового сотрудника</a>
                                                        </li>
                                                        <li>
                                                            <a href="#">Добровольное медицинское страхование</a>
                                                        </li>
                                                        <li>
                                                            <a href="#">Кодекс деловой и корпоративной культуры</a>
                                                        </li>
                                                    </ul>
                                                </li>
                                                <li>
                                                    <a href="#">Мой ...</a>
                                                </li>
                                                <li>
                                                    <a href="#">Об Обществе</a>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </nav>
    					<aside id="colorlib-hero">
                            <div class="flexslider">
                                <ul class="slides">
                                    <li style="background-image: url(http://site.corp.firma.su/_catalogs/masterpage/firma-MASTER-PAGE/images/img_bg_1.jpg);">
                                        <div class="overlay">
                                        </div>
                                        <div class="container-fluid">
                                            <div class="row">
                                                <div class="col-md-8 col-sm-12 col-md-offset-2 slider-text">
                                                    <div class="slider-text-inner text-center">
                                                        <h2>Текст 1</h2>
                                                        <h1>Описание 1</h1>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </li>
                                    <li style="background-image: url(http://site.corp.firma.su/_catalogs/masterpage/firma-MASTER-PAGE/images/img_bg_2.jpg);">
                                        <div class="overlay">
                                        </div>
                                        <div class="container-fluid">
                                            <div class="row">
                                                <div class="col-md-8 col-sm-12 col-md-offset-2 slider-text">
                                                    <div class="slider-text-inner text-center">
                                                        <h2>Текст 2</h2>
                                                        <h1>Описание 2</h1>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </li>
                                    <li style="background-image: url(http://site.corp.firma.su/_catalogs/masterpage/firma-MASTER-PAGE/images/img_bg_3.jpg);">
                                        <div class="overlay">
                                        </div>
                                        <div class="container-fluids">
                                            <div class="row">
                                                <div class="col-md-8 col-sm-12 col-md-offset-2 slider-text">
                                                    <div class="slider-text-inner text-center">
                                                        <h2>...</h2>
                                                        <h1>...</h1>
                                                        <a href="#"><i class="icon-check"></i>...</a>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </li>
                                </ul>
                            </div>
                        </aside>                    
    					 </div>
    					<div class="container-main-body">
    		            <div data-name="ContentPlaceHolderMain">
                            <!--CS: Начало фрагмента кода PlaceHolderMain-->
                            <!--SPM:<%@Register Tagprefix="SharePoint" Namespace="Microsoft.SharePoint.WebControls" Assembly="Microsoft.SharePoint, Version=16.0.0.0, Culture=neutral, PublicKeyToken=71e9bce111e9429c"%>-->
                            <!--MS:<SharePoint:AjaxDelta ID="DeltaPlaceHolderMain" IsMainContent="true" runat="server">-->
                                <!--MS:<asp:ContentPlaceHolder ID="PlaceHolderMain" runat="server">-->
                                <!--ME:</asp:ContentPlaceHolder>-->
                            <!--ME:</SharePoint:AjaxDelta>-->
                            <!--CE: Конец фрагмента кода PlaceHolderMain-->
    					</div>
    					</div>
                        <footer id="colorlib-footer" role="contentinfo">
                            <div class="container">
                                <div class="row row-pb-md">
                                    <div class="col-md-3 colorlib-widget">
                                        <h4>Сегодня ФИРМА</h4>
                                        <p>.....</p>
                                    </div>
                                    <div class="col-md-3 col-md-push-1">
                                        <h4>ФИРМА
                                        </h4>
                                        <p>
                                            <ul class="colorlib-footer-links">
                                                <li>
                                                    <a href="URL"><i class="icon-check"></i>Портал</a>
                                                </li>
                                                <li>
                                                    <a href="URL"><i class="icon-check"></i>Диск</a>
                                                </li>
                                                <li>
                                                    <a href="#"><i class="icon-check"></i>...</a>
                                                </li>
                                                <li>
                                                    <a href="#"><i class="icon-check"></i>...</a>
                                                </li>
                                                <li>
                                                    <a href="#"><i class="icon-check"></i>...</a>
                                                </li>
                                                <li>
                                                    <a href="#"><i class="icon-check"></i>...</a>
                                                </li>
                                                <li>
                                                    <a href="#"><i class="icon-check"></i>...</a>
                                                </li>
                                            </ul>
                                        </p>
                                    </div>
                                    <div class="col-md-3 col-md-push-1 colorlib-widget">
                                        <h4>Полезные ссылки</h4>
                                        <p>
                                            <ul class="colorlib-footer-links">
                                                <li>
                                                    <a href="#"><i class="icon-check"></i>...</a>
                                                </li>
                                                <li>
                                                    <a href="#"><i class="icon-check"></i>...</a>
                                                </li>
                                                <li>
                                                    <a href="#"><i class="icon-check"></i>...</a>
                                                </li>
                                                <li>
                                                    <a href="#"><i class="icon-check"></i>...</a>
                                                </li>
                                                <li>
                                                    <a href="#"><i class="icon-check"></i>...</a>
                                                </li>
    		                                    <li>
                                                    <a href="#"><i class="icon-check"></i>...</a>
                                                </li>
    											 <li>
                                                    <a href="#"><i class="icon-check"></i>...</a>
                                                </li>
                                            </ul>
                                        </p>
                                    </div>
                                    <div class="col-md-3 col-md-push-1">
                                        <h4>Контакты</h4>
                                        <ul class="colorlib-footer-links"><li>111111, г.Москва<br />ул.1111111 д.11, корп.1</li>
    									<li><a href="tel://+7-495-111-11-11"><i class="icon-phone"></i>+7 (495) 111-11-11</a></li>
                                        <li><a href="mailto:firma@firma.su"><i class="icon-envelope"></i>firma@firma.su</a></li>
    								    <li><a href="http://sp.corp.firma.su"><i class="icon-location4"></i>sp.corp.firma.su</a></li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-md-12 text-center">
                                        <p>
                                                <small class="block">© 
                                                
                                                
                                                
                                                <script>//<![CDATA[document.write(new Date().getFullYear());
                                                
                                                
                                                //]]>
                                                </script>
    
    
    
     АО "ФИРМА"                                                                                                                                                                 </small>
                                            <!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. -->
                                        </p>
                                    </div>
                                </div>
                            </div>
                        </footer>
                    </div>
                    <!-- jQuery -->
                    <script src="js/jquery.min.js">//<![CDATA[
                    
                    
                    //]]>
                    </script>
                    <!-- jQuery Easing -->
                    <script src="js/jquery.easing.1.3.js">//<![CDATA[
                    
                    
                    //]]>
                    </script>
                    <!-- Bootstrap -->
                    <script src="js/bootstrap.min.js">//<![CDATA[
                    
                    
                    //]]>
                    </script>
                    <!-- Waypoints -->
                    <script src="js/jquery.waypoints.min.js">//<![CDATA[
                    
                    
                    //]]>
                    </script>
                    <!-- Stellar Parallax -->
                    <script src="js/jquery.stellar.min.js">//<![CDATA[
                    
                    
                    //]]>
                    </script>
                    <!-- Flexslider -->
                    <script src="js/jquery.flexslider-min.js">//<![CDATA[
                    
                    
                    //]]>
                    </script>
                    <!-- Owl carousel -->
                    <script src="js/owl.carousel.min.js">//<![CDATA[
                    
                    
                    //]]>
                    </script>
                    <!-- Magnific Popup -->
                    <script src="js/jquery.magnific-popup.min.js">//<![CDATA[
                    
                    
                    //]]>
                    </script>
                    <script src="js/magnific-popup-options.js">//<![CDATA[
                    
                    
                    //]]>
                    </script>
                    <!-- Counters -->
                    <script src="js/jquery.countTo.js">//<![CDATA[
                    
                    
                    //]]>
                    </script>
                    <!-- Main -->
                    <script src="js/main.js">//<![CDATA[
                    
                    
                    //]]>
                    </script>
                </div>
    
        </body>
    </html>


    Добавил снипет 

    					<div class="container-main-body">
    		            <div data-name="ContentPlaceHolderMain">
                            <!--CS: Начало фрагмента кода PlaceHolderMain-->
                            <!--SPM:<%@Register Tagprefix="SharePoint" Namespace="Microsoft.SharePoint.WebControls" Assembly="Microsoft.SharePoint, Version=16.0.0.0, Culture=neutral, PublicKeyToken=71e9bce111e9429c"%>-->
                            <!--MS:<SharePoint:AjaxDelta ID="DeltaPlaceHolderMain" IsMainContent="true" runat="server">-->
                                <!--MS:<asp:ContentPlaceHolder ID="PlaceHolderMain" runat="server">-->
                                <!--ME:</asp:ContentPlaceHolder>-->
                            <!--ME:</SharePoint:AjaxDelta>-->
                            <!--CE: Конец фрагмента кода PlaceHolderMain-->
    					</div>
    					</div>


    Часть CSS контейнера 

    .container-main-body {
      margin-right: auto;
      margin-
      padding-
      padding-right: 15px;
      height: 100%;
      
    }

    Но при добавление приложения у меня контейнер не раскрывается со всеми приложениями 


    Как сделать чтобы показывались все приложения вот так :

    ?

    Заранее благодарю!




    24 апреля 2019 г. 15:20