webdesignkeys

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

Subscribe by RSS RSS Icon
Follow me Twitter Twitter Icon
 
 

スポンサーサイト

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

Comment

はじめまして。

イメージで見る限りすごくクールに仕上がってますね!
今までの共有テンプレでは見たこと無いような感でですね。
白黒好きなので出来上がりが楽しみです。

2009.12.05 | URL | Veno #zbT7meO. [ edit ]

Re: はじめまして。

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

そういってくださる人がいるとやり甲斐があります。

今はまだまだ勉強中な身なので、少しずつやっていこうと考えています。

このテンプレートは来週中には共有テンプレートにあがると思いますので、

その時はまた感想や意見、要望などいただけるとありがたいです。

(^_^)/閲覧していただきありがとうございました!

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

初めまして、ブログ初心者のれいと言います。
すごくクールでかっこいいですね!
ぜひお借りしてブログ作成してみたいのですが
なにぶん初心者なのでメニューバーのリンク方法?と
効果的な使用方法に悩んでいます。
まずメニューバーのリンク先は単純に記事指定
って感じでよいのでしょうか?
あと知人と2人で管理したいのですが例えば
メニューバーのリンクを利用して私だけが書いた
記事の検索みたいな事は可能でしょうか?

わかりづらい文章のうえにほんとに初歩的な質問
で申し訳ないですがよろしければ教えて頂ければ
幸いです。

2009.12.20 | URL | rei #zbT7meO. [ edit ]

質問です。

こういうのを探していました!
ぜひ使わせていただきたいのですが、質問があります。

現在12個のメニューがありますが、コレの数を減らすにはどうすれば良いのでしょうか?
私事ですが上4つ、下5つで使いたいのですが、
<li><a href="<%url>">Home</a></li>
の部分をそのまま削除してしまうと、それだけが削除されて左側一つ分白く空白になります。
それを、ひとつひとつの区間を広くして綺麗に端から端までするようにするのはどうすればいいのでしょうか?
いろいろ覚えたことを試してみましたが、できませんでした。
大変お手数ですがぜひこちらのテンプレートで作り直したいのでよろしくお願いします。

2009.12.21 | URL | 遥 #R71i86E. [ edit ]

Re: >れいさん

質問ありがとうございました。
一応記事書いてみたのですが、要件に沿っているか不安ですw
メニューバーのリンク先は、記事指定って感じでいいと思います^^

なにかわからないことがあれば気軽にコメントくださいね!

■「blackcool_proj02」 メニューバーのリンクの設定方法
http://webdesignkeys.blog61.fc2.com/blog-entry-40.html

■「blackcool_proj02」 複数人での記事を投稿を管理する方法
http://webdesignkeys.blog61.fc2.com/blog-entry-41.html

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

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

Re: 質問です。 

> 遥

質問ありがとうございました。
上4下5のメニューバーを作成しましたので以下の記事を参照してください。

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

質問あればコメントくださいね!

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

初歩的な質問にすごく丁寧でわかりやすい
回答ありがとうございました。
とりあえず頑張ってやってみます!
またなにかあれば質問させて頂きますね。

2009.12.22 | URL | rei #zbT7meO. [ edit ]

たびたび失礼します

親切で迅速な対応いつもありがとうございます!
aomさんのおかげでタグやらいじることに興味が湧いてきましたw
色々試行錯誤しながら勉強させていただいてます。

たびたび初歩的質問なんですが、黒背景にしたいのです。
そうすると真逆になるので文字なども逆にしたいのですが、各所の色の変える場所が分からない物があります。
ページを黒背景にする自体、なにをやってみてもできませんでした。
あと、黒いメニューの背景色も変えたいのですがわかりません。

今後色違いのものの作成予定はありますか?
そうすればどこに変化をつけているか見比べて理解が出来ると思います。
どれだけの手間がかかることなのかがわかっていないので大変不躾ではありますが、
もし、可能であるならばいつになってもかまわないのでぜひお願いしたいです。
ほんとに面倒なことばっかりで恐縮です;

2009.12.25 | URL | 遥 #- [ edit ]

Re: たびたび失礼します

こちらこそ!つたない解説ですみませんw
コメントをいただけると励みになりますので、
些細なことでもいいので気軽に質問してください^^

背景色の話なのですが、
CSSのbodyの中に

background-color:#000000;

と追加すると変更することが、できます。
黒は#000000 白は#ffffff となります。
ブラウザの初期値が#ffffffだったので、今回のテンプレートでは
設定しなかったという訳です。

ここで一つ問題があります。本体の影の部分を背景色を白にする前提で
作成したので、背景色を黒にすると見栄えが変な感じになってしまいます。

こんな感じ↓(テンプレ作成用のデモページです)
http://uddesign.blog99.fc2.com/

これを解消するためには、背景色黒用に画像を作るか、
透過pngで画像を作成しなければなりません。

同じく、メニューバーも、画像を用いて描写しています。
メニューバーを見ると、黒から白へのグラデーションが見られると思います。
このようなメニューバーは一般的には、画像を用いて作成されるのです。
なので、ここの背景色を変更する時も画像の編集が必要です。


すぐにできると思うので、どんなメニューにしたいのかなどの
詳しい情報を教えていただければ、こっちでテンプレを編集します。

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

教えてください

はじめまして
素敵なデザインでぜひ使わせていただきたいのですが
ギャラリーの画像について何点か教えてください。
・画像のサイズの変更の仕方(画像自体の大きさは変えられたのですが表示がおかしくなってしまいました)
・サンプルでは一度に3画像ずつ表紙されていますが一度に表示する画像の数を変更することはできますか?
・サンプルでは合計9画像表示されていますが画像の合計数はへんこうできますか?

質問が多くて申し訳ありませんがよろしくお願いします

2009.12.25 | URL | toto #- [ edit ]

Re: 教えてください

質問ありがとうございました。
一応3つ全て可能なのですが、1つ目の画像サイズの変更と2つ目の1度に表示する画像数
については、テンプレート自体のレイアウトを変更する必要性があります。

こちらからも少し質問させていただきたいです。
表示の合計数はすぐにできるので、3つ目の項目を参照してください

■1つ目の画像のサイズは、特定の画像だけということでしょうか?またどのくらいのサイズにしたいですか?

表示させる画像が全て一定の大きさであれば、こちらで簡単に修正できますが、ご自分で編集したいとなると結構大変です。


■2つ目ですが、一度に表示したい画像数はお決まりでしょうか?

ご自分で任意の数に変更したいなると、他のレイアウトも変更する必要があります。
CSSは単純ですが、ギャラリーにもなると複雑でなかなか思うようにいかないと思います。


どのようなギャラリーにしたいのかということが決まっていれば、作ることができます。



■画像の合計数の変更

ギャラリーはリスト構造になっています。

<ul>
<li>画像1</li>
<li>画像2</li>
<li>画像3</li>
</ul>

htmlのソースコードはこのような形式になってたと思います。
なので、画像を減らすときは、

<ul>
<li>画像1</li>
<li>画像2</li>

</ul>

このように<li>~</li>を削除してください。また増やす時は、

<ul>
<li>画像1</li>
<li>画像2</li>
<li>画像3</li>
<li>画像4</li>
</ul>

のように付け加えてください。合計数の変更はこれだけで可能です。
画像の表示は、1~4の順番で行われます。枚数については、上限は無いですが、
ページの表示速度が遅くなるので、ほどほどにしてください。


質問ありがとうございました。
回答お待ちしています。

では、これからもよろしくお願い致します!

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

質問

そういっていただけると凄くありがたいですw

はい、今まさにあたしの編集したのは
http://uddesign.blog99.fc2.com/
こんな感じですw
解説の通り、#000をつっこんだ状態です。

ただ、あたしの理想としては、そこでなく、
メインのページの部分を黒くしたいのです。
もちろん、そうなればテキスト?の文字ももっと白く、
メニューバーも黒でない色にとほぼ全面的に色を変えないとなんですが;
メニューバーも画像だったのですね!
グラデになってるのは気づいたのですが、画像の表記を見逃してたみたいなので、
こうゆうやり方のテーブル?みたいなのがあるのかと思いましたw
画像のURLをもう一度ちゃんと見直して見つけてみます!
画像は作ってみますw

たびたびすいませんー;よろしくお願いします;

2009.12.25 | URL | 遥 #- [ edit ]

Re: 質問

(゚д゚)なるほど、メインの方のことですか!

URLは直ぐに見つかると思いますよ~~
画像編集は、私より遥さんのほうが得意だと思うので
ご自分で作ったほうがいいのができるかもしれませんねw

メニューバーの画像について少し触れておくと、高さ32pxで幅が1pxの画像を
横軸方向に繰り返し表示しています。
これには、画像の容量を抑えるのと、汎用性を持たせるという役割があります。



わからないことがあればコメントください

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

迅速、丁寧な回答ありがとうございました。

>■1つ目の画像のサイズは、特定の画像だけということでしょうか?またどのくらいのサイズにしたいですか?
・ギャラリー画像のサイズについてはサンプルでは横、高さ75でしたが横100、高さ75に変更できればと考えてます。1画像だけ変更ではなくギャラリー全画像です

>■2つ目ですが、一度に表示したい画像数はお決まりでしょうか?
・すみません、これはまだ特に決まっていません。参考までに伺っただけなのでこちらは大丈夫です。

よろしくお願いいたします。

2009.12.26 | URL | toto #- [ edit ]

一番初めのテンプレート使わせてもらいました。
ありがとうございます。

えっと できれば
リンクに追加させてほしいんですが
いいでしょうか?

2010.01.01 | URL | レバニラ #- [ edit ]

