はじめに // 配布テンプレ&利用規約

<< 最近 + main + カスタマイズ用3 >>

よくある質問集

えーコメントをつける方は最低でもよくある質問集はチェックしてください。この記事にコメントつけてるのに、ここに書いてある項目を見ていないとか???ってなってしまいます。 今後はここに書いてあるのに、っていうコメントを頂いた時はコメント数の氾濫を防ぐためにも解答後そのコメントを削除させて頂きます。


ユーザー助け合い掲示板にもあるんですが
目次の意味も兼ねて。随時追加予定。
自分のスキルを上げたい、1から身につけたいって人は
まずcss講座xhtml講座を見てください。


■基本的なことである色換えや背景、文字装飾などは下のcss。
アイコン追加、不要項目削除などはhtmlと独自タグを見てください。


■具体的カスタマイズ

スポンサーサイト

一定期間更新がないため広告を表示しています

| | Comment 0 | - |

カスタマイズ用2

を作成しました。
こういうのを欲しがってる方をよくみるので。。
普通のメニューはばっさり削除しました。今回。
フリースペースしかない! ひゃっほー。


デフォルト殺風景ですが、ちゃんと設定すると
こういう感じになります。
ちなみにカスタマイズ例は#layoutの背景に全体の枠の画像をはって、
メニュー部分はC-MAPではなく
文字周りを切り取って1個ずつimgで貼ってます。
その際は#layoutにpositon:relative;
をcssでいれて、
メニューのhタグに1個ずつid指定し
そのidをcssでposition:absoluteで座標指定です。
詳しくはソースを参照下さい。


サポートはこのブログで行ってます。
ふみなどにかかれても気づかないことがあるのでご了承下さい。


DLはこちら。

| 18:42 | Comment 48 | - |

スポンサーサイト

| 18:42 | Comment 0 | - |

Comment

突然すみません!

あるスレで
゛書庫とはどれでしょう。
大体の希望構造図と素材があればコーディングしますよ。"
と書いてあったので
やっていただけますか?!!

できたらこんなかんじで!
http://www4.fumi23.com/up/03/g/135522.gif

よかったらメールしてください
よろしくおねがいします

| くるみ | 2007/07/21 3:54 PM |

基本的にコーディングは私のテンプレを
使ってくださってる方へのサポートなのですが、
この構造だったら今日作ったばかりの
カスタマイズ用3で出来るんじゃないでしょうか。
#side1のメニューを消してしまえばいいので。
記事部分が真ん中にあるのか右にあるのかが
ちょっとこの図では分かりませんが。

ご自分でやってみて出来ないようでしたら
画像を使ってカスタマイズ途中のURLを
貼ってくだされば手直しいたしますよ。
申し訳ないですがメルアドを公表したくないので
メールでの連絡は行ってません。
コメントにてご連絡下さい。

| tk | 2007/07/21 4:42 PM |

やってみます!!

| くるみ | 2007/07/21 4:56 PM |

カスタマイズ2に挑戦しています@
スクロールバー?の位置を低くするには
どうしたらいいんでしょうか..
よかったら教えて下さい:

| きいち | 2008/01/19 5:24 PM |

うーん、なんのことを仰っているのか分かりません。
記事の位置を変えたいのなら
http://nous.jugem.jp/?eid=34
のcss記述を熟読されたりcssの注意書きを読んで下さい。

昨日のスレですが
http://www.fumi23.com/to/l07/h/22173.html
こちらは参考になるかもしれません。

| tk | 2008/01/19 5:27 PM |

うーん;
えと、記事部分の上からの距離っていうのは、
top:●●px;でいいんですよね?
試しにcommentsのところでやってみたんですけど,
位置が動かなくて;;

| きいち | 2008/01/19 9:37 PM |

仰っていることが余計わからなくなりました。。
何故そこでcommentsが出てくるのか分かりません。
position:absoluteをいれたところじゃないと
topは意味ありませんよ。しかも#contentsじゃないと。

解説エントリを見てその通りにやっても出来ないということでしたら
少しcssの基礎知識をつけられることをお勧めします。

| tk | 2008/01/19 9:41 PM |

あ、ごめんなさい;
contentsでした..
なんとか出来ました!
ありがとうございました*

| きいち | 2008/01/19 9:49 PM |


