Tuesday, October 1, 2013

Create Master Page For sharepoint 2013 Foundation

Master Page sharepoint 2013 

sharepoint foundation have not Design manager ..

Steps

1)If you have futures active in sharepoint 2013 you must be deactive only one active this (Theree Staretgy)

2) Connecte site in sharepoint Design manager

3) chack out the Seatle master page

4) then you find the this

<div id="s4-workspace" class="ms-core-overlay">
        <div id="s4-bodyContainer">
<!-- here paste your html-->
here....
<!-- here paste your html-->

4)then find content place holder one by one and paste into your html where you want in your html...

for example:

<div id="s4-workspace" class="ms-core-overlay">
        <div id="s4-bodyContainer">
        <!--add start-->
        <div class="maincontainer">
                    <!--start header-->
                    <div class="header1">
                        <div class="header2">
                            <!--logo div start-->
   ( This is my html logo start div i have to find place holder logo and paste which is red color)
                 <div class="logodiv">
                                     <div id="siteIcon" class="ms-tableCell ms-verticalAlignTop">
                                            <SharePoint:AjaxDelta id="DeltaSiteLogo" BlockElement="true" runat="server">
                                                <SharePoint:SPSimpleSiteLink CssClass="ms-siteicon-a" runat="server" id="onetidProjectPropertyTitleGraphic" >
                                                    <SharePoint:SiteLogoImage CssClass="ms-siteicon-img" name="onetidHeadbnnr0" id="onetidHeadbnnr2" LogoImageUrl="/_layouts/15/images/siteIcon.png?rev=23" runat="server"/>
                                                </SharePoint:SPSimpleSiteLink>
                                            </SharePoint:AjaxDelta>
                                    </div>

                    </div>
                            <!--logo div end-->
                            <div class="menudiv">
                                <!--search div start-->
                                <div class="searchdiv">
                                    <div class="searchbox1">
                                        <!-- <nav>
                                            <a href="#">Browse
                                       
                                       
                                       
                                            </a>



 |
                                                                                                                                                                                                  <a href="#">Page
                                       
                                       
                                       
                                            </a>



 |
                                                                                                                                                                                                  <a href="#">System Account
                                       
                                       
                                       
                                            </a>
                                        </nav>-->
                                    </div>
                                    <div class="searchbox2">
                                    </div>
                                </div>
                                <!--search div end-->
                                <!--tab_menu div start-->
                                <div class="tabdiv">
                                           <div class="ms-breadcrumb-top">
<div class="ms-breadcrumb-dropdownBox" style="display:none;">
<SharePoint:AjaxDelta id="DeltaBreadcrumbDropdown" runat="server">
    <SharePoint:PopoutMenu
        Visible="false"
        runat="server"
        ID="GlobalBreadCrumbNavPopout"
        IconUrl="/_layouts/15/images/spcommon.png?rev=23"
        IconAlt="<%$Resources:wss,master_breadcrumbIconAlt%>"
        ThemeKey="v15breadcrumb"
        IconOffsetX="215"
        IconOffsetY="120"
        IconWidth="16"
        IconHeight="16"
        AnchorCss="ms-breadcrumb-anchor"
        AnchorOpenCss="ms-breadcrumb-anchor-open"
        MenuCss="ms-breadcrumb-menu ms-noList">
        <div class="ms-breadcrumb-top">
            <asp:Label runat="server" CssClass="ms-breadcrumb-header" Text="<%$Resources:wss,master_breadcrumbHeader%>" />
        </div>
        <asp:ContentPlaceHolder id="PlaceHolderTitleBreadcrumb" runat="server">
        <SharePoint:ListSiteMapPath
                runat="server"
                SiteMapProviders="SPSiteMapProvider,SPContentMapProvider"
                RenderCurrentNodeAsLink="false"
                PathSeparator=""
                CssClass="ms-breadcrumb"
                NodeStyle-CssClass="ms-breadcrumbNode"
                CurrentNodeStyle-CssClass="ms-breadcrumbCurrentNode"
                RootNodeStyle-CssClass="ms-breadcrumbRootNode"
                NodeImageOffsetX="217"
                NodeImageOffsetY="210"
                NodeImageWidth="16"
                NodeImageHeight="16"
                NodeImageUrl="/_layouts/15/images/spcommon.png?rev=23"
                RTLNodeImageOffsetX="199"
                RTLNodeImageOffsetY="210"
                RTLNodeImageWidth="16"
                RTLNodeImageHeight="16"
                RTLNodeImageUrl="/_layouts/15/images/spcommon.png?rev=23"
                HideInteriorRootNodes="true"
                SkipLinkText="" />
                </asp:ContentPlaceHolder>
    </SharePoint:PopoutMenu>
