RakoSell / 文章

【Rakosell 教室】使用簡單的Coding技巧美化您的網頁

發表日期:09/05/2023

#新手教學   #網頁設計  

Rakosell是一個出色的電子商務平台,讓您輕鬆建立和管理自己的網上商店。本文將介紹一些簡單易用的編程技巧,讓Rakosell用戶能夠在後台的網站設計中美化網頁,提升用戶體驗。這些技巧只需要一些基本的HTML和CSS知識,無需高級編程技能。

在Rakosell後台的「網站設定」,您可以在Custom HTML輸入各種自定義代碼,有效地優化您的網站。以下是小編常用的代碼(建議將Code貼在<head>的方格內):

1. 將Navigation bar轉為透明色

要使您的Navigation bar變成透明,您可以使用以下代碼:

<style>
body .rs-merchant-navbar {
box-shadow: none !important;
}
.bg-nav, .rs-member-nav-bar, .rs-nav-placeholder {
background-color: unset !important;
}
.rb-sticky-top.rs-nav-placeholder {
display:none !important;
}
</style>

2. 隱藏Footer

如果您想要隱藏Footer部分,您可以使用以下代碼:

<style>
.footer-top {
display:none !important;
}
</style>

3. 隱藏Navigation bar

如果您想要完全隱藏Navigation bar,可以使用以下代碼:

<style>
body .rs-merchant-navbar {
display:none !important;
}
.rb-sticky-top.rs-nav-placeholder {
display:none !important
}
</style>

4. 自定義Dropdown Menu顏色

要自定義Dropdown Menu的背景顏色,您可以使用以下代碼:

<style>
.custom-dropdown-item-list{
background-color: {{ COLOR }} !important;
}
</style>

在這個代碼中,您可以將{{ COLOR }}替換為您想要的具體顏色(如Red, Blue等),這將改變Dropdown Menu的背景色。

請注意,這些代碼片段中的!important樣式規則可以確保您的設置優先於其他樣式。使用這些簡單的編程技巧,您可以輕鬆美化您的Rakosell後台網頁,以滿足您的設計需求。希望這些技巧對您有所幫助!

立即使用限時優惠碼「freetrial886」享用一個月免費Rakosell進階計劃,無限制使用所有Rakosell會員制平台功能!