2nd Blog 【カスタム】

Profile

taisa

Author:taisa
ようこそ2nd Blogへ♪

当ブログはリンクフリーで～す♪

ご自由にどうぞ。

ですけど・・・・。

コメント＆メールでお知らせしてくれると、とっても嬉しいです♪

もちろん、こちらからも遊びに行かせて頂きます♪

夏はクワガタ採集に夢中！

さらには、最近ではカメレオンに夢中になっている。

おじさんです。（笑

何がきっかけかわからないが・・・ＨＰもやっていたりします。

HP:CRAZY HOUSE←これね♪

ちなみに！！このブログとＨＰのリンクバナーを用意しています♪

リンクバナー専用ページ←ここです♪

それでは、2nd Blogでお楽しみ下さい♪

ブログランキング

本日のブログランキングの注目は！
こちら↓から確認です♪

自作ケージ作成

カメレオンのケージを作成しました♪
その時の記事はこちらです♪
また、ＨＰでも詳しく紹介しています。
そちらも見てくださいね♪

Comment

ＣＭ。おぉ～！たいささんも作ったんですね＾＾
新しい生物、気になるなぁ～ｗ

私もＣＭ２本作りましたよ！
ＨＰにコーナー作ってるので見てやってくださね～o(*^▽^*)o~♪みう大きくなったねぇ～♪BAZさん
放置ですか！？（笑
そんな事を言いながらもしっかりと世話をしているのが！目に浮かびますよ～（笑

我が家のルディスの成長が楽しみで仕方ないですよ（笑taisa久しぶりです♪そらりくさん
北海道は、そちらに比べたら涼しいのですが・・・
それでも暑いと感じるんですよね～（笑
贅沢ですね。
フトアゴは１ヶ月位前に迎え入れてたんですよね～taisa大きくなったねぇ～♪飼育している子達が順調に育っているんですね～♪

我が家も順調です。放置だけど・・・（爆BAZ久しぶりです♪ご無沙汰してます＾＾お忙しいそうですね～。
北海道は涼しいから、バリバリ働けるんでしょうね～
もうこちらは暑くて暑くて仕事をする気になりません＾＾；）
フトアゴちゃんもお迎えされてそらりく少しづつ。えりだんさん
そうなんですよ。
昨年は、なかなか見かけなかったのですが！？
今期は早くも発見ですよ（笑
サミットも終わりましたけどね～今度は私が忙しいですよ(ｱｾtaisa少しづつ。こんばんは。。珍しくノコですね♪
サミットも終わりやっとパトロールにでれますね（＾＾；えりだん少しづつ。まささん
高校生だったのですね～。
いいなぁ～若くて（爆
カブトはここ数年、北海道でも採集できますね～。
あまり、ありがたくないのですがね（ｱｾ
今年は是非、採集taisa少しづつ。御無沙汰しておりますぅ～（笑ヒメ採集・・・・・

ん～～～　ヒメ

お久しぶりなのにキモイ絵文字使ってすんません！！！（爆コンセプト＠少しづつ。北海道は早いですね、こちらでは全く見ません（^^;
此方の方が温かいのに？勘違いしてましたね～
暑い、蒸すで最悪です（―。―；）
私も晴れたらチョット出掛けてみま～gosotarou

タイトルをバナーに変更する方法。

リクエストがあったので今回は、タイトルバナーをアイコンやバナーに変更する方法を載せたいたいと思います♪

ただし・・・コレを載せる前に、一つ言いますが・・・・
簡単にカスタム出来るテンプレートと少し変更部分が多くなるテンプレートがあると言うことを理解してください。

また、作る方によっては多少の違いがあるために、全てのテンプレートに有効ではないとと言うことも理解してください。

今回は、リクエストがあった方のテンプレートを対象に記事を書きたいと思います。
その他のテンプレートの方で変更したいと思う方はコメントください。

ただし・・・中には・・変更出来ないテンプレートもあるかもしれません。
その時はご了承ください。

それでは、気になる方は続きをどうぞ♪

本日のブログランキングの注目は！
こちら↓から確認です♪

【続きを読む】

[ 2008/01/23 16:01 ] 【カスタム】 | トラックバック(-) | CM(2)

予定。

先日から、ブログのカスタムの記事をいくつか書いているのですが。
今後、どんなカスタム方を載せようか？

考えているのですが・・・・。
今まで紹介したのは、

【横型カレンダー追加】
【TOP画像の変更】
【横型メニューの追加】
この３つを紹介したのですが。

今後、の予定としては・・・
【新着記事にnewマークを付ける方法】　←時間指定可能（２４時間）
【記事タイトルにアイコンを使用（変更）】　
【メニュータイトルにアイコン使用（変更）】　←当ブログ参照
【続きを読むを折り畳み式にする】
【タイトル文字をバナーに変更】
【TOP画像にカウンターを設置】　←当ブログを見て頂くとわかります。
【記事の最後に広告入れる】　←ランキングバナーなど。

今の所この位ですかね。
※ただし・・・テンプレートの制作者によってはカスタムを禁止している場合があるので気をつけてね。
それと・・・私自身は、テンプレートを作成していません。
なんでって・・・・意外と面倒だから（笑←作ろうと思えば作れるんですけどね（笑

話がそれました。（笑　

その他にも、色々とやれることがあると思うのですが・・・
何かあるだろうか？
今は思いつかないね。(ｱｾ

さて、どの記事から書こうか？そこも問題だったりします・・・
載せてほしい記事ってありますかね？

※追記：赤字の所は掲載しました。2008年1月23日
本日のブログランキングの注目は！
こちら↓から確認です♪

[ 2008/01/22 12:37 ] 【カスタム】 | トラックバック(-) | CM(4)

横型メニューの追加方

初心者でもわかるカスタム編。←いつからこんな名称に（笑

今回は、横型メニューの追加の仕方です。

どんな感じかと言うと、当ブログのカレンダーの上にあるBOX型のメニューです♪

本日のブログランキングの注目は！
こちら↓から確認です♪

【続きを読む】

【続きを閉じる】

まず、挿入する場所ですが、どこにでも挿入は可能です。（ＨＴＭＬの編集だけで可能です）

私のテンプレート同様にトップ画像の下に挿入する場合ですが。

横型のカレンダーを挿入したように、

この中にも色々と書かれています。

このような場所を探してください。（ＨＴＭＬ編集）

この下に次のタグを挿入します（コピペOK）

この中にも色々と書かれています。

<STYLE TYPE="text/css">
<!--

#menu2 {
width: 790px; /* メニュー全体の横幅 */
}

#menu2 DIV {
float: left; /* 回り込み */
width: 20%; /* ボタンの横幅 */
}