</SharePoint:AjaxDelta>
</div>
<SharePoint:AjaxDelta id="DeltaTopNavigation" BlockElement="true" CssClass="ms-displayInline ms-core-navigation" role="navigation" runat="server">
    <SharePoint:DelegateControl runat="server" ControlId="TopNavigationDataSource" Id="topNavigationDelegate">
        <Template_Controls>
            <asp:SiteMapDataSource
                ShowStartingNode="False"
                SiteMapProvider="SPNavigationProvider"
                id="topSiteMap"
                runat="server"
                StartingNodeUrl="sid:1002"/>
        </Template_Controls>
    </SharePoint:DelegateControl>
    <asp:ContentPlaceHolder id="PlaceHolderTopNavBar" runat="server">
        <SharePoint:AspMenu
            ID="TopNavigationMenu"
            Runat="server"
            EnableViewState="false"
            DataSourceID="topSiteMap"
            AccessKey="<%$Resources:wss,navigation_accesskey%>"
            UseSimpleRendering="true"
            UseSeparateCss="false"
            Orientation="Horizontal"
            StaticDisplayLevels="2"
            AdjustForShowStartingNode="true"
            MaximumDynamicDisplayLevels="2"
            SkipLinkText="" />
    </asp:ContentPlaceHolder>
</SharePoint:AjaxDelta>
                </div>
                                </div>
                                <!--tab_menu div end-->
                            </div>
                        </div>
                    </div>
                    <!--start end-->
                    <div class="newhr">
                        <hr />
                    </div>
                    <!--outer_container start-->
                    <div class="outer_container">
                        <div class="container">
                            <!--titlebar start-->
                            <div class="titlebar">
                                <nav>
                                     <div class="ms-breadcrumb-box ms-tableCell ms-verticalAlignTop">
               
<h1 id="pageTitle" class="ms-core-pageTitle">
  <SharePoint:AjaxDelta id="DeltaPlaceHolderPageTitleInTitleArea" runat="server">
    <asp:ContentPlaceHolder id="PlaceHolderPageTitleInTitleArea" runat="server">
        <SharePoint:SPTitleBreadcrumb
              runat="server"
              RenderCurrentNodeAsLink="true"
                  SiteMapProvider="SPContentMapProvider"
              CentralAdminSiteMapProvider="SPXmlAdminContentMapProvider">
        <PATHSEPARATORTEMPLATE>
          <SharePoint:clustereddirectionalseparatorarrow runat="server" />
        </PATHSEPARATORTEMPLATE>
      </SharePoint:SPTitleBreadcrumb>
    </asp:ContentPlaceHolder>
  </SharePoint:AjaxDelta>
  <SharePoint:AjaxDelta BlockElement="true" id="DeltaPlaceHolderPageDescription" CssClass="ms-displayInlineBlock ms-normalWrap" runat="server">
    <a href="javascript:;" id="ms-pageDescriptionDiv" style="display:none;">
      <span id="ms-pageDescriptionImage">&#160;</span>
    </a>
    <span class="ms-accessible" id="ms-pageDescription">
      <asp:ContentPlaceHolder id="PlaceHolderPageDescription" runat="server" >
    </asp:ContentPlaceHolder>
    </span>
    <SharePoint:ScriptBlock runat="server">
      _spBodyOnLoadFunctionNames.push("setupPageDescriptionCallout");
    </SharePoint:ScriptBlock>
  </SharePoint:AjaxDelta>
