TOTAL YESTERDAY TODAY
名刺交換ブログトップ
タイトル: <   2005年 09月 ( 8 )   > この月の画像一覧
2005年 09月 27日
タイトル: メモ帳、もう一ついかがですか?
また、役に立つスキン編集のやり方を教えてもらいましたので、早速載せたいト思います。

今回は、2列のスキン限定なのですが、メモ帳(みたいな物)をさらに加えられるというものです。

これで、プロフィールにリンクなどいろいろなものに使えて便利ですね(*´ェ`*)

それでは、早速説明に入りたいと思います。

まずはHTMLのところで↓のどちらかを探します。
<$menuright$>(右にメニュー欄があるスキン)
もしくは
<$menuleft$>(左にメニュー欄があるスキン)

このタグ、メニューを作成しているタグですので、これのすぐ上か下に↓のタグを書き加えてください。

<div class="MNTTL">タイトル</div>
<div class="menu">載せたい内容</div>


青文字の所はお好きなように変えてください。

さらにCSSに↓を新たに追加します。

div.menu
{
width:150px;
text-align:left;
padding:0px;
margin:0px;
}


これはデフォルトを参考に作っていますので、合わない場合は変更してください。

僕もこれを早速使わせてもらいました。メニューの一番下にあるリンク集がこれを使ってできています。

今回参考にさせてもらったのはリンク集にも載っているcrossmoon2さんのページです。
[PR]
by butyo_1280 | 2005-09-27 23:21 | メニュー関係
2005年 09月 27日
タイトル: 記事内のリンク部分の装飾。
今回は、記事内のリンクの装飾をしてみたいと思います。まず、HTML編集画面の「本文」で<$postcont$>を探してください。

それをこのように編集してください。
<$postcont$>


次にCSSの編集に移ります。
下のようなのが無いスキンもあるみたいなのでもし無い場合は追加してください。

/*----------記事内のリンク----------*/
DIV.POST_BODY_SUB A:LINK
{
COLOR: #2A7E86;
TEXT-DECORATION : UNDERLINE;
}

/*----------記事内のリンクのアクセス済み----------*/
DIV.POST_BODY_SUB A:VISITED
{
COLOR: #2A7E86;
TEXT-DECORATION : UNDERLINE;
}

/*----------記事内のリンクをクリックした時----------*/
DIV.POST_BODY_SUB A:ACTIVE
{
COLOR: #2A7E86;
TEXT-DECORATION : UNDERLINE;
}

/*----------記事内のリンクをポイントした時----------*/
DIV.POST_BODY_SUB A:HOVER
{
COLOR: #8FC0BD;
TEXT-DECORATION : UNDERLINE;
}


今回した装飾は、
一度訪れたリンクの文字色を変更。
リンクの上にマウスポインタが来たら、文字の拡大、太字、文字色変更。
リンクの文字のアンダーラインを点線に変更。

変更後のソースは↓です。

/*----------記事内のリンク----------*/
DIV.POST_BODY_SUB A:LINK
{
COLOR: #2A7E86;
TEXT-DECORATION : NONE;
BORDER-BOTTOM : 1PX DOTTED ;
}

/*----------記事内のリンクのアクセス済み----------*/
DIV.POST_BODY_SUB A:VISITED
{
COLOR: #C875FF;
TEXT-DECORATION : NONE;
BORDER-BOTTOM : 1PX DOTTED ;
}

/*----------記事内のリンクをクリックした時----------*/
DIV.POST_BODY_SUB A:ACTIVE
{
COLOR: #2A7E86;
TEXT-DECORATION : NONE;
BORDER-BOTTOM : 1PX DOTTED ;
}

/*----------記事内のリンクをポイントした時----------*/
DIV.POST_BODY_SUB A:HOVER
{
COLOR: #F25B00;
FONT-SIZE : 11pt;
FONT-WEIGHT : BOLD;

TEXT-DECORATION : NONE;
BORDER-BOTTOM : 1PX DOTTED ;
}


青色が変更、桃色が追加になります。

するとこんな感じになります。>>クリック♪
[PR]
by butyo_1280 | 2005-09-27 15:37 | 記事関係
2005年 09月 27日
タイトル: 無理矢理、アクセス解析設置。
え~っと、前回は、カウンタを設置しまして、やっぱりカウンタの次はアクセス解析を設置したいですよね。ということで、今回は無理矢理、アクセス解析を設置してみたいと思います。

今回も前回と同じように忍者TOOLSのアクセス解析を使いたいと思います。

忍者TOOLSでアクセス解析を作成したら、解析用ソースというところがあると思います。そこをクリックすると↓のようなソースがあると思います。

<!--shinobi1-->
<script src="http://j8.shinobi.jp/ufo/xxxxxxxxx"></script>
<noscript><a href="http://x8.shinobi.jp/bin/gg?xxxxxxxxx" target="_blank">
<mg src="http://x8.shinobi.jp/bin/ll?xxxxxxxxx" border=0></a><br>
<a style="font-size:80%" href="http://www.neutrals.jp/" target="_blank">アクセス解析</a></noscript>
<!--shinobi2-->


exciteのスキン編集のHTMLの所で一番外枠を選択したら、ソースの一番最後の行に</TABLE>の後または</BODY>があると思いますので、その後に↓のソースだけを入れるだけです。

<script src="http://j8.shinobi.jp/ufo/xxxxxxxxx"</script


前回と同じようにxxxxxxxxxは個々で違います。

これで、アクセス解析の設置は完了です。前回と同じように無理矢理設置しているので自己責任でよろしくお願いします。

今回、参考にさせてもらったのは、shadowknight1223さんのページです。


緊急事態です!!

只今、私だけかもしれませんが忍者ツールのパソコン用アクセス解析が当ブログで紹介している方法でもエキサイト側からはじかれてしまうということが判明しました。

と言うことで、どうしてもアクセス解析を使用したいという方は携帯用のものをお使いください。

携帯用のものはそのまま貼り付けてもらっても十分機能します。
[PR]
by butyo_1280 | 2005-09-27 13:22 | その他
2005年 09月 27日
タイトル: 無理矢理、カウンタ設置。
どうにかして、scriptが使われているカウンタを設置したいと思っていまして、ずっとその方法を探していましたら、良い物を発見しました。

それは、無理矢理設置すると言うものです!!

今回僕が使ったのは忍者TOOLSのカウンタです。

忍者TOOLSで、カウンタを作成して、カウンタの設置というところに、HTML用ソースというところに↓の様なソースが載っていると思います。

<!--shinobict1-->
<script type="text/javascript" src="http://ct1.shinobi.jp/sc/xxxxxxx"></script>
<noscript><a href="http://ct1.shinobi.jp/gg/xxxxxxx" target="_blank"><img src="http://ct1.shinobi.jp/ll/xxxxxxx" border="0" alt="忍者TOOLS"><br>アクセスカウンター</a></noscript>
<!--shinobict2--->


<scprit></script>が使われていたら、エキサイト側から使えませんと注意されるので、これを省いてあげます。載せるのは↓のソースです。

<a href="http://ct1.shinobi.jp/gg/xxxxxxx" target="_blank"><img src="http://ct1.shinobi.jp/ll/xxxxxxx" border="0" alt="忍者TOOLS"></a>


xxxxxxxの部分は人によって違うかと思います。

これだけで一応作動するみたいですが、やり方がめちゃくちゃなので、不具合があるかもしれません。その時は消した方が良いかと思われます^^;;

それと、これは僕もどんな不具合が起こるかわからないため、自己責任でよろしくおねがいします。

今回参考にさせてもらったブログは、shadowknight1223さんのページです。
[PR]
by butyo_1280 | 2005-09-27 08:09 | その他
2005年 09月 26日
タイトル: 引用部分の装飾。
今回やってみたのは、記事を投稿するときに装飾ボタンとして、「“(引用)」というのを押したときの装飾をしてみました。これで説明文などを書くときなどにさらに分かりやすくなるかと思いますので、皆さんも一度試してみてください¥^^¥

やることは簡単です。CSSに↓を追加するだけです。

BLOCKQUOTE{
PADDING: 5PX;
MARGIN : 15PX 20PX 15PX;      
BORDER: 5PX #A9FF75 dashed;
BACKGROUND:#FFFFD7;
}


BACKGROUNDというのは囲まれている中の背景色のことです。
ちなみに、BORDER-STYLEを変えると囲んでいる線の種類を変えることができます。

none - - - ボーダーは表示されず、太さも0になります。表のセルなどのボーダーが重なり合う場合は他の値が優先されます。これが初期値です。

hidden - - - ボーダーは表示されず、太さも0になります。表のセルなどのボーダーが重なり合う場合はこの値が優先されます。

solid - - - 1本線で表示されます。

double - - - 2本線で表示されます。

groove - - - 立体的に窪んだ線で表示されます。

ridge - - - 立体的に隆起した線で表示されます。

inset - - - 上と左のボーダーが暗く、下と右のボーダーが明るく表示され、ボーダーで囲まれた領域全体が立体的に窪んだように表示されます。上下左右の一部だけに指定しても立体感は出ません。

outset - - - 上と左のボーダーが明るく、下と右のボーダーが暗く表示され、ボーダーで囲まれた領域全体が立体的に隆起したように表示されます。上下左右の一部だけに指定しても立体感は出ません。

dashed - - - 破線で表示されます。

dotted - - - 点線で表示されます。


今回も参考にさせてもらったのはcross moon2さんのページです。
[PR]
by butyo_1280 | 2005-09-26 14:15 | 記事関係
2005年 09月 25日
タイトル: コメント部分のスキン編集。
今日は、コメントを書き込む欄の上に『♪コメントよろしくお願いします♪』という画像を載せました_|\○_ ヒャッ ε= \_○ノ ホーウ!!!

編集は↓こんな感じです。

DIV.COMMENT_INPUT {
MARGIN-TOP : 20PX;
PADDING-TOP : 25PX;
BORDER-TOP : 1PX #AAA DOTTED;
BACKGROUND:URL(http://pds.exblog.jp/pds/1/200509/25/54/comment.jpg);
BACKGROUND-REPEAT:NO-REPEAT;
BACKGROUND-POSITION:TOP CENTER;
}


テキストを載せるのはいまいち操作場所が分からなかったんですけど、画像なら何とか載せれるみたいだったのでやってみました。

思っていたものが作れたので良かったです^^

crossmoon2さんのページを参考に編集させてもらいました。

意外と簡単にできるものなので、一度やってみてはいかがですか??
[PR]
by butyo_1280 | 2005-09-25 18:57 | コメント関係
2005年 09月 23日
タイトル: 広いコメント欄
今日は、コメント欄を広くしていました♪

やることはいたって簡単です^^

TEXTAREA.TXTFLD {height:10em;}


というのをCSSの中に追加してあげるだけでOKです。

bgcolorなどをいじったりしてみると楽しいですよ^^

皆さんも自分だけのスキンを作ってみてはいかがですか(*^o^*)
[PR]
by butyo_1280 | 2005-09-23 08:12 | コメント関係
2005年 09月 18日
タイトル: 期間:2005年9月11日~9月17日
期間:2005年9月11日~9月17日
:11
月:48
火:32
水:11
木:10
金:13
:16
今週の訪問者数----- 141
一日平均----------- 20.1
全体の訪問者数----- 596

まぁまぁといったところでしょうか^^;

来週は、もっと訪問者数を増やしますよぉ^^
[PR]
by butyo_1280 | 2005-09-18 00:48


        
Banner
チカさん作
↓画像提供↓
HEAVEN'S GARDENさん         
by butyo_1280