我快疯了......我想添加这个栏:
(来源:bindtuning.com)
(使用 seattle.master - 查看)
在我创建的一个简单的自定义页面中。就我而言,我在“Home.aspx”的同一文件夹中拥有“index.aspx”(该文件夹是 SitePages),
“index.aspx”是一个带有 css3 和 js 页面的 Html5 页面(我上传代码只是为了有一个完整的帖子)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<%@ Page Language="C#" %>
<%@ Register tagprefix="SharePoint" namespace="Microsoft.SharePoint.WebControls" assembly="Microsoft.SharePoint, Version=15.0.0.0, Culture=neutral, PublicKeyToken=*" %>
<html dir="ltr" xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<meta name="WebPartPageExpansion" content="full" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>HomePage | Fabio Test's Page</title>
<meta http-equiv="X-UA-Compatible" content="IE=10" />
<SharePoint:CssRegistration Name="default" runat="server"/>
<link rel="stylesheet" href="../SiteAssets/SitePages/Home/css/main_style.css" type="text/css"/>
<link rel="stylesheet" href="../SiteAssets/SitePages/Home/css/fractionslider.css" type="text/css"/>
<link rel='stylesheet' href='../SiteAssets/SitePages/Home/css/navigation.css' type="text/css"/>
<link rel="stylesheet" href="../SiteAssets/SitePages/Home/css/slider.css" type="text/css" charset="utf-8" />
<script src='../SiteAssets/SitePages/Home/js/jquery.color-RGBa-patch.js'></script>
<script src="../SiteAssets/SitePages/Home/js/jquery-1.9.1.min.js" type="text/javascript" charset="utf-8"></script>
<script src='../SiteAssets/SitePages/Home/js/navigation.js'></script>
<script src="../SiteAssets/SitePages/Home/js/jquery.fractionslider.min.js" type="text/javascript" charset="utf-8"></script>
<script src="../SiteAssets/SitePages/Home/js/main.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript" src="../SiteAssets/SitePages/Home/js/mosaic.1.0.1.min.js"></script>
<script type="text/javascript">
jQuery(function($){
$('.bar2').mosaic({
animation : 'slide' //fade or slide
});
});
</script>
<!--[if gte IE 9]>
<style type="text/css">
.gradient {
filter: none;
}
</style>
<![endif]-->
</head>
<body oncontextmenu="return false" onselectstart="return false">
<div id="site_content">
<noscript>Javascript?</noscript>
<div id="top_bar"><br/><br/>
<img id="logo" alt="Logo" src="../SiteAssets/SitePages/Home/img/logo.jpg" />
</div>
<div id="centralign">
<div class="centralDiv_first mosaic-block bar2" id="first_div">
<a href="#" class="mosaic-overlay">
<div class="details">
<h4>MIS</h4><br/>
<p>Management of Information Systems</p>
</div>
</a>
<div class="mosaic-backdrop"><img src="../SiteAssets/SitePages/Home/img/centralDiv/icon_1.jpg" onclick="window.open('#','_self',false)"/></div>
</div>
<div class="centralDiv_first mosaic-block bar2" id="second_div">
<a href="#" class="mosaic-overlay">
<div class="details">
<h4>Finance</h4><br/>
<p>I hope that there are money for sponsorships.</p>
</div>
</a>
<div class="mosaic-backdrop"><img src="../SiteAssets/SitePages/Home/img/centralDiv/icon_2.jpg" onclick="window.open('#','_self',false)"/></div>
</div>
<div class="centralDiv_first mosaic-block bar2" id="third_div">
<a href="#" class="mosaic-overlay">
<div class="details">
<h4>HR</h4><br/>
<p>Human Resources</p>
</div>
</a>
<div class="mosaic-backdrop"><img src="../SiteAssets/SitePages/Home/img/centralDiv/icon_3.jpg" onclick="window.open('#','_self',false)"/></div>
</div>
<div class="centralDiv_first mosaic-block bar2" id="fourth_div">
<a href="#" class="mosaic-overlay">
<div class="details">
<h4>Forms</h4><br/>
<p>Check it out!</p>
</div>
</a>
<div class="mosaic-backdrop"><img src="../SiteAssets/SitePages/Home/img/centralDiv/icon_4.jpg" onclick="window.open('https://uscri.sharepoint.com/Forms/Forms/AllItems.aspx','_self',false)"/></div>
</div>
<a href="#">
<div class="centralDiv_second mosaic-block bar">
<div class="mosaic-backdrop">
<img src="../SiteAssets/SitePages/Home/img/centralDiv/icon_small_1.jpg"/>
</div>
</div>
</a>
<a href="#">
<div class="centralDiv_second mosaic-block bar">
<div class="mosaic-backdrop">
<img src="../SiteAssets/SitePages/Home/img/centralDiv/icon_small_2.jpg"/>
</div>
</div>
</a>
<a href="#">
<div class="centralDiv_second mosaic-block bar">
<div class="mosaic-backdrop">
<img src="../SiteAssets/SitePages/Home/img/centralDiv/icon_small_3.jpg"/>
</div>
</div>
</a>
<a href="#">
<div class="centralDiv_second mosaic-block bar">
<div class="mosaic-backdrop">
<img src="../SiteAssets/SitePages/Home/img/centralDiv/icon_small_4.jpg"/>
</div>
</div>
</a>
<a href="#">
<div class="centralDiv_second mosaic-block bar">
<div class="mosaic-backdrop">
<img src="../SiteAssets/SitePages/Home/img/centralDiv/icon_small_5.jpg"/>
</div>
</div>
</a>
<a href="#">
<div class="centralDiv_second mosaic-block bar">
<div class="mosaic-backdrop">
<img src="../SiteAssets/SitePages/Home/img/centralDiv/icon_small_undefined.jpg"/>
</div>
</div>
</a>
<a href="#">
<div class="centralDiv_second mosaic-block bar">
<div class="mosaic-backdrop">
<img src="../SiteAssets/SitePages/Home/img/centralDiv/icon_small_undefined.jpg"/>
</div>
</div>
</a>
<a href="#">
<div class="centralDiv_second mosaic-block bar">
<div class="mosaic-backdrop">
<img src="../SiteAssets/SitePages/Home/img/centralDiv/icon_small_undefined.jpg"/>
</div>
</div>
</a>
</div><br/><br/>
<div id="footer">For general inquiries, please email</div>
</div>
</body>
</html>
我试图修改 seattle.master,试图只留下顶部栏(称为 SuiteBar)并在 had 标记和正文中编写代码,但 javascript 不起作用,并且 css 文件中的标记也被覆盖.
我感谢任何解决问题的建议!
谢谢