【楽天RMS】楽天にアクセスをかっさらわれてますよって話【ヘッダーを消してやろうの巻】 | elstreet.style
YOMIです。みなさん、楽天は好きですか？僕は好きじゃないです。でも、みなさんは楽天が大好きなんじゃないか？ってくらいに楽天に貢献してますよね。だって、せっかく自分のページに来たお客さんは、商品ページやカテゴリページの楽天ヘッダ...【楽天RMS】楽天にアクセスをかっさらわれてますよって話【ヘッダーを消してやろうの巻】 2016/3/30 （ 5か月前 ） 楽天RMS YOMIです。 みなさん、楽天は好きですか？ 僕は好きじゃないです。 でも、みなさんは楽天が大好きなんじゃないか？ ってくらいに楽天に貢献してますよね。 だって、せっかく自分のページに来たお客さんは、 商品ページやカテゴリページの楽天ヘッダー。 あそこで検索をすると、 あなたのお店の商品から ではなく、 楽天全体から検索されてしまう んですよ。 つまり、楽天のPVに貢献してるだけで、 あなたはお客さんをリリースしているだけ
【楽天RMS】スマホ商品ページ・スマホカテゴリページのヘッダー楽天検索枠を消す | elstreet.style
YOMIです。いやー、そういうことだったんですね。悪名高いスマホ商品ページ及びスマホカテゴリページのヘッダー商品検索枠。あいつを消し去ることに成功しました。早速手順の方へいきましょう。楽天GOLDを使用している前提なのですが、以...【楽天RMS】スマホ商品ページ・スマホカテゴリページのヘッダー楽天検索枠を消す 2016/4/1 （ 4か月前 ） 2016/5/30 楽天RMS YOMIです。 いやー、そういうことだったんですね。 悪名高いスマホ商品ページ及びスマホカテゴリページのヘッダー商品検索枠。 あいつを消し去ることに成功しました。 早速手順の方へいきましょう。 楽天GOLDを使用している前提なのですが、 以下のCSSを作成して、GOLDにアップロードしてください。（一応デスクトップ用のタグも入れておいてます） /* 楽天システムページヘッダーのデフォルトコンテンツ削除 */ #r
楽天ショップで外部スタイルシートを利用する方法 | ハカセの研究室
外部のスタイルシートファイルを使用すると、同じテンプレートを使用する事の多いネットショップのスタイルの管理は格段に効率化します。 更新頻度も多いですし、全ページに表示しているバナーを一括で非表示にしたりも一瞬で出来ます。 楽天GOLD（ftpのサービスです別途申し込みが必要）にCSSファイルをアップロードして、ページで読み込むただそれだけなのですが、注意点が幾つかあります。 ・商品ページ（PC用商品説明文・モバイル商品説明文・PC用販売説明文）にはlinkタグは使えないため、「デザイン設定」の「ヘッダー・フッター・レフトナビ」あたりに下記の様なタグを埋め込み、CSSファイルを読み込む必要があります。 <link rel="stylesheet" href="CSSファイルの絶対パス" /> 楽天GOLDの契約が必須（無料のはずです）となりますが、CSSを外部ファイルにしておく事で作業効率
楽天ショップRMSなどに関してのご質問です、RMSから変更できない文字色を変更しているサイトがあるのですが、どのようにして変更し... - Yahoo!知恵袋
楽天ショップRMSなどに関してのご質問です、RMSから変更できない文字色を変更しているサイトがあるのですが、どのようにして変更しているのでしょうか？ 楽天ショップRMSなどに関してのご質問です、RMSから変更できない文字色を変更しているサイトがあるのですが、どのようにして変更しているのでしょうか？ RMS電話サポートで質問すると、RMSからではなくタグでしか変更できないが、どうやるかは教えられないとの事です。 私のサイトはこちらなのですが、背景を黒にするとカテゴリページの一部の文字色が背景と同じため見えなくなっております。 http://item.rakuten.co.jp/silverwolf/c/0000000100/ しかしこちらのサイト様は何らかの方法で変更しているようです。 http://item.rakuten.co.jp/naturalnine/c/0000000127/ F
簡単に実装できる、ボタン画像のマウスオーバーイベント 10+ - NxWorld
画像のオンオフ切り替えといったようなマウスオーバーイベントで、簡単に実装できるものをいくつか紹介します。 CSS3やjQueryを使ってちょっと変わった動きを取り入れるサイトも見かけることも多くなりましたが、今回は普段も使用頻度が高いと思う定番のものに絞りました。 サンプルで使用する画像とDEMOについて 各マウスオーバーの動きを実装するにあたって上のような3タイプのボタン画像を用いており、各ボタンはそれぞれ以下のようになっています。 type A 単体のボタン画像 type B オンとオフを1枚の画像にした、スプライト型 type C オンとオフをそれぞれ別の画像にし、オフ時のものは_off、オン時のものは_onを拡張子前に入れています。 また、サンプルも用意したので実際の動きはこちらで確認して下さい。 CSS：マウスオーバー時に透過させる CSSのopacity（IEはfilter）の
【2015年最新版】無料で使えるSEO無料診断ツール10選
Web担当者の方は、SEO無料診断ツールをご利用されていますか？ スマートフォンへの対応状況を検索結果に表示するようになったGoogleですが、紹ツールではモバイルをチェックするのに適したものもあります。 今回は、2015年最新版のSEO（無料検索エンジン最適化）で活用できるツールをご紹介します。 1.Web担当者であれば基本はGoogle ウェブマスターツール(Google Search Console) Google ウェブマスターツール(Google Search Console) いわずとしれたGoogleが公式に提供する、検索エンジンとユーザーに最適なサイトを提供するためのツールです。 現在Googleウェブマスターの公式サイトTOPページには「健全でGoogleと相性のよいサイトにするのに役立つデータ、ツール、診断をご利用いただけます」と大きくうたっています。 導入することでG
Shumpei Shiraishi's Weblog: Web開発を革命する（かも知れない）Web Componentsという仕様について
2012年12月25日火曜日 Web開発を革命する（かも知れない）Web Componentsという仕様について Web Componentsは、現在のところ余りまとまった日本語の情報がないようですが、Web開発を大きく、本当に大きく変える可能性を持つテクノロジーです。 Web Componentsは、現在のWebが抱える大きな問題点を解決する手段としてW3Cで仕様が策定中です。仕様策定を主導しているのはGoogleで、現時点ではGoogle Chrome（WebKit）がWeb Components（の一部）を実装している唯一のブラウザです。 Google Japanのエンジニアも、Web Componentsの実装には深く関わっているとのことなので、そのうち日本語の情報も充実してくると思われますが、本エントリはそれまでのつなぎ、ということで書いてみたいと思います。 しかし、Web Co
Ligature Symbols
HTML & CSS Please copy & paste this code to your HTML file or Stylesheet. <p>Simple use for mailto link.</p> <a href="mailto:mail@example.com" class="lsf">mail</a> <p>Use tha icon with text.</p> <a href="http://twitter.com/" class="lsf-icon" title="twitter">Twitter</a> <p>Use tha icon with unicode.</p> <a href="http://amazon.com/" class="lsf-icon amazon">Amazon</a> /* CSS */ @font-face { font-fami
HTML と CSS のコーディングガイドライン
+1 ボタン 2 AMP 11 API 3 App Indexing 8 CAPTCHA 1 Chrome 2 First Click Free 1 Google アシスタント 1 Google ニュース 1 Google プレイス 2 Javascript 1 Lighthouse 4 Merchant Center 8 NoHacked 4 PageSpeed Insights 1 reCAPTCHA v3 1 Search Console 101 speed 1 イベント 25 ウェブマスターガイドライン 57 ウェブマスタークイズ 2 ウェブマスターツール 83 ウェブマスターフォーラム 10 オートコンプリート 1 お知らせ 69 クロールとインデックス 75 サイトクリニック 4 サイトマップ 15 しごと検索 1 スマートフォン 11 セーフブラウジング 5 セキュリティ 1
レスポンシブ・ウェブデザイン基礎
1. レスポンシブ ウェブデザイン基礎 Responsive Web Design Basic ・ レスポンシブ・ウ ブデザイ ェ ン基礎 Responsive Web Design Basic こもりまさあき 2012. 06. 11 at Yahoo! JAPAN | Komori, Masaaki 2. レスポンシブ ウェブデザイン基礎 Responsive Web Design Basic ・ 自己紹介 こもりまさあき http://blog.gaspanik.com http://protean.im 1990年代前半に都内のDTP系デザイン会社にてアルバイトをはじめる。大学卒業後 そのまま正社員となり、入出力業務、デザイン業務、ネットワーク関連業務に並行し て従事。2001年、会社を退職しそのままフリーランスの道へ。案件ごとに業務内容 や立ち位置が異なるため、職域的な肩書きは
サイト全体で未使用のCSSセレクタを見つけるFirefoxアドオン「Dust-Me Selectors」
不要なCSSセレクタを見つけてくれるFirefoxアドオン「Dust-Me Selectors」を紹介します。 古くからあるアドオンなのでご存知の方も多いかと思います。ページ単位のチェックができる他、サイトマップを使って、サイト全体で使っていないCSSセレクタを見つけてくれる機能もあるようです。 １．インストール 「Dust-Me Selectors」のページにアクセスして、「Continue to Download」のリンクをクリックすればダウンロード画面が表示されます。 Dust-Me Selectors 2011年5月現在では、Firefox4には対応していないようです。Firefox4にインストールしたい場合は「Firefox4で動作しないアドオンを動作させる方法」を試してみてください。 2012年6月現在、最新のFirefoxに対応しています。 ２．ページ単位のチェック ページ単
Slot5000 yang mempersembahkan korban dari situs resmi.
Jika kamu ‘re mencari sebuah kasino online yang menerima beberapa metode, deposit dan penarikan slot5000 mungkin. satu untuk anda Slot5000, memiliki banyak manfaat termasuk bonus yang mulia dan telefon kompatibilitas. selamat datang Anda dapat bermain di real-time dari setiap perangkat, dan sesuai dengan turnamen dan aman adalah deposito yang besar ditambah.Selain itu, anda dapat menikmati pengala
HTMLメール CSSガイド
14 November 2017 Outlook.com and the Outlook iOS app added support for CSS background images and some related properties, as well as certain Flexbox and Grid properties. Also added iOS 11 Mail to the guide, with no noticeable differences from iOS 10. 22 September 2017 Microsoft updated the Outlook apps for iOS and Android with more consistent CSS support, including media queries. 13 September 2017
HTMLメールコーディングの鬼門、outlook2007へ背景画像を。 - スタジオ・アルカナ技術ブログ
こんにちは、チチヤスヨーグルトばっかり食べているともよーんです。 （パッケージのチー坊のかわいさにやられました。） 今回はHTMLメールコーディングのoutlook2007へ背景画像を適応させる方法をご紹介します。 そうです、outlookは背景画像のプロパティが一切効かないのです。 どうしたものかと色々調べていましたらこんな解決法に出会いました。 「vmlという言語で画像を描画し、コンテンツを上に乗せて背景画像のように見せかける。」 さて、具体的な方法を紹介します。 まず、vmlを使うための下準備。htmlタグに次のように宣言を追加。 xmlns:v="urn:schemas-microsoft-com:vml" 次に、cssに1行追加。この二つでおまじないは完了。 v:* { behavior: url(#default#VML); display: inline-block; } そ
HTMLメール作成覚え書き
これからHTMLメール作成するにあたり、いろいろ覚え書き。 コーディングに関して HTML 4.01 Transitional 文字コードはiso-2022-jp 基本はtableレイアウト inline CSS 画像などはフルパス（http://~）で記述 センター寄せする場合にはtableの入れ子（<table align=”center”>） 横幅550~600px、ファーストビューに入る縦幅は300~500px以内にする CSS対応状況 「Email Standards Project」を見ると、同じソースで各メーラーでどのように表示されるかのデモが見れる。 また、各メーラーのCSS対応状況については「Guide to CSS support in email clients」に、わかりやすい対応表が載っている。同じページで、さらに詳しいチャートのダウンロードができる。（PDF、エ
HTMLメールの制作時に気をつけたい9つのポイント | コリス
Vdot Mediaのエントリーから、HTMLメールの制作時に気をつけたい9つのポイントを紹介します。 9 best practices for email design 旧式のHTMLを使用する CSSレイアウトは使用しないで、安全で旧式のテーブルレイアウトを使用する。 スタイルは、インラインで指定する head部分のスタイル指定を無視するメーラーがあるので、CSSはインラインで指定する。 背景画像に頼ったデザインにしない 背景画像が表示されない場合があるので、表示されなくても破綻しないデザインにする。 画像は表示されないものと考える 画像が表示されない場合でも、情報が伝わるようにデザインする。 画像には、altを設定する 画像が表示されない場合、altに記述したテキストで情報を伝えられます。 パス指定は、絶対パスを使用する 画像のパスは、http://から記述します。 ファイルの容量は
[CSS]Responsiveデザイン対応のページ制作に役立つ5つのスタイルシートのテクニック
Responsiveデザイン対応ページを制作する際に役立つ、max-width, min-width, overflowなどの役立つ5つのテクニックを紹介します。 5 Useful CSS Tricks for Responsive Design [ad#ad-2] 下記は各ポイントを意訳したものです。 動画コンテンツの配置 max-width, min-widthの小技 値を相対値に overflow: hiddenを使ったテクニック 長いテキストは折り返す 動画コンテンツの配置 Responsiveデザインに対応した動画コンテンツの配置方法です。 デモページ CSS: 動画コンテンツの配置 .video { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; } .video iframe,
横並びのリストのセンタリング
リストを横並びにしてセンタリングというのはよく使う。ただよく使う(われる)わりには「これ！」というようなテクニックがないような気がする。inline-blockで並べた場合は項目の間に隙間ができ、floatで並べた場合はセンタリングがトリッキーすぎる。気分で色々使い分けてたけど最近はdisplay: inline-tableをよく使うようになって、これで良いかなーという感じ。 <nav class="paging"> <ul> <li><a href="foo">Prev</a></li> <li><a href="bar">Next</a></li> </ul> </nav> というようなマークアップの一般的なページング・ナビゲーションだと、 .paging { text-align: center; } .paging ul { display: inline-table; } .pa
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
コピペ可能なサンプルたくさん！楽天検索ボックスのデザイン・カスタマイズ方法。｜ビリオンプランのスタッフブログ
Flashじゃなくて HTML5で ビュンビュン動くサイトを 作ってと言われたら
