はてなブックマーク用のユーザースタイルシートhatena-user-cssについて - tpex_ovon's blog
※2018/03のはてブの大リニューアル対応 ◆Git Source:https://github.com/ovoncovon/hatena-user-css/ ◆ https://github.com/ovoncovon/hatena-user-css/blob/master/b_hatena_ne_jp_user_css.css ◆Firefox用 https://github.com/ovoncovon/hatena-user-css/blob/master/b_hatena_ne_jp_user_css_ffx.css TOPページ ENTRYページ 履歴 2018/11/06 フォントなど微調整 2018/05/19 2018/03のリニューアル対応 2017/08/30 エントリーページの微調整 2017/08/23 エントリーページのリニューアル対応 2015/10/21 「
はてなグループの終了日を2020年1月31日(金)に決定しました - はてなの告知
はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28
新はてブのUserCSSを書いた - いさぢちん日記
3カラムで横幅固定だと見にくいので。 /*新はてブレイアウト対策*/ .wrapper-container-inner { width:100%!important; padding-left:0!important; } .wrapper-container-inner.left-column-line { background-image : none!important; } #left-container { float:right!important; width:200px!important; } #center-container { width:auto!important; float:none!important; margin-right:200px!important; margin-left:0!important; } #right-container { d
はてなスターのユーザー名をCSSだけで強引に表示 - os0x.blog
なんとなくブログの見た目を少しいじった(テスト前になると部屋を片付けたくなるアレ)。 シングルカラムだと横に間延びするのは前から気になってたので、max-widthを1000pxで設定して、あとフッターをシンプルに。 で、はてなスターってデフォルトだとマウスを乗せるまで誰のだかわからないのが気になってて、自分ではGreasemokey Scriptでユーザーのアイコンに置き換えてるんですが(hatena big profile star)、そういうことをしてない多くの人はが並んでいるだけで、わかりにくいなーと。 ってことで、装飾してやろうと思ったけど、CSSだけだとやはり厳しい。まあ、IEを考えなければ(IEだと普通の表示のまま)ってことで、afterとか使って強引にIDを表示してみた。 CSSはこんな感じ(ネガティブなtext-indentとoverflow:hiddenというよくあるバ
Mozilla Re-Mix: 2009年[moziller]のFirefoxに個性を持たせてくれた17個のユーザースタイル（CSS）
年末ということでまとめ記事ばかり続いていますが、このシリーズも今日を含めあと4日ですのでもうしばらくおつきあいください。 本日は、Greasemonkeyとともに、Firefoxの外観やウェブサービスの使い勝手をカスタマイズしてくれる「ユーザースタイル」部門から、2009年管理者がお世話になったものをリストアップしたいと思います。 本日時点で管理者が使っているユーザースクリプトは以下の合計17個となります。 ON/OFFが面倒なので、基本的にStylishを使ったものとなっています。Stylishをインストールされている方はそれぞれの公開ページで[Install]ボタンをクリックするだけで導入が可能です。 また、コードが記載されているものは[userstyles.org]にアップされていないものですので、これらを導入される場合はStylishアイコンをクリック→新しいスタイルを書く→「白紙
css-eblog.com - このウェブサイトは販売用です！ - css eblog リソースおよび情報
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
CSS とはなんだろうか（CSS リファレンス）
last modified: 03rd/Aug./2004; お知らせ 独自ドメイン 'nextindex.net' を取得しました。最新版は次の URI からどうぞ。 http://www.nextindex.net/ Preface 本稿は、 CSS に関する包括的な解説を提供する事を目的としています。より入門的なスピード・ラーニング も用意しましたので併せてご利用ください。 CSS2.1 が勧告候補になっています。これに先立ち、CSS2 のプロパティについて整理する観点で、リライト中です。クロスブラウザの観点では、MS I.E.6.0、Opera 7.x、Mozilla 1.7, Firefox 1.x をターゲットとしています。デフォルトで日本語が表示できない W3C の Amaya は除外しました。 Properties Index 'azimuth' 'background'
CSSリファレンス
CascadingStyleSheet(CSS)のリファレンスです。各プロパティを全てサンプル入りで説明しているので解りやすいかと思います。 CSSとは、HTMLのレイアウトを分離して記述するためのきまりです。レイアウトはすべてCSSで設定しておき、HTMLには文章の構造のみを記述する事でページの検索性や再利用性、 古いブラウザに対する互換性などが向上するわけです。また、うまく利用する事ができれば、より洗練された読みやすいページができあがります。 いまのところ、一般に有名なブラウザでCSSに対応しているのははInternetExplorer(IE)ではバージョン4以降、NetscapceNavigator(NN)でもバージョン4以降です。 IE3も実は少しだけ対応していますが、これはちょっとあてにはなりません。中途半端に対応している分、一部だけスタイルが適用されたりして扱いが厄介です。 同
クリックジャッキングの本質的な解決策 - IT戦記
誰か書いてそうだけど、気にせずに投下 現実的な解決策ではなくて、本質的な解決策 クリックジャッキングはそもそも CSS の問題なので CSS の枠組みで解決すればいい。 CSS での解決策 具体的には、以下のルールをユーザースタイルシートに追加すればいい。 * { opacity: 1 !important } CSS2, CSS2.1, CSS3 では、ユーザースタイルシートの !important な宣言は他のどの宣言よりも優先されるはずなので、ちゃんと仕様を満たしているブラウザを使っていれば問題ないはず。 （IE の場合は、 opacity じゃなくて filter を。。というか、オプションで何か filter とか無効に出来た気がするけど、忘れた＞＜） ユーザースタイルシートは、 IE, Firefox, Opera, Safari ほとんどのブラウザで使うことができる。 あと、
はてブのCSSをカスタマイズしてみた その２ - てっく煮ブログ
はてなブックマークが新しいデザインは気に入っていたのですが、メリハリのきいた色使いに少し飽きてきたので、シンプルなものに変えてみました。こんな感じです。 b:id:nitoyon自分が一番知りたいのは「ページのタイトル」だったので、そこを目立たせる感じで配置してみました。その他のこだわりを4箇所ほど紹介します。1. favicon の位置はてなブックマークがリニューアルしてから favicon が表示されるようになりました。これをどう扱うかが悩ましかったのですが、タイトルの横に付けてみました。デフォルトのデザインのちょっとうるさい印象も緩和できたのではないかと思います。アイコンを左に出すアイディアは tumblr のデフォルトのデザインから拝借しました。全体的に tumblr っぽく仕上げてます。 .2. ブックマーク数は digg 風にブックマーク数と B! のリンクを digg みたい
CSS 3のセレクタ「:target」でタブメニューをつくる - builder by ZDNet Japan
CSS 3のセレクタ「:target」を利用すれば、リンクをタブメニューの形で表示して、1ページ内に記述したコンテンツを切り替えて表示するように指定することが可能だ。HTMLとCSSだけでタブメニューを作成する場合、これまではコンテンツごとにページをわけて作成する必要があったため、1ページで実現できるメリットは大きいと言える。 ここでは、positionプロパティを指定して「テキスト1」から「テキスト5」を同じ位置に重ねて表示している。その上で、リンクをクリックしてターゲットとして表示されたときにだけz-indexプロパティを適用して、手前に表示するように設定した。 div{ position: absolute; top: 17px; left: 20px; } #text1:target{ z-index: 2; } #text2:target{ z-index: 2; } #text
バサラなブログ | アメブロカスタマイズ講座(6)
名古屋市で中小企業や起業家等の「小さな会社のホームページ」の作成／運営をお手伝いしています。中小企業の方々に向けて、ホームページ制作やホームページ運用に役立つ情報を発信のほか、プライベートなことなども書いていきたいと思います。 今日は、ヘッダ部分をいじってみましょう。 「ブログデザインに挑戦しよう」では、ヘッダ部分を調整したので、 このあたりはもう慣れたものですよね？(^^ ステップ１ ブログへの訪問者が見て、 「あ、これはアメブロだ」とわかる部分は、 ページの上部にある「アメブロバー」と「ユーザナビエリア」 です。 これ、邪魔ですね。 邪魔なので消えていただきましょう。 前回までのCSSの最後に、以下の記述を追加します /*----------------------------------------------------- 広告／アメブロ特有コンテンツ --------------
Firefox だと沖縄県警サイトが悲惨になる件について - xenoma日記
Firefox で沖縄県警のサイトを見てみましょう。たぶん悲惨なことになっていると思います。縮小キャプチャを以下にあげておきます。 ▲左：Firefox3 右：IE7 (沖縄県警のサイトTOPのキャプチャ（部分・縮小）) IE など他のブラウザだとキレイに見えるのに、なぜ Fx では悲惨なことになるのでしょうか？ 原因の推測 スタイルシートの指定の仕方が原因かと思います。ソースを見てみます。 <link rel="stylesheet" href="css/import.css" type="text/css" media="print" /> <link rel="stylesheet" href="css/import.css" type="text/css" media="screen" /> このように同じファイル（import.css）を2度指定しています。指定されている imp
カスタムデザイン機能を刷新しました - はてなブックマーク日記 - 機能変更、お知らせなど
はてなブックマークのブックマーク数が多い順に記事を紹介する「はてなブックマーク数ランキング」。2月26日（月）～3月3日（日）〔2024年3月第1週〕のトップ30です*1。 順位 タイトル 1位 メルカリ 小泉さんからのエグい学び｜Shota Horii 2位 行動をチャンク化して「1日に1ターンしか行動できない」から脱却する | Piyopanman 3位 「それって陰謀論じゃないですか？」闇の国家「ディープステート」を信じる著名人一人一人に会ってみたら…どうなった？ ｜ 47NEWS 4位 いつか起業したいエンジニアへ #キャリア - Qiita 5位 日本人はなぜ「生産性の高い社会」を理解できないふりをし続けるのか 6位 「情報セキュリティの敗北史」が面白すぎる。だめだこれは寝れない、なんだこの死ぬほどワクワクする本は→賢者は歴史に学ぶ - Togetter 7位 味付け塩だけ、放置
ダンジョン生成 by JavaScript+CSS+HTML(version:0.1) - Junkieta.net
Wizardry風のワイヤーフレームダンジョンをJavaScript + CSS + HTMLで作ってみた。現状では、ランダム迷路生成と移動処理のみ実装。 ワイヤーフレーム風ダンジョン Windows XP / Mozilla Firefox3, Internet Explorer7.0, Safari3.1にて動作確認。Opera9.6だとスクリプトは正常に動作するが、表示がバグる。原因調査はあきらめた。教えてエロい人。 ソース ダンジョン生成のJavaScript ダンジョン用CSS 備考 矢印キーは、ダンジョン歩行用に使うため、デフォルトイベント(スクロールとか)をカット中。 文字サイズを変更すれば、ダンジョンの大きさも変動する(IEは表示おかしい)。 CSSわかる人なら、border-colorの調節で壁・床・天井の色とか簡単に変えられる。 更新履歴 文書の描画とダンジョンの描画を
ホームページ作成とHTML初心者・スタイルシート
ホームページ、HP、Webサイト、サイト。 名前は違いますが今ではどれもほとんど同じ意味。このホームページでは全部ホームページと呼びます。 最近はパソコンとインターネットの普及により、ホームページの数が急激に増えてきました。 そして中にはホームページを使って何百万といった単位のお金を儲けている人もいます。 このホームページではそこへ到達するための最初の扉であるホームページ作成 から順に解説していきます。 初心者の方のビギナーズガイドとなれるようできるだけわかりやすく解説していきます。 あなたも自分のホームページを作成して世界に向けて発信しましょう！ 左のメニューからホームページ作成方法を学び、世界に向けてあなたのホームページを発信しましょう。 ホームページ作成といわれても全く分からない初心者のあなたはまず ホームページ作成(初心者版) 少し感じがつかめたら、次に ホームページ作成 でさらに
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
HTMLクイックリファレンス