webdesignkeys

CSSやjavascriptなどを利用した動的なサイト作りやwebデザインに関するネタを紹介!

Subscribe by RSS RSS Icon
Follow me Twitter Twitter Icon
 
 

スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

Comment

素晴らしいテンプレートで感激!

Newsingから来ました(^^)もしかしてHPを作るネタ帳さんのyamadaさんのブログですか?

僕はFC2ではvicuna使ってますが、こちらの方がレイアウトが素敵ですね。


HTMLやCSSはカスタマイズぐらいしか出来ないのでFC2でとんでもないコンテンツのブログに感激しています。


ブクマ&お気に入りしておきますので今後ともよろしくお願い致します satou(^^)

2009.12.04 | URL | WEBモンスター #- [ edit ]

Re: 素晴らしいテンプレートで感激!

サイトを閲覧していただきありがとうございます!

yamadaさんではないのですが、ネタ張さんはとてもいい記事をお書きになられているので、私もよく見させていただいています。

vicunaさんのFC2ブログテンプレートはとても素敵だと思います。

このようなコメントを頂けるとこちらとしても励みになりますので嬉しく思います。

今後も色々配信していく予定なので、よろしくお願いします^^

2009.12.04 | URL | 管理人 #- [ edit ]

すごいですね~

このテンプレートを使用したいのですが、どうすればいいですか?

場違いならすみません^^;

しっかしこちらのサイト様は素晴らしいDesignですね!

がんばってください!

2009.12.18 | URL | REN #- [ edit ]

使いたいけど

初めまして。
FC2ブログを初めてこちらのテンプレートを使わせていただこうかなぁ~と思ったんですが、初心者でどんな風に画像とか入れたらいいのか分かりません。

もし良かったら教えていただけませんか?

よろしくお願いします。


2009.12.19 | URL | ごはん #- [ edit ]

Re: 使いたいけど

コメントありがとうございました!

質問なのですが、お使いになりたいというテンプレートは下の2つのどちらのテンプレート
でしょうか?


http://webdesignkeys.blog61.fc2.com/blog-entry-25.html
http://webdesignkeys.blog61.fc2.com/blog-entry-22.html

2009.12.19 | URL | 管理人 #- [ edit ]

管理人のみ閲覧できます

このコメントは管理人のみ閲覧できます

2009.12.19 | | # [ edit ]

テンプレート

早速のお返事有難うございます。

私が使ってみたいと思ってるのは
上のアドレス25.htmlのテンプレートです。

全くの初心者でも大丈夫ですか?
また、これから勉強もしてみたいのでテンプレートの編集に適している本とかお勧めありますか?

すみません。図々しくて。f(^-^;)

2009.12.19 | URL | ごはん #- [ edit ]

Re: はじめまして

コメントありがとうございました。

早速質問の件ですが、25.htmlのテンプレートでトップ画像は
私の作成した「web design keys」と書かれた画像になっていると思います。

この画像を好きな画像に変更するためには、環境設定のテンプレートの設定を選択し
「スタイルシート編集」を見てみてください。

この中に、


#top_banner{

width:710px;
height:160px;
background: url("
http://blog-imgs-29.fc2.com/w/e/b/webdesignkeys/p02-top_banner.png
") no-repeat;

}


このように記述されている場所が見つかるはずです。

widthで画像の幅をheightで高さを設定しています。
アップロードした画像の幅と高さを指定するのが普通です。

画像のアドレスは、
http://blog-imgs-29.fc2.com/w/e/b/webdesignkeys/p02-top_banner.png
のようになっているので、ここのアドレスを好きな画像のアドレスに変えてください


■画像のアップロード

好きな画像をアップロードするためには、
「ツール」⇒「ファイルアップロード」
を選択して行ってください。

画像のサイズですが、幅を710pxにしないと他のレイアウトにも影響を及ぼしますので
htmlを勉強中でしたら、幅は710pxのままがいいかと思います。
(windowsならばペイントツール使って切り抜いたり、サイズ調整してください)
高さは、自由に変えていただいてもレイアウトは崩れないので大丈夫です。