続けてすいません。

プロフィール、最新コメント、カテゴリ
などが書いてある欄を右に持っていくにはどうしたら
いいでしょうか?

2010.01.01 | URL | レバニラ #- [ edit ]

Re: リンク、カラムについて

プロフィール、最新コメント、カテゴリ などが書いてある欄を右に持っていくにはどうしたら いいでしょうか?

記事部分とプロフィール(プラグイン部分)などが表示されている部分を入れ替えるためには、

テンプレートの設定のスタイルシートの編集から以下の部分を見つけてください
この記述のfloat:leftとfloat:rightの部分を入れ替えます。

#left-wrap{ width:245px; float:left; }
#right-wrap{ width:747px; height:auto; float:right; }


実際には、以下のようになります。

#left-wrap{ width:245px; float:right; }
#right-wrap{ width:747px; height:auto; float:left; }

float:left というのは、この属性を指定した要素が左寄りになり後続する要素が
右に回り込みます。rightはこの逆になります。
ブログのレイアウトで記事部分とプラグイン部分を作り出す時にはこのfloatを利用します。




リンクについてなのですが、自由にしてもらって構わないですよ!

WEB上では、今回のようにリンクの申請をサイトの運営者に行うのが一般的なのかもしれませんが、法律上では、申請を行う必要はないです。これについては、色々議論されているみたいなので詳しく知りたいのであれば、以下のサイトなどを見るといいと思います。

http://park5.wakwak.com/~tanaka02b/column/faq.htm


コメントありがとうございました!
これからもよろしくお願いします

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

Read more の位置について

はじめまして。
とても素敵なテンプレートなので使用させていただいてます。
早速ですが質問があります。
Read more の位置を変える方法をおしえてください。

現状ですと、記事の次に広告が何行か入り、その下に
Read more/カテゴリー/コメント/トラックバックの表示があります。
この状態ですと Read more が見落とされそうなので、
Read moreが記事の最後(広告の上)に来るように配置したいのですが可能でしょうか?
よろしくお願いします。

2010.01.03 | URL | dm #- [ edit ]

画像編集

初めまして。

初めてのブログで、こちらのテンプレートが
すごくかっこよかったので、使わせてもらいました。
が、タイトルの下の部分が画像変更できるような
事でしたが、何処に画像を入れたら良いのでしょうか?

通常、ヤフオクなどで至れり尽くせりのテンプレート
しか使ったことがないような、超初心者です。

ちなみに、画像サイズは、どのくらいなのでしょうか?

ものすごく初歩的な質問で恥ずかしいのですが、
よろしくお願いします。

2010.01.04 | URL | ツナ #- [ edit ]

>toto 画像サイズの変更について



質問への回答がかなり遅くなってしまって申し訳ありませんでした。

横100px、縦75pxで作成してみたので以下の記事を参考になさってください~

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

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

TOPに画像を貼れるか

はじめまして。
と~~~~~っても素敵なテンプレートで、一目惚れでした!!
今、試行錯誤しながらギャラリーの画像やメニューバーのリンクなどを
いじって頑張って、ほぼ理想形に完成しつつあります。

そこで質問です。

すぐ上の方の質問とかぶるんじゃないかと思うのです。
というか、上の方の画像は私が希望してることと同じじゃないかと思うのですが・・・(違うかもしれません)
TOPのギャラリーの画像9枚の箇所ではなく、メニューバーに挟まれた《▶webdesignkeys》というデザインがされてある、こちらのサイトへリンクできる箇所を変更できるのか、ということす。

私は、子供の野球チームのブログを作っているので、この部分(グレーになっているところ)にチームの全体写真を表示させたいんです。
9枚のギャラリーには普段の様子などをランダムに載せています。

この箇所はこちらのサイトへリンクする場所なのでやっぱり無理ですかね^^;

質問ついでに、図々しいお願いですが、
もし画像編集が可能であれば、今《▶webdesignkeys》と書かれている部分を少し右下にずらしてうちの少年野球チーム名に変えて表示し、うちのチームの公式HPにリンクすることは可能でしょうか。
写真の上にリンク文字がのっかる形です。
字体と、その下が陰になってるのかすごいかっこいんです!

タグ知識がほとんどないに等しいので無茶な質問をしてるのかすらあまりよくわかりません。もしできるなら・・ということでの質問です。
文才がないのと、長々と書いてしまってわかりにくいかと思いますがお暇な時にご回答よろしくお願いします。

2010.01.21 | URL | J #lWzWikrg [ edit ]

はじめまして

はじめまして。

テンプレートとても気に入って使わせていただいてます。
SEO対策でキーワードを入れたいのですが、何処に入れたらよいのでしょうか?

初歩的な質問かもしれませんが、宜しければ教えてください。

2010.01.24 | URL | k #nRj11v7w [ edit ]

>> kさん

> テンプレートとても気に入って使わせていただいてます。
> SEO対策でキーワードを入れたいのですが、何処に入れたらよいのでしょうか?

キーワードとしてのSEO対策は、「title」や「h1」「h2」などの見出しタグを意識したほうがいいのではないかと思います。明確なことは言えませんが、記事を書くときにそのタイトルを考えるはとても重要なことだと思います。 

例えば、このサイトでは、ウェブデザインに関するコンテンツを扱うということをタイトルやサイトの説明文で書かれています。 なので、記事タイトルにもそれに関するキーワードを書くことが重要です。
→「WEB2.0を意識したウェブデザインのテンプレート集」とか・・・・

なので、個人の日記だとするとその記事タイトルは、「今日のできごと」としてはいけず、
「今日は友達と○○へ温泉に入りに行きました!」のように具体的に書くといいです。
本文もそれなりに書いたほうがいいです。

サイトのコンテンツをはっきり明確にするために、「title」や「h1」などの見出しタグに関連キーワードをちりばめることがSEOでは大切なので、とりあえず記事を書きましょう。

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

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

Re: TOPに画像を貼れるか

気に入っていただいてありがとうございます。

トップの画像ですが、ご自由に画像やリンクを挿し変えていただいてかまいません。
画像変更の仕方ですが、スタイルシートの編集から以下の箇所を見つけ出してください。
これは、横幅710pxで高さを160pxの画像を挿入する記述です。
写真を入れたいということだったのですが、横幅を変更するとレイアウトが崩れてしまいますので、710pxのままが好ましいです。高さは、自由で構いません。

#top_banner{

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

}

次にリンクの変更ですが、
HTMLの編集で以下のような記述を見つけてください。
このa href="" のダブルクォーテーションに囲まれた部分を任意のURLに変更してください。

<a href="http://webdesignkeys.blog61.fc2.com/"><div id="top_banner"></div></a>

「webdesignkeys」のロゴの件ですが、画像として作っており、バックの画像と一緒になっています。 分けて作る場合には、透過画像を使うことになり、IE6などでうまく表示されません
がそれでよければ、こちらでロゴを作ります。


質問ありがとうございました。
わかりずらい箇所もあるかもしれませんが、その時はまたコメントしてください。
ロゴの件に関してはチーム名などを教えていただかないといけないので、
メールのほうがいいと思います。
以下にお願いします。

webdesignkeys@gmail.com

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

はじめまして

かっこいいとすぐ気に入り、使わせて頂いています。

質問がひとつあります。
投稿日付を12月31日にしてトップの記事を固定してるんですが、画面上に出るこの12/31の日付のみを隠すことは可能ですか?(あるいはまったく違う文字に)
素人質問ですみません。
毎日今日の日付に書き換えるしかないんですかね?

よろしくお願いします。

2010.02.11 | URL | セズ #X3gJEgAs [ edit ]

>>セズさん

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

サイトを拝見した所、トップに表示している記事がサイトの紹介文だったので、ここにフリーエリアを作成することで、常にトップに記事を固定することが可能です。
しかしながらこの場合には、日付を表示できないのと、コメント機能が使えないという欠点があります(他の記事は普通にコメントできます)

これでも構わないという場合には、編集方法をお伝えいたしますので、
よろしくお願いします。

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

ありがとうございます。
一度フリーエリアでどんな感じになるのかやってみたいと思いますので編集方法をお教えいただけますか?コメントのほとんどされないブログなので大丈夫だと思います(笑)
*タイトル部分はありますか?

2010.02.15 | URL | セズ #G9glzUGs [ edit ]

>>セズさん

フリーエリアの作成方法ですが、まずテンプレートの編集から、

<div id="left_wrap">

<!--topentry-->

と記述された場所を見つけてください。このタグの間に以下のソースコードをそのまま貼り付けてください。


■ソースコード

<!--フリーエリア-->
<h2><a class="freearea" href="<%url>">ようこそJazz à GoGoのブログへ</a></h2>

<p>Jazz à GoGoは奈良にあるヨーロッパ古着屋です。<br />雑貨や古書なども取り扱っております。<br />こちらのトップ記事では最近のお知らせなどをアップします。<br />内容はちょこちょこ変えるのでお楽しみに。<br />
*当ブログはリンクフリーです。<br /><br />

☆。,・~~・,。★。,・~~・,。☆。,・~~・★<br /><br />

<a href="http://blog-imgs-31.fc2.com/j/a/z/jazzagogo471/20100130163712f42.jpg" target="_blank"><img src="http://blog-imgs-31.fc2.com/j/a/z/jazzagogo471/20100130163712f42.jpg" alt="ヨーロッパ古着*休業日*2010.2.18" border="0" width="200" height="133" /></a><br /><br />

<span style="color:#ff0000">★休業日のお知らせ</span><br />2月18日(木)は休業日とさせていただきます。<br />どうぞご了承ください。<br /><br />

