カレンダー設置の仕方

Question

お世話になります。
カレンダー設置の件でお教えください。

ECステーションからログインIDを頂き操作の仕方は教えていただきました。

1）弊社のホームページのどこのタグををカットし、入れたら良いですか？

2）又新しく設置するカレンダーの大きさは何PXにしたらバランスがよいでしょうか？

Accepted Answer

ECマスターズの小野です。

事務局にて確認しましたところ、
ちよさんのカレンダーは無事にECステーションで作成した
カレンダーに変更されておりました。

もし、ちよさんのPC上で、
古いままのカレンダーが表示されている場合は、
カレンダー上にマウスを当て、マウスの右ボタンを押していただき、
「最新の情報に更新(R)」もしくは「フレームの再読み込み」を
クリックして情報を更新してください。

また、適用しているカレンダーですが、
ちよさんのページにて正しく表示させるために、
縦幅の再調節が必要です。

ECステーションの管理画面にログインしていただき、
「全体のサイズ」の「高さ」を「420」で
ご登録いただき、再度「貼り付けソース」を作成し、
「left.html」にある、下記の古いソースを
新たに作成したソースと差し替えてください。

---以下、新しく作成したソースと差し替え---

---ここまで---

Answer

ECマスターズの小野です。

＞1）弊社のホームページのどこのタグををカットし、入れたら良いですか？

ちよさんのGOLDにある「left.html」内の以下の部分を、
新たにECステーションで作成した
ショップカレンダーの「貼り付けソース」と置き換えてください。

---ここから---
    
    
        
        
        
        table.calbase_rakuten     {
            background-color: #FFFFFF;
            width: 220px;
            border-collapse: collapse;
            padding: 0px 0px 10px 0px;
            }
        table.calbase_rakuten *   {
            font-size: 98%;
            color: #000000;
            border-collapse: collapse;
            padding: 0px;
            margin: 0px;
            }
        table.calbase_rakuten th  {
            text-align: center;
            }
        th.caltitle_rakuten       {
            font-size: 85%;
            padding: 10px 0px 0px 0px;
            }
        table.calframe_rakuten    {
            border-collapse: collapse;
            margin: 10px 0 0 0;
            table-layout: fixed;
            width: 220px;
            }
        table.calframe_rakuten th {
            text-align: left;
            padding: 0px 0px 3px 0px;
            }
        table.calframe_rakuten td {
            border:1px solid #FFFFFF;
            background-color: #FFFFFF;
            width:20px;
            height:20px;
            text-align: center;
            }
        tr.weektitle_rakuten td   {
            background-color: #FFFFFF;
            }
        td.event1day_rakuten      {
            background-color: #FFC8F2 !important;
            }
        font.event1day_rakuten    {
            color: #FFC8F2;
            }
        td.event2day_rakuten      {
            background-color: #B5DAFF !important;
            }
        font.event2day_rakuten    {
            color: #B5DAFF;
            }
        td.event3day_rakuten      {
            background-color: #FEDE93 !important;
            }
        font.event3day_rakuten    {
            color: #FEDE93;
            }
        table.event_rakuten       {
            text-align: left;
            word-break: break-all;
            margin: 7px 10px 7px 10px;
            border-collapse: collapse;
            line-height:120%;
            table-layout: fixed;
            width: 148px;
            }
        table.event_rakuten td   {
            padding: 0px 0px 0px 0px;
            }
        table.text_rakuten       {
            text-align: left;
            word-break: break-all;
            margin: 0px 10px 10px 10px;
            border-collapse: collapse;
            line-height:120%;
            table-layout: fixed;
            width: 148px;
            }
        
        
        
          
            
              
                
                  
        
                    
                      
                        2015年12月
                      
                      
                        日
                        月
                        火
                        水
                        木
                        金
                        土
                      
                      
                        29
                        30
                        1
                        2
                        3
                        4
                        5
                      
                      
                        6
                        7
                        8
                        9
                        10
                        11
                        12
                      
                      
                        13
                        14
                        15
                        16
                        17
                        18
                        19
                      
                      
                        20
                        21
                        22
                        23
                        24
                        25
                        26
                      
                      
                        27
                        28
                        29
                        30
                        31
                        1
                        2
                      
                    
        
                    
                      
                        2016年1月
                      
                      
                        日
                        月
                        火
                        水
                        木
                        金
                        土
                      
                      
                        27
                        28
                        29
                        30
                        31
                        1
                        2
                      
                      
                        3
                        4
                        5
                        6
                        7
                        8
                        9
                      
                      
                        10
                        11
                        12
                        13
                        14
                        15
                        16
                      
                      
                        17
                        18
                        19
                        20
                        21
                        22
                        23
                      
                      
                        24
                        25
                        26
                        27
                        28
                        29
                        30
                      
                      
                        31
                        1
                        2
                        3
                        4
                        5
                        6
                      
                    
        
                  
                
                
                  
                    
                      ■ 休業日
                      ■ 配送休業日
                      ■ 配送のみ
                    
                  
                
              
            
          
        


    
---ここまで---

なお、カレンダーのすぐ上の「CALENDAR」と書かれた画像を残したい場合は、
差し替えるECステーションのタグの前に下記のタグを
記述してください。

 


＞2）又新しく設置するカレンダーの大きさは何PXにしたらバランスがよいでしょうか？

幅に関しては、ECステーションの管理画面側での設定となりますが、
現状のカレンダーのサイズを引き継ぐようでしたら、
「全体のサイズ」の「幅」と、「カレンダーの横幅」の各項目を、
「幅218px」でご登録くださいませ。

Answer

お世話になります。

ライブラリーでGOLDの「left.html」をおっしゃる通りに書き換えました。
それをホームページ上に反映させるにはどうしたらよいのでしょうか？
申し訳ありませんがわかりやすいようにお教え下さい。