婷婷综合国产,91蜜桃婷婷狠狠久久综合9色 ,九九九九九精品,国产综合av

主頁 > 知識庫 > DEDECMS實用漂亮的翻頁效果修改方法第1/3頁

DEDECMS實用漂亮的翻頁效果修改方法第1/3頁

熱門標簽:強訊外呼系統 電話機器人批發 智能電銷機器人廣告語 電銷外呼線路改不外呼線路 重慶人工智能電銷機器人報價 愛巢地圖標注 長春極信防封電銷卡公司 crm外呼系統好不好 貴陽ai外呼系統

在網上流傳很廣,壇子里也有幾個人都轉過,這里說下怎么用(教程以默認模板為例).
一.內容頁分頁代碼修改
首先介紹下基礎知識,dede的內容頁調用標記是:
復制代碼 代碼如下:

<div class="cupage">{dede:pagebreak/}</div>

生成html后形式為:
復制代碼 代碼如下:

<div class="cupage"><a href='#'>上一頁</a><strong>1</strong><a href='#'>2</a> <a href='#'>下一頁</a></div>

這里分析下,cupage的class控制整個分頁區域的樣式,"上一頁"和"下一頁"的樣式可以通過控制A標簽的樣式來更改,而當前頁,比如這里的"1"是用
<strong></strong>標記包圍的,當然可以通過定義<strong>標記的樣式實現當前頁碼與其他頁碼的樣式不同.
然后再分析下下載的翻頁效果代碼,我們以第一個Digg Style為例.
首先看下Digg Style的html代碼:
復制代碼 代碼如下:

<div class="digg">
<span class="disabled"> < </span>
<span class="current">1</span>
<a href="#?page=2">2</a><a href="#?page=3">3</a><a href="#?page=4">4</a><a href="#?page=5">5</a><a href="#?page=6">6</a><a href="#?
page=7">7</a>...<a href="#?page=199">199</a><a href="#?page=200">200</a>
<a href="#?page=2"> > </a>
</div>

名為digg的class跟cupage作用一樣,控制整個分頁區域的樣式,它這里的上一頁和下一頁用<和>代替了,而且設置了不同的樣式,因為如果在第一頁的話,上一頁
這個鏈接是不可用的,所以區別了下一頁的樣式,但是dede在這里有個bug,從生成的html的代碼也可以看出,當頁碼在第一頁的時候,那個上一頁依然是可點的,這個后面會給出解決方法.名為current的class控制的是當前頁碼的樣式,這個和dede的<strong>標簽的樣式是一樣的作用,像2.3...這樣的頁碼樣式和dede的一樣,都用的是A標簽,把這里的A標簽的css搬到dede里就行了.
好了,分析到這就可以對照著Digg Style的css重寫dede的分頁css了,
Digg Style的css:
復制代碼 代碼如下:

DIV.digg {
PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; MARGIN: 3px; PADDING-TOP: 3px; TEXT-ALIGN: center
}
DIV.digg A {
BORDER-RIGHT: #aaaadd 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #aaaadd 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; MARGIN:
2px; BORDER-LEFT: #aaaadd 1px solid; COLOR: #000099; PADDING-TOP: 2px; BORDER-BOTTOM: #aaaadd 1px solid; TEXT-DECORATION: none
}
DIV.digg A:hover {
BORDER-RIGHT: #000099 1px solid; BORDER-TOP: #000099 1px solid; BORDER-LEFT: #000099 1px solid; COLOR: #000; BORDER-BOTTOM: #000099
1px solid
}
DIV.digg A:active {
BORDER-RIGHT: #000099 1px solid; BORDER-TOP: #000099 1px solid; BORDER-LEFT: #000099 1px solid; COLOR: #000; BORDER-BOTTOM: #000099
1px solid
}
DIV.digg SPAN.current {
BORDER-RIGHT: #000099 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #000099 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-
BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #000099 1px solid; COLOR: #fff; PADDING-TOP: 2px; BORDER-BOTTOM: #000099 1px solid; BACKGROUND-COLOR:
#000099
}
DIV.digg SPAN.disabled {
BORDER-RIGHT: #eee 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #eee 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; MARGIN: 2px;
BORDER-LEFT: #eee 1px solid; COLOR: #ddd; PADDING-TOP: 2px; BORDER-BOTTOM: #eee 1px solid
}

123下一頁閱讀全文

標簽:上海 內蒙古 山南 廣安 保定 陜西 吳忠 清遠

巨人網絡通訊聲明:本文標題《DEDECMS實用漂亮的翻頁效果修改方法第1/3頁》,本文關鍵詞  DEDECMS,實用,漂,亮的,翻頁,;如發現本文內容存在版權問題,煩請提供相關信息告之我們,我們將及時溝通與處理。本站內容系統采集于網絡,涉及言論、版權與本站無關。
  • 相關文章
  • 下面列出與本文章《DEDECMS實用漂亮的翻頁效果修改方法第1/3頁》相關的同類信息!
  • 本頁收集關于DEDECMS實用漂亮的翻頁效果修改方法第1/3頁的相關信息資訊供網民參考!
  • 推薦文章
    主站蜘蛛池模板: 聂拉木县| 大洼县| 尚志市| 苏州市| 新巴尔虎左旗| 贡山| 阜新市| 万州区| 自治县| 申扎县| 泗洪县| 安图县| 临汾市| 绥阳县| 普定县| 嘉善县| 布尔津县| 鸡泽县| 华蓥市| 辛集市| 古蔺县| 赤水市| 武隆县| 灵台县| 宜君县| 垦利县| 鄄城县| 开封市| 祁阳县| 龙南县| 台安县| 根河市| 措美县| 浦城县| 基隆市| 通州市| 乐平市| 新干县| 无棣县| 应城市| 景洪市|