<span style="color:#ff0000">★営業時間短縮のお知らせ</span><br />2月28日(日)は都合により18時閉店とさせていただきます。<br />どうぞご了承ください。<br /><br />

☆。,・~~・,。★。,・~~・,。☆。,・~~・★<br />

<span style="color:#FF0000">★モギトリセールのお知らせ</span><br /><br />

<a href="http://blog-imgs-31.fc2.com/j/a/z/jazzagogo471/Francejag.jpg" target="_blank"><img src="http://blog-imgs-31.fc2.com/j/a/z/jazzagogo471/Francejag.jpg" alt="Francejag.jpg" border="0" width="250" height="166" /></a><br /><br />

3月6(土)、7(日)の2日間、京都のひよしの森で開かれる<br />モギトリセールにJazz à GoGoが出店します。<br />モギトリセールはフランスの蚤の市をイメージした芝生の上のマーケットです。<br />フード、雑貨、グリーンなどいろんなショップが並んで賑やかです。<br />良かったら遊びにきてくださいね。<br />

場所、時間などはこちらへ↓<br /><br /><a href="http://www.yumemifactory.co.jp/yumemiivent.htm" target="_blank" title="★モギトリセールについての詳細はこちら">★モギトリセールについての詳細はこちら</a><br /><br />

☆。,・~~・,。★。,・~~・,。☆。,・~~・★<br /><br />

<span style="color:#ff0000">★メール配信のお知らせ</span><br />当店の店頭にてカスタマー登録をされた方の中で<br />2ヶ月以上経っても入荷情報等のメールが届かない方は<br />大変お手数ですがメールフォームからお知らせください。<br /><br />☆。,・~~・,。★。,・~~・,。☆。,・~~・★<br /><br />

<span style="color:#ff0000">★商品その他に関するお問い合わせ</span><br />「ブログにアップしてるこの服はオンラインショップで買えますか?」<br />「この服のサイズを教えてください」<br />などのご質問をお気軽にお寄せください。<br />その際はメールもしくはコメント欄をご利用いただければと思います。<br />コメント欄をご利用の際は鍵コメント設定にしてメールアドレスをご記入ください。<br />*すぐに返事が出来ない場合がございますのでご了承ください。<br /></p>
<!--/フリーエリア-->





次に、タイトルのずれを修正するためにCSSを追加します。

■CSS

スタイルシートの編集から以下のコードをどこでもいいので貼り付けてください。

.freearea{

padding-left:35px;

}



これでフリーエリアが作成されます。
このエリアは記事を更新しても常にトップに表示される領域です。

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

ご丁寧にありがとうございます!

2010.02.15 | URL | セズ #G9glzUGs [ edit ]

はじめまして

クールなテンプレートに一目惚れしまた!
現在使わせていただいてます。


さっそく質問なのですが、トップ画像の下にある横にスライドしていくサムネイルが勝手に動かないようにするにはどうしたらいいでしょうか?

2010.02.17 | URL | ナツ #Tsb.9vgU [ edit ]

メニューが使いやすく、使用させてもらってます!
ここのデザインはどれも素敵で使いやすいです^^

質問なんですが、スライドショーの部分を消すことはできますか?
画像を扱わないサイトなので使い道がなく、消そうといろいろと試してみたんですが、
変な余白ができたりして上手くいきませんでした。
よろしくお願いします。

2010.02.22 | URL | neji #pprjMJPo [ edit ]

>>ナツ


> さっそく質問なのですが、トップ画像の下にある横にスライドしていくサムネイルが勝手に動かないようにするにはどうしたらいいでしょうか?

質問ありがとうございました。
サムネイルが勝手に動かないようにするためには、
テンプレートの設定からHTMLの編集を見てください。

ここで、head ~ /head の中に以下のような記述があると思いますので、
これをそのまま消してみてください。

setInterval(function () {
if (autoscrolling) {
$('.infiniteCarousel').trigger('next');
}
}, 4500);

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

>>neji

> 質問なんですが、スライドショーの部分を消すことはできますか?
> 画像を扱わないサイトなので使い道がなく、消そうといろいろと試してみたんですが、
> 変な余白ができたりして上手くいきませんでした。

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

質問のとおりにスライドショーの削除を行おうとすると余計な空白ができてしまいます。
これを解消するためには、CSSをいじる必要があります。

まずnejiさんのやったようにHTMLの編集で以下を削除しましょう。

↓ここから
<div class="infiniteCarousel">
<div class="wrapper">
<ul>

~省略~

</ul>
</div>
</div>

↑ここまで


次に余計な空白を削除するためには、スタイルシートの編集から以下の2つのセレクタの属性値を変えましょう。


■1つ目 編集前
#left_wrap{

width: 450px;
float:left;
margin-top:80px;overflow:hidden;

}

■1つ目 編集後
#left_wrap{

width: 450px;
float:left;
margin-top:0px;overflow:hidden;

}



■2つ目 編集前
#left_wrap h2{

width:437px;
height:20px;
background: url("http://blog-imgs-29.fc2.com/w/e/b/webdesignkeys/p02-entry_title.png");
font-size: 14px;
color:#fff;
line-height:20px;
padding-left:13px;
position:relative;
margin-top:50px;


}


■2つ目 編集後
#left_wrap h2{

width:437px;
height:20px;
background: url("http://blog-imgs-29.fc2.com/w/e/b/webdesignkeys/p02-entry_title.png");
font-size: 14px;
color:#fff;
line-height:20px;
padding-left:13px;
position:relative;
margin-top:0px;

}


またなにかあれば気軽に質問してください
ありがとうございました。

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

IEでの表示が・・

初めまして。素敵なテンプレートで、早速使わせて頂こうと思っているところなのですが、
ふと気づいてIEで開いてみたところ(普段はfirefoxユーザーです)、
トップのメニュー(トップバナーを囲んでいるメニュー)が、どうしてもひとつ左側にずれて表示されてしまうのです。

これは何故なのでしょうか?
そして、直せないものなのでしょうか?

どうしてもこのテンプレートを使いたいので
直せるようならお願いしたいのですが・・・。

2010.02.26 | URL | エミ #VWFaYlLU [ edit ]

テンプレートの基本色

始めましてよろしくお願いします。
黒を基調にしたデザインがクールで素敵なのですが、黒にあわせて画像を作って挿入してみるとゴスロリっぽくなってしまい、ちょっとイメージが違ってしまって・・・。他のテンプレにすればいいのでしょうが、どうしてもこれが使いたいんです!
そこで質問なのですが、テンプレの黒を(枠やメニューなど)他の色に変えるにはどうすればいいのでしょうか。
上の方の回答で画像を使用しているとあるのですが、自分で色を変えるにはどこをいじればいいのですか?
同じような質問かと思うのですが、初心者なのでやり取りを読んでもよくわからず・・・
せっかくのクールなイメージなのに変えるのは失礼かと思うのですが、できれば教えていただけないでしょうか。よろしくお願いします。

2010.02.27 | URL | すー #- [ edit ]

Re: IEでの表示が・・

質問ありがとうございます。
返信が遅くなってしまい申し訳ありませんでした。

IEの件ですが、IE8とIE7では完全に表示されていると思います。
またIE6ですが、こちらは透過PNGが利用できない関係で場所により不具合がでることを確認しています。

お使いの環境によって表示がずれることはありますが、トップのメニューが左にずれることは、確認できませんでした。

もし気になるようでしたら、お使いの環境の詳細をお願いします。

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

>>す~さん

質問ありがとうございました。
返事が遅くなってしまってすみませんでした。

テンプレートの基本色の話ですが、枠やメニューなどの黒色を別の色に変更するには、ちょっと手間がかかります。
ここにはグラデーションを表現するために画像を挿入しています。
なので、この色を変更するためには、画像を作らなければなりません。

このテンプレート用の画像編集はここでは説明しずらいので、作成して欲しい色が決まっていれば、編集可能な範囲でおつくりします。

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

Re :Re: IEでの表示が・・

早速のご回答ありがとうございました。
もう一度確認してみましたら、
私のIEブラウザが、縮小表示「75%」という設定になっていて、
それを100%に戻したところ、レイアウトの崩れがなくなりました。

私の確認が足りないせいで、お手間をおかけしてしまって申し訳ございませんでした。。。
ご親切なご回答感謝致します。

とても素敵なテンプレートをこれで安心して使用させて頂きます。
どうもありがとうございました!!

2010.03.02 | URL | エミ #- [ edit ]

管理人のみ閲覧できます

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

2010.03.03 | | # [ edit ]

質問いいですか?

タイトルの画像のことについてききたいんですが

そこの画像をランダムでスクロールできるようにとかはできるんでしょうか?
できるならやりかたを教えていただきたいのですが。

返事まってます。

2010.03.05 | URL | Alice’ #PVNQBMzQ [ edit ]

返答ありがとうございます

回答を頂いたのに書き込みが遅くなってしまい、すみませんでした。体調を崩してパソコンができなかったもので・・・。
作っていただけるなんてとんでもなくありがたいです!
ありがとうございます!
色はチョコレート色なのですが、RGB値を調べてみると73513Aでした。チョコレートぽい色なら何でもいいんです!
もういつになっても構いませんので、よろしくお願い致します。お座りして待ってます!

2010.03.07 | URL | すー #- [ edit ]

管理人のみ閲覧できます

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

2010.03.07 | | # [ edit ]

テンプレート

使わせて頂いています^^
やりたかったことが全て入っていました。

本当に本当にド初心者なので
写真の変更とかは難しかったですけど
質問しているみなさんの答えを見ながら
やっと出来ました。
もう少し自分でレイアウトしてみたいと思います。

