當前位置: 首頁 » 公告中心
如何搭配自動CSS功能讓會員網站更有特色?
 [列印]添加時間:2020-12-27   有效期:不限 至 不限   瀏覽次數:4386
為了希望版面看起來更有專屬感,某些會員會希望會員網站上的部分區塊(DIV)能夠不顯示,如下圖有色塊的地方...


這個要求是可以做到的,因為每個區塊(DIV)都有個名稱,也就是ID,只要知道了ID就可以透過後台的"自訂CSS"功能將之遮蔽。
如以下圖來說,希望不顯示LOGO,而LOGO的DIV ID為head-logo

我們知道了ID,接下來只要進入後台,在"自訂CSS"處,輸入適當的設定語法,即可將之屏蔽起來了。語法為:
/* LOGO */
#head-logo
{display:none;}


按下保存紐之後,結果就變成如下這樣了,LOGO不見了

至於其他區塊的名稱分別如下:
/* 頁頭 */
#page-top
{display:none;}
 
/* LOGO+抬頭+獎章 */
#page-logo
{display:none;}
 
/* LOGO */
#head-logo
{display:none;}
 
/* 抬頭 */
#head-title
{display:none;}
 
/* 會員標章 */
#page-logo #head-sign
{display:none; }
 
/* 麵包屑路徑 */
#pos
{display:none;}
 
/* 頁尾區塊 */
#foot
{background: url(背景路徑) repeat-x #ffdd00;}

/* 頁尾未成年請勿飲酒 */
.foot-ext {

  padding: 15px 15px;

  width: 100%;

  background-color: #000;

  position: fixed;

  bottom: 0px;

  z-index: 999;

  background-image: url(https://www.coinflows.com/for_customer_css_images/warning-wine.png);

  background-repeat: no-repeat;

  height: 40px; /*視情況而定*/

  background-position-x: center;

}

#page-footer {

  margin-bottom: 60px; /*視情況而定*/

}

@media (max-width: 992px) {

  .foot-ext {

     height: 90px;

  }

  .foot {

     margin-bottom: 90px;

  }

}



/*讓Slider和內頁Banner圖片呈現全貌*/

@media (max-width: 991px)

{

.banner-out img {

    object-fit: contain;

}

.theme-default .nivoSlider,.theme-default .nivoSlider img,.slider-wrapper,.banner img {

    min-height: auto;

}

}



網站首頁 | 關於我們 | 企業建站 | 手機捷徑 | 成為夥伴 | 工作機會 | 服務條款 | 聯繫方式 | 免責聲明 | 隱私權聲明 | 網站地圖| 網站地圖(XML) | 排名推廣 | 網站留言 | RSS訂閱