新名張教室ニュース

パソコン教室名張教室の様子を紹介します。

スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
  1. --/--/--(--) --:--:--|
  2. スポンサー広告

ブログのカスタマイズ6 (ブログ表示幅の変更と背景変更)

ブログ変更最終です。標準寸法では、ブログ小技のページが
表示不良となるため、サイズ変更をしました。また、背景をパープル
(#800080)に変更しました。

ブログ全体幅を広げると、左メニュー部分が広がり、目的の本文
部分が広がらないため、左メニュー部分も変更しました。変更内容を
以下に示します。


/* ページ全体囲み */
#content{
margin: 0px auto;
border-right: 1px solid #d7d7d7;
border-left: 1px solid #d7d7d7;
background-color: #FFFFFF;
text-align: left;
width: 900px;     760px標準  

/* エントリー背景 */
#entry{
float:right;
width : 690px;      550px標準  
padding: 15px 15px 15px 0px;
overflow: hidden;
height:100%;


スポンサーサイト
  1. 2007/12/01(土) 23:12:00|
  2. 練習
  3. | トラックバック:0
  4. | コメント:0

ブログのカスタマイズ5 (タイトル文字の変更)

タイトル画像サイズを高くしようとしたらサイズ指定が見つからないため、
現行のままとした、画面の横サイズは、下記内容で指定されているよう
試しにwidth: 500px; に変更したら、画面が崩れてしまった。

/* ページ全体囲み */
#content{
margin: 0px auto;
border-right: 1px solid #d7d7d7;
border-left: 1px solid #d7d7d7;
background-color: #FFFFFF;
text-align: left;
width: 760px;


ブログタイトルと概要の文字が見えないため白(#F5F5F5)に変更
変更内容は下記(赤が変更部分)

/* ブログのタイトル */
.bTitle {
color: #F5F5F5;

/* ブログの概要 */
.bDesc {
text-align: left;
padding-bottom:6px;
font-size: ;
color: #F5F5F5;

これで本日の作業は終了。

  1. 2007/12/01(土) 17:42:48|
  2. 練習
  3. | トラックバック:0
  4. | コメント:0

ブログのカスタマイズ4 (タイトル画像の変更)

トップ画像に教室外観写真を入れました。テンプレートはオリジナルが高さ変更が
できないため、シンプルに変更(クリアグレー左メニュー)しました。
必要なサイズの写真がタイトル画面に綺麗に入らないため、写真サイズをいろいろ変更し(W600~1200)投稿したところ、現在のテンプレートはW760で
画面サイズに収まりました。高さは元サイズH326では下が欠けるため、表示領域サイズの変更が必要です。

  1. 2007/12/01(土) 17:10:32|
  2. 練習
  3. | トラックバック:0
  4. | コメント:0

ブログのカスタマイズ3 (タイトル画像の挿入)

トップ画像に教室外観写真を入れました。テンプレートはオリジナルが高さ変更が
できないため、シンプルに変更しました。とりあえず写真は、入りましたが、レイアウト、タイトル文字など改良の必要がたくさんあります。今日はここまで。



  1. 2007/12/01(土) 00:16:05|
  2. 練習
  3. | トラックバック:0
  4. | コメント:0

プロフィール

k2shop3

Author:k2shop3
FC2ブログへようこそ!

最新記事

最新コメント

最新トラックバック

月別アーカイブ

カテゴリ

未分類 (1)
Weblog (63)
PC情報 (3)
生徒作品 (24)
練習 (9)
健康 (2)
書籍 (4)
質問・問題 (4)
生徒情報 (1)
携帯電話 (2)

検索フォーム

RSSリンクの表示

リンク

このブログをリンクに追加する

ブロとも申請フォーム

この人とブロともになる

QRコード

QR

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。