(案内)ヤプログのカスタマイズ2

2004/10/05 [火] 20:00
「自己責任で」カスタマイズしてくださいませ。

何かあったとしても、当方は一切責任を負いません。
バックアップを取ってからカスタマイズすることをお薦めします。

HTML/CSS変更可能ではないスキンでも利用できそうなものには★を付けています。
(ドリコムブログでも使えるかも)


■ 目次 ・・・らしきもの(上の方が新しい・下に行くほど過去の記事)

免責
 → 必ず読んでください。
   当ブログの記事を参考にされる場合には、熟読しているものとします。

構成(ブログ全体)【No.1】

構成(サイドバーとブログ本文)【No.2】

幅指定箇所【No.3】

HTML記述の基本【No.4】

右端に隙間を作らないようにするには【No.5】
 → 昔の話し

気を付けていること【No.6】
 → 私が気を付けていること。 参考サイト様。

スタイルシート(padding/margin/border)【No.7】

スタイルシート(テキスト関係)【No.8】

スタイルシート(リンクの挙動)【No.9】

日付表記について【No.10】

スタイルシート(背景色・画像)【No.11】

スタイルシート(サイドバーのタイトル部分1)【No.12】

スタイルシート(サイドバーのタイトル部分2)【No.13】
 → 画像を利用

サイドバーにプロフィール等を付ける【No.14】 ★

スタイルシート(textarea/input)【No.15-1】

サイドバーに別窓を表示【No.16】 ★
 → ifameです

サイドバーを折り畳む1【No.17-1】 ★

サイドバーを折り畳む2【No.17-2】
カスタマイズの前に【No.18】 ★

デザインが崩れたときの調べ方【No.19】

スクロールバー【No.20】 ★

テーブルレイアウト【No.21】

ブログタイトルに画像を使う【No.22】

サイドバーにアイコンを表示【No.23】 ★
 → サイドバーのアイコン置換を、JavaScriptを使わないで
 → ヤプログの独自タグ(サイドバ−)【No.37】を使うのが、一番スマートで思うようになると思いますが。

線のスタイルについて【No.24】

記事の日付を右に寄せる【No.25】

ヤプログの独自タグ、独自コンテナタグ(テンプレート)【No.26】

ランキングのリンクなどを、毎回書く手間をはぶく【No.27】

ヤプログの独自タグ、独自コンテナタグ(サイドバー1)【No.28】 ★

ヤプログの独自タグ、独自コンテナタグ(サイドバー2)【No.29】 ★

記事の枠を画像にする・改【No.30】

記事編集画面へのリンク・改【No.31】

ヤプログの独自タグ(追加分)【No.32】  ★

サイドバーのタイトルを画像にする【No.33】 ★

カテゴリー名にアイコンを付ける【No.34】  ★

ヤプログの独自タグ(カレンダ−)【No.35】 ★

2カラムにする【No.36】

ヤプログの独自タグ(サイドバ−)【No.37】 ★
【No.28】【No.29】を書き直しただけですが

画像のアップロードと、そのアドレス【No.38】 ★

--------------------------------------------------------------
JavaScriptなどを使ったカスタマイズ
(参考先へのリンク+私なりの変更とかがある場合はそれも)

カテゴリー名別アイコンを表示

TrackBackのアドレスを自動選択&コピー

ブログ内検索 ★

アーカイブをプルダウンに ★

サイドバーのアイコン変更 ★

記事編集画面へのリンク

サイドバー日付表記の変更 ★

独自タグを利用した、サイドバーのカスタマイズ ★

最新記事・コメントのツリー化 ★

新着にアイコンを表示 ★

追記の折り畳み(ヤプログ)

カテゴリ・アーカイブ・リンクのツリー化 ★

コメントプレビューのON/OFF

1年前へのリンク

url : http://yaplog.jp/material/archive/65

   コメント


 > ミナボンさん

こんにちわ〜。

ああ、うまく表示できているようで、良かったですv

慣れないと、沢山文字は並んでいるし、大変ですよね;
でも、それが楽しくなってくると、ハマりますよ〜。

下のコメントで、色代えのタグが出ちゃっているのに、読みとってもらえて良かった・・・。
Posted by:  とーこ → ミナボンさん   at 2005/04/12 [火] 17:27


 またまたお邪魔します。
なんとかかんとか、画像も現れて収まりました。
アドバイス、本当に有難うございました
また、何かあればお世話になるかもしれませんが、どうぞ宜しくお願いします。

