修改首页排版

application/default/views/scripts/index/index.phtml

@@ -41,7 +41,7 @@
               </div>
   </div>
   <div class="span5" id="main-news">
-	<h4><a href="/archives/help/platform" class="pull-right"><i class="icon-book"></i>帮助</a><a href="/archives"><i class="icon-calendar"></i>新闻</a></h4>
+	<h4><a href="/archives"><i class="icon-calendar"></i>新闻</a></h4>
     <ul class="news-list">
     <?php foreach($this->list_news as $k=>$v){ ?>
     	<li><span class="pull-right">[<?= date("Y-m-d",strtotime($v['ts_published']))?>]</span><a href="<?= $v['url'] ?>"><?= $v['title'] ?></a></li>
@@ -51,16 +51,41 @@
 </div>
 
 <!-- 数据 -->
+<div class="row">
+	<div class="span12 data-unit">
+    	<div class="well well-small" style="padding:0px;">
+        	<div class="row">
+            	<div class="span12"><h4>青海省生态环境遥感监测中心</h4></div>
+            </div>
+            <div class="row">
+            	<div class="span4">
+                	<div class="data-block"  style=" background-position:0px -600px;width:350px;margin:0 10px;"></div>
+                </div>
+                <div class="data-list span4">
+                    <ul class="unstyled">
+                        <li><a href="">青海三江源区2012年度土地利用数据集</a></li>
+                        <li><a href="">青海三江源区重点生态工程区域草地监测数据集(2013年)</a></li>
+                        <li><a href="">青海三江源重点区域草地生态监测数据集</a></li>
+                    </ul>
+                </div>
+                <div class="data-list span4">
+                    <ul class="unstyled">
+                        <li><a href="">青海三江源区2011年度土地利用数据集</a></li>
+                        <li><a href="">青海三江源区2011年卫星影像数据集</a></li>
+                        <li><a href="">青海三江源区2010年卫星影像数据集</a></li>
+                    </ul>
+                </div>
+            </div>
+   		</div>
+    </div>
+</div>
+
 <div class="row">    
 	<div class="span4 data-unit">
     	<div class="well well-small">
-        	<h4>青海省生态环境遥感监测中心</h4>
+        	<h4>青海省气象科学研究所</h4>
-            <div class="data-list">
+            <div class="data-block"  style=" background-position:0px -200px;">
-            	<ul class="unstyled">
+            	
-            		<li><a href="">青海三江源区2012年度土地利用数据集</a></li>
-                	<li><a href="">青海三江源区重点生态工程区域草地监测数据集(2013年)</a></li>
-                    <li><a href="">青海三江源重点区域草地生态监测数据集</a></li>
-                </ul>
             </div>
    		</div>
     </div>
@@ -85,8 +110,8 @@
 <div class="row">    
 	<div class="span4 data-unit">
     	<div class="well well-small">
-        	<h4>青海省气象科学研究所</h4>
+        	<h4>青海省水土保持局</h4>
-            <div class="data-block"  style=" background-position:0px -200px;">
+            <div class="data-block" style="background-position:0px -400px;">
             	
             </div>
    		</div>
@@ -108,14 +133,3 @@
    		</div>
     </div>
 </div>
-
-<div class="row">    
-	<div class="span4 data-unit">
-    	<div class="well well-small">
-        	<h4>青海省水土保持局</h4>
-            <div class="data-block" style="background-position:0px -400px;">
-            	
-            </div>
-   		</div>
-    </div>
-</div>

htdocs/css/index.css

@@ -142,7 +142,8 @@
 .item{height:330px;}
 hr{margin:0 auto;}
 
-.data-unit .well{ box-shadow:none; border:none;}
+.data-unit .well{ box-shadow:none; border:none; overflow:hidden;}
+.data-unit .data-block{ overflow:hidden;}
 .data-list ul {padding:0;}
 .data-list ul li{line-height:25px;padding:0px;}
 .data-block {height:75px; background:url('/images/sanjiangyuan1.jpg') no-repeat;}