6系統(tǒng):如何調(diào)用當(dāng)前樣式

1302次閱讀

當(dāng)前樣式是為了更好的讓用戶知道我們當(dāng)前所點(diǎn)擊的或者所在的是哪一個(gè)分類或頁(yè)面位置。

一般情況下,當(dāng)前樣式在導(dǎo)航、分類列表中使用較多。

6系統(tǒng):如何調(diào)用當(dāng)前樣式 ?可根據(jù)以下的圖文教程進(jìn)行調(diào)用。


操作步驟:

1、找到要添加當(dāng)前樣式的代碼區(qū)域,添加調(diào)用標(biāo)簽。

now_html--當(dāng)前激活的標(biāo)簽        active--class類名 (類名可隨意)

class="[value:now_html/]"--調(diào)用當(dāng)前樣式

代碼示例:

{list_nav nav_type="1"  now_html="active" }

<a href="[value:url/]" class="[value:now_html/]">[value:name/]</a>

{/list_nav}


2、到css文件內(nèi)添加樣式代碼

當(dāng)前樣式的class名稱一定要和上面調(diào)用代碼  now_html="xxx"  引號(hào)中的類名一致。

以類名:active    當(dāng)前樣式:紅色背景,白色文字為例:

.active{                                                  → 添加格式可百度參考css樣式表

    background-color: #c00000;            → 背景顏色:紅色

    color: #fff;                                         → 字體顏色:白色

}


注:如有疑惑可參考視頻教程:https://ke.seowhy.com/play/3883.html

當(dāng)前為主導(dǎo)航視頻教程,當(dāng)前樣式在視頻后半段,導(dǎo)航和分類列表的當(dāng)前樣式應(yīng)用是一樣的,可參考。



本文由夫唯SEO特訓(xùn)營(yíng)編輯整理。

搜外專注SEO培訓(xùn)和SEO周邊Saas服務(wù)解決方案,10年來(lái)超過(guò)五萬(wàn)學(xué)員在此獲得技術(shù)提升和人脈圈子。

SEO課程包含移動(dòng)搜索、零基礎(chǔ)建站、群站SEO思維、搜外6系統(tǒng)、SEM入門等。

192期A班報(bào)名時(shí)間7月1日-7月15日,請(qǐng)?zhí)砑诱猩头∧⑿牛簊eowhy2021。 微信掃碼添加客服人員

我們的目標(biāo)是:讓非技術(shù)人員輕松學(xué)會(huì)互聯(lián)網(wǎng)技術(shù)。

  • 搜外會(huì)員SEO交流群(免費(fèi))

    微信掃碼添加客服人員
  • 小程序運(yùn)營(yíng)交流群(免費(fèi))

    微信掃碼添加客服人員
  • 搜外會(huì)員SEM競(jìng)價(jià)交流群(免費(fèi))

    微信掃碼添加客服人員
  • 夫唯學(xué)員SEO交流群(VIP)

    微信掃碼添加客服人員

掃碼獲取資源

微信掃碼添加客服人員
  • SEO技術(shù)實(shí)戰(zhàn)微信群

    微信掃碼添加客服人員
  • 大站流量總監(jiān)群(審核身份)

    微信掃碼添加客服人員
  • Google獨(dú)立站英文SEO群

    微信掃碼添加客服人員
  • SEO團(tuán)隊(duì)KPI管理表格

    微信掃碼添加客服人員
  • 工業(yè)品網(wǎng)站友情鏈接群

    微信掃碼添加客服人員
  • 本地生活服務(wù)業(yè)友鏈群

    微信掃碼添加客服人員

跟夫唯老師系統(tǒng)學(xué)習(xí)群站SEO
成為互聯(lián)網(wǎng)運(yùn)營(yíng)推廣大咖

掌握SEO技巧、建站前端、群站霸屏、SEM入門、新聞源推廣……
Processed in 0.155604 Second , 47 querys.