いや〜しかし、素人ながらにこういう事をすると、ホントもう疲れました
ヘトヘトです
Posted by:  ミナボン  at 2005/04/12 [火] 04:21


 とーこさん、こんちは。
お忙しいところ早速の丁寧な回答ありがとうございました。

ブログ説明文の右の隙間は、お陰できちんと戻りました!!スッキリです!
各テンプレートもいじらなきゃいけなかったのですね。ド素人なもので・・・(汗)
あと、ブログタイトルの左上に画像を置きたいのですが、どうしても反映されません・・・><
もうにっちもさっちもいかなくて、煮詰まってます。

なんだか質問する所を間違ってたようですね、私。
たびたび申し訳ないです・・・。
Posted by:  ミナボン  at 2005/04/12 [火] 02:01


 > ミナボンさん

はじめまして、こんにちわ〜。

> タイトル部分の左上に画像を置きたいのですが、高さはどうやって変わるんですか?
ブログのタイトルの左上・・・ということでしょうか?

ブログタイトルの高さは、スタイルシートの以下の部分で変更できます。

.blog_title
{
padding: 100px auto 30px 50px;
text-align: left;
width:100%;
padding-right:10px;
MARGIN: 30px auto 10px 30px;
FONT-WEIGHT: bold;
〜略〜
}

paddingとmarginの違いについては、この辺に書いてあります。


あと、ブログ説明文の右の隙間ですが、これは記事部分やサイドバーの幅を広げたことによります。
各テンプレート(最初の方)の、以下のところを、変えてみてください(たぶん830くらいかな・・・?)

<table align="center" cellpadding="0" cellspacing="0" border="0" class="range" width="750">
<tr>
<td> <h1>
<div class="blog_title"><a href="{$BlogUrl$}">{$BlogName$}</a></div>
</h1>
<table width="<色:#cc6666>830" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="blog_description"><h2>{$BlogDescription$}</h2></td>
</tr>
</table>
Posted by:  とーこ → ミナボンさん   at 2005/04/11 [月] 10:43


 はじめまして。
今までにも拝見させて頂いてまして、とっても参考になってます。
が、今回どうしても分らなくて、質問させていただきます。
タイトル部分の左上に画像を置きたいのですが、高さはどうやって変わるんですか?
あと、ブログの説明文の右端にかなり隙間が出来てしまうのがどうやっても分かりませんっ!
お手数ですが、お時間のある時に教えて頂きたく思います。
Posted by:  ミナボン  at 2005/04/10 [日] 08:26


 > かよ。さん

拙いブログですが(発展途上だし・・・)、お役に立てれば嬉しいです♪

ああ、ヤプースに合わせたデザインなのですねv
あっちが変更できないので、そういうのもテですよね〜。

カスタマイズって、それぞれの個性が出ているので、見ていても楽しいなぁ。
Posted by:  とーこ → かよ。さん   at 2005/04/08 [金] 14:48


 こんにちわ〜
この前はトラバさせてもらいまして〜〜
そして今回もまた参考にさせてもらいました。
いじるときは必ずここを見ていじらせていただいてます。
このサイトのおかげで自分の満足のいくブログのデザインが
ドンドンできてほんとにありがたいです。
(^人^)感謝♪
今度も参考にさせていただきながらがんばりますぅ〜
Posted by:  かよ。  at 2005/04/07 [木] 15:00


 > プックさん

はじめまして、こんにちわ〜v

まだまだ未熟者だし、ブログはまとまりつかなくなってきちゃっているし・・・と思うところは沢山あるのですが、それでもそう言っていただけると嬉しいです♪

慣れないとHTMLもスタイルシートも、謎な単語の羅列で、大変かもしれませんね。
頑張ってください〜。

何かありましたら、お気軽にどぞ〜。
Posted by:  とーこ → プックさん   at 2005/04/02 [土] 14:27


 初めまして、こんばんわ。
初カスタマイズでめちゃめちゃお世話になってます。なりまくっちゃってます。
お蔭様でなんとかカタチになりましたvvv
これからも、『』 が現れる度に伺うと思いますが、ヨロシクお願いします
Posted by:  プック  at 2005/04/01 [金] 02:04


 > SAORIさん

いえいえ〜(遅いのは私もデス:苦笑)。

直って良かったですv
Posted by:  とーこ → SAORIさん   at 2005/03/28 [月] 15:49


 遅くなって申し訳ありませんでした☆
トーコさんに助言していただいて
助かりました♪
ありがとうございました〜!!!!
Posted by:  SAORI  at 2005/03/27 [日] 13:03


 > あとみさん

いえいえ〜。

