CSS・HTMLのタグまとめ

CSS・HTML」のタグがついている新着記事と人気記事をまとめました。エキサイトブログにはCSS・HTMLに関連するブログ(日記、記録、写真、レビュー、噂、まとめ)がたくさん投稿されています。

「CSS・HTML」タグの記事(109)

  1. 「Stylus」エディタの「書式整形」を使いこなす - At Studio TA

    「Stylus」エディタの「書式整形」を使いこなす

    「書式整形」機能を使いこなす「書式整形」のボタンを押せば「書式整形」が実行されますが、ここで「書式」の設定方法や扱いについて纏めておきます。「書式整形」の基本ルール書式を指定する「書式整形ダイアログ」の「書式指定部」の雛形には、下の様に ❶~❻ の6ヵ所の改行ポイントがあります。 そのどこで改行するかを指定して書式の指定をします。下は ❸ ❹ に改行を設定した例です。「セレクタ」❶「セレクタ...

  2. エキサイト「ブログ内検索」のアレンジ - At Studio TA

    エキサイト「ブログ内検索」のアレンジ

    テキスト検索に比重を置いたアレンジスタイル「Excite Blog Search」新しい「ブログ内検索」のリストは、画像サムネイルと記事本文の先頭からを引用し、リッチリンクに近い表示形式です。 これは、ユーザー自身が過去記事を検索する目的には適さないので、テキスト検索に比重を置いたアレンジを考えました。新しい画面では、画像サムネイルが、リスト全体の縦幅を大きくしています。 これはスクロール量...

  3. スキンコードの世代交代 - At Studio TA

    スキンコードの世代交代

    先日、この私のブログページのスキンを触って、コードの一部を書換えました。 ちまちまやっている事で、外から見て代り映えしないのですが、今回はちょっとした節目の意味があり、覚書き程度にまとめました。レイアウトにかかわるコードの変遷〔第1世代〕当初のスキンは「table」タグを使用したものが多く、これはいかにも旧いスタイルです。 本来「table」は表を構成するためのタグです。 しかし、2次元の画...

  4. スキンコードの世代交代 - At Studio TA

    スキンコードの世代交代

    先日、この私のブログページのスキンを触って、コードの一部を書換えました。 ちまちまやっている事で、外から見て代り映えしないのですが、今回はちょっとした節目の意味があり、覚書き程度にまとめました。レイアウトにかかわるコードの変遷〔第1世代〕当初のスキンは「table」タグを使用したものが多く、これはいかにも旧いスタイルです。 本来「table」は表を構成するためのタグです。 しかし、2次元の画...

  5. エキサイトヘッダー 穏やかなアレンジ - At Studio TA

    エキサイトヘッダー 穏やかなアレンジ

    穏やかなヘッダーアレンジ前ページでエキサイトヘッダーの積極的なアレンジについて纏めました。 しかし、私自身のページではエキサイトヘッダーを残したアレンジをしたままです。 これは、左隅の「お知らせリンク」やブログ内メニューなど、今に至るまでのアレンジの蓄積が多過ぎ、手を着けにくいからです。で、いざ自分のページを見直すと、もっとエキサイトヘッダーを弄っても良いのではと思い出しました。 いわば「穏...

  6. エキサイトヘッダー 穏やかなアレンジ - At Studio TA

    エキサイトヘッダー 穏やかなアレンジ

    穏やかなヘッダーアレンジ前ページでエキサイトヘッダーの積極的なアレンジについて纏めました。 しかし、私自身のページではエキサイトヘッダーを残したアレンジをしたままです。 これは、左隅の「お知らせリンク」やブログ内メニューなど、今に至るまでのアレンジの蓄積が多過ぎ、手を着けにくいからです。で、いざ自分のページを見直すと、もっとエキサイトヘッダーを弄っても良いのではと思い出しました。 いわば「穏...

  7. エキサイトヘッダーの本格的なアレンジ - At Studio TA

    エキサイトヘッダーの本格的なアレンジ

    エキサイトヘッダーは出島の仕様エキサイトの他のユーザーのページを開いた時に、エキサイトヘッダーに「新着コメント○件」の表示が出た場合、クリックすると自ブログのコメント管理ページが開きます。「フォロー」「マイブログ」「投稿」「レポート」等のメニューが並ぶ「エキサイトヘッダー」ですが、他のエキサイトユーザーのページ上なのに、全て自分ページの様に機能します。一方、有料会員でヘッダー非表示のページで...

  8. フォントってもともとアートなのです - At Studio TA

    フォントってもともとアートなのです

    まる文字革命大昔、「まる文字」というのが流行って、当時は「若者文化」と言われたものです。 その時代、今から半世紀前の時代にはインターネットは無く、若者の交流は学校などに限られているのが普通で、それらはやはり学生達の間から流行って行ったものと思います。「まる文字」が拡散する力を持ったのも、交流の場があったからに違いありません。「まる文字」の発生する以前の時代は、殆どの場面で目にする活字が「明朝...

  9. ページ上方にスクロールして戻るボタンを設置する / エキサイトブログ - At Studio TA

    ページ上方にスクロールして戻るボタンを設置する / エ...

    新しいCSS機能「scroll-behavior」ページの上方に戻るボタンを備えたページは見慣れたものになりました。 エキサイトブログのトップ画面にも、下方へ少しスクロールすると黒いスイッチが出て来ます。 これはエキサイトが用意したスクリプトで演出しているので、ブログページ上でもそのスクリプトが利用出来ないか試したのですが、残念ながら駄目でした。 そこで色々調べると、最近はCSSの「scro...

  10. ページ上方にスクロールして戻るボタンを設置する / エキサイトブログ - At Studio TA

    ページ上方にスクロールして戻るボタンを設置する / エ...

    新しいCSS機能「scroll-behavior」ページの上方に戻るボタンを備えたページは見慣れたものになりました。 エキサイトブログのトップ画面にも、下方へ少しスクロールすると黒いスイッチが出て来ます。 これはエキサイトが用意したスクリプトで演出しているので、ブログページ上でもそのスクリプトが利用出来ないか試したのですが、残念ながら駄目でした。 そこで色々調べると、最近はCSSの「scro...

  11. ページャーをアレンジする(続2)/エキサイトブログ - At Studio TA

    ページャーをアレンジする(続2)/エキサイトブログ

    「direction: rtl;」はブラウザによって様々な表示になるおおまかには統一された文字の並びになるが、問題となった記号文字に対する文字配置に関しては、ブラウザによる表示が様々な事が判りました。◎Chromeの「unicode-bidi: plaintext;」の指定は、IE11やEdgeではサポートされず「unicode-bidi: embed;」と同じ扱いになる。◎この事を利用し「...

  12. ページャーをアレンジする(続2)/エキサイトブログ - At Studio TA

    ページャーをアレンジする(続2)/エキサイトブログ

    「direction: rtl;」はブラウザによって様々な表示になるおおまかには統一された文字の並びになるが、問題となった記号文字に対する文字配置に関しては、ブラウザによる表示が様々な事が判りました。◎Chromeの「unicode-bidi: plaintext;」の指定は、IE11やEdgeではサポートされず「unicode-bidi: embed;」と同じ扱いになる。◎この事を利用し「...

  13. ページャーをアレンジする(続1)/エキサイトブログ - At Studio TA

    ページャーをアレンジする(続1)/エキサイトブログ

    問題のある「direction」プロパティ非常に首尾よく導入出来たかに見えた「direction」プロパティですが、最初に対応が怪しいEdgeの問題に遭遇しました。 これは「unicode-bidi: plaintext;」を「unicode-bidi: embed;」に置き換えて改善したのですが、今度はまた別な問題が出て来ました。下はChromeでの表示ですが、"」"(...

  14. ページャーをアレンジする/エキサイトブログ - At Studio TA

    ページャーをアレンジする/エキサイトブログ

    何度もアレンジして来たページャーエキサイトのページャーは、何度もアレンジして来たパーツです。 拘って来た事のひとつは矢印ですが、最近までのデザインは「」「」というエキサイト本来のフォントを使ったデザインです。ページャーは実際は2種類あり、私は「表層モード」「深層モード」と勝手に名前を付けてます。「表層モード」は自ブログの先頭から複数記事を纏めて表示するモードで、下の様なデザインです。「深層モ...

  15. ページャーをアレンジする/エキサイトブログ - At Studio TA

    ページャーをアレンジする/エキサイトブログ

    何度もアレンジして来たページャーエキサイトのページャーは、何度もアレンジして来たパーツです。 拘って来た事のひとつは矢印ですが、最近までのデザインは「」「」というエキサイト本来のフォントを使ったデザインです。ページャーは実際は2種類あり、私は「表層モード」「深層モード」と勝手に名前を付けてます。「表層モード」は自ブログの先頭から複数記事を纏めて表示するモードで、下の様なデザインです。「深層モ...

  16. 最初のページ表示の瞬間をデザインする/エキサイトブログ - At Studio TA

    最初のページ表示の瞬間をデザインする/エキサイトブログ

    ブログページ表示の最初でもたつく事があるSSL移行に関係する問題なのか、ブログ表示の最初に、以前に気にならなかった状態が一瞬表示されます。 表示される時間はアクセスした場合で異なります。 長い場合でも1秒足らずですが、下の様にヘッダーの背景画像がロードされず、みっともない感じです。私のスキンのペースデザインは何年も昔のもので、ヘッダー部の背景に軽い画像を2個使う、「ロードの遅い環境」でも問題...

  17. スキン「レインボー」の惜しい部分をアレンジ - At Studio TA

    スキン「レインボー」の惜しい部分をアレンジ

    いつも拝見しているページで、タイトル部分が非常に気になるスキンがあります。 このブログ主、細かい背景のズレなんか気にしてないって感じ。 ブログ内容が豊富で、そんな些細な事にかまってないところがまたカッコイイんですが、見るたびにタイトルに目が行くので...で、ついスキンアレンジをしてしまう。 きっと彼の耳には届かないだろうけど。時代を感じさせるスキンこのスキンは、未だ「border-radiu...

  18. ちょっと惜しい昔のスキンを勝手にアレンジ - At Studio TA

    ちょっと惜しい昔のスキンを勝手にアレンジ

    いつも拝見しているページで、タイトル部分が非常に気になるスキンがあります。 このブログ主、細かい背景のズレなんか気にしてないって感じ。 ブログ内容が豊富で、そんな些細な事にかまってないところがまたカッコイイんですが、見るたびに嫌でもタイトルに目が行くので...で、ついスキンアレンジをしてしまう。 きっと彼の耳には届かないだろうけど。時代を感じさせるスキンこのスキンは、未だ「border-ra...

  19. 価格.com掲示板をアレンジする / ユーザースタイルシート - At Studio TA

    価格.com掲示板をアレンジする / ユーザースタイルシート

    価格.com掲示板をアレンジStylus の最も一般的な使用方法は、ネット上のページのルックスをユーザーライクに変更してしまう事でしょう。 価格.com掲示板のカメラ板を良く見に行きますが、情報満載のページ構成は良いのですが、良く考えれば見る所は決まってます。 そこで、掲示板自体のコメント機能を重点として、余り関係ない表示を省いてみました。 下はアレンジ前のサンプルページです。右サイドにAD...

  20. Stylus に Mozilla Format のスタイルを手作業で登録する - At Studio TA

    Stylus に Mozilla Format のスタ...

    手作業でスタイルをコピーしてStylusに登録する「userstyles.org」に登録されたスタイルをインストールは簡単で確実です。 しかし、スタイルのCSSソースコードがあれば、手作業でそのスタイルを登録する事が可能です。 手作業による登録は、アップデート機能から独立した、ローカルスタイルとして、スタイルを登録できます。◎スタイルを自分でカスタマイズして、使用したい場合自動アップデートで...

総件数:109 件

似ているタグ