テーマ:CSS編集

ウェブリブログのCSS編集メモ 「コンテンツ領域全体、プロフィール領域、メイン領域の中身(トップページ)」

こちらのページは、2019年7月に行われたウェブリブログのリニューアル後のCSS編集のメモです。 目次コンテンツ領域全体ブログのプロフィール領域メイン領域+メイン領域(インナー)メイン領域の中身 - トップページ.Main__contents.Entry.Entry__heading.EntryInnerWrap.EntryI…
トラックバック:0
コメント:0

続きを読むread more

ウェブリブログのCSS編集メモ - 2019年7月以降の新システム用

こちらは、2019年7月に行われたウェブリブログのシステムリニューアル後のCSS編集などに関してまとめたページです(今後も追加予定)。 ブラウザの開発ツールを使って知識ゼロから始めるCSS編集 ◆(1)「HTML編:開発ツールの使い方とウェブリブログの新システムのレイアウトの仕組み」 ・ブラウザの開発ツール…
トラックバック:0
コメント:0

続きを読むread more

ウェブリブログのCSS編集メモ 「ページ全体、ヘッダー領域」

こちらのページは、2019年7月に行われたウェブリブログのリニューアル後のCSS編集のメモです。 目次ページ全体ヘッダー領域全体タイトル領域全体タイトル領域全体(インナー)タイトルの文字タイトル下のブログパーツ領域ヘッダー領域のブログパーツ デザインはウェブリブログ「ベーシック(記事概要)」を使用。 ページ…
トラックバック:0
コメント:0

続きを読むread more

特定の記事ページだけデザインを変える方法 - ウェブリブログ新システム・CSS編集

前のウェブリブログのシステムでは、記事ごとにデザインテンプレートを変えることができましたが、新しいシステムではその機能は廃止されました。 お手軽に記事ごとにテンプレートを変えることは出来なくなってしまいましたが、新しいシステムでも特定の記事ページだけデザインを変える方法を考えてみました。 CSSは基本的に後か…
トラックバック:0
コメント:0

続きを読むread more

ウェブリブログの新システムでJavaScriptの動作が遅くなる原因

ウェブリブログの大幅リニューアルに伴い、HTMLやCSSが完全に別物に変わってしまったために、デザイン上の様々な不具合が発生していますが、その陰に隠れて実はもう1つ自分のブログには問題が発生していました。 この問題は、自作もしくは様々なサービスのJavaScriptのプログラムをフリースペースなどに貼り付けている人に発…
トラックバック:0
コメント:0

続きを読むread more

ブラウザの開発ツールを使って知識ゼロから始めるCSS編集(4)「フレキシブルボックスレイアウトを理解してコンテンツ…

ウェブリブログのシステムの大幅リニューアルに伴い、CSSの内容が以前とは全く違うものになってしまったので、新しいCSSに対応するための自分自身の勉強もかねて始めたこのコーナーも今回で4回目です。 ◆ブラウザの開発ツールを使って知識ゼロから始めるCSS編集(1)「HTML編:開発ツールの使い方とウェブリブログの新システムのレイア…
トラックバック:0
コメント:0

続きを読むread more

ブラウザの開発ツールを使って知識ゼロから始めるCSS編集(3)「ボックスモデルを理解してブログのサイズを調整する」

過去2回に渡って、開発ツールを使ったCSS編集のやり方を説明してきました。 ◆ブラウザの開発ツールを使って知識ゼロから始めるCSS編集(1)「HTML編:開発ツールの使い方とウェブリブログの新システムのレイアウトの仕組み」 ◆ブラウザの開発ツールを使って知識ゼロから始めるCSS編集(2)「CSS編:開発ツールを使ったCS…
トラックバック:0
コメント:0

続きを読むread more

ブラウザの開発ツールを使って知識ゼロから始めるCSS編集(2)「CSS編:開発ツールを使ったCSS編集のやり方」

前回は開発ツールを使ってウェブリブログのレイアウトの仕組みを説明しましたが、今回は開発ツールを使ってCSS編集をやっていきます。 ダラダラと文章で説明するよりは、開発ツールを操作しながら説明した方が分かりやすいと思うので、まずはこのページで開発ツールを起動してみて下さい(Windowsの場合はF12キーを押す)。 す…
トラックバック:0
コメント:0

続きを読むread more

ブラウザの開発ツールを使って知識ゼロから始めるCSS編集(1)「HTML編:開発ツールの使い方とウェブリブログの新…

ブログをもっと自分オリジナルのデザインに変えたいけど、HTMLやCSSは難しくてよく分からないという方にオススメしたいのが、ほとんどのブラウザで使用することができる開発ツールです。 開発ツールと聞くと、難しく感じるかもしれませんが、HTMLやCSSの知識が全くない人でも理解できるように、専門用語はなるべく使わずに、出来る限り分…
トラックバック:0
コメント:0

続きを読むread more



記載されている会社名・製品名・システム名などは、各社の商標、または登録商標です。