■書籍

WEBで検索して調べるのもいいと思いますが、辞書的な本を一冊持っておくと
いいと思います。

↓これ使ってます
http://www.amazon.co.jp/HTML-CSS-Handbook-3rd-Web系ハンドブック/dp/4797344490/ref=sr_1_25?ie=UTF8&s=books&qid=1261234907&sr=8-25


本は色々あると思いますが、書店で読みやすいものを
手にとって探すのがいいと思います。

2009.12.20 | URL | 管理人 #- [ edit ]

重ね重ねf(^-^;)

こんばんは。
まだ、UPしてませんが、練習に複製してtopの710px・160pxで画像を入れることが出来ました有難うございます。
後ひとつ教えて欲しいのですが、その下のスライドしている四角い枠の画像も変えられますか?
変えられるとしたら、スタイルシートのどの部分に入れたら表示できまでしょうか。

何から何まですみませんf(^-^;)

2009.12.20 | URL | ごはん #- [ edit ]

Re: 重ね重ねf(^-^;)

質問ありがとうございました。


質問の解答をしておきましたので見てみてください。

■解答一覧
http://webdesignkeys.blog61.fc2.com/blog-entry-38.html

■「blackcool_proj02」 ギャラリーの画像を変える
http://webdesignkeys.blog61.fc2.com/blog-entry-39.html

わからないことがあればコメントください
質問ありがとうございました

2009.12.21 | URL | 管理人 #- [ edit ]

しつれいします

こちらのテンプレートの横のメニューの幅は変えられますでしょうか。
できましたらやり方もおしえて頂きたいです

2010.04.17 | URL | まな #FxlTEKJk [ edit ]

管理人のみ閲覧できます

このコメントは管理人のみ閲覧できます

2010.10.22 | | # [ edit ]

コメントの投稿













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

FC2ブログ用 共有テンプレート作成 project_01

p01-sum.jpg
FC2ブログ用のテンプレートを作成しました。
今回で2作目になります。
実は、先週初めて1つ目の共有テンプレートに申請をしていたのですが、先日不認証のお知らせが届きました。内容を確認してみると<head>内の文字コードの指定が良くなかったらしいw 私が記述した文字コードはutf-8だったのですが、eucでないと駄目らしいです。
メールには、それしか書いてなかったので他に修正を加えなかったのですが、申請から審査してもらえるまで一週間くらいだったので、次回にちゃんと認証されるか心配です。

それで2つ目に作成した今回のテンプレートはXHTML1.0のtransitionalで宣言しました。
とりあえずvaligatorに通してみると、こんな感じのエラーが吐かれました。

p01-valigation.jpg

見てみるとなにやら<ul>タグに関するものらしいので、該当箇所のLine65を参照すると・・・・
プラグインを挿入するためのFC2の独自タグでエラーが出ていることが判明
ということで、プラグインを調べてみるとトラックバックの<ul>~</ul>が何もない状態なのが原因らしい。<ul><li></li></ul>という構造になっていれば要素が何もなくてもエラーは吐かないようなのですが、FC2ブログのプラグインがそうなっているので仕方ありませんねw

ってことで、トラックバックをプラグインから消すとvalidになりました。トラックバックを利用していればいいのですが、何もないとvalidにならないみたいです。これは他のプラグインでも同じだと思いますので、FC2ブログでvalidにしたい方は、プラグインに注意してください。

□テンプレートのデザインの方ですが、グレーを基調にしたシンプルなテンプレートです。
headerとfooterには破線を使った波の画像を使いました。

p01-waves.jpg

□ヘッダーにはabout,RSS,Mailの3つの項目を用意しました。
リンクは各自で差し替えておいてください(RSSに関してはこちらで設定しました。)。わからない場合はコメントして下さい。詳細を説明します

p01-topnavi.jpg