#menu2 A {
display: block; /* ブロック要素 */
background-color: #F7F7F7; /* 背景色 */
border-width: 2px; /* 枠線の太さ */
border-style: solid; /* 枠線のスタイル */
border-color: #006600 #001100 #001100 #006600; /* 枠線の色（上・右・下・左） */
padding: 3px; /* リンク部分の余白 */
text-align: center; /* リンク文字の位置 */
text-decoration: none; /* リンク文字の下線 */
font-size: 10pt; /* リンク文字のサイズ */
font-weight: bold; /* リンク文字の太さ */
}

#menu2 A:hover {
color: #FF0000; /* ポイント時の文字色 */
}

-->
</STYLE>
<DIV ID="menu2">

<DIV><A HREF="URLを入力">文字を入れる</A></DIV>
<DIV><A HREF="URLを入力">文字を入れる</A></DIV>
<DIV><A HREF="URLを入力">文字を入れる</A></DIV>
<DIV><A HREF="URLを入力">文字を入れる</A></DIV>
<DIV><A HREF="URLを入力">文字を入れる</A></DIV>

</DIV>

これだけで終了です♪これまた簡単でしょう。

今回は色指定などがどこに影響するか、横に記入してあるので分かりやすいかな？

～　をコピペして挿入するといいので簡単ですね♪

※もちろん、テンプレートの種類によっては・・・簡単に挿入が出来ない場合があるのでご了承ください♪

[ 2008/01/19 14:52 ] 【カスタム】 | トラックバック(-) | CM(0)

TOP画像の変更方法。

さて、第２弾はTOP画像の変更（差し替え）ですよん。

これは比較的みんさん簡単に出来るているので・・・

説明は不用かと思うのですが・・

一応・・・書いて見ようかと思います。

気になる方は続きをどうぞ。
本日のブログランキングの注目は！
こちら↓から確認です♪

【続きを読む】

【続きを閉じる】