このブログ、色んなところに、色んなコトを書いてはいるのですが、なかなか見つかりませんよね・・・;;
Posted by:  とーこ → あとみさん   at 2005/03/22 [火] 10:04


 出来ました!!
ありがとうございます!!
めちゃ感謝します
Posted by:  あとみ  at 2005/03/19 [土] 16:03


 > さおりさん

はじめまして、こんにちわ〜。
コメントの場所に困ったときには、掲示板もどきをどうぞ〜。
カスタム系の記事なら、どこでも良いですけどね。

質問のですが、1記事テンプレートの以下の場所で、赤字部分が抜けているようですよ〜。

  <TD class=blog_description>
    <H2>{$BlogDescription$}</H2></TD></TR></TBODY></TABLE>
  <table cellpadding="0" cellspacing="0" border="0" width="750">
  <td valign="top" width="400" align="center">

    <!-- archive navigation -->
Posted by:  とーこ → さおりさん   at 2005/03/15 [火] 16:08


 質問をするのはここでよろしかったのでしょうか??
もし間違えていたら
本当に申し訳ないです><

質問は構成についてなのですが
コメント欄や記事の続き」をよもうとして
ボタンを押すと
記事がくずれてしまっています。
左にやけにマージンがあるのです・・。
どっかが多分スペルミスだったり
するのだとは思うのですが見つけられませんでした><
もしよければアドバイスいただけないでしょうか?泣

よろしくおねがいします!
Posted by:  さおり  at 2005/03/13 [日] 22:47


 > あとみさん

こんにちわ〜v

サイドバーにiframeを入れるということでしょうか。
それですと、「サイドバーに別窓を表示【No.16】」の記事をどうぞ〜。
Posted by:  とーこ → あとみさん  at 2005/03/07 [月] 17:09


 質問していいですか?
http://yaplog.jp/pyonvvv/ 様の
プロフィールのしたの書き込みする場所みたいなとこありますよね?
そこを出すやり方分かったら教えてください!
Posted by:  あとみ  at 2005/03/05 [土] 19:58


 > 三月さん

こんにちわ〜。

フォントですが「スタイルシート(テキスト関係)【No.8】」をどぞ。

記事の最後の方になります。
全体にということなので、

  body { (ここにfont-family:"○○"など) }

と、スタイルシートに書き足す感じですね。
Posted by:  とーこ → 三月さん  at 2005/03/02 [水] 15:08


 初めまして♪三月といいます。
突然ですが質問させていただきます!
プログ全体のフォントを変えたいのですがどうしればいいんでしょうか?
フォントはVerdanaに変えたいんですが...
Posted by:  三月  at 2005/02/28 [月] 14:45


 > ミリさん

はじめまして、こんにちわ〜。

カスタマイズ、お疲れさまでした。
自分の思うデザインにできると、より楽しくなりますよねv
そういう手助けになれたのであれば、嬉しいです♪
Posted by:  とーこ  at 2005/02/26 [土] 14:45


 はじめまして!友人にコチラのページを教えてもらい参考に…って言うかほとんどここで勉強しました。
お陰さまであたしなりに気に入ったページができました。ありがとうございました
まだまだブログ初心者ですがこれからもがんばって続けていきたいです。これかもお邪魔させてもらいます。よろしくお願いしますではでは。
Posted by:  ミリ  at 2005/02/25 [金] 00:01


 > Makkyさん

はじめまして、こんにちわ。

そう言っていただけると、嬉しいです♪
子供のことを書こうと思ってはじめたブログが、いつの間にか違った方向に進んでいますが・・・これはこれということで(苦笑)。

トラックバックは、ご自由にどうぞ〜。
嬉しいです♪
Posted by:  とーこ  at 2005/02/05 [土] 23:53


 初めまして
私は、今月からBlogを始めた初心者です。
初心者のクセに自分なりのデザインにしたくて、
無謀ながらカスタマイズしています。
何も分からないことだらけだったので、
カスタマイズについて検索してこちらへお邪魔しました。
こちらのカスタマイズの解説は、
とても分かりやすいですね
1つ1つ項目別になっているので、
使いやすいなぁ〜と思いながら利用させてもらってます
本当に助かってます。
ありがとうございます
つきましては、トラックバックをさせていただきたいのですが
しても宜しいでしょうか

これからもちょくちょくお邪魔すると思います。
Posted by:  Makky  at 2005/02/05 [土] 03:19


 > 麻美さん

はじめまして。

えーと、ブログをみていないのでわからないのですが。
もし2カラムにしているのであれば、このコメントを読んでみてください。

