八通频道导航 怎么加到自己网站？

http://bbs.yalegu.com/ 看看这站吧

八通频道导航 怎么加到自己网站？


http://bbs.bato.cn/forum-201-1.html

谁知道这个怎么加的！~
这是模板代码

1. <blockquote><span class="Apple-tab-span" style="white-space: pre; ">        </span><!--{subtemplate common/header_mh}-->

复制代码

这是频道里找的代码

1. 
   
2. *{ margin:0px; padding:0px;}
   
3. 
   
4. body{font-family:"宋体","Arial Narrow"; font-size:12px; color:#333;        margin:0;padding:0;}
   
5. 
   
6. ul,ol,li,dl{ margin:0px; padding:0px; list-style:none}
   
7. .clear{ clear:both;}
   
8. 
   
9. img{ border:none;}
   
10. 
    
11. a{ text-decoration:none; color:#333;}
    
12. 
    
13. a:hover{ text-decoration:underline; color:#cc0100}
    
14. 
    
15. #container{ margin:0 auto; width:1000px;}
    
16. 
    
17. .qc_con{ float:left; width:100%; border-top:3px solid #a09896; border-left:1px solid #e6e2e1;border-bottom:1px solid #e6e2e1;border-right:1px solid #e6e2e1}
    
18. 
    
19. .qc_con_left{ float:left; width:285px;margin-top:15px; margin-left:15px; display:inline}
    
20. 
    
21. .qc_con_con{ float:left; width:376px; padding:0 20px; background:url(../images/huawen.gif) no-repeat right top}
    
22. 
    
23. .qc_con_right{ float:right; width:281px; height:560px; border:1px solid #e6e2e1;overflow:hidden; border-right:none;border-bottom:none; background:#f2f2f0 url(../images/riji.gif) no-repeat}
    
24. 
    
25. .qc_jiaodian{ float:left; width:285px; height:294px;}
    
26. 
    
27. .qc_hd{ float:left; width:285px; margin-top:10px;}
    
28. 
    
29. .qc_hd_title{ float:left;}
    
30. 
    
31. #footer{ float:left; width:1000px; border-top:1px solid #ccc; margin-top:20px; padding-top:10px; padding-bottom:5px; }
    
32. 
    
33. .lianjie{position:relative; width:1000px; line-height:25px;color:#666; text-align:center}
    
34. 
    
35. .lianjie a{ padding-left:8px; padding-right:8px; color:#666}
    
36. 
    
37. .ms_right_2{ float:left; width:285px;padding:12px 0px; border-bottom:1px dotted #ccc; display:inline}
    
38. 
    
39. .ms_01{ float:left; width:108px; border:1px solid #ccc}
    
40. 
    
41. .ms_01 img{ width:108px; height:72px;}
    
42. 
    
43. .ms_right_2 dl{ float:right; width:160px; }
    
44. 
    
45. .ms_right_2 dl dt a{ font-size:14px; font-weight:bold}
    
46. 
    
47. .ms_right_2 dl dd{ color:#999; line-height:20px}
    
48. 
    
49. .ms_right_2 dl dd a{ color:#cc0100}
    
50. 
    
51. .hotPic{width:285px;height:294px;float:left;}
    
52. .newInfor h4{font-weight:700;overflow:hidden;color:#666;padding:0 0 0 10px;margin-bottom:10px;}
    
53. .newflash{width:285px;height:294px;overflow:hidden;}
    
54. .flashimg img{width:285px; height:294px; }
    
55. .flashimg p a{color:#fff;font-weight:700;text-shadow:1px 1px 0px #333;}
    
56. .flashimg p{overflow:hidden;width:308px;bottom:4px;position:absolute;text-indent:12px;z-index:2;left:0;}
    
57. .flashBg{ position:absolute;bottom:0;width:100%;height:27px;background:#000;filter:alpha(opacity=40);-moz-opacity:0.4;opacity:0.4; z-index:1;}
    
58. .an{ position:absolute;right:5px;z-index:2;bottom:5px;}
    
59. .an li{float:left;margin-left:5px;}
    
60. .an li a{float:left;background:#fff;color:#333;overflow:hidden; text-decoration:none; line-height:16px;padding:0 5px;-webkit-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out;}
    
61. .an li.current a,.an li a:hover{background:#333; border:1px solid #333; font-weight:bold;color:#fff; text-decoration:none;}
    
62. .an li a:hover{-webkit-transform: scale(1.4);-o-transform: scale(1.4);}
    
63. 
    
64. .pr{position:relative}
    
65. 
    
66. 
    
67. 
    
68. .qc01{ float:left; width:100%; padding-bottom:10px; padding-top:10px; border-bottom:1px dotted #ccc}
    
69. 
    
70. .qc01 dt{ float:left; width:100%; text-align:center; line-height:24px;padding-bottom:5px ;font-size:20px; font-weight:bold; color:#7D5447;font-family:"Microsoft Yahei";}
    
71. 
    
72. .qc01 dd{ line-height:20px; color:#666}
    
73. .qc01 a:hover dt,.qc01 a:hover dd,.qc01 a:hover{ color:#a77160; text-decoration:underline}
    
74. 
    
75. .qc_zj{ padding-top:10px}
    
76. 
    
77. .qc_zj,.qc_zj dl{ float:left; width:100%}
    
78. 
    
79. .qc_zj dl dt{ float:left; line-height:25px;color:#999; background:url(../images/dian.gif) no-repeat left center; text-indent:10px; }
    
80. 
    
81. .qc_zj dl dt a{ font-size:14px; color:#26437f}
    
82. 
    
83. 
    
84. .qc_zj dl dd{float:right; line-height:24px;}
    
85. 
    
86. .qc_zj dl dd a{ color:#666}
    
87. 
    
88. .ri{ float:left; width:251px;padding:10px 0; margin-left:15px; display:inline; border-top:1px dotted #ccc; display:inline}
    
89. 
    
90. .ji{ float:left; width:104px; padding:3px; border:1px solid #b5adab; background:#fff}
    
91. 
    
92. .ji img{ width:104px; height:68px;}
    
93. 
    
94. .ri dl{ float:right; width:130px; }
    
95. 
    
96. .ri dl dt a{ font-size:14px; font-weight:bold; color:#ff6302}
    
97. 
    
98. .ri dl dd{ color:#999; line-height:20px}
    
99. 
    
100. .ri dl dd a{ color:#b79855}
     
101. 
     
102. .riji{ float:left;padding-top:10px; }
     
103. 
     
104. .lagg{ float:left; width:100%; padding-top:18px;}
     
105. 
     
106. .lagg a{ float:left; width:76px; height:21px; margin-left:15px; display:inline; }
     
107. 
     
108. .tonglan{ float:left; width:992px; border:1px solid #cdbfa5; margin-top:10px; padding:3px 3px 0px 3px;}
     
109. 
     
110. .tl01{ float:left; width:992px; height:28px;background:url(../images/tonglan.gif) no-repeat}
     
111. 
     
112. .tl02{ float:left; padding-left:20px; padding-top:6px}
     
113. 
     
114. .more{ float:right; padding-right:15px; line-height:28px}
     
115. 
     
116. .more a{ color:#fd6300}
     
117. 
     
118. .tgh{ float:left; width:300px; padding-left:14px; height:242px;; padding-top:15px; border-right:1px solid #ccc}
     
119. 
     
120. .tgh_img{ width:272px; height:190px; padding:4px; overflow:hidden;border:1px solid #bfbdbe}
     
121. 
     
122. .tgh_img img{width:272px; height:190px;}
     
123. 
     
124. .cs{ position:relative; width:100%}
     
125. 
     
126. .fd{ position:absolute;width:272px; height:20px; background:#000;filter:alpha(opacity=30);-moz-opacity:0.3;opacity:0.3;top:-25px; left:5px }
     
127. 
     
128. .ge{ position:absolute;width:272px; height:20px;line-height:20px; top:-25px; left:5px; color:#fff; text-align:center;}
     
129. 
     
130. .hong{ position:relative; width:100%}
     
131. 
     
132. .hongse{ position:absolute;top:-200px; width:34px; height:36px;background:url(../images/hong.png) }
     
133. 
     
134. .anniu{ float:left; width:100%}
     
135. 
     
136. .anniu li{ float:left;font-family:"Microsoft Yahei"; margin-top:8px; margin-left:5px; margin-right:5px; display:inline; line-height:20px;}
     
137. 
     
138. .anniu li a{ font-weight:bold; color:#fff; }
     
139. 
     
140. .anniu li a:hover{ color:#fff}
     
141. 
     
142. .anniu li.sw01{ width:68px; height:20px; text-align:center;background:url(../images/sw01.gif) repeat-x}
     
143. 
     
144. .anniu li.sw02{ width:68px; height:20px;text-align:center;background:url(../images/sw02.gif) repeat-x}
     
145. 
     
146. .ws{ float:left; width:660px; padding-top:20px; }
     
147. 
     
148. .ws01{ float:left; padding-left:20px;}
     
149. 
     
150. .ws02{ float:right;}
     
151. 
     
152. .nr{ float:left; width:677px; }
     
153. 
     
154. .nr01{ float:left; width:310px;margin-left:20px; display:inline; margin-top:10px;}
     
155. 
     
156. 
     
157. 
     
158. .nr02{ float:left; width:80px; padding:3px; border:1px solid #b4adac}
     
159. 
     
160. .nr02 img{ width:80px; height:80px;}
     
161. 
     
162. .nr01 dl{ float:right; width:210px; }
     
163. 
     
164. .nr01 dl dt a{ font-size:14px; font-weight:bold; color:#df4102}
     
165. 
     
166. .nr01 dl dd{ color:#999; line-height:20px; padding-top:5px;}
     
167. 
     
168. .nr01 dl dd a{ color:#b99854}
     
169. 
     
170. .paihang{float:left; width:250px; margin-left:25px; display:inline}
     
171. 
     
172. .ph{ float:left; width:100%; padding-top:15px;}
     
173. 
     
174. .ph01{float:right; width:250px; padding-top:5px; }
     
175. 
     
176. .ph01 dt{ float:left; padding-top:6px;}
     
177. 
     
178. .ph01 dd{ float:right; line-height:23px; width:225px}
     
179. 
     
180. .ph01 dd a{ font-size:14px; color:#666}
     
181. 
     
182. .ky{ float:left; width:248px; margin-left:10px; margin-top:15px; display:inline}
     
183. 
     
184. .ky dt{ float:left; width:248px; height:30px; line-height:26px; background:url(../images/se.gif) no-repeat; text-align:center; margin-bottom:5px;}
     
185. 
     
186. .ky dt a{ font-size:16px; letter-spacing:5px; font-weight:bold; font-family:"Microsoft Yahei"; color:#f2f2cf}
     
187. 
     
188. .ky dt a:hover{ color:#dda46f; text-decoration:none;}
     
189. 
     
190. .ky dd{ float:left; width:100%; line-height:25px; text-indent:15px; background:url(../images/fuhao.gif) no-repeat 5px center;}
     
191. 
     
192. .ky dd a{ font-size:14px; color:#666}
     
193. 
     
194. .siti{ float:left; padding-top:10px; padding-left:15px;}
     
195. 
     
196. .siti li{ width:172px; height:30px; overflow:hidden; padding-top:3px;padding-bottom:3px;}
     
197. 
     
198. .tu{ float:left; width:176px; margin-top:15px; margin-left:17px; display:inline;}
     
199. 
     
200. .tu dt{ float:left; width:176px; height:132px; border:1px solid #ccc; overflow:hidden;}
     
201. 
     
202. .tu dt img{ width:176px; height:132px;}
     
203. 
     
204. .tu dd{ float:left; width:100%; line-height:24px; text-align:center}

复制代码

上面是CSS文件。

我想把这个导航放在DIY的静态模块里，添加html。。直接就可以使用。我的是官方模板
请大神们看看如何取代码

同求代码，同时也欢迎大家来看看 http://bbs.ggbm.cn 贵港论坛

代码很多
百姓城信息分类：http://www.bxcnt.com/

学学一下

晕来的都是学习的，没有会弄的！~~
http://bbs.yalegu.com/ 看看这站吧