これからも素敵なテンプレート期待してます♪

2010.03.07 | URL | reco #- [ edit ]

>>Aliceさん ランダムでスクロール

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

タイトル画面のギャラリーですが、ランダムにスクロールさせることは可能だと思います。
ランダムスクロールの方法はいろいろ考えられると思いますが、どのようにしたいですか?

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

>>reco Re: テンプレート

テンプレートを使っていただいてありがとうございました。

これからもクールなテンプレートが作れるように頑張りたいと思いますので、
今後ともよろしくお願いします。

質問があればまたよろしくお願いします。

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

質問です!!

たびたび質問すみません(´・ω・`)

なぜかブログが全体的に左寄りになってしまうのですが、どうすればど真ん中にブログを持ってこれますか?

それとブログの周りの背景を変更する事は出来ますか?

出来れば画像を並べて挿入したいのですが・・・(´;ω;`)

2010.03.29 | URL | おっぱー隊 #- [ edit ]

質問です

以前はありがとうございました。

一度教えていただいた方法でフリーエリアを作ってはみましたが、諸々の事情でまた現在元に戻しています。せっかく教えていただいたのに申し訳ないです。
そこでまた質問で恐縮なのですが、記事の日付の部分を月と日だけでなく、2010/3/29のように年まで表記することは可能でしょうか?
よろしくお願いいたします。

2010.03.29 | URL | セズ #wiYSlrHY [ edit ]

>>セズさん 記事の日付けで年の表示

質問ありがとうございました。
簡単にできるのでやってみてください。

■年の表示タグを追加する


まずテンプレートの編集で以下のような記述のある場所を探してみてください。

<!--topentry-->
<h2><%topentry_month>/<%topentry_day><a href="<%topentry_link>"><%topentry_title></a></h2>


ここの<%topentry_month>というタグに記事を投稿した月が代入されるので、この前に
<%topentry_year>/というタグを追加してください。

以下のように編集できたら更新して、サイトを確認してみてください。投稿した記事に「年」の表示が追加されているはずです。

<!--topentry-->
<h2><%topentry_year>/<%topentry_month>/<%topentry_day><a href="<%topentry_link>"><%topentry_title></a></h2>

このままでは、フォントがバナーをはみ出していると思いますので、次にCSSを編集して、フォントサイズを整えたいと思います。


■フォントサイズの変更

スタイルシートの変更で以下の場所を探してみてください。


#left_wrap h2{

width:437px;
height:20px;
background: url("http://blog-imgs-29.fc2.com/w/e/b/webdesignkeys/p02-entry_title.png");
font-size: 14px;
color:#fff;
line-height:20px;
padding-left:13px;
position:relative;
margin-top:50px;


}

これを以下のように書き換えてください
*font-size: 14px; → font-size: 12px;
*font-weight:400;の追加

↓↓以下のようなソースになればOKです。

#left_wrap h2{

width:437px;
height:20px;
background: url("http://blog-imgs-29.fc2.com/w/e/b/webdesignkeys/p02-entry_title.png");
font-size: 12px;
font-weight:400;

color:#fff;
line-height:20px;
padding-left:13px;
position:relative;
margin-top:50px;


}

font-sizeは、フォントの大きさ、font-weightは文字の太さです。ここでは、大きさを2px下げ
太さを通常にしました。

これで編集は終わりです。

また何かあればコメントしてください。

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

続・質問

ありがとうございます!早速やってみました。
で、さらにすみません。
日付の一番右の文字が少し黒の斜めの部分にかかっているように見えるので、これを直すにはfont-sizeかfont-weightのところを変えればいいんでしょうか?
よろしくお願いします。

2010.04.04 | URL | セズ #X3gJEgAs [ edit ]

追記

あれ?今見たら文字が細くなって収まっています。変えた時はかかっていたんですが…。

2010.04.04 | URL | セズ #X3gJEgAs [ edit ]

>>セズさん 日付のフォントについて

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

今、このような記述になっていると思います。

font-size: 12px;
font-weight:400;

font-sizeを14pxから12pxに設定すると、フォントサイズが2px分小さくなるために黒い領域に収まりますが、「h2」の見出しに設定されている「太さ」がやや太いため「font-weight:400; 」で少し細くしました。

今は、400に設定していますが、この値は、100~900まで設定することが可能です。
100が細く、900が太くとなります。

フォントサイズを変更したり、太さを変えたいという場合には、これらの数値を少しずついじってみてください

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

筆問です。

テンプレート使わせていただいてます。

<トップ画像に関する筆問です>

以前使用していた画像が飽きてきたので、別の画像と入れ替えました。

入れ替え操作を行った自分のパソコン上では

問題無く入れ替えた画像で表示されるのですが、

他のパソコン(2台)から自分のブログを見た時に、

もとの画像で表示されてしまいます。

(その他の記事等は更新の度、問題無く更新されます)


テンプレートの問題では無いのかもしれませんが、

解決方法があれば教えてください。

2010.04.05 | URL | k.i #nRj11v7w [ edit ]

>>k.iさん

FC2ブログのファイルサーバーがたまに誤動作することがあるので、

入れ替えた画像のURLにアクセスし正常に表示されることを確かめます。

正常に表示されない場合は、画像ファイルの名前を変えて再度アップロードしてください。

元の画像が表示されるのは、ブラウザのキャッシュを読んでいるのかもしれません

お使いのブラウザのキャッシュを削除してみてはいかがですか?

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

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

ブラウザのキャッシュをクリヤすることで解決いたしました。

テンプレートに関係の無い質問をしてしまいすみませんでした。

親切に回答いただきありがとうございました。

2010.04.06 | URL | ki #nRj11v7w [ edit ]

質問です

素敵なテンプレートを使わせていただいてます
質問なのですが
記事部分の横幅を少し広くしてプロフィールなどの部分の幅を少し狭くしたいのですがどうすればいいでしょうか?

2010.04.12 | URL | うけたま #4JcWZNxE [ edit ]

先ほど質問した者です
自力で変更できました

これからも使わせて頂きます

2010.04.12 | URL | うけたま #4JcWZNxE [ edit ]

また質問です

続けて失礼します
2つお聞きしたいのですが
ミニギャラリーの画像サイズなのですが
縦を大きくすることは可能でしょうか?
縦横100か120の正方形にしたいのですが


記事部分とプリフィール部分の比率は変更できたのですか
全体の幅を少し広くしたいのですかこれは可能でしょうか?

2010.04.15 | URL | うけたま #4JcWZNxE [ edit ]

とても素晴らしいテンプレートですね。
有難く使わせて頂きます。

スクロールするアニメーションについての質問なのですが、
沢山の画像をスクロールさせたいと考えています。
が、やはり沢山の画像を用意してしまうとページが重くなってしまうのは目に見えていますので
こちらをランダムに表示するというような事は可能でしょうか?

2010.04.27 | URL | #- [ edit ]

たくさんの質問ありがとうございます

たくさんの質問ありがとうございました。
4月に入ってから忙しかったり、風邪引いてたりしてなかなかコメントすることができなくて申し訳ありませんでした。

早く風邪を治して回答していこうと思います。

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

お忙しいところ失礼します。
とても綺麗なテンプレートなので使用させていただきました。
質問なのですが、トップの画像を複数ランダムに表示することは可能でしょうか?
お忙しいところ失礼しました。


2010.05.02 | URL | クロ #KoSbmThA [ edit ]

別の場所で別のテンプレについて質問させて頂いたのですが、こちらの方に変えさせてもらいました。

質問なんですが、背景に左右に1枚ずつ画像を配置したいのですがどうしたらいいでしょうか?
現在は左側にだけ配置してるのですが、右側の空白のスペースにもう一枚画像を入れたいと考えてます。

よろしければご教授ください、お願いします。

2010.05.05 | URL | かのう #- [ edit ]

画像の色変更

はじめまして、素敵なテンプレートを今日拝借させて頂きました。私の経営する美容院のHPとして使用させていただきたいのですが、お店のテーマカラーが「オレンジ」なので、黒の部分を出来る限りオレンジにしたいのですが、可能でしょうか。画像を変更しなくてはならないみたいですが、知識のない人間でもできますか。せっかくコンセプトを持った素敵なデザインを壊してしまうようで申し訳ございませんが、デザインが最高なので是非使用させていただきたいのです。アドバイスをよろしくお願いいたします。

2010.05.13 | URL | Ataraxia #- [ edit ]

すごいです!

FC2関連でネットを飛んでいた所 このサイトを見つけました
テンプレートを拝見しましたが 素晴らしいセンスだと思います! 
コメント欄を見ていても どれ程人気なのかがうかがえますね
すいません・・・ 特に質問があるわけでも無いのに
上からの物言いみたいで(汗)

これからも 頑張って下さい!
応援してます!

2010.05.23 | URL | @ASASIN@ #- [ edit ]

承認待ちコメント

このコメントは管理者の承認待ちです

2011.07.01 | | # [ edit ]

承認待ちコメント

このコメントは管理者の承認待ちです

2013.04.24 | | # [ edit ]

コメントの投稿













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

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

p02-top.jpg
FC2テンプレートの第三弾がようやく完成しそうなので紹介しておこうと思います。
今回作成したテンプレートは、白と黒を基調として使いアクセントとして
赤をちりばめることでかなりクールな仕上がりとなりました。

前作のテンプレートはシンプルで色がなかったので、今回は、サイトが栄えるように
エントリー上部にフォトギャラリーを用意しました。
このギャラリーはオートでアニメーションスクロールをするといったエフェクトで
閲覧者にインパクトを与えられると思います。