こんにちは、tk様*
先日はどうも有難う御座いました。凄く凄く助かりました!
今いろいろ読んでみたのですが、やはりあたしには未知の世界でした。
もうtkさまが憧れで憧れでしょうがないです(`・ω・)

さて本題なのですが、よくわからない所がいくつかあるんですよ。
ちなみにカスタマイズ用2です^^*

・記事、というか窓?部分の横スクロールバーだけ消したいんです。可能でしょうか?
・窓部分(記事?)を縦にずらすのではなく伸ばしたいんです。これも可能でしょうか、

可能でしたらやり方を教えてほしいです...(´・ω・)
くだらない質問で申し訳ないです;

| | 2008/01/20 6:13 AM |

横スクロールバーは
中身が大きくなければ自動的に消えます。
画像やコメント欄など大きなものがないかチェックしてみてください。

窓を伸ばす・・・
うーんcssの#contents #main .padのところの注意書きを
読んでみてください。
heightのことかなーとも思うのですが
ちょっとどのことをいっているのか自信がないので。

| tk | 2008/01/20 9:53 AM |

縦の大きさ伸ばせました!

ありがとうございました…!


えっと、記事横スクバなのですが、
どこが大きいのかわからないんです;
コメント欄などは普通だと思うんですが…
もしよければ見てみてくださいませんか?
お願いします;

| | 2008/01/21 4:55 PM |

画像ですね。
一見入っているようにもみえるんですが
もともと余白をとるような設定になっているので
その余白を含めるとはみ出てしまうというわけです。
ちなみにIE7で確認するとスクロールバーがみえました。
画像を小さくするか
#contents #main .padの
paddingを0にするかしてみてはどうでしょう。

| tk | 2008/01/21 5:03 PM |

あ、画像ですか;
えっと、どこの画像ですかね…?

| | 2008/01/21 6:59 PM |

記事に張ってある画像ですね。
追記部分にはいっている3枚の内のどれかじゃないでしょうか。

| tk | 2008/01/21 7:05 PM |

あ、イラストですか!
んーと…
これを短縮するとこれからずっと短縮しなきゃなんないので
できるだけこのままが良いんですが…;
記事を横に大きくしたら無くなりますかね…?

| | 2008/01/21 7:09 PM |

なくなるとおもいますよ。
もしくはcssの小窓部分の
overflow:auto;の下に
overflow-x:hidden;
って付け足すとなおるかもしれない。
まぁどっちみちそのどっちかをやってみてください。

| tk | 2008/01/21 7:13 PM |

こんにちは、tkさま...☆%
先日はどうもありがとうございました!
無事記事横スクバは消え去りました(´^ω^`)*.
お礼をするのが送れて申し訳ないです。

えっと、今日も質問があります;

http://naive.in/asa/kizi.gif

を見てみてください。(表示されなかったらすいません;)
紫で囲ってある記事下の点線を画像にしたいんです。
…これは可能でしょうか(´・ω・)

もしよければ回答お願いします!

| | 2008/01/24 12:00 AM |

http://nous.jugem.jp/?eid=82

これの応用ですね。

.copyrightに

background:url(アイコン画像URL) repeat-x ;
をいれて
padding-top:●●px;
を指定すればいいです。

paddingの方は線画像の高さ以上ですね。

| tk | 2008/01/24 12:05 AM |

えっと、

.copyright {
font-size: 10px;
color: #333333;
line-height: 170%;
margin: 30px 0px 0px 0px;
padding-top:10px;
}



background:url() repeat-x ;

を入れて

padding-top:10px;

に画像の高さ少し大きめに入れれば良いんですよね?

やってみたのですが点線のままでした(´・ω・)

画像はコレです http://pe-pu.img.jugem.jp/20080123_59422.gif

大きさが320x25なのでpadding-top:10px;をpadding-top:30px;で指定してみたのですが…

| | 2008/01/24 1:11 AM |

すいません、全然.copyrightじゃなかった。
.pageの方でした。
多分、あってればborder-topって行があるとおもうので
それを削除してから背景指定をいれてください。

| tk | 2008/01/24 1:39 AM |

また来てしまいました;
すいません、
〔背景画像がない場所の色を背景色を指定したい〕
てあるじゃないですか。
色ではなく画像にしたいんですけど、
そういうのって出来るのでしょうか??

| きいち | 2008/01/26 5:12 PM |

できません。
背景画像は1箇所に1個なので
例えばbodyと#layoutにそれぞれ背景画像を指定することはでいますが
bodyに二つ背景画像を指定するということはできません。

| tk | 2008/01/26 7:25 PM |

はじめまして!!
2をダウンロードさせていただいたものです。

http://starrys.jugem.jp/?tid=6