</h1>
            </div>
                                </nav>
                            </div>
                            <!--titlebar end-->
                            <div class="minicontainer">
                                <!--side box quickLanch start-->
                                <div class="sidarbox">
                                    <div class="Q_launch">
                                        <div id="contentRow">
               <div id="sideNavBox" class="ms-dialogHidden ms-forceWrap ms-noList">
  <SharePoint:AjaxDelta id="DeltaPlaceHolderLeftNavBar" BlockElement="true" CssClass="ms-core-navigation" role="navigation" runat="server">
    <asp:ContentPlaceHolder id="PlaceHolderLeftNavBar" runat="server">
                <a id="startNavigation" name="startNavigation" tabIndex="-1"></a>
                <asp:ContentPlaceHolder id="PlaceHolderLeftNavBarTop" runat="server" >
                </asp:ContentPlaceHolder>
                <asp:ContentPlaceHolder id="PlaceHolderQuickLaunchTop" runat="server" >
                </asp:ContentPlaceHolder>
                <asp:ContentPlaceHolder id="PlaceHolderLeftNavBarDataSource" runat="server" >
                </asp:ContentPlaceHolder>
                <asp:ContentPlaceHolder id="PlaceHolderCalendarNavigator" runat="server" >
                </asp:ContentPlaceHolder>
                <asp:ContentPlaceHolder id="PlaceHolderLeftActions" runat="server" >
                </asp:ContentPlaceHolder>
                <div class="ms-core-sideNavBox-removeLeftMargin">
                <SharePoint:SPNavigationManager
                    id="QuickLaunchNavigationManager"
                    runat="server"
                    QuickLaunchControlId="V4QuickLaunchMenu"
                    ContainedControl="QuickLaunch"
                    EnableViewState="false"
                    >
                    <SharePoint:DelegateControl runat="server" ControlId="QuickLaunchDataSource">
                   
                   
                   
                   
                   
                   
                        <Template_Controls>
                            <asp:SiteMapDataSource SiteMapProvider="SPNavigationProvider" ShowStartingNode="False" id="QuickLaunchSiteMap" StartingNodeUrl="sid:1025" runat="server" />
                        </Template_Controls>
                    </SharePoint:DelegateControl>
                    <SharePoint:AspMenu id="V4QuickLaunchMenu" runat="server" EnableViewState="false" DataSourceId="QuickLaunchSiteMap" UseSimpleRendering="true" Orientation="Vertical" StaticDisplayLevels="3" AdjustForShowStartingNode="true" MaximumDynamicDisplayLevels="0" SkipLinkText="" />
                </SharePoint:SPNavigationManager>
                    <SharePoint:SPNavigationManager
                        id="TreeViewNavigationManagerV4"
                        runat="server"
                        ContainedControl="TreeView"
                        CssClass="ms-tv-box"
                    >
                        <SharePoint:splinkbutton runat="server" NavigateUrl="~site/_layouts/15/viewlsts.aspx" id="idNavLinkSiteHierarchyV4" Text="<%$Resources:wss,treeview_header%>" accesskey="<%$Resources:wss,quiklnch_allcontent_AK%>"
                        CssClass="ms-tv-header" />
                            <SharePoint:delegatecontrol runat="server" ControlId="TreeViewAndDataSource">
                                <Template_Controls>
                                <SharePoint:sphierarchydatasourcecontrol
                                    runat="server"
                                    id="TreeViewDataSourceV4"
                                    RootContextObject="Web"
                                    IncludeDiscussionFolders="true"
                                />
                                <SharePoint:sprememberscroll runat="server" id="TreeViewRememberScrollV4" onscroll="javascript:_spRecordScrollPositions(this);"
                                    style="overflow: auto;">
                                    <SharePoint:sptreeview
                                    id="WebTreeViewV4"
                                    runat="server"
                                    ShowLines="false"
                                    DataSourceId="TreeViewDataSourceV4"
                                    ExpandDepth="0"
                                    SelectedNodeStyle-CssClass="ms-tv-selected"
                                    NodeStyle-CssClass="ms-tv-item"
                                    SkipLinkText=""
                                    NodeIndent="12"
                                    ExpandImageUrl="/_layouts/15/images/tvclosed.png?rev=23"
                                    ExpandImageUrlRtl="/_layouts/15/images/tvclosedrtl.png?rev=23"
                                    CollapseImageUrl="/_layouts/15/images/tvopen.png?rev=23"
                                    CollapseImageUrlRtl="/_layouts/15/images/tvopenrtl.png?rev=23"
                                    NoExpandImageUrl="/_layouts/15/images/tvblank.gif?rev=23"
                                    >
                                    </SharePoint:sptreeview>
                                </SharePoint:sprememberscroll>
                                </Template_Controls>
                            </SharePoint:delegatecontrol>
                    </SharePoint:SPNavigationManager>
                <asp:ContentPlaceHolder id="PlaceHolderQuickLaunchBottom" runat="server">
                    <div class="ms-core-listMenu-verticalBox">
                        <SharePoint:clusteredsplinkbutton
                            runat="server"
                            id="idNavLinkViewAll"
                            PermissionsString="ViewFormPages"
                            NavigateUrl="~site/_layouts/15/viewlsts.aspx"
                            Text="<%$Resources:wss,AllSiteContentMore%>"
                            accesskey="<%$Resources:wss,quiklnch_allcontent_AK%>"
                            CssClass="ms-core-listMenu-item ms-core-listMenu-heading" />
                    </div>
                </asp:ContentPlaceHolder>
                </div>
    </asp:ContentPlaceHolder>
  </SharePoint:AjaxDelta>
