S M T W T F S
1 2 3 4 5 6 7
8 9 10 11 12 13 14
15 16 17 18 19 20 21
22 23 24 25 26 27 28
29 30 31
カテゴリ:CSS/HTML( 20 )
2005年 10月 11日
投稿タイトル部分の編集。
投稿タイトル部分と本文の枠を編集してみました。
やり方はいつもご教授願っている『ぽっと陽だまり研究室』さんで紹介されていた『小見出しの装飾』のテクニックを投稿タイトル部分に使わせて頂きました。
セルの背景色を変える、画像を貼る…etc、いろいろ考えたんですけど、うまくいかなくて…。
ボクにとってまさに目からウロコでした。

しかし、これで少しは見やすくなるかなぁ、と思ったんですけど、
かえって見づらくなってしまったかも。。。
[PR]
by usk_h | 2005-10-11 22:33 | CSS/HTML
2005年 10月 06日
さっそくQRコード。
下記事で教えてもらったQRWindowを使ってさっそくQR作成してみました。
右メニューの一番下に貼り付けておきましたので良かったら使って下さい。
kzk_nさん、情報どうもでした!
[PR]
by usk_h | 2005-10-06 22:32 | CSS/HTML
2005年 09月 20日
タイトル編集~解説編~。
タイトルロゴをテキストから画像へ変更するのに、
ボクは以下のような方法でやりました。

まずHTML部分から
<div class=HEADER>
  <$header$>
</div>
を探して『<$header$>』を削除し、
新たに自分のBlogへのリンクとUPした画像URLを記述します。
こんな感じです。

<div class=HEADER>
<a href="http://uskh.exblog.jp/">
<img src="タイトル画像.gif" width="302" height="61" border="0" ALIGN="LEFT">
</a>
</div>

あとはCSS部分で位置等を微調整します。
どちらかというといらない部分(Fontサイズとか)を削除するほうが多いかな。

DIV.HEADER{
BACKGROUND-REPEAT : NO-REPEAT;
MARGIN : 50PX 0PX 0PX 15PX;
}

これで完了です。
最初は画像URLもCSS部に書きたかったんですけど、
どうしても画像が中央寄せになってしまって断念しました。
まぁ、見栄え重視なのでこれ良し!とします。

あとURL部のFont色変更ですが、
気付くまでにかなり時間がかかりました。
最初は

DIV.URL {
FONT : NORMAL 9PT/100% TAHOMA;
COLOR : #F3DD16;
PADDING : 130PX 10PX 0PX;
TEXT-ALIGN:RIGHT;}

を一生懸命変更していたのですが、
黒字のままでした。

しばらくして『あっ、これリンクだ』と気がつきました。
なので、新たに、

DIV.URL A:LINK {
COLOR: #F3DD16;
TEXT-DECORATION: NONE; }
DIV.URL A:VISITED {
COLOR: #F3DD16;
TEXT-DECORATION: NONE; }
DIV.URL A:HOVER {
COLOR: #F3DD16;
TEXT-DECORATION: NONE; }

を足してやるのが正解だったんですねぇ。
なんで、こんな簡単な事に気付かなかったんだろう。
修行が足りないなぁ。

って感じで、ヘッダー部分の編集は終了。
今度は本文部分に取り掛かろうと思います。
[PR]
by usk_h | 2005-09-20 22:12 | CSS/HTML
2005年 09月 19日
タイトル編集。
ヘッダー背景&タイトル画像変更しました。
あと、ヘッダーURLテキスト色も変更しました。
両方とも意外と苦労しました。
やり方は…後ほど、ということで。
[PR]
by usk_h | 2005-09-19 21:52 | CSS/HTML
2005年 09月 16日
Banner置き場を設置~その②。
とりあえずBanner設置終了です。
たいていバナーって150PXぐらいなので、
左メニューを160PXに収まるように設定しました。

タイトル部分は左メニュータイトル部のDIVを流用、
本体部分は左メニュー本体部のDIVを少しだけイジって
『MN_BANNER』というDIVを作成しました。

それだけだとバナーどうしの間隔がうまくいかなかったので、
exciteバナーのDIVを利用して間隔を設定しました。

そんなわけでHTMLとCSSの結果は以下のとおりです。

HTML部分
<div class=MNTTL_L>
Banner
</div>
<div class=MN_BANNER>
  <div class=BANNER>
    <a href="URLその①" target=_blank><img src="バナー画像その①"
    width=120 height=60 border=0></a>
  </div>
  <div class=BANNER>
      ・
      ・
      ・
  </div>
  <$banner type=1$>
</div>

CSS部分
DIV.MNTTL_L{
  COLOR: #F3DD16;
  BACKGROUND : #996C22;
  BORDER : 1PX SOLID #996C22;
  WIDTH : 160PX;
  PADDING : 2PX 0PX 0PX;
  MARGIN : 5PX 0PX 1PX;
  FONT-FAMILY : GEORGIA,TAHOMA, VERDANA;
  TEXT-ALIGN : CENTER;}

DIV.BANNER{
  MARGIN : 10PX 0PX 10PX; }

DIV.MN_BANNER{
  BORDER : 1PX SOLID #996C22;
  WIDTH : 154PX;
  PADDING : 10PX 3PX 10PX;
  TEXT-ALIGN : CENTER;
  MARGIN-BOTTOM : 20PX; }


