くぅたん日誌はこうして作られました。 くぅたん日誌のカスタマイズ全タグ紹介!
移転します!
リンクしてくださっている方には申し訳ありませんが、 本ブログは、 こちら に移転します。徐々に引っ越されていきます。
しばらくは、質問はこちらでOKですが、移転された項目については、移転先で質問してください。
(。-_-)ノ☆・゜::゜ヨロシク♪

(注1)初心者ヤプログ・ユーザのみ対応です。初めてカスタマイズする方は「1.」から順に読んでください。
(注2)素人なので難しい質問には答えられません。
(注3)あくまでもくぅたん日誌のカスタマイズ方法であって、これが全てではありません。
応用がんばってくださいね!
免責!!カスタマイズは自己責任です。いかなる場合でも当方では責任は負いかねますのでご了承の上、カスタマイズしてください。

スポンサーサイト

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

4.看板を掲げよう!

さて、いよいよ看板画像を自分のブログに掲げますよん。
いろんな方法があるのですが、くどいようですが、ここでは、くぅたん日誌でのやり方だけを書いています。

まず、管理ページのスキンのタブを選択し、
右のメニューからメインテンプレートを選択します。

ワケのわからない英語がたくさんでてきましたねぇ。。。
(;´Д`A ```

上から順に見ていくと、割と上の方に

<h1>
<div class="blog_title">
<a href="{$BlogUrl$}">
{$BlogName$}
</a>
</div>
</h1>

って文があるので、これを次のようにしましょう!

<h1>
<div class="blog_title">
<a href="{$BlogUrl$}">
<img src="http://www31.ocn.ne.jp/~tatsurokun/kuu.gif" width="750" border="0">
</a>
</div>
</h1>

赤字の部分が、「3.」でメモした看板画像のURLになります。
また、桃字部分は750px以下の画像を使用している方はそれに合わせてください。(実は省略でOKです。)
橙字部分は、750px以下の画像の方で画像に縁をつけたい方は数字を入力してください。ただし、750pxの画像で縁をつけると、ずれが生じますよぉぉ
同様に、アーカイブテンプレート、1記事テンプレートもやってみましょう!!
(暇なかたは、メイン、アーカイブ、1記事と画像を変えてみては??)

できましたか??

残念なことに、これで終わりではありません・・・
今度は、スタイルシートを選択してみてください。

ますますわけわかめな英語が並んでますねぇ・・・
...( = =) トオイメ

今度はかなり上の方に、
H1
{ 省略 }

ってのがあると思います。
ここを、次のようにしてください。

H1
{
PADDING-RIGHT: 0px;
PADDING-LEFT: 0px;
PADDING-BOTTOM: 0px;
MARGIN:0;
PADDING-TOP: 0px
}

また、そのちょっと下にある

.blog_title
{ 省略 }

を、次のようにしてください。

.blog_title
{
width:100%;
padding-right:0px;
MARGIN: 0px auto 0px 0px;
FONT-WEIGHT: bold;
FONT-SIZE: 16px;
OVERFLOW: hidden;
COLOR: #369;
WORD-BREAK: break-all;
LETTER-SPACING: 0px
}

赤字部分が大事な部分です。
桃字部分は、幅750px以下の画像を使用するときに
画像の脇に見える背景の色になります。

これできっと、ブログのヘッダーにオリジナルの看板が
掲げられていると思いますがいかがでしょうか?

もし、はみ出してる!とかありましたら、
きっとTableの指示のせいだと思いますので、
URLを残してくれれば、見に行きますよん。

ではでは、
o(*⌒O⌒)bふぁいとっ!!
スポンサーサイト
  1. 2005/04/13(水) 18:15:58|
  2. カスタマイズ|
  3. トラックバック:0|
  4. コメント:42
<<3.素材画像をアップロードしよう! | ホーム | 5.背景の色を変えよう!>>

コメント

くまちゃんさんへ

えと、隙間をなくすのは、
スタイルシートの
.blog_title
{
width:100%;
padding-right:0px;
MARGIN: 0px auto 0px 0px;
~以下省略}

としてください。

全体の幅を広げるのは可能ですが、
現状で説明するのが難しいので、
とりあえずありとあらゆる
750pxってやつを広げたい幅に変えてみてください。
それでうまくいかないときに、確認してみますね。

背景を画像にする方法は、15と44ですね。。
ちょっとやってみて、だめだったら
また書いてくださいね!
  1. 2005/11/09(水) 20:25:42 |
  2. URL |
  3. あにぃ #RRPcnItQ
  4. [ 編集]

質問ですぅ

あにぃさま、こんにちわ(*・ェ・*)v
早速看板を取り付けてみたのですが・・・もうちょっと幅を広くすることできますか?
それと・・・くまのブログの右側にブログペット(その下に画像)があるんだけど、隙間が気になるんです。この隙間って埋まるんですか?
それと、壁紙を貼りたいんです(背景?)
参考はNO:15と44ですか?これからじっくり勉強します。
もしかしたら初歩的な質問なのかもです、ゴメンナサイ。
でも教えてほしいですぅ☆よろしくお願いします!!!
  1. 2005/11/09(水) 15:20:17 |
  2. URL |
  3. くまちゃん #8Y4d93Uo
  4. [ 編集]

あにぃさん!!
ありがとうございます!バッチリです。
あにぃさん、カッコ良すぎです!

  1. 2005/11/04(金) 21:04:14 |
  2. URL |
  3. ch #-
  4. [ 編集]

chさんへ

隙間の問題は、
スタイルシートの、
.side_text
{
width:100%;
PADDING-RIGHT: 10px;
PADDING-LEFT: 5px;

って部分を、

.side_text
{
width:100%;
PADDING-RIGHT: 5px;
PADDING-LEFT: 5px;

にすればかろうじていけると思いますが、
も少し念を入れると、

.side_text
{
width:100%;
PADDING-RIGHT: 3px;
PADDING-LEFT: 3px;

ってとこでしょうか。。
または、ようするに、
https://www.yaplog.jp/candyheart-n/img/177/hourse_1.jpg
の画像サイズが、幅164なのですが、
左右の隙間余裕が左5、右10になっているので、
164+5+10=179 で設定の幅175を超えてしまっているから
ずれるわけで、画像を少し小さめにすればOKです。。

どうでしょうか??
  1. 2005/11/04(金) 19:19:06 |
  2. URL |
  3. あにぃ #RRPcnItQ
  4. [ 編集]

たびたびすみませんchです
タイトルは無事かかげられたのですが(先ほどの右はじの隙間の問題以外)
各記事にコメントを書くときのページになった時のタイトルが昔のタイトル(ピンク色)で出てしまいます。

これはどうすればよいでしょうか。。
  1. 2005/11/04(金) 10:40:48 |
  2. URL |
  3. ch #-
  4. [ 編集]

すみません

こんにちは
いつもお世話になっています。
chと申します。
教えてください
右はじが全部3ミリくらい白い隙間ができてしまいます。
これってどうしてなんでしょうか。。

すみませんが、教えてください・・
  1. 2005/11/04(金) 09:38:37 |
  2. URL |
  3. ch #-
  4. [ 編集]

ありがとうございます!

できました!
あにぃさん、すごいですね!!
また行き詰ったら教えてくださいペコm(_ _;m)三(m;_ _)mペコ
  1. 2005/10/28(金) 07:26:30 |
  2. URL |
  3. mink #-
  4. [ 編集]

minkさんへ

テンプレートの

<a href="{$BlogUrl$}">
{$BlogName$}
</a>

って部分を削除してみてください。。
エイエイ (ι´Д`)ノ オー!!
  1. 2005/10/27(木) 19:40:30 |
  2. URL |
  3. あにぃ #RRPcnItQ
  4. [ 編集]

教えてください!!

はじめまして! ブログカスタマイズやり始めました。
そこで教えてほしいのですが、
タイトル部分にペイントで作った画像を使ったんですが、
前からあるタイトル文字が残ってしまいます…
(ごめんなさい、やり方はカスタマイズの本を参考にしてやったので
こちらのやり方とはちょっと違うんです・・・)
タイトル文字を消すにはどうしたらいいんでしょうか?
よろしくお願いします。
  1. 2005/10/26(水) 13:58:52 |
  2. URL |
  3. mink #-
  4. [ 編集]

出来ましたヽ(*´∀`*)ノ
ありがとうございます◎
(*´人`*)
  1. 2005/08/21(日) 00:18:46 |
  2. URL |
  3. なぁ #-
  4. [ 編集]

なぁさんへ

img src="https://www.yaplog.jp/517200/img/49/asukin.gif"750"border="0";

ですが、750が浮いていますので、

img src="https://www.yaplog.jp/517200/img/49/asukin.gif"width="750"border="0"

に修正してくださいませませ。
(*- -)(*_ _)ペコリ
  1. 2005/08/20(土) 22:12:50 |
  2. URL |
  3. あにぃ #RRPcnItQ
  4. [ 編集]

こんばんは~★
実は、1番上の看板が、コメントとか書くページに移ると、縁取りされてしまうのですが、どこを直したら良いのか分かりません
(´ロ`;)

良かったら教えてください。
(>人<;)
  1. 2005/08/20(土) 00:04:24 |
  2. URL |
  3. なぁ #-
  4. [ 編集]

早速のお返事ありがとうございました!
ほんとだ・・・そこんとこ変え忘れていました(〃▽〃)
どうもありがとうございました。
さっき次々と変更を加えていったら文字の色を変えるところがことごとく失敗に終わったのでもう一度最初からやり直しています。
次はしっかり読みながらやりますのでまた困ったらお願いします(TдT) アリガトウゴザマス
  1. 2005/08/01(月) 21:37:14 |
  2. URL |
  3. ya #K47MgfVQ
  4. [ 編集]

yaさんへ

えと、スキンのスタイルシートの、

.blog_title
{
width:90%;
padding-right:10px;
以下省略}

ってのがあるので、そこを

.blog_title
{
width:100%;
padding-right:0px;
以下省略}

に変更してみてください。
ヽ(=´▽`=)ノ
  1. 2005/08/01(月) 20:50:08 |
  2. URL |
  3. あにぃ #RRPcnItQ
  4. [ 編集]

はじめまして

今回初めて参考にさせてもらいカスタマイズしています。自分で写真を使い作ってみたのですが右端の画像が切れてしまいます・・・。UPした画像は全部入った写真をつかっているのですが・・・。
メイン、アーカイブ、1記事テンプレ全て変えてみたのですがどれも同じようになりますのでコピペしてやっていたときにどこか間違って消してしまったりしたのでしょうか?元の画像を作ったときは幅750で作りました。原因がわからないのでどうぞよろしくお願いいたします。
  1. 2005/07/31(日) 22:18:50 |
  2. URL |
  3. ya #K47MgfVQ
  4. [ 編集]

えぇ?!
って事は、やっぱり最大5個って
おかしいんですね(;´□`)

ずっとコレが普通だと思ってました。。。
(;-3-)

何回やってみても新しく記事を書くたびに
アップロードした画像が消えてしまうので
イチイチ、アップし直さなくちゃいけないんです
(>ロ<。。。

もう嫌になっちゃいます=3

サイドバーやってみますね☆
ありがとうございました(v_v*)ペコリ
  1. 2005/07/31(日) 14:46:52 |
  2. URL |
  3. なぁ #-
  4. [ 編集]

なぁさんへ

テンプレートで、

<table cellpadding="0" cellspacing="0" border="0" width="750">
<tr>
<td valign="top" width="175">
<div class="side_left">
<!-- sidebar-left -->

って750と、175を調整すると、左のサイドバーも
調整できますよー
(*- -)(*_ _)ペコリ

あと、
サイドバーに画像を載せる場合も、看板画像を載せる場合と同じで、サイドバーの欄に、

<img src="画像のURL" border="0">

でいいですよん。
最大5個????
( ̄ェ ̄;) エッ?
ヤプログさんとこで説明してるやりかたで、
問題なくできるはずなので、
もいちど、頑張ってみてくださいませませ。
力になれなくて、ごめんちゃいm( __ __ )m
  1. 2005/07/31(日) 09:17:53 |
  2. URL |
  3. あにぃ #RRPcnItQ
  4. [ 編集]

あの。。。。
サイドバーに画像を乗っけるやり方を
教えていただきたいです
(;´ロ`)

私は一応乗っけては、いるのですが・・
新記事を書くたびに
サイドバーの画像に×印がつくので
一回一回画像UPし直さなくちゃいけないん
ですヽ(>ロ<)ノ

それに最大五個までしかUP出来ないのです
(●-д-)

他の人のブログは五個以上画像があったり
するので
きっと私の画像の乗せ方が悪いんですよね??

ちなみに
「ヤプログの使いこなし」みたいな所で
見たやり方をしてます(´ε`*)

記事とは関係ない質問で
ごめんなさい。。
(>ロ<....
  1. 2005/07/30(土) 07:07:12 |
  2. URL |
  3. なぁ #-
  4. [ 編集]

ありがとうございました
(u_u*)
無事にできました◎

あと。。。。
サイドバーのサイズ(左)をもうちょっと
広げたいのですが
どうしたら良いでしょうか??
(;´ロ`)
  1. 2005/07/30(土) 02:17:13 |
  2. URL |
  3. なぁ #-
  4. [ 編集]

なぁさんへ

(;´Д`A ```
なんといったらいいのか・・
画像サイズ750と確かに説明したのですが、
これはヤプログの標準のサイドバーサイズ、記事サイズを
使用した場合なので、サイドバーや記事のサイズを変更
されているようなので、画像がずれたということです。

さて、どうすればいいか・・・
やるとしたら、

<table align="center" cellpadding="0" cellspacing="0" border="0" class="range" width="750">
<tr>
<td>
<h1>
<div class="blog_title">
<a href="http://yaplog.jp/517200/">
<img src="https://www.yaplog.jp/517200/img/0/asukin.gif"width="750"border="0">
</a>
</div>
</h1>
<table width="750" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="blog_description">
<h2>
<MARQUEE scrollamount="5">一日の出来事や自分の待受けサイトの事や同棲中の彼氏との出来事なども語ってます☆(●´艸`)読んでくれたら嬉しいデス♪ヽ(*‘∀`*)ノ
</h2>
</td>
</tr>
</table>

ってのがテンプレートにあると思うけど、
これの

<table align="center" cellpadding="0" cellspacing="0" border="0" class="range" width="750">

の750を、調整して、さらに、

<table width="750" border="0" cellspacing="0" cellpadding="0">

の750も調整して、さらに、

<div class="blog_title">



<div align="center" class="blog_title">

にしてみてください。
どうでしょうか?
できましたでしょうか??
説明下手で(ToT)ゞ スンマセン
m(。_。;))m ペコペコ…

  1. 2005/07/29(金) 20:09:46 |
  2. URL |
  3. あにぃ #RRPcnItQ
  4. [ 編集]

初めまして。こちらを参考に看板を張ってみたのですが。。
画像が真ん中にこないんです
(;´ロ`)
こんな画像のサイズがいけないのでしょうか?
右に寄ってしまいます。
  1. 2005/07/29(金) 01:23:55 |
  2. URL |
  3. なぁ #-
  4. [ 編集]

あにぃしゃん、すごい!!
私のあんなにつたない文章で
直す手立てを見出すなんて∑(゜ロ゜=;)

もう、大感謝ッス!!

だいぶ形になってきた(*´Д`*)

ありがとうございまする。ペコペコ
  1. 2005/07/04(月) 00:05:24 |
  2. URL |
  3. ふぇび #-
  4. [ 編集]

みゆきさんへ

えと、
ほんとに申し訳ないのですが、
画像の加工については、
ソフトによって違いがあて、
縮専ってソフトを使ったこともないので、
なんともコメントできないんです。
ごめんちゃいm( __ __ )m
画像の加工については、
画像の加工について説明しているサイトを参考にお願いしますです。
m(。_。;))m ペコペコ…
  1. 2005/07/03(日) 19:46:33 |
  2. URL |
  3. あにぃ #RRPcnItQ
  4. [ 編集]

ふぇびさんへ

全体の右端が切れてるのは、
次の箇所を修正してください。

スキンのスタイルシートの割りと上に
.blog_title
{
width:100%;
padding-right:0px;
MARGIN: 30px auto 10px 20px;
以下省略

ってのがあるので

.blog_title
{
width:100%;
padding-right:0px;
MARGIN: 0px auto 0px 0px;
以下省略

に修正してくださいませ。。
ヽ(=´▽`=)ノ
  1. 2005/07/03(日) 19:36:39 |
  2. URL |
  3. あにぃ #RRPcnItQ
  4. [ 編集]

はじめまして

私もオリジナルのブログを
作りたい!!
と意気込んで、あにぃさんのを
拝見させていただきながら
やってみたのです・・・
がっ!!
まず最初の看板画像がうまく
いきません・・・。
゜゜(´□`。)°゜。
画像ですが、私は【縮専】の
ソフトでサイズを変えてみたの
ですが、どのサイズにしてみても
正方形のとても大きなサイズで
でーん!!とアップされて
しまいます。
あにぃさんみたいに長方形に
なりません・・・。
しかもとにかくでかくなって
しまいます。
サイズを変えると画像が悪くなる
だけで大きさは変わりません。
初めてなのに、大変あつかましい
お願いですみません。
教えてください。
  1. 2005/07/03(日) 10:39:43 |
  2. URL |
  3. みゆき #W8J0ugUE
  4. [ 編集]

管理人のみ閲覧できます

このコメントは管理人のみ閲覧できます
  1. 2005/07/03(日) 00:33:57 |
  2. |
  3. #
  4. [ 編集]

えと

メインテンプレートでやった作業を
アーカイブテンプレートと
1記事テンプレートでも
やらないといけないんです。。
説明足らずで
m(o・ω・o)mゴメンヨ
  1. 2005/07/02(土) 23:46:55 |
  2. URL |
  3. あにぃ #RRPcnItQ
  4. [ 編集]

タイトル画像が、、、orz

はじめましてです ( ゜ー゜)ノ
とりあえず、ちまちまとあにぃ様の
作成方法をみながら、頑張ってるのですが
タイトルアップはできました・・・
しかーーし、
そのタイトル画像って一番最新のページでしか
表示されません(´・ω・`)
例えば、昔の月別とか選んで飛ぶと
頑張ったタイトル画像が削除されてます。。

あにぃ様のくぅたんは、ずっとかわいく
鎮座してるのに。。。orz
何かがイケないんでしょうか?
お忙しいと思いますが、ご指導お願いします。
  1. 2005/07/02(土) 04:03:23 |
  2. URL |
  3. ふぇび #-
  4. [ 編集]

ドモッ(ёдё)ノ"

無事にできたようでよかったです。
紹介はご自由にどうぞです。。
ヽ(=´▽`=)ノ
  1. 2005/06/08(水) 20:37:00 |
  2. URL |
  3. あにぃ #RRPcnItQ
  4. [ 編集]

すみません

もういちどやり方を見直したら抜けているところがありまして、無事成功しました!
ありがとうございます。

とてもお世話になったので私のブログでこちらを紹介させていただきましたがよろしいでしょうか?
  1. 2005/06/08(水) 19:43:07 |
  2. URL |
  3. ch #-
  4. [ 編集]

はじめまして

はじめまして、超初心者です。
本日始めてこちらのhpを見つけて来て、5時間かかってやっと全体の背景と看板を作ることができました。

しかし。。。。

カテゴリー別に日記を見ようとしたとき、看板が元に戻ってしまいます。

これはどうしてでしょうか。

申し訳ありませんが教えてください。よろしくお願いします。
  1. 2005/06/08(水) 15:29:53 |
  2. URL |
  3. ch #-
  4. [ 編集]

(@`▽´@)/ ハイッ

無事アップされたようでよかったです。
楽しんで頑張ってくださいませませ。。
ヽ(=´▽`=)ノ
  1. 2005/05/23(月) 20:42:33 |
  2. URL |
  3. あにぃ #RRPcnItQ
  4. [ 編集]

(o゜◇゜)ノあぃ

返事遅くなってm(o・ω・o)mゴメンヨ
無事できたようでよかったよかた。
ヽ(=´▽`=)ノ
  1. 2005/05/18(水) 19:39:46 |
  2. URL |
  3. あにぃ #RRPcnItQ
  4. [ 編集]

できましたー。
初歩的なミスでした。
お騒がせしてすみませんでした。
  1. 2005/05/18(水) 00:52:03 |
  2. URL |
  3. #-
  4. [ 編集]

教えてください!

こんばんわ。はじめまして。
茜と申します。
実は移転に伴いカスタマイズをしようとおもったんですけど
うまくできません。
左端に}とかでて来てしまうし…。
良かったら教えてください!
お願いします。
  1. 2005/05/18(水) 00:45:53 |
  2. URL |
  3. #-
  4. [ 編集]

(ノ´▽`)ノオオオオッ♪

レス順序変わってまった・・・
(ToT)ゞ スンマセン

(。・w・。 ) ププッ
ネタつきたし、時間も減ったからねぇ・・・
でも、見に来てくれる人がいて、(..)(^^)(^。^)(*^o^)(^O^)ウレシーーー!!
ニャハハ☆(゜∇゜☆)(☆゜∇゜)☆ニャハハ

また、コメント残してね!!
(;人;) オ・ネ・ガ・イ
  1. 2005/05/11(水) 20:39:59 |
  2. URL |
  3. あにぃ #RRPcnItQ
  4. [ 編集]

ほいほい(o‥o)/

できたようでよかったよかったです。
ヽ(=´▽`=)ノ
  1. 2005/05/11(水) 19:11:15 |
  2. URL |
  3. あにぃ #RRPcnItQ
  4. [ 編集]

あにぃさんありがとうございます!
看板画像貼れました☆
でも、最初は/0/ってなってたのに・・・。何でなんでしょう(・・;)
あ、リンク貼らせていただきました!
またお世話になります。よろしくお願いします。
  1. 2005/05/11(水) 14:09:20 |
  2. URL |
  3. ゆらゆら #-
  4. [ 編集]

(*゜ο゜)ゞ おっす!

w( ̄△ ̄;)wおおっ!。
龍郎。。ネタつきた??笑
でも・・見てくれてる人が思ったより多くて嬉しいね♪

ゆらゆらさん。。o(*⌒O⌒)bふぁいとっ!!
  1. 2005/05/10(火) 20:29:27 |
  2. URL |
  3. yumiko #-
  4. [ 編集]

( ´△`)アァ-

えと、画像のURL間違ってますますよ~~
(;´Д`A ```

https://www.yaplog.jp/yurayurali/img/0/yura2li.gif

じゃなくて、

http://yaplog.jp/yurayurali/img/1/yura2li.gif

なので、
なおしてみてくださいませませ。。
エイエイ (ι´Д`)ノ オー!!
  1. 2005/05/10(火) 20:19:23 |
  2. URL |
  3. あにぃ #RRPcnItQ
  4. [ 編集]

すいません!先ほどコメントを残した ゆらゆら です!!
URL間違ったので、こちらでおねがいします!!!
  1. 2005/05/10(火) 17:44:43 |
  2. URL |
  3. ゆらゆら #-
  4. [ 編集]

はじめまして!

ブログをカスタマイズしてやろうと思って、
コチラを参考に、この通りにやったのですが、
なにぶん超初心者なもので・・・。
看板画像すら貼れなかったんです(T□T)
どうしたらいいか教えてください!!
  1. 2005/05/10(火) 16:13:22 |
  2. URL |
  3. ゆらゆら #-
  4. [ 編集]

コメントの投稿

管理者にだけ表示を許可する

トラックバック

トラックバックURLはこちら
http://10166.blog8.fc2.com/tb.php/5-036fc23e
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。