</div>
<SharePoint:AjaxDelta id="DeltaFormDigest" BlockElement="true" runat="server">
    <asp:ContentPlaceHolder id="PlaceHolderFormDigest" runat="server">
        <SharePoint:FormDigest runat="server"/>
    </asp:ContentPlaceHolder>
</SharePoint:AjaxDelta>
<asp:ContentPlaceHolder id="PlaceHolderSiteName" runat="server" Visible="false" />
<asp:ContentPlaceHolder id="PlaceHolderHorizontalNav" runat="server" Visible="false" />
<asp:ContentPlaceHolder id="PlaceHolderPageImage" runat="server" Visible="false" />
<asp:ContentPlaceHolder id="PlaceHolderTitleLeftBorder" runat="server" Visible="false" />
<asp:ContentPlaceHolder id="PlaceHolderMiniConsole" runat="server" Visible="false" />
<asp:ContentPlaceHolder id="PlaceHolderTitleRightMargin" runat="server" Visible="false" />
<asp:ContentPlaceHolder id="PlaceHolderTitleAreaSeparator" runat="server" Visible="false" />
<asp:ContentPlaceHolder id="PlaceHolderNavSpacer" runat="server" Visible="false" />
<asp:ContentPlaceHolder id="PlaceHolderLeftNavBarBorder" runat="server" Visible="false" />
<asp:ContentPlaceHolder id="PlaceHolderBodyLeftBorder" runat="server" Visible="false" />
<asp:ContentPlaceHolder id="PlaceHolderBodyRightMargin" runat="server" Visible="false" />
<asp:ContentPlaceHolder id="PlaceHolderTitleAreaClass" runat="server" Visible="false" />
<asp:ContentPlaceHolder id="PlaceHolderGlobalNavigation" runat="server" Visible="false" />
<asp:ContentPlaceHolder id="PlaceHolderGlobalNavigationSiteMap" runat="server" Visible="false" />
<asp:ContentPlaceHolder id="WSSDesignConsole" runat="server" Visible="false" />
        </div>
                                    </div>
                                </div>
                                <!--side box quickLanch end-->
                                <!--content box start-->
                                <div class="contentbox">
                                    <!-- <div class="con_title_div">
                                     Announcement
                                    </div>-->
                                      <div id="contentBox" aria-live="polite" aria-relevant="all">
                                          <div id="notificationArea" class="ms-notif-box"></div>
                                            <SharePoint:AjaxDelta id="DeltaPageStatusBar" BlockElement="true" runat="server">
                                                <div id="pageStatusBar"></div>
                                            </SharePoint:AjaxDelta>
                                            <SharePoint:AjaxDelta id="DeltaPlaceHolderMain" BlockElement="true" IsMainContent="true" runat="server">
                                                <a id="mainContent" name="mainContent" tabindex="-1"></a>
                                                <asp:ContentPlaceHolder id="PlaceHolderMain" runat="server" >
                                            </asp:ContentPlaceHolder>
                                            </SharePoint:AjaxDelta>
                                        </div>

                                 </div>
                                <!--content box end-->
                            </div>
                        </div>
                    </div>
                    <!--outer_container end-->
                </div>
        <!--add end-->   

shahzad hussain samejo

shahzad_samejo@yahoo.com  

No comments:

Post a Comment