なんですが…
エラーが発生してしまうんです;(
どこが悪いのか自分でも分からないので…!
よければおしえてくださいX(

| (`・3・´) | 2008/02/04 2:06 AM |

これはフリースペース1を開くためのスクリプトです。
フリースペースを使っていないのに開こうとしたら
それはエラーがでます。

htmlの

<!-- タイトル画下のメニューはデフォルトでは
 フリースペースを表示になっています。
 ・プロフィールページなどにリンクさせたい場合は
 href="プロフィールページのURL"に変更します。

 ・リンク項目を画像にしたい場合は
 {freescape_title★}をimg srcタグにしてください

 ・カテゴリリストなどを表示したい場合は
 http://nous.jugem.jp/?eid=13を参考に書き換えてください-->

という注意書きを確認してください。

| tk | 2008/02/04 8:00 AM |

tkさま、お久しぶりです。
この前は凄く助かりました、有難うございました。
ですがcssなどをいろいろしていたらレイアウトがかなりくずれてしまったので
新しくテンプレートをダウンロードしました。
そこで質問があるのですが、よろしいでしょうか?

23のスレ、此処の記事を見て小窓の位置を指定してたんです。
ですが何回やっても少し斜め下に動くんです。
それで、 http://naive.in/asa/main/blog/img/2.png の黒い線で囲ってある
場所ピッタリに移動したいのですがどうにかなりませんでしょうか?

| | 2008/02/04 3:07 PM |

今は記事もかいていないcssもいじっていない状態ですよね。
この状態ではさすがに何が不味いかわかりません。

メニューを作らないなら参考URLは
http://nous.jugem.jp/?eid=36
のcss記述に関する部分。

メニューを残すなら
ポイントになるのは
bodyの
text-align:center;の削除

#layoutのmargin:0 auto;をmargin:0;に
widthを適切な幅に縮める。

#headerのwidthとheightの行を削除です。

あとは上のURLをみて
#contentsや#side
#contents #main .padをいじって下さい。

| tk | 2008/02/04 3:45 PM |

やりやすいテンプレを新しく改造しなおしました。
http://nous.jugem.jp/?eid=87
をご覧ください。

| tk | 2008/02/04 4:40 PM |

できました*
ありがとうございました(´ω`)
自分の勘違いだったみたいです;

もうひとつ質問よろしいでしょうか。
カスタマイズ用2の記事小窓ありますよね?
それを固定する事は出来ないのでしょうか?
お気に入りなどを消すと記事の位置と背景があわなくて(´・ω・)

| 侑 | 2008/02/05 2:45 PM |

背景に窓画を指定している場合は今のやり方では無理ですよ。
窓は中央に配置されるようになっていますから。
二つ前のレスを参考にbodyと#layoutの中央寄せ記述を削除してから調整しなおすか
カスタマイズ用6でやりなおしてください。

| tk | 2008/02/05 5:00 PM |

http://hain1.jugem.jp/ 様のような、
(アド出しすいませんX>
カスタマイズ2のテンプレートで、
背景画像えを設定して、
その上に画像を置く??
のやり方がわからないのですが..
よかったら教えてください:

| りう | 2008/03/13 8:27 PM |

http://nous.jugem.jp/?eid=87
のテンプレと記事を参考にしてください。

| tk | 2008/03/13 8:37 PM |

ありがとうございます^^+
頑張ってみます、

| りう | 2008/03/13 8:56 PM |

こんにちわ(uωu*)
ブログのプロフページのリンクではないところが灰色でなく、
赤になってしまいます;
どこを変えれば灰色になるのでしょうか・・・?

| ゆき | 2008/04/25 9:48 PM |

多分どっかにリンクの閉じ忘れがあるんじゃないですかね。
htmlで</a>が足りなくなってないかみてみてください。

| tk | 2008/04/25 10:54 PM |

ありがとうございます@
ちょっとやってみます・・・

| ゆき | 2008/04/26 11:18 AM |

</a>を<a/>と書いてました(・・;)
どじでごめんなさい@
迷惑をかけてしまいましたね×
ありがとうございました

| ゆき | 2008/04/26 12:46 PM |

CSS にマチガイ発見。
/*------------------------------------------------
.pageはページ下部にある全体が何ページあって
次のページへのリンクが貼ってある部分の指定です。
文字の大きさや色、下に引かれている点線を調節できます。
-------------------------------------------*/

border-top だから「下に引かれている点線」ではなく、「上に引かれている点線」とすべきでは。

| kita | 2008/05/16 3:40 PM |

ご報告有難うございます。
左右上下を間違えて書くのはざらなので助かりました。
(他にも前のテンプレの注意書きのままとかも面倒で放置してたり)

点線消したいっていう人のが多い気がするので
注意書きをなおすのではなく、点線自体を消させて頂きました。

| tk | 2008/05/16 3:56 PM |

このテンプレを使いたいのですが、

やれるのですが、

うまくできません。。

画像は用意するのでやってくれませんか??

よかったらメールしてください。。

本当すいません;

berry_and_berry_0c0@yahoo.co.jp

| 掉仔 | 2008/05/22 9:07 PM |

メールでのサポートはいたしておりません。
また現在、ブログテンプレオーダーは有料のみ受付となっております。

| tk | 2008/05/22 9:33 PM |

こんばんは。私はカスタマイズ用2を使用しているのですが
tk様のサンプルと同じ形ににしたいのですが、
どのようにすればよでしょう?

| 倉持 | 2008/06/29 5:30 PM |

どのサンプルと同じか分かりませんが、

http://nous.jugem.jp/?eid=34
などをご覧下さい。
ただ窓があるテンプレでしたら
カスタマイズ用6の方が簡単です。

| tk | 2008/06/29 7:39 PM |

お返事有難う御座います
この記事にあるサンプルのことです

とりあえず
指示されたページの内容をよく読んでみますね

| 倉持 | 2008/06/29 9:05 PM |

この記事の例はこの記事に書いてあるとおり


ちなみにカスタマイズ例は#layoutの背景に全体の枠の画像をはって、
メニュー部分はC-MAPではなく
文字周りを切り取って1個ずつimgで貼ってます。
その際は#layoutにpositon:relative;
をcssでいれて、
メニューのhタグに1個ずつid指定し
そのidをcssでposition:absoluteで座標指定です。

です。

ちょっと初心者の方には敷居が高いものですので
分からないようでしたら例示したアドレスのc-mapのやり方でやった方がいいと思います。

| tk | 2008/06/29 9:09 PM |

分かりました
わざわざ、ご丁寧に指示有難う御座いました
まだ初心者なので、頑張って勉強しますね^^;
では失礼します

| 倉持 | 2008/06/29 9:28 PM |

こんにちは
また質問よろしいでしょうか?
フレームのスクロールバーを透過したいと思い、
某講座サイト様を参考にしたのですが、出来ませんでした
どうしたら良いのでしょうか?

| 倉持 | 2008/07/05 12:49 PM |

うーん
こういうやってみたけど出来なかったという類のものは
見ないとどこがおかしいのか分からないのです。
ご自分で見本と比べて気づかれるしかないと思います。

私の作成例は
http://nous.jugem.jp/?eid=38

にありますし、
もしそのスクロールバーがiframeタグで外部読み込みしてあるものでしたら
読み込み元のブログのcssではなく
読込先のcssでしか変更できません。

| tk | 2008/07/05 12:55 PM |

http://www.adidasnmdrunnerr1.us.com/ yeezy boost 750
http://www.fitflops-sale.us.com/ fit flops
http://www.birkenstocksandalssale.us.com/ birkenstock shoes
http://www.pandorajewelryscharms.us.com/ pandora charms
http://www.lebron15-shoes.us.com/ nike lebron men
http://www.adidasyeezy-350.us.com/ adidas ultra boost
http://www.fitflopsshoes.us.com/ fit flops
http://www.kyrie-4.us.com/ lebron james shoes
http://www.jordans11shoes.us.com/ jordan 4
http://www.kd10-shoes.us.com/ nike kd 8
http://www.pumafentyrihannashoes.us.com/ rihanna puma shoes
http://www.airmax90shoes.us.com/ air max 97
http://www.salomonspeedcross3.us.com/ salomon xa pro 3d
http://www.pandora-jewelrysale.us.com/ pandora jewelry official site
http://www.hermesbirkin-handbags.us.com/ hermes purse
http://www.louboutinredbottoms.us.com/ christian louboutin heels
http://www.yeezyboost350shoes.us.com/ yeezy boost 350
http://www.adidas-ultraboost.us.com/ yeezy boost
http://www.nikeairvapormaxflyknit.us.com/ nike air max 95
http://www.katespadepurses.us.com/ kate spade tote
http://www.curry4-shoes.us.com/ stephen curry shoes
http://www.nikeairmax-90.us.com/ nike air max 90
http://www.jordan11spacejams.us.com/ jordan 11 retro
http://www.longchampbag.us.com/ longchamp
http://www.pandorajewelryrings.us.com/ pandora jewelry
ドリフトliuyuzhen

| jordan 11 | 2018/05/28 5:14 PM |

Submit Comment