FC2ブログには無いパターンの二段のメニューバーでは、カテゴリーを見やすくまとめられ
機能的です。またサイトの見栄えにもこだわりました。


ギャラリーには、再配布可能なフォトを使っています。
この場所の画像は75px×75pxを使っています。
初心者でも簡単に変更できると思いますので、
テンプレートを複製して試してみてください。

メニューバーではさまれているトップ画像は私が作ったのですが、
気に入らないのであればご自由に変えていただいて結構です。
その他のレイアウトに関しても自由に変更していただいて結構です
もしなにか質問や要望があれば気軽にコメントをいただければ幸いです。


今後も技術向上のためテンプレートを作成しようと考えていますので、
要望などあればコメントやメールをしていただければ嬉しいです。

Comment

はじめまして。

イメージで見る限りすごくクールに仕上がってますね!
今までの共有テンプレでは見たこと無いような感でですね。
白黒好きなので出来上がりが楽しみです。

2009.12.05 | URL | Veno #zbT7meO. [ edit ]

Re: はじめまして。

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

そういってくださる人がいるとやり甲斐があります。

今はまだまだ勉強中な身なので、少しずつやっていこうと考えています。

このテンプレートは来週中には共有テンプレートにあがると思いますので、

その時はまた感想や意見、要望などいただけるとありがたいです。

(^_^)/閲覧していただきありがとうございました!

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

初めまして、ブログ初心者のれいと言います。
すごくクールでかっこいいですね!
ぜひお借りしてブログ作成してみたいのですが
なにぶん初心者なのでメニューバーのリンク方法?と
効果的な使用方法に悩んでいます。
まずメニューバーのリンク先は単純に記事指定
って感じでよいのでしょうか?
あと知人と2人で管理したいのですが例えば
メニューバーのリンクを利用して私だけが書いた
記事の検索みたいな事は可能でしょうか?

わかりづらい文章のうえにほんとに初歩的な質問
で申し訳ないですがよろしければ教えて頂ければ
幸いです。

2009.12.20 | URL | rei #zbT7meO. [ edit ]

質問です。

こういうのを探していました!
ぜひ使わせていただきたいのですが、質問があります。

現在12個のメニューがありますが、コレの数を減らすにはどうすれば良いのでしょうか?
私事ですが上4つ、下5つで使いたいのですが、
<li><a href="<%url>">Home</a></li>
の部分をそのまま削除してしまうと、それだけが削除されて左側一つ分白く空白になります。
それを、ひとつひとつの区間を広くして綺麗に端から端までするようにするのはどうすればいいのでしょうか?
いろいろ覚えたことを試してみましたが、できませんでした。
大変お手数ですがぜひこちらのテンプレートで作り直したいのでよろしくお願いします。

2009.12.21 | URL | 遥 #R71i86E. [ edit ]

Re: >れいさん

質問ありがとうございました。
一応記事書いてみたのですが、要件に沿っているか不安ですw
メニューバーのリンク先は、記事指定って感じでいいと思います^^

なにかわからないことがあれば気軽にコメントくださいね!

■「blackcool_proj02」 メニューバーのリンクの設定方法
http://webdesignkeys.blog61.fc2.com/blog-entry-40.html

■「blackcool_proj02」 複数人での記事を投稿を管理する方法
http://webdesignkeys.blog61.fc2.com/blog-entry-41.html

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

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

Re: 質問です。 

> 遥

質問ありがとうございました。
上4下5のメニューバーを作成しましたので以下の記事を参照してください。

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

質問あればコメントくださいね!

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

初歩的な質問にすごく丁寧でわかりやすい
回答ありがとうございました。
とりあえず頑張ってやってみます!
またなにかあれば質問させて頂きますね。

2009.12.22 | URL | rei #zbT7meO. [ edit ]

たびたび失礼します

親切で迅速な対応いつもありがとうございます!
aomさんのおかげでタグやらいじることに興味が湧いてきましたw
色々試行錯誤しながら勉強させていただいてます。

たびたび初歩的質問なんですが、黒背景にしたいのです。
そうすると真逆になるので文字なども逆にしたいのですが、各所の色の変える場所が分からない物があります。
ページを黒背景にする自体、なにをやってみてもできませんでした。
あと、黒いメニューの背景色も変えたいのですがわかりません。

今後色違いのものの作成予定はありますか?
そうすればどこに変化をつけているか見比べて理解が出来ると思います。
どれだけの手間がかかることなのかがわかっていないので大変不躾ではありますが、
もし、可能であるならばいつになってもかまわないのでぜひお願いしたいです。
ほんとに面倒なことばっかりで恐縮です;

2009.12.25 | URL | 遥 #- [ edit ]

Re: たびたび失礼します

こちらこそ!つたない解説ですみませんw
コメントをいただけると励みになりますので、
些細なことでもいいので気軽に質問してください^^

背景色の話なのですが、
CSSのbodyの中に

background-color:#000000;

と追加すると変更することが、できます。
黒は#000000 白は#ffffff となります。
ブラウザの初期値が#ffffffだったので、今回のテンプレートでは
設定しなかったという訳です。

ここで一つ問題があります。本体の影の部分を背景色を白にする前提で
作成したので、背景色を黒にすると見栄えが変な感じになってしまいます。

こんな感じ↓(テンプレ作成用のデモページです)
http://uddesign.blog99.fc2.com/

これを解消するためには、背景色黒用に画像を作るか、
透過pngで画像を作成しなければなりません。

同じく、メニューバーも、画像を用いて描写しています。
メニューバーを見ると、黒から白へのグラデーションが見られると思います。
このようなメニューバーは一般的には、画像を用いて作成されるのです。
なので、ここの背景色を変更する時も画像の編集が必要です。


すぐにできると思うので、どんなメニューにしたいのかなどの
詳しい情報を教えていただければ、こっちでテンプレを編集します。

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

教えてください

はじめまして
素敵なデザインでぜひ使わせていただきたいのですが
ギャラリーの画像について何点か教えてください。
・画像のサイズの変更の仕方(画像自体の大きさは変えられたのですが表示がおかしくなってしまいました)
・サンプルでは一度に3画像ずつ表紙されていますが一度に表示する画像の数を変更することはできますか?
・サンプルでは合計9画像表示されていますが画像の合計数はへんこうできますか?

質問が多くて申し訳ありませんがよろしくお願いします

2009.12.25 | URL | toto #- [ edit ]

Re: 教えてください

質問ありがとうございました。
一応3つ全て可能なのですが、1つ目の画像サイズの変更と2つ目の1度に表示する画像数
については、テンプレート自体のレイアウトを変更する必要性があります。

こちらからも少し質問させていただきたいです。
表示の合計数はすぐにできるので、3つ目の項目を参照してください

■1つ目の画像のサイズは、特定の画像だけということでしょうか?またどのくらいのサイズにしたいですか?

表示させる画像が全て一定の大きさであれば、こちらで簡単に修正できますが、ご自分で編集したいとなると結構大変です。


■2つ目ですが、一度に表示したい画像数はお決まりでしょうか?

ご自分で任意の数に変更したいなると、他のレイアウトも変更する必要があります。
CSSは単純ですが、ギャラリーにもなると複雑でなかなか思うようにいかないと思います。


どのようなギャラリーにしたいのかということが決まっていれば、作ることができます。



■画像の合計数の変更

ギャラリーはリスト構造になっています。

<ul>
<li>画像1</li>
<li>画像2</li>
<li>画像3</li>
</ul>

htmlのソースコードはこのような形式になってたと思います。
なので、画像を減らすときは、

<ul>
<li>画像1</li>
<li>画像2</li>

</ul>

このように<li>~</li>を削除してください。また増やす時は、

<ul>
<li>画像1</li>
<li>画像2</li>
<li>画像3</li>
<li>画像4</li>
</ul>

のように付け加えてください。合計数の変更はこれだけで可能です。
画像の表示は、1~4の順番で行われます。枚数については、上限は無いですが、
ページの表示速度が遅くなるので、ほどほどにしてください。


質問ありがとうございました。
回答お待ちしています。

では、これからもよろしくお願い致します!

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

質問

そういっていただけると凄くありがたいですw

はい、今まさにあたしの編集したのは
http://uddesign.blog99.fc2.com/
こんな感じですw
解説の通り、#000をつっこんだ状態です。

ただ、あたしの理想としては、そこでなく、
メインのページの部分を黒くしたいのです。
もちろん、そうなればテキスト?の文字ももっと白く、
メニューバーも黒でない色にとほぼ全面的に色を変えないとなんですが;
メニューバーも画像だったのですね!
グラデになってるのは気づいたのですが、画像の表記を見逃してたみたいなので、
こうゆうやり方のテーブル?みたいなのがあるのかと思いましたw
画像のURLをもう一度ちゃんと見直して見つけてみます!
画像は作ってみますw

たびたびすいませんー;よろしくお願いします;

2009.12.25 | URL | 遥 #- [ edit ]

Re: 質問

(゚д゚)なるほど、メインの方のことですか!

URLは直ぐに見つかると思いますよ~~
画像編集は、私より遥さんのほうが得意だと思うので
ご自分で作ったほうがいいのができるかもしれませんねw

メニューバーの画像について少し触れておくと、高さ32pxで幅が1pxの画像を
横軸方向に繰り返し表示しています。
これには、画像の容量を抑えるのと、汎用性を持たせるという役割があります。



わからないことがあればコメントください

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

迅速、丁寧な回答ありがとうございました。

>■1つ目の画像のサイズは、特定の画像だけということでしょうか?またどのくらいのサイズにしたいですか?
・ギャラリー画像のサイズについてはサンプルでは横、高さ75でしたが横100、高さ75に変更できればと考えてます。1画像だけ変更ではなくギャラリー全画像です

