HYTのブログ一覧

毒も吐いたところで、本日の2本目は久々にスタイルシートの話題を(明日は来客のため更新お休みの予定)。では、背景左側をちょっと調整したのでご紹介。 まず、こんな画像を用意しておく(背景と混ざるため枠線を設けてある): トップ画像(ヘッダ)変更と同様にこの画像をアップロードしておき、スタイルシート ...
続きを読む

昨日の記事にて実践したヘッダ位置調整であるが、一晩で元に戻っていた。あれ、何事・・・? 親元のスタイルシートの変更を疑い、 内容を除いてみると・・・。「!importantルール」の嵐! 出た～、イジルナクオリティだ。 この数日間、ちまちま更新が続いているようだったが、ここまでやられたらちょっ ...
続きを読む

注: 12/9現在、「ヘッダ位置調整」は不可能になっています。 スタイルシート編集によるヘッダの調整についてもう少し調べてみた。今回は画像入りなので万人向け・・・なはず。 まずは、未加工の状態を確認。 背景色が合わないうえ、ちょっとヘッダがうるさい気もする。 そこで、背景色を変えてみる。ス ...
続きを読む

やや遅きに失した感はあるものの、ひとまずみんカラのトップページヘッダについて検討してみた。 能書きは後回しにして結論のみ先に示すと、変更可能なのは「白くなっていた部分(私のページでは黒に変更済み)」、および「ようこそ(ユーザ名)さん」の文字のみのようである。 ブログのHTMLソースから当該部分 ...
続きを読む

前回で最終回、と思ったスタイルシート変更関連記事。だが読み返してみるとまだ不親切な箇所が見受けられるのでここで補足する。 まず、画像はプロフィール画面の各部分のクラス名。他の部分については以前の記事(ブログページ、愛車紹介等)を参照されたい。 次に各クラスに対して指定できるプロパティについて示 ...
続きを読む

数回にわたってお送りした、スタイルシート変更。まずはこれまでのスタイルシート関連ページ一覧を: 参考リンクと少々 能書き(原理) トップ画像の変更 ブログページ全体の変更 他のページも、ブログページ全体と同様に該当するクラスを 編集することで、スタイルを変更可能である。まずは愛車紹介(全体 ...
続きを読む

まずは前回の補足として(後述と書いておいて書いていなかった・・・)、トップ部分のカスタマイズについてさらに触れる。前回触れなかった、ヘッダの画像以外の部分では 「ブログタイトルの表記位置」および「ヘッダ上下の余白」を調整できる: margin-top: 20px; → ページ上部の「 ...
続きを読む

本稿では、具体的な編集手順の第一歩として、トップ画像の変更手順を記述する。 メニューから「スタイルシート」を選択し、「カスタマイズ1」を選択して「スタイル編集」をクリック。 するとこのような画面が表示される(画像クリックで拡大)。なお最初に読み込んだときには、中心部分は空白になる。ここ ...
続きを読む

ネットをやっていて、Internet ExplorerやFirefoxやSafariなんかで見るWebページは、HTMLという形式で記述されている。もともとはこれに文書の構造もデザインも含められていたが、「文書の構造」(表、見出し、段落、引用など)と「見栄え」(色、線種、字形、字種など)を分離する ...
続きを読む

随分本業が立て込んでいると、逆に何かほかのこともしたくなる。 ということで、スタイルシートをいじり始めた。 さしあたって、トップ画像とタイトルの装飾。 スタイルシート自体をいじっていたのは数年前の話。調べながらでなけらばやはりうまくはいかない。ひとまず、background-image、font ...
続きを読む