□ウェーブの上の辺りにメニューは設置しました。数を増やしたりテキストの変更可能です。こちらもリンクは各自で差し替えてください(homeに関してはこちらで設定しました。)

p01-bordernavi.jpg

□FC2つながらねぇ~~

p01-fc2access.jpg

余談です。テンプレ関係ないので読みたくない人は読まないで下さい。
↑の出ませんか? 夜の時間帯はよくありますが、今日はひどかったです。ページ開くのもファイル上げるのも一苦労でした。FC2ブログの独自タグの動作を確認するためにはサーバー上で開発しないといけないので面倒くさいw ってちょっとだけムカムカしてました。





今回のテンプレートはこんな感じです。
質問や要望があれば遠慮なくコメントして下さい。
今後もテンプレートを作成するつもりなので、「こんなテンプレートがほしい!」って要望も嬉しいです。
その他テンプレ以外のWebデザインに関する記事も書きますので、今後ともよろしくお願いします。

*テンプレートはカスタマイズ自由ですが、初心者の方は、テンプレートの複製をしてから行ってください。

Comment

素晴らしいテンプレートで感激!

Newsingから来ました(^^)もしかしてHPを作るネタ帳さんのyamadaさんのブログですか?

僕はFC2ではvicuna使ってますが、こちらの方がレイアウトが素敵ですね。


HTMLやCSSはカスタマイズぐらいしか出来ないのでFC2でとんでもないコンテンツのブログに感激しています。


ブクマ&お気に入りしておきますので今後ともよろしくお願い致します satou(^^)

2009.12.04 | URL | WEBモンスター #- [ edit ]

Re: 素晴らしいテンプレートで感激!

サイトを閲覧していただきありがとうございます!

yamadaさんではないのですが、ネタ張さんはとてもいい記事をお書きになられているので、私もよく見させていただいています。

vicunaさんのFC2ブログテンプレートはとても素敵だと思います。

このようなコメントを頂けるとこちらとしても励みになりますので嬉しく思います。

今後も色々配信していく予定なので、よろしくお願いします^^

2009.12.04 | URL | 管理人 #- [ edit ]

すごいですね~

このテンプレートを使用したいのですが、どうすればいいですか?

場違いならすみません^^;

しっかしこちらのサイト様は素晴らしいDesignですね!

がんばってください!

2009.12.18 | URL | REN #- [ edit ]

使いたいけど

初めまして。
FC2ブログを初めてこちらのテンプレートを使わせていただこうかなぁ~と思ったんですが、初心者でどんな風に画像とか入れたらいいのか分かりません。

もし良かったら教えていただけませんか?

よろしくお願いします。


2009.12.19 | URL | ごはん #- [ edit ]

Re: 使いたいけど

コメントありがとうございました!

質問なのですが、お使いになりたいというテンプレートは下の2つのどちらのテンプレート
でしょうか?


http://webdesignkeys.blog61.fc2.com/blog-entry-25.html
http://webdesignkeys.blog61.fc2.com/blog-entry-22.html

2009.12.19 | URL | 管理人 #- [ edit ]

管理人のみ閲覧できます

このコメントは管理人のみ閲覧できます

2009.12.19 | | # [ edit ]

テンプレート

早速のお返事有難うございます。

私が使ってみたいと思ってるのは
上のアドレス25.htmlのテンプレートです。

全くの初心者でも大丈夫ですか?
また、これから勉強もしてみたいのでテンプレートの編集に適している本とかお勧めありますか?

すみません。図々しくて。f(^-^;)

2009.12.19 | URL | ごはん #- [ edit ]

Re: はじめまして

コメントありがとうございました。

早速質問の件ですが、25.htmlのテンプレートでトップ画像は
私の作成した「web design keys」と書かれた画像になっていると思います。

この画像を好きな画像に変更するためには、環境設定のテンプレートの設定を選択し
「スタイルシート編集」を見てみてください。

この中に、


#top_banner{

width:710px;
height:160px;
background: url("
http://blog-imgs-29.fc2.com/w/e/b/webdesignkeys/p02-top_banner.png
") no-repeat;

}


