スポンサーサイト

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

--/--/--(--) | スポンサー広告 | トラックバック(-) | コメント(-)

自分のBlogをつくろう

ちょっとづつ 基本のスタイルを変えてくるとあれもこれもと欲張りになります。
あといくつかの箇所を ほんのちょっとアレンジするだけでオリジナルのBlogにして見ましょう

サイドバーのプラグインタイトル
まずは、「デザインの設定」→「スタンダード・CUSTOM」をクリックすると テーマの設定画面が開きます
すでに何度も変更しているのでフォームの中にはタグが表示されていると思いますので その中の下のようなところを探します。
  /****** 右側部分の設定 *******/
     ・
     ・ 省略
     ・
   sidetitle{
   color:#f66812;
   font-size:x-small;
   font-weight:bold;
   margin-bottom:5px;
   border-bottom:1px solid #f66812;
   width:160px;
  }
説明


border-bottom:1px solid #f66812; 
タイトルの下に下線を入れる場合。色コードはお好きなものを!
入れないときは 削除しても可。
background:#ff6464;
タイトルの背景に色を付ける場合は 追記する。
color:#f66812;の下の行など適当な所で可。
なお、ここにあわせて画像を入れる場合は、
background:#ff6464 url('http://○○○.gif') no-repeat; となる。○○○はアップロードしたファイル名

日付や記事タイトルも同じ要領です。
日付は /****** 本文部分の設定 *******/以下にある.date{のところで

記事タイトルは .title{ でおこないます。
read more...
スポンサーサイト

2005/06/07(火) | Blogカスタマイズ | トラックバック(-) | コメント(0)

個別記事も3カラム化してみよう

TOPが完了したら やはり個別記事・月別アーカイブ・カテゴリー別と
統一してしたくなりますよね。
TOPは 見てくれ的なところもありますし、もちろん記事の内容は
大事ですが、せっかくコメントしてくれた方が
その個別の記事を開いた時 そこだけダラーッと記事だけより
統一されていた方が 印象が良いのではないでしょうか。
ただ 問題点として TOPと同じように全てのプラグインが
表示されてしまいますので あとで修正しなくてはいけません。
まずは、TOP3カラム化したときのように 
「デザインの設定」→「スダード」→customをクリックして
下のような画面を開いてください。

blog2


この時点で、すでにTOPが3カラム化されていますから
先ほど編集し保存したスタイルシートが 表示されていますよね。
今回は、赤丸のところをクリック。
下のような HTMLテンプレートの編集を選ぶ画面になりますので
まずは「トップページ」の編集を クリックしましょう。(↓図1)

read more...

2005/06/06(月) | Blogカスタマイズ | トラックバック(-) | コメント(0)

TOPを3カラム化してみよう

 3カラムとは Blogの片側にしかないサイドバーを 両サイドに設置することです。
 BlogのHTML構造でも触れましたが、LivedoorBlogのテンプレートは全て 片方のみ。
 でも  見かけますよね。同じLivedoorBlogなのに どうしてこの人両サイドなの?って・・・・
 他では 両サイドのもありますので 引越しするのもいんですが、せっかく今まで書いた記事を
 引き継ぎたい、引越しも面倒って言う場合、この際自分で3カラム化してみましょう。
 ズラーッと片方に 並んでいるより 見やすくなると思います。
しつこいようですが管理人がお試しに作ったのはこちら↓
 このテンプレートをもとに 説明します。



今回変更する箇所
   A:Bodyの背景色を変える
   B:コンテンツの幅を変更する&背景色を変える
   C:3カラム化する

Step 1
 最初に 肝心の「プラグインの設定」部分で 実際に左右に 分けたいプラグインを決めます。
 たとえば プラグインが10個あって 並び順1~10と順番が ついていますよね。
 後半の6から 反対側のサイドバーへ設置したいのなら プラグインの編集画面を
 開いてください。
 
 開いたら HTMLの最後に</div></div><div id=links2><div>と入れます。
 これは、3カラム化するために サイドバーの<div id="links">を閉じるためです。
 プラグイン6にこれを設定すれば、7以降には設定しなくても大丈夫です。
 なお、設定する時は フォーマットのタグを変換しないで設定します。
 これで 分割する準備はOKです。

read more...

2005/06/05(日) | Blogカスタマイズ | トラックバック(-) | コメント(0)

BlogのHTML構造 2

BlogのHTML構造 1の続きになります
個別の作り

#banner
 blogtitle
 description

#subbanner
 blogtitle
 description

 #banner,#subbanner
  blogtitle
 ブログタイトル
   「Blogの設定」で記入したタイトルが入ります。文字の大きさを
   変える事もできます。
  description ブログの説明部分
   上記同様、説明に記入したものが入ります。
   文字の大きさなどを変えることが出来ます。

#content
 blog
 date
 blogbody
 ※①~③
 pagetop
 aposted

 #content
  blog ブログの記事などのメイン部分
  date 日付部分
   投稿した日付の文字の大きさ、装飾(下線を入れたり)等を
   設定します。
  blogbody ①記事②コメント部分③トラックバック部分のこと。
  pagetop 「このページの上へ▲」の部分
   TOPページ・カテゴリー別・月別などでページの最後に表記
   されています。色の変更などもおこなえます。
  aposted「このBlogのTopへ」の部分や「Posted by~」の部分
   各記事のコメント・トラックバック・前の記事へ・次の記事へなど
   また投稿者のURLなど色・装飾をおこなえます。

read more...

2005/06/04(土) | Blogカスタマイズ | トラックバック(-) | コメント(0)

BlogのHTML構造 1

すでに blogへ登録済みの方への説明になります。
色々いじってみたけど 今一、気に入らないって方いますよね。

そうなんですよ!
livedoorのブログには 片側にしかサイドバーが無いんです。
下のは管理人が お試しで作成したblogのキャプチャーです。



ちょっと見にくいかもしれませんが デザイン設定で「フォト→子猫」の原形です。
kitten.htmlっていう名前がついています。
まずは、これをもとにblogの構造みたいなものを簡単に説明します
素人でも 変更しやすいところをメインになので 全てでは、
ありません・・・<(_ _)>


read more...

2005/06/03(金) | Blogカスタマイズ | トラックバック(-) | コメント(0)

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