CSS・HTMLのタグまとめ

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

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

  1. 文書データ行(ページ末尾)の幅管理 / エキサイトブログ - At Studio TA

    文書データ行(ページ末尾)の幅管理 / エキサイトブログ

    当方のスキンでは今まで、ページ末尾の文書データ行のフォントサイズを「0.84em」と、本文の文字サイズ「1em」より小さく指定していました。IEは簡単に表示文字サイズを変更出来、その「極大」時にこの文書データ行の行崩れを生じる事があります。 下図はその例で、文字サイズ「極大」、カテゴリ名が長い、スキンの本文幅が可変、ウインドウの狭い状態でブログを表示している事など、かなり極端な場合です。(下...

  2. スキンアレンジのための公式スキン分類 - At Studio TA

    スキンアレンジのための公式スキン分類

    スキンアレンジに慣れて来ると、アレンジ前提の元素材としてスキンを選択する考えに至ると思います。 この段階の人にとって、背景の画像、装飾パーツ素材、テクスチャーなどは、アレンジ元から置き換えるでしょう。 ではそんな時に、どういう基準でアレンジ元スキンを選択したら良いか。 そのヒントを少し書きたいと思います。+選択の基準として一番に考えるべき事は、ブログ本文の表示の形態だと思います。 表示形態に...

  3. スキンアレンジのための公式スキン分類(3) / エキサイトブログ - At Studio TA

    スキンアレンジのための公式スキン分類(3) / エキサ...

    スキンアレンジに慣れて来ると、アレンジ前提の元素材としてスキンを選択する考えに至ると思います。 この段階の人にとって、背景の画像、装飾パーツ素材、テクスチャーなどは、アレンジ元から置き換えるでしょう。 ではそんな時に、どういう基準でアレンジ元スキンを選択したら良いか。 そのヒントを少し書きたいと思います。+選択の基準として一番に考えるべき事は、ブログ本文の表示の形態だと思います。 表示形態に...

  4. スキンアレンジのための公式スキン分類(2) / エキサイトブログ - At Studio TA

    スキンアレンジのための公式スキン分類(2) / エキサ...

    スキンネーム リリース年ネン月ツキ日ヒ <$post$>の配置ハイチ 兄弟キョウダイ タイプ リスト 形式ケイシキ 横ヨコヨコ / 左ヒダリヨセ table 使用シヨウ    明朝ノート 2017年05月15日  #contents .contents-wrap #main-contents ...

  5. スキンアレンジのための公式スキン分類(1) / エキサイトブログ - At Studio TA

    スキンアレンジのための公式スキン分類(1) / エキサ...

    スキンネーム 本文ホンブン幅ハバ メニュー位置イチ 本文ホンブン Font TAIL Font リスト 形式ケイシキ 画像ガゾウ zoom リンク バー 横ヨコヨコ / 左ヒダリヨセ table 使用シヨウ 固定コテイ Min Max 左ヒダリ 脱ダツ 落オ 右ミギ 下シタ                 ...

  6. テスト - At Studio TA

    テスト

    □□□□□□□□□□□□□□□□□□□□□□□□□□□□漢字でないと折れない。漢字でないと折れない漢字でないと折れない漢字でないと折れない漢字でないと折れない漢字でないと折れない漢字でないと折れない漢字でないと折れない漢字でないと折れない漢字でないと折れない漢字でないと折れない漢字でないと折れない漢字でないと折れない漢字でないと折れない漢字でないと折れない漢字でないと折れない漢字でないと折れ...

  7. 文書データ行(ページ末尾)の幅管理 / エキサイトブログ - At Studio TA

    文書データ行(ページ末尾)の幅管理 / エキサイトブログ

    当方のスキンでは今まで、ページ末尾の文書データ行のフォントサイズを「0.84em」と、本文の文字サイズ「1em」より小さく指定していました。IEは簡単に表示文字サイズを変更出来、その「極大」時にこの文書データ行の行崩れを生じる事があります。 下図はその例で、文字サイズ「極大」、カテゴリ名が長い、スキンの本文幅が可変、ウインドウの狭い状態でブログを表示している事など、かなり極端な場合です。(下...

  8. SNSボタンの周辺レイアウト / エキサイトブログ - At Studio TA

    SNSボタンの周辺レイアウト / エキサイトブログ

    ブログ発信者にとって、SNS連携でより広い層へのアピールを求めるのは常識となりつつある様で、私もそろそろ食わず嫌いを改めねばと考えています。エキサイトは現在の所、ソーシャルネットワークツールとして6種のSNSボタンを用意しています。「ブログイイネボタン」は、エキサイトユーザー間の効果を重視した機能の様です。 また、他の「Twitter」「Facebookシェアボタン」 「はてなブックマーク」...

  9. SNSボタンの周辺レイアウト / エキサイトブログ - At Studio TA

    SNSボタンの周辺レイアウト / エキサイトブログ

    ブログ発信者にとって、SNS連携でより広い層へのアピールを求めるのは常識となりつつある様で、私もそろそろ食わず嫌いを改めねばと考えています。エキサイトは現在の所、ソーシャルネットワークツールとして6種のSNSボタンを用意しています。「ブログイイネボタン」は、エキサイトユーザー間の効果を重視した機能の様です。 また、他の「Twitter」「Facebookシェアボタン」 「はてなブックマーク」...

  10. 画像のクールなポップアップを演出する / エキサイトブログ - At Studio TA

    画像のクールなポップアップを演出する / エキサイトブログ

    「右クリック禁止」のブログパーツは2009年に導入されました。 詳細は以下のリンクを参照ください。この機能は掲載画像のコピー抑止よりも、スマートな画像のポップアップ(等倍拡大表示)を演出できる事に価値があります。 標準のポップアップウインドウは、見る側にとって操作性がいまひとつです。 当ブログでは、画像をクリックすると、このパーツによるポップアップが実行されます。 ポップアップは、ウインドウ...

  11. 画像のクールなポップアップを演出する / エキサイトブログ - At Studio TA

    画像のクールなポップアップを演出する / エキサイトブログ

    「右クリック禁止」のブログパーツは2009年に導入されました。 詳細は以下のリンクを参照ください。この機能は掲載画像のコピー抑止よりも、スマートな画像のポップアップ(等倍拡大表示)を演出できる事に価値があります。 標準のポップアップウインドウは、見る側にとって操作性がいまひとつです。 当ブログでは、画像をクリックすると、このパーツによるポップアップが実行されます。 ポップアップは、ウインドウ...

  12. ページナビゲーション画像の縦横比を修正する / エキサイトブログ - At Studio TA

    ページナビゲーション画像の縦横比を修正する / エキサ...

    ページ末尾に表示される「ページナビゲーション画像」は、ブログを訪れた人に他のページの興味を誘う、上手い仕掛けだと思います。 しかし、この機能は正方形のサムネイルを生成するので、縦横比が2:3の写真画像などは横幅が圧縮されて、残念な表示になります。これは、簡単なスキンアレンジによって、元画像の縦横比のサムネイルを生成させる事が可能です。 アレンジ方法は、サムネイルの「高さを一定にする」か「幅を...

  13. 歪まない「同じタグ・カテゴリ・月」の記事画像 - At Studio TA

    歪まない「同じタグ・カテゴリ・月」の記事画像

    ページ末尾に表示される「ページナビゲーション画像」は、ブログを訪れた人に他のページの興味を誘う、上手い仕掛けだと思います。 しかし、この機能は正方形のサムネイルを生成するので、縦横比が2:3の写真画像などは横幅が圧縮されて、残念な表示になります。これは、簡単なスキンアレンジによって、元画像の縦横比のサムネイルを生成させる事が可能です。 アレンジ方法は、サムネイルの「高さを一定にする」か「幅を...

  14. img 関係のセレクタは各所に影響するので注意 / スキン更新 20160523 - At Studio TA

    img 関係のセレクタは各所に影響するので注意 / ス...

    「img」だけのセレクタでスキン上で指定を行うと、ブログ全体で使われている「img要素」に影響が出てしまうので、注意が要ります。「img要素」の例は、各所の小アイコン、固定パーツ、投稿写真、画像リンク、等と色々とあります。 スキン上で修飾する場合は、指定区域を明らかにしたセレクタ表記で、必ず他パーツへの干渉を防ぐこと。●POST img (投稿画像のセレクタ)→ POST_BODY img ...

  15. エキサイトブログ編集のツボ 左右寄せ配置の画像と文字列との間隔 - At Studio TA

    エキサイトブログ編集のツボ 左右寄せ配置の画像と文字列...

    「ピックアップブロガー」という「優良ブロガー掘り起こし」企画は、私にとっては、時として有意義で参考になるコーナーでした。 現在は「プラチナブロガー」のシステムに移行しましたが、これは正直いただけません。 これには言葉が無く、「プラチナ」を選んだ理由も判りません。 選ばれたいと思っての事ではありません。 人は「言葉」を、たとえバイアスがかかった記事でも、読みたいものなのです。+最初から話がズレ...

  16. エキサイトブログ編集のツボ 左右寄せ配置の画像と文字列との間隔 - At Studio TA

    エキサイトブログ編集のツボ 左右寄せ配置の画像と文字列...

    「ピックアップブロガー」という「優良ブロガー掘り起こし」企画は、私にとっては、時として有意義で参考になるコーナーでした。 現在は「プラチナブロガー」のシステムに移行しましたが、これは正直いただけません。 これには言葉が無く、「プラチナ」を選んだ理由も判りません。 選ばれたいと思っての事ではありません。 人は「言葉」を、たとえバイアスがかかった記事でも、読みたいものなのです。+最初から話がズレ...

  17. ロゴ画像はpng形式が良い / エキサイトブログ - At Studio TA

    ロゴ画像はpng形式が良い / エキサイトブログ

    ブログのロゴ画像は、メニューデザインによっては無しでもかまいません。 しかしメニューの上部は、ブログのポリシーを示すのに適当な場所と思え、私はロゴ画像を大事にしています。この画像の形式は「 .jpg .png .gif 」のいずれでもOKなんですが、私は以前から「.gif」を使ってました。 少しだけファイルサイズが小さく出来たからです。 しかし、こういうエレメンツは「.gif」と決まっていた...

  18. ロゴ画像はpng形式が良い / エキサイトブログ - At Studio TA

    ロゴ画像はpng形式が良い / エキサイトブログ

    ブログのロゴ画像は、メニューデザインによっては無しでもかまいません。 しかしメニューの上部は、ブログのポリシーを示すのに適当な場所と思え、私はロゴ画像を大事にしています。この画像の形式は「 .jpg .png .gif 」のいずれでもOKなんですが、私は以前から「.gif」を使ってました。 少しだけファイルサイズが小さく出来たからです。 しかし、こういうエレメンツは「.gif」と決まっていた...

  19. エキサイトブログ編集のツボ インスタグラム・リッチリンク・YouTube の中央寄せ(ブログスキン) - At Studio TA

    エキサイトブログ編集のツボ インスタグラム・リッチリン...

    インスタグラムの中央寄せ配置をブログスキンで指定すると、いちいち「埋め込みコード」をHtml編集する必要がなくなります。インスタグラムの「埋め込みコード」は、リッチリンクと同類で、リッチリンクシステムの応用と思われます。 更に、インスタグラム、リッチリンク、Youtubeの実体は、いずれも「iframe要素」です。 現在、エキサイトブログでユーザー選択で利用できるiframeはこれら3種と限...

  20. エキサイトブログ編集のツボ インスタグラムの中央寄せ(Html編集) - At Studio TA

    エキサイトブログ編集のツボ インスタグラムの中央寄せ(...

    エキサイトブログはインスタグラム連携を導入し、次第にこの連携機能を利用するユーザーが増えている様です。 ただ、現在のところ配置されるインスタグラムが左寄せとなります。 ブログ文に埋め込んだインスタグラムを中央寄せの配置にしたい場合は、Html編集の加筆が必要です。 そう難しくはないので、以下の説明を参考にしてトライしてみてください。+この行の下にインスタグラムを埋め込みます。上は埋めこんだイ...

1 - 20 / 総件数:30 件

似ているタグ