※テンプレートの種類によっては変更（差し替え）出来ません。また、画像の変更を禁止しているテンプレートもありますので、テンプレート制作者さんのページで確認してください。

まずは、変更するにあたり画像を用意しましょう～♪使うテンプレートの全体の幅が重要ですスタイルシートの種類により書かれているところが違うので説明は出来ません(ｱｾ

でも、良く見ると必ずあります、ちなみに今私が使用しているテンプレートは800pxの画像です。

高さは簡単に変更可能ですからお好きな高さでいいですよ。ただし大きすぎるのはオススメしません。

それでは、変更する部分ですが、スタイルシートの編集部分を変更します。

テンプレートに画像が使われている場合。（変更するだけです）

各テンプレートによって違いはあるのですが、スタイルシートの編集部分の中から。

#header ~から始まる部分があります。

例えば、

#header { ←（bodyで作られている場合もあります）
margin: 0px;
padding: 0px;
height: 170px;
background-image: url(画像のURLが入っています);

このように、書かれている所があります。青い部分は画像の高さです←ここは自由に変更できます。作成した画像の高さに変更してください。

オレンジの部分は使いたい画像のURLを入れるだけです。

これで、ご自分で使用したい画像に変更出来ます。

簡単でしょう♪

では、次は元々画像が使われていないタイプのテンプレート（色だけ指定したある物）に画像を追加したい場合はどうするか？（上と同じように、テンプレの横幅は調べてね）

テンプレートに画像指定がない場合。

画像が使われている場合は画像のURLの変更をするだけで簡単に変更出来たのですが、使われていない場合は・・・・

次のようにします。

#header

～

background-image: url(画像のURL);
height: 170px;
background-repeat: no-repeat;
background-position: center;
}

この赤い部分を新たに追加することが必要です。（コピペでOK）

もちろんオレンジの部分と青い部分は変更してください。

おそらくこれで大丈夫だと思います。

ただ・・・全てのテンプレに適用出来るかは未確認です。

出来ない場合もあることをご了承ください♪

とっ！！こんな感じですかね？今回も説明が微妙ですね・・・・。

と言うのも・・・テンプレの作る方によって違いが出てくるので、絶対はありませんから。

ただ・・良く見るとわかるはずです。

頑張って見てください。また、どうしても分からないと言うかたはテンプレの名前を教えて頂ければ！

お答え出来るかも知れませんので言ってくださいね。

ただ・・・出来ない場合もありますのでご了承ください。

[ 2008/01/19 13:14 ] 【カスタム】 | トラックバック(-) | CM(0)

横型カレンダーの追加方法。

このカテゴリーでの記事は初めてになるのですが・・・

少しテンプレートのカスタムの基本的な事でも書いて見ようと思っています。

第１弾は、横型カレンダーの追加方法です。

気になる方は続きをどうぞ♪

本日のブログランキングの注目は！
こちら↓から確認です♪

【続きを読む】

【続きを閉じる】

※テンプレートの種類によっては追加出来ないテンプレートもあると思います※

まずは、ＨＴＭＬの編集です♪

ほとんどのテンプレートのＨＴＭＬの中には、ヘッダーと言う所があります。

例えばこんな感じにです。

この中にも色々と書いてあります。

このヘッダー部分の下に赤い部分を打ち込みます。（コピペでOK)

<div class="yoko_calender">
<b><%now_year> <%now_month></b> /
<a href="<%prev_month_link>"><%prev_month> last month≪</a>

<span class="day"><%days></span>

<a href="<%next_month_link>">≫<%next_month> next month</a>
</div>

ＨＴＭＬの編集はこれで終わりです。意外と簡単でしょう？

次はスタイルシートの編集です。ＨＴＭＬだけ編集しても・・・ダメですよ～。

次はスタイルシートの編集ですが、基本的にはどこにいれてもいいのですが。

フッター設定の上部にいれないと正常に表示されません。

無難にヘッダー下に入れると良いと思います。

/*横カレンダー部分----------------------------------*/
.yoko_calender {
text-align:center;
font-family: Verdana, "ヒラギノ角ゴ Pro W3", "ＭＳＰゴシック", Osaka;
font-size:10px;
color:#001100;
border-top:1px solid #006600;
border-bottom:1px solid #006600;
padding:2px 0;
margin:10px auto 10px;
}