TOPデザイン修正マニュアルCSSを書き換えるには
最終更新日 : 2024/01/15

CSSを書き換えるには

中上級者向けです。修正には、CSSについての知識が必要です。
CSSについてのお問い合せはお受けしていませんので、恐れ入りますが自己責任で修正して下さい。

誤ってデザインが崩れてしまった場合は、以下ページの初期状態のCSSを使って下さい。
https://tayori.com/q/cdi-etfaq/detail/554797/
修正の仕組み
https://tayori.com/q/cdi-etfaq/detail/549941/

FTPソフトで、楽天GOLDに接続して下さい。_cdiというフォルダがあるはずです。この中にCSSファイルが収まっています。

2011-01-16_0157.png

フォルダを開き、拡張子が「.css」になっている下記のファイルを、ダウンロードしてください。

  • 【伝令くんGOLD】 _denreikunGOLD.css
  • 【毎日伝令くんGOLD】 dd.css

そして、ダウンロードしたCSSファイルを開いて、書き換えたあと、保存して、上書きアップロードして下さい

ページを再読み込みすると、レイアウトやデザインが新しくなっています。変わらない場合は、キャッシュが効いている(古いページが記憶されている)状態の可能性がありますので、キャッシュを削除して再度お試し下さい。

以下は、CSSファイルを書き換える際の具体的な手順です。


サイドバーの修正

【共通】サイドバーを細くするする方法(レフトナビの幅が細い店向け)
https://tayori.com/q/cdi-etfaq/detail/554800/
【共通】リンク部分の文字色修正
https://tayori.com/q/cdi-etfaq/detail/555046/
【毎日伝令くんGOLD】「他◇回受賞」の修正
https://tayori.com/q/cdi-etfaq/detail/555048/
【伝令くんGOLD】「○○ランキング」の修正
https://tayori.com/q/cdi-etfaq/detail/555049/
【伝令くんGOLD】全体(文字色)の修正
https://tayori.com/q/cdi-etfaq/detail/555050/
【伝令くんGOLD】黄色い背景の「○位受賞」見出しの修正
https://tayori.com/q/cdi-etfaq/detail/555051/
【伝令くんGOLD】枠の修正
https://tayori.com/q/cdi-etfaq/detail/555052/
【伝令くんGOLD】商品画像のサイズについて修正
https://tayori.com/q/cdi-etfaq/detail/555053/

ティッカー(流れる文字)の修正

【伝令くんGOLD】リンクの修正
https://tayori.com/q/cdi-etfaq/detail/555054/
【伝令くんGOLD】枠の修正
https://tayori.com/q/cdi-etfaq/detail/555055/
【伝令くんGOLD】「速報」画像の修正
https://tayori.com/q/cdi-etfaq/detail/555056/