ずらずらっと書いてしまいました。
完全に自己満足の世界です。
[PR]
by usk_h | 2005-09-16 21:49 | CSS/HTML
2005年 09月 14日
Banner置き場を設置。
頑張ってみたけど、
やっぱりバナーの大きさが揃わないと見栄えが悪いですなぁ。
明日、再考します。
やり方も後日ご紹介します。
[PR]
by usk_h | 2005-09-14 23:03 | CSS/HTML
2005年 09月 13日
アクセス解析設置&リンクの貼り方。
アクセス解析の結果、『リンクの貼り方』や『アクセス解析』という言葉で検索して、
遊びに来てくれた方がいらっしゃいました。

過去記事では、『ふぅ、できたぁ』しか書いてないので、
まったく参考にならなかったと思いますので、改めて書いておこうと思います。

まず『リンクの貼り方』。
これには2通りの方法があって対象のHPが『exciteのBlogかどうか…』で違ってきます。

exciteブログ以外のHPをリンクする場合は、
いろんなところに書いてあるとおり『メモ帳』に直接タグ書きします。
例えば、
『<a href="HPのURL">HPの名前</a>』

みたいな感じです。

ボクがハマったのは実はもう一つのほうで、
どうしてもexciteブログをリンクできませんでした。
メモ帳に書けばいいんだけど、『エキサイトブログ』というメニューもあるし…みたいな。
で、友人のBlogにお邪魔したとき、ふと見ると、
ユーザーメニューのところが、いつもの
『トップ/ログイン』ではなく『リンク/トップ/マイブログ』になってるではありませんか。
そうか、ログインしながら対象のBlogに行って『リンク』を押せば良いのかぁ。
こんなに簡単な事なのに、いくら検索しても見つけることができませんでした。
exciteさんのヘルプに書いてるんですかねぇ。

続いて、アクセス解析の設置方法です。
対象のツールは『忍者TOOLS』 さんからお借りしています。
が、実はexciteさん的には反則技のようなので、
親切に説明してくれているBlog、『あるべるのアトリエ』さんの記事を紹介しておきたいと思います。

エキブロでアクセス解析を設置する方法。

ここで注意が1点だけ。
記事だけではなく、コメントも熟読したほうが良いと思います。
実はボク、設置に1度失敗しています。
焦りは禁物。じっくり読んで作業して下さい。
[PR]
by usk_h | 2005-09-13 22:38 | CSS/HTML
2005年 09月 12日
今日の成果と今後の課題。
面積の大きいところから変更しようと思い、
まずは背景を替えてみました。
やり方はとっても簡単でした。
ただ、CSSのBODY{}内に、
『BACKGROUND-IMAGE: URL("~.gif");』を追加するだけです。
『~.gif』のところは『マイイメージアカウントにイメージ登録』より、
アップロード&URL取得します。
ホントは『background-repeat:repeat⇒背景の繰り返し設定』も
書いたほうが良いのでしょうが、面倒なので書いてません。

今後の課題は、

①タイトル部分のカスタム(画像UP、etc)
②アクセスカウンター設置(はやくしないと)
③本文部分のカスタム(現在、ちょっと色気がないので)
④バナー置き場を作る

とりあえずは、このへんまで行こうと思っています。
どのへんまで行くんだか…。
[PR]
by usk_h | 2005-09-12 22:56 | CSS/HTML
2005年 09月 06日
ちょっとだけ修正。
少しだけスキン修正です。

①『shinobi』アクセス解析を設置。
②フォントをexciteデフォルトスキン『私の春』を参考に変更。

9月6日:②についての追記です。
 まったく変わってないように見えますが、『以前の記事』のフォントがめんこくなってます。
 もしかしたら変わってない方もいらっしゃるかと思いますが、
 PCに対象フォント(たぶんGEORGIA)がインストールされていないためと思われます。
 ボクはこのフォント気に入ってるんですけど、皆さんインストールされてそうですか?
 されてそうならバシバシ使うんですけどねぇ。
[PR]
by usk_h | 2005-09-06 22:54 | CSS/HTML
2005年 09月 02日
今日の成果。
全体的な色味を決めました。
HP⇒GooBlogと茶色×オレンジ系で通してきましたが、
ちょっと気分を変えて茶色ベースに緑×黄色で行こうと思います。

今日のCSS編集は、これでおしまいにして、
ExciteBlogの使用方法を勉強したいと思います。
やっと『エキサイトブログ』へのリンクの貼り方を発見しました。。。
[PR]
by usk_h | 2005-09-02 22:15 | CSS/HTML
Top

usk_h blog(ユースケ・エイチ ブログ)です。usk_h(僕)、T-miちゃん(嫁)、dukiちゃん(長女)、noriちゃん(次女)、soh君(長男)の5人暮らし。好きなことを、好きなだけ、好きな時間に書いてる勝手気ままなBlogです。
カテゴリ
以前の記事
フォロー中のブログ
Link
最新のトラックバック
Sleipnirを導入
from チャレンジャー月海の華麗なる軌跡
早朝サッカー
from 沈んでゆく夕日を見て。
初収穫、
from 雑学的ブログ
検索
ライフログ
KTM
H.M.K.U
SOFFet
ファンモン
その他のジャンル
記事ランキング
ブログジャンル
画像一覧
QR-cord
Banner