>■2つ目ですが、一度に表示したい画像数はお決まりでしょうか?
・すみません、これはまだ特に決まっていません。参考までに伺っただけなのでこちらは大丈夫です。

よろしくお願いいたします。

2009.12.26 | URL | toto #- [ edit ]

一番初めのテンプレート使わせてもらいました。
ありがとうございます。

えっと できれば
リンクに追加させてほしいんですが
いいでしょうか?

2010.01.01 | URL | レバニラ #- [ edit ]

続けてすいません。

プロフィール、最新コメント、カテゴリ
などが書いてある欄を右に持っていくにはどうしたら
いいでしょうか?

2010.01.01 | URL | レバニラ #- [ edit ]

Re: リンク、カラムについて

プロフィール、最新コメント、カテゴリ などが書いてある欄を右に持っていくにはどうしたら いいでしょうか?

記事部分とプロフィール(プラグイン部分)などが表示されている部分を入れ替えるためには、

テンプレートの設定のスタイルシートの編集から以下の部分を見つけてください
この記述のfloat:leftとfloat:rightの部分を入れ替えます。

#left-wrap{ width:245px; float:left; }
#right-wrap{ width:747px; height:auto; float:right; }


実際には、以下のようになります。

#left-wrap{ width:245px; float:right; }
#right-wrap{ width:747px; height:auto; float:left; }

float:left というのは、この属性を指定した要素が左寄りになり後続する要素が
右に回り込みます。rightはこの逆になります。
ブログのレイアウトで記事部分とプラグイン部分を作り出す時にはこのfloatを利用します。




リンクについてなのですが、自由にしてもらって構わないですよ!

WEB上では、今回のようにリンクの申請をサイトの運営者に行うのが一般的なのかもしれませんが、法律上では、申請を行う必要はないです。これについては、色々議論されているみたいなので詳しく知りたいのであれば、以下のサイトなどを見るといいと思います。

http://park5.wakwak.com/~tanaka02b/column/faq.htm


コメントありがとうございました!
これからもよろしくお願いします

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

Read more の位置について

はじめまして。
とても素敵なテンプレートなので使用させていただいてます。
早速ですが質問があります。
Read more の位置を変える方法をおしえてください。

現状ですと、記事の次に広告が何行か入り、その下に
Read more/カテゴリー/コメント/トラックバックの表示があります。
この状態ですと Read more が見落とされそうなので、
Read moreが記事の最後(広告の上)に来るように配置したいのですが可能でしょうか?
よろしくお願いします。

2010.01.03 | URL | dm #- [ edit ]

画像編集

初めまして。

初めてのブログで、こちらのテンプレートが
すごくかっこよかったので、使わせてもらいました。
が、タイトルの下の部分が画像変更できるような
事でしたが、何処に画像を入れたら良いのでしょうか?

通常、ヤフオクなどで至れり尽くせりのテンプレート
しか使ったことがないような、超初心者です。

ちなみに、画像サイズは、どのくらいなのでしょうか?

ものすごく初歩的な質問で恥ずかしいのですが、
よろしくお願いします。

2010.01.04 | URL | ツナ #- [ edit ]

>toto 画像サイズの変更について



質問への回答がかなり遅くなってしまって申し訳ありませんでした。

横100px、縦75pxで作成してみたので以下の記事を参考になさってください~

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

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

TOPに画像を貼れるか

はじめまして。
と~~~~~っても素敵なテンプレートで、一目惚れでした!!
今、試行錯誤しながらギャラリーの画像やメニューバーのリンクなどを
いじって頑張って、ほぼ理想形に完成しつつあります。

そこで質問です。

すぐ上の方の質問とかぶるんじゃないかと思うのです。
というか、上の方の画像は私が希望してることと同じじゃないかと思うのですが・・・(違うかもしれません)
TOPのギャラリーの画像9枚の箇所ではなく、メニューバーに挟まれた《▶webdesignkeys》というデザインがされてある、こちらのサイトへリンクできる箇所を変更できるのか、ということす。

私は、子供の野球チームのブログを作っているので、この部分(グレーになっているところ)にチームの全体写真を表示させたいんです。
9枚のギャラリーには普段の様子などをランダムに載せています。

この箇所はこちらのサイトへリンクする場所なのでやっぱり無理ですかね^^;

質問ついでに、図々しいお願いですが、
もし画像編集が可能であれば、今《▶webdesignkeys》と書かれている部分を少し右下にずらしてうちの少年野球チーム名に変えて表示し、うちのチームの公式HPにリンクすることは可能でしょうか。
写真の上にリンク文字がのっかる形です。
字体と、その下が陰になってるのかすごいかっこいんです!

タグ知識がほとんどないに等しいので無茶な質問をしてるのかすらあまりよくわかりません。もしできるなら・・ということでの質問です。
文才がないのと、長々と書いてしまってわかりにくいかと思いますがお暇な時にご回答よろしくお願いします。

2010.01.21 | URL | J #lWzWikrg [ edit ]

はじめまして

はじめまして。

テンプレートとても気に入って使わせていただいてます。
SEO対策でキーワードを入れたいのですが、何処に入れたらよいのでしょうか?

初歩的な質問かもしれませんが、宜しければ教えてください。

2010.01.24 | URL | k #nRj11v7w [ edit ]

>> kさん

> テンプレートとても気に入って使わせていただいてます。
> SEO対策でキーワードを入れたいのですが、何処に入れたらよいのでしょうか?

キーワードとしてのSEO対策は、「title」や「h1」「h2」などの見出しタグを意識したほうがいいのではないかと思います。明確なことは言えませんが、記事を書くときにそのタイトルを考えるはとても重要なことだと思います。 

例えば、このサイトでは、ウェブデザインに関するコンテンツを扱うということをタイトルやサイトの説明文で書かれています。 なので、記事タイトルにもそれに関するキーワードを書くことが重要です。
→「WEB2.0を意識したウェブデザインのテンプレート集」とか・・・・

なので、個人の日記だとするとその記事タイトルは、「今日のできごと」としてはいけず、
「今日は友達と○○へ温泉に入りに行きました!」のように具体的に書くといいです。
本文もそれなりに書いたほうがいいです。

サイトのコンテンツをはっきり明確にするために、「title」や「h1」などの見出しタグに関連キーワードをちりばめることがSEOでは大切なので、とりあえず記事を書きましょう。

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

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

Re: TOPに画像を貼れるか

気に入っていただいてありがとうございます。

トップの画像ですが、ご自由に画像やリンクを挿し変えていただいてかまいません。
画像変更の仕方ですが、スタイルシートの編集から以下の箇所を見つけ出してください。
これは、横幅710pxで高さを160pxの画像を挿入する記述です。
写真を入れたいということだったのですが、横幅を変更するとレイアウトが崩れてしまいますので、710pxのままが好ましいです。高さは、自由で構いません。

#top_banner{

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

}

次にリンクの変更ですが、
HTMLの編集で以下のような記述を見つけてください。
このa href="" のダブルクォーテーションに囲まれた部分を任意のURLに変更してください。

<a href="http://webdesignkeys.blog61.fc2.com/"><div id="top_banner"></div></a>

「webdesignkeys」のロゴの件ですが、画像として作っており、バックの画像と一緒になっています。 分けて作る場合には、透過画像を使うことになり、IE6などでうまく表示されません
がそれでよければ、こちらでロゴを作ります。


質問ありがとうございました。
わかりずらい箇所もあるかもしれませんが、その時はまたコメントしてください。
ロゴの件に関してはチーム名などを教えていただかないといけないので、
メールのほうがいいと思います。
以下にお願いします。

webdesignkeys@gmail.com

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

はじめまして

かっこいいとすぐ気に入り、使わせて頂いています。

質問がひとつあります。
投稿日付を12月31日にしてトップの記事を固定してるんですが、画面上に出るこの12/31の日付のみを隠すことは可能ですか?(あるいはまったく違う文字に)
素人質問ですみません。
毎日今日の日付に書き換えるしかないんですかね?

よろしくお願いします。

2010.02.11 | URL | セズ #X3gJEgAs [ edit ]

>>セズさん

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

サイトを拝見した所、トップに表示している記事がサイトの紹介文だったので、ここにフリーエリアを作成することで、常にトップに記事を固定することが可能です。
しかしながらこの場合には、日付を表示できないのと、コメント機能が使えないという欠点があります(他の記事は普通にコメントできます)

これでも構わないという場合には、編集方法をお伝えいたしますので、
よろしくお願いします。

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

ありがとうございます。
一度フリーエリアでどんな感じになるのかやってみたいと思いますので編集方法をお教えいただけますか?コメントのほとんどされないブログなので大丈夫だと思います(笑)
*タイトル部分はありますか?

2010.02.15 | URL | セズ #G9glzUGs [ edit ]

>>セズさん

フリーエリアの作成方法ですが、まずテンプレートの編集から、

<div id="left_wrap">

<!--topentry-->

と記述された場所を見つけてください。このタグの間に以下のソースコードをそのまま貼り付けてください。


■ソースコード

<!--フリーエリア-->
<h2><a class="freearea" href="<%url>">ようこそJazz à GoGoのブログへ</a></h2>

<p>Jazz à GoGoは奈良にあるヨーロッパ古着屋です。<br />雑貨や古書なども取り扱っております。<br />こちらのトップ記事では最近のお知らせなどをアップします。<br />内容はちょこちょこ変えるのでお楽しみに。<br />
*当ブログはリンクフリーです。<br /><br />

☆。,・~~・,。★。,・~~・,。☆。,・~~・★<br /><br />