このように記述されている場所が見つかるはずです。

widthで画像の幅をheightで高さを設定しています。
アップロードした画像の幅と高さを指定するのが普通です。

画像のアドレスは、
http://blog-imgs-29.fc2.com/w/e/b/webdesignkeys/p02-top_banner.png
のようになっているので、ここのアドレスを好きな画像のアドレスに変えてください


■画像のアップロード

好きな画像をアップロードするためには、
「ツール」⇒「ファイルアップロード」
を選択して行ってください。

画像のサイズですが、幅を710pxにしないと他のレイアウトにも影響を及ぼしますので
htmlを勉強中でしたら、幅は710pxのままがいいかと思います。
(windowsならばペイントツール使って切り抜いたり、サイズ調整してください)
高さは、自由に変えていただいてもレイアウトは崩れないので大丈夫です。



■書籍

WEBで検索して調べるのもいいと思いますが、辞書的な本を一冊持っておくと
いいと思います。

↓これ使ってます
http://www.amazon.co.jp/HTML-CSS-Handbook-3rd-Web系ハンドブック/dp/4797344490/ref=sr_1_25?ie=UTF8&s=books&qid=1261234907&sr=8-25


本は色々あると思いますが、書店で読みやすいものを
手にとって探すのがいいと思います。

2009.12.20 | URL | 管理人 #- [ edit ]

重ね重ねf(^-^;)

こんばんは。
まだ、UPしてませんが、練習に複製してtopの710px・160pxで画像を入れることが出来ました有難うございます。
後ひとつ教えて欲しいのですが、その下のスライドしている四角い枠の画像も変えられますか?
変えられるとしたら、スタイルシートのどの部分に入れたら表示できまでしょうか。

何から何まですみませんf(^-^;)

2009.12.20 | URL | ごはん #- [ edit ]

Re: 重ね重ねf(^-^;)

質問ありがとうございました。


質問の解答をしておきましたので見てみてください。

■解答一覧
http://webdesignkeys.blog61.fc2.com/blog-entry-38.html

■「blackcool_proj02」 ギャラリーの画像を変える
http://webdesignkeys.blog61.fc2.com/blog-entry-39.html

わからないことがあればコメントください
質問ありがとうございました

2009.12.21 | URL | 管理人 #- [ edit ]

しつれいします

こちらのテンプレートの横のメニューの幅は変えられますでしょうか。
できましたらやり方もおしえて頂きたいです

2010.04.17 | URL | まな #FxlTEKJk [ edit ]

管理人のみ閲覧できます

このコメントは管理人のみ閲覧できます

2010.10.22 | | # [ edit ]

コメントの投稿













管理者にだけ表示を許可する
 
<< PREV | HOME | NEXT >>

FC2 template
fc2_template_question.jpg

Category

NEWS
 

Comment

Archives

Favorite
125x125 banner 1
125x125 banner 2
125x125 banner 3
125x125 banner 4

Object
CoRich word of mouth information
Web service is developed through word of mouth information. ⇒CoRich
web design keys fc2 blog ranking!!
It challenges the ranking on my site. Please click this links. ⇒FC2 Blog Ranking
Proin magna amet fermentum dignissim
Nulla gravida, lacus molestie convallis dolor sem suscipit nisl, ut pharetra erat leo in elit.
Fusce pulvinar euismod urna vel viverra
Quisque malesuada laoreet tellus vel iaculis. Morbi nulla leo euismod pulvinar erat.
Class aptent taciti sociosqu ad litora
Curabitur vestibulum est eu purus bibendum eu eleifend diam tempor. Fusce metus eros, faucibus ut hendrerit ac.

Links

 
 
 
 
 
 
Copyright Info.

Nulla enim nibh, conse ctetuer sed, vesti bulum eleme ntum, sagittis nec, diam. Mauris blan dit vehi cula neque. Read More

 
Other Links
 
 
 
 
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。