在云空间首页插入HTML链接


一、效果图


 

二、制作方法

<style>

.myul_1{padding-left:10px;margin-top:5px;}

.myul_1 li{list-style:none;  line-height:20px; }

.myul_1 li a{text-decoration:none; color:#4B86BF;}

.myul_1 li a:hover{color:red;text-decoration:underline;}

</style>

 

<div id="xw_header" style="MARGIN-TOP: -26px; MARGIN-LEFT: 510px; POSITION: absolute"><a href="更多新闻链接">更多新闻>></a></div>

<div>

<ul class="myul_1">

 

<li><a href="标题1连接">标题1 </a>

</li><li><a href="标题2连接">标题2</a>

</li><li><a href="标题3连接">标题3</a> 

</li><li><a href="标题4连接">标题4</a> 

 

</li></ul></div>

 

注:

1、将修改好的代码填入“装扮空间—增删模块—自定义模块—新建HTML模块”,点击保存即可。

2、-26px510px;是根据您的布局选择设置的,可以进行调整,以上代码布局选择是1:3:1

 

三、代码、效果示范

<style>

.myul_1{padding-left:10px;margin-top:5px;}

.myul_1 li{list-style:none;  line-height:20px; }

.myul_1 li a{text-decoration:none; color:#4B86BF;}

.myul_1 li a:hover{color:red;text-decoration:underline;}

</style>

 

<div id="xw_header" style="MARGIN-TOP: -32px; MARGIN-LEFT: 390px; POSITION: absolute"><a href="http://www.qdqjyj.com/list.aspx?cid=8">更多新闻>></a></div>

<div>

<ul class="myul_1">

<li><a href="http://10.2.208.5/show.aspx?id=53635&cid=8">[建胜路小学]听课指导 帮扶青年教师成长 </a>

</li><li><a href="http://www.qdqjyj.com/show.aspx?id=53491&cid=8">[石纺路小学]开学伊始 教师重温课堂教学行为规范 </a>

</li><li><a href="http://www.qdqjyj.com/show.aspx?id=53472&cid=8">[柳辛庄小学]交流学习经验、共享名家风采</a> 

</li><li><a href="http://www.qdqjyj.com/show.aspx?id=53471&cid=8">[柳辛庄小学]“大学城”二次培训 </a>

</li><li><a href="http://www.qdqjyj.com/show.aspx?id=53460&cid=8">[东风西路小学]石家庄市人教版小学数学教材培训在东风西路小学进行 </a>

</li><li><a href="http://www.qdqjyj.com/show.aspx?id=53459&cid=8">[东风西路小学]东风西路小学举行新教师岗前培训 </a>

</li><li><a href="http://www.qdqjyj.com/show.aspx?id=53455&cid=8">[20中学]进行教师暑期培训</a> 

</li><li><a href="http://www.qdqjyj.com/show.aspx?id=53442&cid=8">[裕华西路小学]暑期教师培训</a> 

</li><li><a href="http://www.qdqjyj.com/show.aspx?id=53439&cid=8">[裕华西路小学]暑期培训 </a>

</li><li><a href="http://www.qdqjyj.com/show.aspx?id=53404&cid=8">[柳林铺小学]铭记师恩,扬帆起航——柳林铺小学2013届毕业典礼成功举行</a> </li></ul></div>

 


 

 

 

 

 

 

网友评论:

发布评论:

评论最多输入2000个html字符 您还能输入0个html字符