<a href="http://blog-imgs-31.fc2.com/j/a/z/jazzagogo471/20100130163712f42.jpg" target="_blank"><img src="http://blog-imgs-31.fc2.com/j/a/z/jazzagogo471/20100130163712f42.jpg" alt="ヨーロッパ古着*休業日*2010.2.18" border="0" width="200" height="133" /></a><br /><br />

<span style="color:#ff0000">★休業日のお知らせ</span><br />2月18日(木)は休業日とさせていただきます。<br />どうぞご了承ください。<br /><br />

<span style="color:#ff0000">★営業時間短縮のお知らせ</span><br />2月28日(日)は都合により18時閉店とさせていただきます。<br />どうぞご了承ください。<br /><br />

☆。,・~~・,。★。,・~~・,。☆。,・~~・★<br />

<span style="color:#FF0000">★モギトリセールのお知らせ</span><br /><br />

<a href="http://blog-imgs-31.fc2.com/j/a/z/jazzagogo471/Francejag.jpg" target="_blank"><img src="http://blog-imgs-31.fc2.com/j/a/z/jazzagogo471/Francejag.jpg" alt="Francejag.jpg" border="0" width="250" height="166" /></a><br /><br />

3月6(土)、7(日)の2日間、京都のひよしの森で開かれる<br />モギトリセールにJazz à GoGoが出店します。<br />モギトリセールはフランスの蚤の市をイメージした芝生の上のマーケットです。<br />フード、雑貨、グリーンなどいろんなショップが並んで賑やかです。<br />良かったら遊びにきてくださいね。<br />

場所、時間などはこちらへ↓<br /><br /><a href="http://www.yumemifactory.co.jp/yumemiivent.htm" target="_blank" title="★モギトリセールについての詳細はこちら">★モギトリセールについての詳細はこちら</a><br /><br />

☆。,・~~・,。★。,・~~・,。☆。,・~~・★<br /><br />

<span style="color:#ff0000">★メール配信のお知らせ</span><br />当店の店頭にてカスタマー登録をされた方の中で<br />2ヶ月以上経っても入荷情報等のメールが届かない方は<br />大変お手数ですがメールフォームからお知らせください。<br /><br />☆。,・~~・,。★。,・~~・,。☆。,・~~・★<br /><br />

<span style="color:#ff0000">★商品その他に関するお問い合わせ</span><br />「ブログにアップしてるこの服はオンラインショップで買えますか?」<br />「この服のサイズを教えてください」<br />などのご質問をお気軽にお寄せください。<br />その際はメールもしくはコメント欄をご利用いただければと思います。<br />コメント欄をご利用の際は鍵コメント設定にしてメールアドレスをご記入ください。<br />*すぐに返事が出来ない場合がございますのでご了承ください。<br /></p>
<!--/フリーエリア-->





次に、タイトルのずれを修正するためにCSSを追加します。

■CSS

スタイルシートの編集から以下のコードをどこでもいいので貼り付けてください。

.freearea{

padding-left:35px;

}



これでフリーエリアが作成されます。
このエリアは記事を更新しても常にトップに表示される領域です。

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

ご丁寧にありがとうございます!

2010.02.15 | URL | セズ #G9glzUGs [ edit ]

はじめまして

クールなテンプレートに一目惚れしまた!
現在使わせていただいてます。


さっそく質問なのですが、トップ画像の下にある横にスライドしていくサムネイルが勝手に動かないようにするにはどうしたらいいでしょうか?

2010.02.17 | URL | ナツ #Tsb.9vgU [ edit ]

メニューが使いやすく、使用させてもらってます!
ここのデザインはどれも素敵で使いやすいです^^

質問なんですが、スライドショーの部分を消すことはできますか?
画像を扱わないサイトなので使い道がなく、消そうといろいろと試してみたんですが、
変な余白ができたりして上手くいきませんでした。
よろしくお願いします。

2010.02.22 | URL | neji #pprjMJPo [ edit ]

>>ナツ


> さっそく質問なのですが、トップ画像の下にある横にスライドしていくサムネイルが勝手に動かないようにするにはどうしたらいいでしょうか?

質問ありがとうございました。
サムネイルが勝手に動かないようにするためには、
テンプレートの設定からHTMLの編集を見てください。

ここで、head ~ /head の中に以下のような記述があると思いますので、
これをそのまま消してみてください。

setInterval(function () {
if (autoscrolling) {
$('.infiniteCarousel').trigger('next');
}
}, 4500);

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

>>neji

> 質問なんですが、スライドショーの部分を消すことはできますか?
> 画像を扱わないサイトなので使い道がなく、消そうといろいろと試してみたんですが、
> 変な余白ができたりして上手くいきませんでした。

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

質問のとおりにスライドショーの削除を行おうとすると余計な空白ができてしまいます。
これを解消するためには、CSSをいじる必要があります。

まずnejiさんのやったようにHTMLの編集で以下を削除しましょう。

↓ここから
<div class="infiniteCarousel">
<div class="wrapper">
<ul>

~省略~

</ul>
</div>
</div>

↑ここまで


次に余計な空白を削除するためには、スタイルシートの編集から以下の2つのセレクタの属性値を変えましょう。


■1つ目 編集前
#left_wrap{

width: 450px;
float:left;
margin-top:80px;overflow:hidden;

}

■1つ目 編集後
#left_wrap{

width: 450px;
float:left;
margin-top:0px;overflow:hidden;

}



■2つ目 編集前
#left_wrap h2{

width:437px;
height:20px;
background: url("http://blog-imgs-29.fc2.com/w/e/b/webdesignkeys/p02-entry_title.png");
font-size: 14px;
color:#fff;
line-height:20px;
padding-left:13px;
position:relative;
margin-top:50px;


}


■2つ目 編集後
#left_wrap h2{

width:437px;
height:20px;
background: url("http://blog-imgs-29.fc2.com/w/e/b/webdesignkeys/p02-entry_title.png");
font-size: 14px;
color:#fff;
line-height:20px;
padding-left:13px;
position:relative;
margin-top:0px;

}


またなにかあれば気軽に質問してください
ありがとうございました。

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

IEでの表示が・・

初めまして。素敵なテンプレートで、早速使わせて頂こうと思っているところなのですが、
ふと気づいてIEで開いてみたところ(普段はfirefoxユーザーです)、
トップのメニュー(トップバナーを囲んでいるメニュー)が、どうしてもひとつ左側にずれて表示されてしまうのです。

これは何故なのでしょうか?
そして、直せないものなのでしょうか?

どうしてもこのテンプレートを使いたいので
直せるようならお願いしたいのですが・・・。

2010.02.26 | URL | エミ #VWFaYlLU [ edit ]

テンプレートの基本色

始めましてよろしくお願いします。
黒を基調にしたデザインがクールで素敵なのですが、黒にあわせて画像を作って挿入してみるとゴスロリっぽくなってしまい、ちょっとイメージが違ってしまって・・・。他のテンプレにすればいいのでしょうが、どうしてもこれが使いたいんです!
そこで質問なのですが、テンプレの黒を(枠やメニューなど)他の色に変えるにはどうすればいいのでしょうか。
上の方の回答で画像を使用しているとあるのですが、自分で色を変えるにはどこをいじればいいのですか?
同じような質問かと思うのですが、初心者なのでやり取りを読んでもよくわからず・・・
せっかくのクールなイメージなのに変えるのは失礼かと思うのですが、できれば教えていただけないでしょうか。よろしくお願いします。

2010.02.27 | URL | すー #- [ edit ]

Re: IEでの表示が・・

質問ありがとうございます。
返信が遅くなってしまい申し訳ありませんでした。

IEの件ですが、IE8とIE7では完全に表示されていると思います。
またIE6ですが、こちらは透過PNGが利用できない関係で場所により不具合がでることを確認しています。

お使いの環境によって表示がずれることはありますが、トップのメニューが左にずれることは、確認できませんでした。

もし気になるようでしたら、お使いの環境の詳細をお願いします。

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

>>す~さん

質問ありがとうございました。
返事が遅くなってしまってすみませんでした。

テンプレートの基本色の話ですが、枠やメニューなどの黒色を別の色に変更するには、ちょっと手間がかかります。
ここにはグラデーションを表現するために画像を挿入しています。
なので、この色を変更するためには、画像を作らなければなりません。

このテンプレート用の画像編集はここでは説明しずらいので、作成して欲しい色が決まっていれば、編集可能な範囲でおつくりします。

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

Re :Re: IEでの表示が・・

早速のご回答ありがとうございました。
もう一度確認してみましたら、
私のIEブラウザが、縮小表示「75%」という設定になっていて、
それを100%に戻したところ、レイアウトの崩れがなくなりました。

私の確認が足りないせいで、お手間をおかけしてしまって申し訳ございませんでした。。。
ご親切なご回答感謝致します。

とても素敵なテンプレートをこれで安心して使用させて頂きます。
どうもありがとうございました!!

2010.03.02 | URL | エミ #- [ edit ]

管理人のみ閲覧できます

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

2010.03.03 | | # [ edit ]

質問いいですか?

タイトルの画像のことについてききたいんですが

そこの画像をランダムでスクロールできるようにとかはできるんでしょうか?
できるならやりかたを教えていただきたいのですが。

返事まってます。

2010.03.05 | URL | Alice’ #PVNQBMzQ [ edit ]

返答ありがとうございます

回答を頂いたのに書き込みが遅くなってしまい、すみませんでした。体調を崩してパソコンができなかったもので・・・。
作っていただけるなんてとんでもなくありがたいです!
ありがとうございます!
色はチョコレート色なのですが、RGB値を調べてみると73513Aでした。チョコレートぽい色なら何でもいいんです!
もういつになっても構いませんので、よろしくお願い致します。お座りして待ってます!

