質問: yahooでの縦帯バナー お世話になっております。楽天のように、左右の縦帯バナー(リンク付き)をyahooにて設置できますか?[左だけでもいいのですが・・・]もしできるようでしたら、セットするサンプルコードとセットする場所を教えていただければ幸いです。*例)縦帯バナー a[1000px,80px] 縦帯バナー b[1000px,80px]宜しくお願いい致します。
回答: ecマスターズの田中です。縦帯バナーをyahooに設置することはできます。eagle23さんのyahoo用ページは内容の横幅が985ピクセルかつ中央寄せなので、たとえばページ内容より10ピクセル左側にスクロールしても追従しない固定バナーを設置し、ウィンドウが固定バナーが表示しきれない横幅の場合は(内容985ピクセル+バナー80ピクセル×2+余白10ピクセル×2=1165ピクセル 未満の場合)固定バナーを非表示にする設定をご案内いたします。最初に、yahoo!トリプル内に、下記内容で外部cssファイルを設置してください。===== この下の行から ================#tateobibnrleft{display: none;}@media screen and (min-width: 1165px) {#tateobibnrleft{position: fixed;top: 0px;left: calc( 50% - (985px + 80px * 2) / 2 - 10px );display: block;width: 80px;height: 1000px;background:url(バナー画像url);background-size: 100% 100%;}}===== この上の行まで ================※バナー画像urlは、実際のurlをご記載ください。次に、下記htmlソースをヘッダーのフリースペースなど、ページ共通で表示される部分に挿入してください。===== この下の行から ===================== この上の行まで ================※外部cssファイルのurl・リンク先urlは、実際のurlをご記載ください。左右同時に表示したい場合は、外部cssファイルの中身を、同じファイルの中にそのままコピーし、「left」を「right」に、バナー画像urlを右側用のものに変更し、htmlソースのタグのみをコピーし、リンク先urlを変更し、コピーしたcss・htmlに含まれる「tateobibnrleft」を別の文字列(tateobibnrright、など)に変更することで左右同時に表示させることができます。