左サイドバーの入る部分が残っていると、左に寄りません。

以上が見当違いなようでしたら、ブログのアドレスを教えていただけると、見て確認することができるのですが・・・。
Posted by:  とーこ  at 2005/02/02 [水] 15:28


 初めまして。質問させてもらいます!
本文のテーブルの幅を変えたんですがそれを
左に寄せるにはどうしたらいいんでしょうか?
困ってます、教えてください><
Posted by:  麻美  at 2005/02/02 [水] 12:58


 > なおピーさん

はじめまして、こんにちわ。

ご自身でなんとかできたようで、良かったですね。
(返信遅くてスミマセンン;)

画像のアドレスですが、↓のようになっていますよね。
http://yaplog.jp/ヤプログID/img/0/○○.gif

本来は、その数字の部分は記事ナンバーがはいるのですが、たまに0(ゼロ)になっていたりします。
そうすると、アップロードできてないのですよね;

・・・とか。これとは違うことが原因かもしれませんが。
Posted by:  とーこ  at 2005/01/17 [月] 15:27


 スミマセン、、さきほどコメントしましたなおピーですけど、念のためHTMLを見たら、画像のURLが違ってました。え??って思って治しましたら、画像を読み込めました。よかったあ…すみません。
途中で画像のURLが変わるってことがあるのがびっくりしたんですが、なんとか解決しました。どうもすみません。。
Posted by:  なおピー  at 2005/01/16 [日] 17:08


 はじめまして!最近ヤプログに引っ越し作業を終えて、こちらにお世話になりながらカスタマイズしました!どうもありがとうございました。
カスタマイズを終えてから次の日になって、なぜかタイトル部分の画像に「バツ」マークが…。。
アップロードもできたのにどうしてなんでしょうか、こういうことってあるんでしょうかねこちらでこんな質問したら迷惑かもしれないのにすみません
ちなみに本文の画像も読み込んでないみたいなんですよ〜。
MAC OS Xユーザーだから見えてないのでしょうか
ではまた来ますね!
Posted by:  なおピー  at 2005/01/16 [日] 16:56


 > 香織さん

はじめまして〜。

解説サイトはいろいろありますが、やっぱり同サービスの方が、何かと便利ですよね。
(テンプレートやスタイルシートも同じですし)
そう思って作り始めたので、良かったです♪

リンク登録、ありがとうございました〜v
Posted by:  とーこ  at 2005/01/14 [金] 11:30


 はじめまして
カスタムしたくていろいろ探していたらたどり着きました。
同じヤプログユーザーなのでとても参考になります
CSSやHTMLの編集はまだ初心者ですが、
頑張って少しずつやってみます
MyBlogリストにも追加させていただきました
Posted by:  香織  at 2005/01/14 [金] 09:15


 > 茉莉さん

はじめまして、こんにちわ♪

納得ができるものができると、嬉しいですよねvv
その楽しさを知ると、やみつきになりますよ(苦笑)。

カスタマイズ、お疲れさまでした〜。
Posted by:  とーこ  at 2005/01/12 [水] 14:54


 初めまして、こんにちわ
初カスタムでかなり参考にさせていただきました
ほんとうにありがとうございます
わかりやすくて助かりましたー

とりあえずそれなりに納得のいくカスタムができて嬉しいです
またお世話になるかと思います
その際はよろしくお願いします、ペコリ
Posted by:  茉莉  at 2005/01/11 [火] 15:32


 >ほっぺ さん

良かったです♪
また、何かありましたらどうぞ〜。
Posted by:  とーこ  at 2004/11/16 [火] 09:55


 とーこさん↓のレスありがとうございます。
早速やってみました〜。タイトルの色バッチリです。
(^_-)-☆
Posted by:  ほっぺ  at 2004/11/13 [土] 15:20


 >ほっぺ さん

はじめまして、いらっしゃいませ〜。
スタイルシートは、そのうち”何となく”わかるようになるかもしれません。
使われている属性は限られてますしね。

ほっぺ さんのブログを拝見させていただきました。
で、余計かもしれませんが、タイトル文字色関係のリンク(コチラのコメント部分になります)を貼っておきます。
良かったら、試してみてください。

.blog_title{
font-family:"△△","MS Pゴシック",Osaka,sans-serif;
}
↑この部分を抜いて考えてください。
・・・さぼり説明ですみません;
Posted by:  とーこ  at 2004/11/12 [金] 14:53


 とーこさん はじめまして!ヤプログでのカスタマイズの仕方を求めてさまよっている中こちらに辿り着きました♪