2010.03.07 | URL | すー #- [ edit ]

管理人のみ閲覧できます

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

2010.03.07 | | # [ edit ]

テンプレート

使わせて頂いています^^
やりたかったことが全て入っていました。

本当に本当にド初心者なので
写真の変更とかは難しかったですけど
質問しているみなさんの答えを見ながら
やっと出来ました。
もう少し自分でレイアウトしてみたいと思います。

これからも素敵なテンプレート期待してます♪

2010.03.07 | URL | reco #- [ edit ]

>>Aliceさん ランダムでスクロール

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

タイトル画面のギャラリーですが、ランダムにスクロールさせることは可能だと思います。
ランダムスクロールの方法はいろいろ考えられると思いますが、どのようにしたいですか?

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

>>reco Re: テンプレート

テンプレートを使っていただいてありがとうございました。

これからもクールなテンプレートが作れるように頑張りたいと思いますので、
今後ともよろしくお願いします。

質問があればまたよろしくお願いします。

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

質問です!!

たびたび質問すみません(´・ω・`)

なぜかブログが全体的に左寄りになってしまうのですが、どうすればど真ん中にブログを持ってこれますか?

それとブログの周りの背景を変更する事は出来ますか?

出来れば画像を並べて挿入したいのですが・・・(´;ω;`)

2010.03.29 | URL | おっぱー隊 #- [ edit ]

質問です

以前はありがとうございました。

一度教えていただいた方法でフリーエリアを作ってはみましたが、諸々の事情でまた現在元に戻しています。せっかく教えていただいたのに申し訳ないです。
そこでまた質問で恐縮なのですが、記事の日付の部分を月と日だけでなく、2010/3/29のように年まで表記することは可能でしょうか?
よろしくお願いいたします。

2010.03.29 | URL | セズ #wiYSlrHY [ edit ]

>>セズさん 記事の日付けで年の表示

質問ありがとうございました。
簡単にできるのでやってみてください。

■年の表示タグを追加する


まずテンプレートの編集で以下のような記述のある場所を探してみてください。

<!--topentry-->
<h2><%topentry_month>/<%topentry_day><a href="<%topentry_link>"><%topentry_title></a></h2>


ここの<%topentry_month>というタグに記事を投稿した月が代入されるので、この前に
<%topentry_year>/というタグを追加してください。

以下のように編集できたら更新して、サイトを確認してみてください。投稿した記事に「年」の表示が追加されているはずです。

<!--topentry-->
<h2><%topentry_year>/<%topentry_month>/<%topentry_day><a href="<%topentry_link>"><%topentry_title></a></h2>

このままでは、フォントがバナーをはみ出していると思いますので、次にCSSを編集して、フォントサイズを整えたいと思います。


■フォントサイズの変更

スタイルシートの変更で以下の場所を探してみてください。


#left_wrap h2{

width:437px;
height:20px;
background: url("http://blog-imgs-29.fc2.com/w/e/b/webdesignkeys/p02-entry_title.png");
font-size: 14px;
color:#fff;
line-height:20px;
padding-left:13px;
position:relative;
margin-top:50px;


}

これを以下のように書き換えてください
*font-size: 14px; → font-size: 12px;
*font-weight:400;の追加

↓↓以下のようなソースになればOKです。

#left_wrap h2{

width:437px;
height:20px;
background: url("http://blog-imgs-29.fc2.com/w/e/b/webdesignkeys/p02-entry_title.png");
font-size: 12px;
font-weight:400;

color:#fff;
line-height:20px;
padding-left:13px;
position:relative;
margin-top:50px;


}

font-sizeは、フォントの大きさ、font-weightは文字の太さです。ここでは、大きさを2px下げ
太さを通常にしました。

これで編集は終わりです。

また何かあればコメントしてください。

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

続・質問

ありがとうございます!早速やってみました。
で、さらにすみません。
日付の一番右の文字が少し黒の斜めの部分にかかっているように見えるので、これを直すにはfont-sizeかfont-weightのところを変えればいいんでしょうか?
よろしくお願いします。

2010.04.04 | URL | セズ #X3gJEgAs [ edit ]

追記

あれ?今見たら文字が細くなって収まっています。変えた時はかかっていたんですが…。

2010.04.04 | URL | セズ #X3gJEgAs [ edit ]

>>セズさん 日付のフォントについて

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

今、このような記述になっていると思います。

font-size: 12px;
font-weight:400;

font-sizeを14pxから12pxに設定すると、フォントサイズが2px分小さくなるために黒い領域に収まりますが、「h2」の見出しに設定されている「太さ」がやや太いため「font-weight:400; 」で少し細くしました。

今は、400に設定していますが、この値は、100~900まで設定することが可能です。
100が細く、900が太くとなります。

フォントサイズを変更したり、太さを変えたいという場合には、これらの数値を少しずついじってみてください

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

筆問です。

テンプレート使わせていただいてます。

<トップ画像に関する筆問です>

以前使用していた画像が飽きてきたので、別の画像と入れ替えました。

入れ替え操作を行った自分のパソコン上では

問題無く入れ替えた画像で表示されるのですが、

他のパソコン(2台)から自分のブログを見た時に、

もとの画像で表示されてしまいます。

(その他の記事等は更新の度、問題無く更新されます)


テンプレートの問題では無いのかもしれませんが、

解決方法があれば教えてください。

2010.04.05 | URL | k.i #nRj11v7w [ edit ]

>>k.iさん

FC2ブログのファイルサーバーがたまに誤動作することがあるので、

入れ替えた画像のURLにアクセスし正常に表示されることを確かめます。

正常に表示されない場合は、画像ファイルの名前を変えて再度アップロードしてください。

元の画像が表示されるのは、ブラウザのキャッシュを読んでいるのかもしれません

お使いのブラウザのキャッシュを削除してみてはいかがですか?

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

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

ブラウザのキャッシュをクリヤすることで解決いたしました。

テンプレートに関係の無い質問をしてしまいすみませんでした。

親切に回答いただきありがとうございました。

2010.04.06 | URL | ki #nRj11v7w [ edit ]

質問です

素敵なテンプレートを使わせていただいてます
質問なのですが
記事部分の横幅を少し広くしてプロフィールなどの部分の幅を少し狭くしたいのですがどうすればいいでしょうか?

2010.04.12 | URL | うけたま #4JcWZNxE [ edit ]

先ほど質問した者です
自力で変更できました

これからも使わせて頂きます

2010.04.12 | URL | うけたま #4JcWZNxE [ edit ]

また質問です

続けて失礼します
2つお聞きしたいのですが
ミニギャラリーの画像サイズなのですが
縦を大きくすることは可能でしょうか?
縦横100か120の正方形にしたいのですが


記事部分とプリフィール部分の比率は変更できたのですか
全体の幅を少し広くしたいのですかこれは可能でしょうか?

2010.04.15 | URL | うけたま #4JcWZNxE [ edit ]

とても素晴らしいテンプレートですね。
有難く使わせて頂きます。

スクロールするアニメーションについての質問なのですが、
沢山の画像をスクロールさせたいと考えています。
が、やはり沢山の画像を用意してしまうとページが重くなってしまうのは目に見えていますので
こちらをランダムに表示するというような事は可能でしょうか?

2010.04.27 | URL | #- [ edit ]

たくさんの質問ありがとうございます

たくさんの質問ありがとうございました。
4月に入ってから忙しかったり、風邪引いてたりしてなかなかコメントすることができなくて申し訳ありませんでした。

早く風邪を治して回答していこうと思います。

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

お忙しいところ失礼します。
とても綺麗なテンプレートなので使用させていただきました。
質問なのですが、トップの画像を複数ランダムに表示することは可能でしょうか?
お忙しいところ失礼しました。


2010.05.02 | URL | クロ #KoSbmThA [ edit ]

別の場所で別のテンプレについて質問させて頂いたのですが、こちらの方に変えさせてもらいました。

質問なんですが、背景に左右に1枚ずつ画像を配置したいのですがどうしたらいいでしょうか?
現在は左側にだけ配置してるのですが、右側の空白のスペースにもう一枚画像を入れたいと考えてます。

よろしければご教授ください、お願いします。

2010.05.05 | URL | かのう #- [ edit ]

画像の色変更

はじめまして、素敵なテンプレートを今日拝借させて頂きました。私の経営する美容院のHPとして使用させていただきたいのですが、お店のテーマカラーが「オレンジ」なので、黒の部分を出来る限りオレンジにしたいのですが、可能でしょうか。画像を変更しなくてはならないみたいですが、知識のない人間でもできますか。せっかくコンセプトを持った素敵なデザインを壊してしまうようで申し訳ございませんが、デザインが最高なので是非使用させていただきたいのです。アドバイスをよろしくお願いいたします。

2010.05.13 | URL | Ataraxia #- [ edit ]

すごいです!

FC2関連でネットを飛んでいた所 このサイトを見つけました
テンプレートを拝見しましたが 素晴らしいセンスだと思います! 
コメント欄を見ていても どれ程人気なのかがうかがえますね
すいません・・・ 特に質問があるわけでも無いのに
上からの物言いみたいで(汗)

これからも 頑張って下さい!
応援してます!

2010.05.23 | URL | @ASASIN@ #- [ edit ]

承認待ちコメント

このコメントは管理者の承認待ちです

2011.07.01 | | # [ edit ]

承認待ちコメント

このコメントは管理者の承認待ちです

2013.04.24 | | # [ 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ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。