本来是别的帖子,现在改了,节约点资源,hehe
1,用sql语句调出允许普通用户投稿的栏目列表。- {king:dbquery query="select listid,listid1,klistname from %s_list where gidpublish<1 and ispublish1>0 order by listid desc limit 0,20 "}<li><a href="{king:root/}portal/index.php?action=edt&listid={king:listid/}">{king:klistname/}</a></li>{/king:dbquery}
复制代码 2,列出一个头条文章,让跟随其后的文章列表中不重复出现第一个头条。- {king:portal.Article type='head' listid!='3' number='1'}
- <h1><a href="{king:path/}" title="{king:title/}" target="_blank">{king:title/}</a></h1>
- <span class="des">{king:description size='100'/}</span> <a href="{king:path/}" target="_blank">[查看全文]</a>{king:portal.article listid!='3' number='8' kid!='(king:kid/)'}
- <li>{king:portal.list listid='(king:listid/)'}[<a href="{king:listpath/}">{king:listname/}</a>] {/king:portal.list}<a style="color:{king:_color/}" href="{king:path/}" title="{king:title/}" target="_blank">{king:title/}</a></li>{/king:portal.article}{/king:portal.Article}
复制代码 3,一个js+css的导航菜单代码- <div id="slidingBlock">
- <script language="javascript">
- function switchmodTag(modtag,modcontent,modk) {
- for(i=1; i <{king:dbquery.count table="sq_wangdadong1.king_list" where="listid1=0 and ismap=1"/}+1; i++) {
- if (i==modk) {
- document.getElementById(modtag+i).className="menuOn";document.getElementById(modcontent+i).className="slidingList";}
- else {
- document.getElementById(modtag+i).className="menuNo";document.getElementById(modcontent+i).className="slidingList_none";}
- }
- }
- </script><div id="nav_box">{king:portal.list listid1='0' ismap='1'}<h4 <?php if ('{king:i/}'==1) {echo "class="menuOn"";} else {echo "class="menuNo"";}?> id="mod{king:i/}" onmouseover="switchmodTag('mod','slidingList','{king:i/}');this.blur();"><a href="{king:listpath/}">{king:listname/}</a></h4>
- <div id="line"></div>{/king:portal.list}
- {king:portal.list listid1='0' ismap='1'}<div <?php if ('{king:i/}'==1) {echo "class="slidingList"";} else {echo "class="slidingList_none"";}?> id="slidingList{king:i/}">
- <ul>
- {king:Portal.list listid1='(king:listid/)' ismap='1'}<li><a href="{king:listpath/}">{king:listname/}</a></li>{/king:Portal.list}
- </ul>
- </div>{/king:portal.list}
- </div>
- </div>
复制代码css代码
- @charset "utf-8";
- /* 最外面DIV的样式 */
- #slidingBlock {
- width:980px;
- over-flow:hidden;
- margin:auto;
- height:60px;
- border:#ccc solid 1px;
- background-image: url(200812180856440.jpg);
- background-repeat: repeat-x;
- background-position: top;
- background-color: #C2D9F9;
- }
- #nav_box{
- height:33px;
- width:958px;
- text-align:center;
- margin-left: 11px;
- }
- #slidingBlock a{ color:#000;
- }
- #slidingBlock h4 {
- float:left;
- width:78px;
- height:33px;
- line-height:33px;
- text-align:center;
- font-size:12px;
- over-flow:hidden;
- float:left;
- background-image: url(200812180856440.jpg);
- background-repeat: repeat-x;
- }
- #slidingBlock h4.menuNo {
- font-weight:normal;
- color: #fff;
- }
- #slidingBlock h4.menuOn {
- background-image: url(200812180857440.jpg);
- background-repeat: no-repeat;
- background-position: 6px bottom;
- color:#1368c2
- }
- #line{ width:2px; height:33px;
- background-image: url(200812180858210.jpg);
- background-repeat: no-repeat;
- float:left
- }
- #slidingBlock DIV.slidingList_none {
- display:none
- }
- #slidingBlock DIV.slidingList {
- width:auto;
- margin:0px;
- padding:0px;
- height:27px;
- clear:both;
- line-height:27px
- }
- #slidingBlock DIV.slidingList ul {
- margin:0px;padding:0px; list-style:none;
- }
- #slidingBlock DIV.slidingList li {
- float:left;
- height:20px;
- line-height:20px;
- font-size:12px;
- text-indent:20px;
- }
复制代码-------------------------------------------------------------------华丽的分割线