スタイルシートのノウハウは、まだまだ?(・_。)?(。_・)? 状態ではありますが、とーこさんの教えのもとなんとか形になりました。
有り難うございました。
Posted by:  ほっぺ  at 2004/11/12 [金] 01:52


 >えひ山 さま

できましたか〜。 良かったです♪
Posted by:  とーこ  at 2004/09/09 [木] 15:18


 でっ、できました!感動です!ありがとうございました。m(_ _)m
Posted by:  えひ山  at 2004/09/09 [木] 00:58


 >えひ山 さま

すみません、どこを修正するのか、書いてませんでしたね;
.side_titleの中です。
ここのPADDING-LEFT: 45px;を0pxにして、text-alignを付け足すのです。
calenderは、カレンダー部分のセルのclassですので、ここを変更してもタイトル部分は変わらないのですね。
Posted by:  とーこ  at 2004/09/08 [水] 19:43


 とーこさん
レスありがとうございます。そうです、関連記事のところにコメント
するべきでした、すみません。(汗

サイドバータイトル文字ですが、直りませんでした…
text-align:center; はいけると思ったんですがこれも無効。

いじる場所の問題でしょうか?カレンダーについてはcalendar
のところのみでその下のcalendar Aとかcalendar A:linkなど
はそのままにしてあります。

サイドバーの幅を変えてしまうとセンタリングはできないとかあるの
でしょうか・・・??
Posted by:  えひ山  at 2004/09/08 [水] 19:05


 >さにー さま

はじめまして〜。

リンクはお好きなようにどうぞ。
こちらも趣味(カスタマイズ)と日常のブログですよ〜。

楽しんで、カスタマイズしましょうっ。
Posted by:  とーこ  at 2004/09/07 [火] 00:08


 はじめまして┌○
最新コメント欄が長くなってしまい、どうしたらスクロールさせることが出来るのかわからず困っていたので、こちらで教えていただいたカスタム方法でスクロールバーをつけることができました。
ありがとうございました┌○
これからも色々と頑張ってカスタマイズしてみようと思います^^

趣味のつたないblogですが、リンクさせていただいも良いですか?
ではまた遊びにオジャマシマス
Posted by:  さにー  at 2004/09/06 [月] 21:23


 >おり さま
ありがとうございます〜。

こうやって知らせてもらえるのって、とっても嬉しいのです。
Posted by:  とーこ  at 2004/08/23 [月] 17:06


 とーこさん、こんにちは。
先日は、私のページへコメント頂き
ありがとうございました。

記事でとーこさんのページを紹介したところ
こちらに興味をもたれたという方がいらっしゃいました。

わたしも、その後チマチマとカスタマイズがんばってます。
もちろん、こちらを参考にさせて頂いてマス。

おくればせながら、トラックバック&わたしのページ
のリンク集への追加をさせて頂きました。

これからもよろしくお願いします。
Posted by:  おり  at 2004/08/23 [月] 00:15

▲ TOP   
P R
 このブログは
大部分は子供との日記です。
ヤプログのカスタマイズについても書いてあったりします。
(一部は、ドリコムブログにも使えたりします)
 
   
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
 
 カテゴリー
 
 最新記事
 



励みになります。
 カスタマイズ関連
 
移転しました。→sampling.sys
そっちの最新記事は以下。

 コメント
 
 トラックバック
 
 お役立ちリンク
 

 書いてる人
名前: 高野とーこ


ほぼ更新停止の素材屋

バルビレッジ: らぱん
(まんまるアイコンは、キオクノテチョウさんにお借りしました)
 
 TBP

 
http://yaplog.jp/material/index1_0.rdf

 ブログ内検索

 

 
Global Media Online INC.
ブログヤプース!ヤプログ! このページ内における「ラグナロクオンライン」から転載された全てのコンテンツの著作権につきましては、運営元であるガンホー・オンライン・エンターテイメント株式会社と開発元である株式会社グラヴィティ並びに原作者であるリー・ミョンジン氏に帰属します。(C)2004 Gravity Corp. & Lee Myoungjin (studio DTDS),All Rights Reserved.(C)2004 GungHo Online Entertainment, Inc. All Rights Reserved.
なお、当ページに掲載しているコンテンツの再利用(再転載・配布など)は、禁止しています。

・ 『barvillage』は、株式会社GWEBで提供しているサービスです。
・このサイトは『バルビレッジ』および株式会社GWEBとは一切関係がありません。

Copyright c MicroAd, Inc. c yoshiyasu/icca