Proxomitron自作フィルター集(2014.09.08) 勝手にブログカスタマイズ
アフィリエイト情報、簡単アクセスアップ方法、CSS、Script、ProxomitronフィルターなどWEBカスタマイズの為の小技集。ほぼ自分の為のメモです。 個人使用にてオミトロンで常時有効にしているフィルターの一覧です。 先人様たちのお作りになったものやデフォルトで入ってるものを改造したりしなかったりで自分仕様にまとめています。趣味の範囲で作成していますので、誤動作の可能性を多分に含みます。 ご使用は自己責任でお願いします。 日常的に修正、改良を加えていますので、この記事は常時更新します。 基本、Webページ・フィルタです。 一応、リスト順。 /ヘッダ・フィルタ/ URL: skip URL (Out) [140811] URLにhttp...http...が含まれるのを条件に、任意のクッションページを自動でスキップします。 [HTTP headers] In = FALSE Out
netvibesのCSSデザインをProxomitronでカスタマイズ 勝手にブログカスタマイズ
アフィリエイト情報、簡単アクセスアップ方法、CSS、Script、ProxomitronフィルターなどWEBカスタマイズの為の小技集。ほぼ自分の為のメモです。 個人ポータルサイト、RSSリーダー、ブラウザスタートページ。 iGoogle → MyYahoo → netvibes と引っ越してきました。 ちょっとだけustart使いました。表示速度が速いんだけど、サムネイル表示が下手なので止めました。 今回は新MyYahooの件で培った、Proxomitronを使用してのCSSデザインのカスタマイズを、netvibesでも行いました。 黒背景のデフォルト。記事リスト部分は黒くない・・・。 ◆ Proxomitronの操作手順 ・「 cdn.netvibes.com/themes/ 」をAdListへ追加。 ・以下のフィルターをインポート。（なるべく上の位置に配置） [Patterns] Na
Proxomitron自作フィルター集(2014.05.27) 勝手にブログカスタマイズ
アフィリエイト情報、簡単アクセスアップ方法、CSS、Script、ProxomitronフィルターなどWEBカスタマイズの為の小技集。ほぼ自分の為のメモです。 個人使用にてオミトロンで常時有効にしているフィルターの一覧です。 先人様たちのお作りになったものやデフォルトで入ってるものを改造したりしなかったりで自分仕様にまとめています。趣味の範囲で作成していますので、誤動作の可能性を多分に含みます。 ご使用は自己責任でお願いします。 日常的に修正、改良を加えています。 最新フィルターはこちら。 以下、保管用。 140527 マッチ内の＄TSTの位置を変更。過去のフィルターに比べ処理速度が大幅に改善しました。 基本、Webページ・フィルタです。 一応、リスト順。 /ヘッダ・フィルタ/ URL: skip URL (Out) [140516] URLにhttp...http...が含まれるのを条件
毎月ごとに背景色・壁紙など3箇所(複数箇所)まとめてCSSを変更する方法 勝手にブログカスタマイズ
アフィリエイト情報、簡単アクセスアップ方法、CSS、Script、ProxomitronフィルターなどWEBカスタマイズの為の小技集。ほぼ自分の為のメモです。 body背景色、header背景色、バナー画像など複数箇所のスタイルシートを毎月ごとに一度にまとめて変更する方法。 季節に合ったデザインに自動で更新したい場合などに便利なカスタマイズです。 もちろん、 ・毎月ではなく、二ヶ月おき、三ヶ月おきなんかも可能。 ・変更箇所は1箇所～何箇所でも可能です。 試案サンプル(1) jqueryでCSSを弄る var mo=new Date().getMonth(); var bg=[ /*1*/['FFFFFF','552C01','hoge1.gif'], /*2*/['7792ED','07081A','hoge2.jpg'], /*3*/['E4E4BE','818248','hoge3.j
BODY内で外部CSSをheadへ挿入させるscript記述方法 勝手にブログカスタマイズ
アフィリエイト情報、簡単アクセスアップ方法、CSS、Script、ProxomitronフィルターなどWEBカスタマイズの為の小技集。ほぼ自分の為のメモです。 BODY途中のスクリプトから、外部ファイルのスタイルシートを呼び出して head要素内にLINKタグで挿入させる方法。 Script内に以下を書く。 var css=document.createElement("link"); css.setAttribute("rel","stylesheet"); css.setAttribute("type","text/css"); css.setAttribute("href","ほげほげ.css"); document.getElementsByTagName("head")[0].appendChild(css); どうやらheadに挿入するには、 $("head")[0].appe
Amazonサイトの広がり過ぎる横幅をキレイに固定する方法[Proxomitronフィルター] 勝手にブログカスタマイズ
アフィリエイト情報、簡単アクセスアップ方法、CSS、Script、ProxomitronフィルターなどWEBカスタマイズの為の小技集。ほぼ自分の為のメモです。 通販サイト「Amazon」のページの横幅が最小で横幅約1000px、ブラウザ最大化で横幅フルワイドなリキッドデザインが気に入らないので、自動でブラウザの横幅800px位下でもハミ出さずにリサイズするProxomitronフィルターを自作しました。 目覚まし時計(ロゴ入り) Amazonサイトを横幅800px以下ではみ出さないように表示 最大化ではAmazonサイトを横幅1080pxで固定表示 背景色が緑色なのは他のフィルターの効果です。 [Patterns] Name = "Amazon Width Fit [130913]" Active = TRUE URL = "[^/]++amazon.co(.jp|m)/" Limit =
[おすすめサーバー]Googleドライブに外部ファイル(script,css,htmlなど)をアップロードする方法 勝手にブログカスタマイズ
アフィリエイト情報、簡単アクセスアップ方法、CSS、Script、ProxomitronフィルターなどWEBカスタマイズの為の小技集。ほぼ自分の為のメモです。 Googleドライブ https://drive.google.com/ Googleドライブは、クラウドストレージサービスです。 PCローカルとサーバーを同期させ、ネット上にアップロードした文書ファイルなどを、URLを知る任意の仲間同士で閲覧したりダウンロードしたりコメントしたりできる情報共有に特化したツールなんですが、この「情報共有」の「一般公開」する機能を一般ウェブサイト用の外部ファイルとして参照・呼び出しできるように扱うことができます。 スクリプト、スタイルシート、htmlのウェブページまでアップロードできます。 ホスティング機能というやつです。 無料で、レスポンス良好で、使いやすくて、URLが謎(？)で、メンテナンス運営と
iframe内ページの表示位置をCSSのmarginを使って変える方法 勝手にブログカスタマイズ
上下左右、好きな部分だけを表示する。 余白が邪魔だったり、画像の下の文章だけ表示させたりにも対応。 インフレーム要素で違うドメインのサイト(クロスドメイン)を呼び出すときにも使えます。 元ページ（例） マダム・タッソー東京＜公式＞ 通常はページの左上がデフォルト表示される カスタマイズでページ中央を表示 <div style="width:200px;height:200px;margin:0px;overflow:hidden;"> <iframe width="800px" height="500px" frameborder="0" style="margin:-100px 0 0 -204px;overflow:hidden;" src="https://www.madametussauds.jp/ja/"> </iframe> </div> CSSの設定でずらして見えなくしてます
Seesaaブログのスマホページ内の広告を非表示にする方法 勝手にブログカスタマイズ
スマートフォン(Android/iPhone)でシーサーブログのURLにアクセスすると、結構な量の広告が強制的に表示されています。 ヘッダー・フッターのみならず、記事中にも表示されます。 ユーザー側からはテンプレートでHTMLは弄れない仕様のままなのでscriptごと消すことは出来ないのですが、CSSはカスタマイズ可能なので、簡単に消すことが出来ます。 /*--- ad ---*/ .tag-word, .top-ad, .im_ad_block1, .im_ad_block2 {display:none;} /*--- ad ---*/ ただ、Seesaa側でclassネームを弄れば簡単に復活されますし、 規約違反になるかもしれませんので、あくまで自己責任でお願いします。 Seesaaブログは自社でアフィリエイトは終了します。 消した代わりにPC・スマホ兼用のアフィリエイト広告を表示させ
[CSS]Aタグのリンク画像だけ下線を消す方法[アンカーリンク] 勝手にブログカスタマイズ
アフィリエイト情報、簡単アクセスアップ方法、CSS、Script、ProxomitronフィルターなどWEBカスタマイズの為の小技集。ほぼ自分の為のメモです。 スタイルシートでアンカーリンクに装飾でborderなどを使用してアンダーライン（下線）を表示させると、「a img（リンク画像）」にも下線が適用されてしまいます。 a{ border-bottom:1px dashed #af7e7e; }これだけだと文字も画像も下線が付いてしまう imgタグごとに「style="border:none;"」やクラス(class)を指定すれば解決しますが、いちいち画像を貼り付けるたびに付け加えて書くのも面倒くさいので、「a img」と「a img:hover」に、ちょっと工夫するだけで、テキストリンクのみ下線を表示したまま、リンク画像の下線を打ち消して非表示にしてみました。 a{ border-bo
オミトロン常用フィルター集(主に自作・改造)(2013.01.16) 勝手にブログカスタマイズ
アフィリエイト情報、簡単アクセスアップ方法、CSS、Script、ProxomitronフィルターなどWEBカスタマイズの為の小技集。ほぼ自分の為のメモです。 個人使用にてオミトロンで常時有効にしているフィルターの一覧です。 先人様たちのお作りになったものやデフォルトで入ってるものを改造したりしなかったりで自分仕様にまとめています。誤爆だらけですので参考までに。 多く更新したため、この記事は保管します。 最新フィルター集はこちら 基本、Webページ・フェルタです。 一応、リスト順。 background-image: url Kill [130116] CSS内で背景画像のURLを指定された部分を消します。背景画像として一般的に使用されるファイル名の一部に反応してはじくので、完全ではありませんが誤爆を減らせます。 [Patterns] Name = "background-image: u
記事内のURLアドレス半角英数字を折り返す方法 勝手にブログカスタマイズ
URLアドレスなんかの半角英数字を記事内やコメント文中に書くと、 行が折り返しされずに横に伸びてしまってページデザインを崩すことがある。 そんな時は、 CSSのはじまりにある下記文中（body classなど）に word-break:break-all; の文を追加。 例： /*ページ全体*/ body { margin: 0; padding: 0; text-align: center; background: #f2f2f2;/*■ページ全体の背景色*/ word-break:break-all; } これでIEではきちんと表示されるようになります。 NN・Opera・Firefoxなどの全てのブラウザで効くかは知らないです。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
