webdesignkeys

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

Subscribe by RSS RSS Icon
Follow me Twitter Twitter Icon
 
 

スポンサーサイト

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

Comment

ABOUT とかの編集(設定)の方法教えてください

2010.01.19 | URL | ルポコン #qbIq4rIg [ edit ]

水平線挿入後

水平線を挿入している日記ですが
水平線以下の文字・画像の開始位置が左いっぱいにズレてしまいます。

参考日記
http://wing2md.blog91.fc2.com/blog-entry-248.html

どうしたら、水平線挿入前と同じに揃うのでしょうか?
ご返答、よろしくお願い致します。

2010.01.22 | URL | M #mQop/nM. [ edit ]

その後

どうにか、自力で直せました。
一応、ご報告しておきます。

2010.01.27 | URL | M #mQop/nM. [ edit ]

>> Mさん

> どうにか、自力で直せました。
> 一応、ご報告しておきます。


返事が遅くなって申し訳ありませんでした。
用事が多くて、なかなかサイトの方に手間をかけることができなくてw
サイトもコメントの部分とかいろいろカスタマイズされているようですね♪

今後、またテンプレートに関して質問や要望などがあれば遠慮なく
コメントください。
テンプレート使っていただいてありがとうございます!

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

>> ルポコンさん

> ABOUT とかの編集(設定)の方法教えてください> ABOUT とかの編集(設定)の方法教えてください

<ul>
<li class="on"><a href="<%url>">HOME</a></li>
<li class="off"><a href="#">CONTACT</a></li>
<li class="off"><a href="#">ABOUT</a></li>
<li class="off"><a href="#">MAIL</a></li>
<li class="off"><a href="#">LINK</a></li>
</ul>

テンプレートの設定で、HTMLの編集のとこにこのような記述があったと思います。
これはメニューバーを作成する記述なのですが、「ABOUT」などを設定する時には、
「#」の部分を任意のURLに変更する必要があります。

実際なにを入れればいいの?っていうのは、
例としては、FC2ブログで自分のブログを紹介する記事を書き、
そのURLをここに記述するなどがいいと思います。
実際のURLはこのサイトですと、
http://webdesignkeys.blog61.fc2.com/blog-entry-2.html
のような感じです。

なにかわからなければ連絡ください

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

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

管理人のみ閲覧できます

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

2010.02.24 | | # [ edit ]

>>みかりん

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

このテンプレートでのフリースペースの作成方法を記述します。

*エントリー上部でのフリーエリアの作成方法です。
質問の趣旨と食い違っていたらすみません
もし違ったら、コメントください
(カレンダーを上に上げるのではなく)の部分がわかりませんでした。
そのあたりを詳しく説明していただければ幸いです。


テンプレートの編集から以下の記述を探してください。

<div class="entry_left">

<!--topentry-->


ここの間に以下のソースを貼り付けてください。


<!--ここからフリーエリア-->

<div class="entry_tab">
<div class="entry_month"><%topentry_month></div>
<div class="entry_day"><%topentry_day></div>
</div>


<div class="entry_contents">
<div class="entry_contents_header">
<h3><a href="<%topentry_link>">フリーエリア</a></h3>
</div>

<div class="entry_contents_body">

<p>
内容はここに記述してください
</p>

</div>

<div class="entry_contents_footer"></div>

<div class="clear"></div>
</div>


<div class="space_cleaner30"></div>

<!--ここまでフリーエリア-->






これでフリーエリアが作成されます。
また、日付の表示部分が不必要な場合は以下の記述を削除してください。


<div class="entry_tab">
<div class="entry_month">03</div>
<div class="entry_day">02</div>
</div>



わからなければまた質問お願いします。
ありがとうございました。

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

こんばんわ。テンプレート使わせていただいております。
デザインも色も好みで大変気に入っているんですが、トップがちょっとさびしいので画像をおきたいのですが、どうしたら挿入できるのでしょうか?

2010.03.26 | URL | 涼 #- [ edit ]

あ、すみません何度も
付け足し忘れていたのですが、使用しているテンプレートはLeaf_bird_b_proj05です

2010.03.26 | URL | 涼 #- [ edit ]

>>涼さん 

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

Leaf_bird_b_proj05のテンプレートについてですが、挿入するとしたらどのような画像を入れたいですか? 
画像にもよるのですが、メニューバーの下かもしくは、記事の位置を少し下へずらして、画像を挿入するエリアを作るのがいいかと思います。

詳細が分かったほうが作りやすいのでよろしくお願いします

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

模型の画像を入れたいのですが、場所はブログタイトルの列と、HOMEなどのメニューの列の間に入れたいと思います。

―――――――――――――――――――――
ブログタイトル
―――――――――――――――――――――






画像






―――――――――――――――――――――
HOME|              
―――――――――――――――――――――

ですので画像サイズはこれらの列と同じ横幅にしたいです。
縦サイズは、だいたい自分の画像変換サイズが800x600なのでそのくらいの対比、もしくはトップ画像用につくって、縦サイズを現在のブログタイトル列とメニュー列の縦サイズをあわせたもの二つ分くらいの大きさのものを考えています。

―――――――――――――――――――――
ブログタイトル
―――――――――――――――――――――


画像


―――――――――――――――――――――
HOME|              
―――――――――――――――――――――

2010.04.05 | URL | 涼 #- [ edit ]

どうも初めましてギリギリです、今このテンプレを使用させていただいてます。
質問があります、HTML編集のタブメニューですが
<ul>
<li class="on"><a href="<%url>">HOME</a></li>
<li class="off"><a href="#">CONTACT</a></li>
<li class="off"><a href="#">ABOUT</a></li>
<li class="off"><a href="#">MAIL</a></li>
<li class="off"><a href="#">LINK</a></li>
</ul>
#の部分を編集すればいいのでしょうか?

メールの場合
<li class="off"><a href="~@~">MAIL</a></li>
となるのでしょうか?

2010.04.18 | URL | ギリギリ廃人 #- [ edit ]

こんにちは。
このテンプレを使わせていただいてるのですが

<ul>
<li class="on"><a href="<%url>">HOME</a></li>
<li class="off"><a href="#">CONTACT</a></li>
<li class="off"><a href="#">ABOUT</a></li>
<li class="off"><a href="#">MAIL</a></li>
<li class="off"><a href="#">LINK</a></li>
</ul>

の#にアドレスを入れると画面全体に表示してリンク先に飛ぶのですが、このリンク先のページをフレームのHPのように記事が表示される左側のスペース内に表示させることはできますか?

上記の方法でエントリー上部にフリーエリアを設置したので、その下に表示させたいと思っています。

2010.04.26 | URL | くれち #- [ edit ]

承認待ちコメント

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

2010.06.02 | | # [ edit ]

承認待ちコメント

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

2010.10.12 | | # [ edit ]

承認待ちコメント

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

2010.10.15 | | # [ edit ]

承認待ちコメント

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

2010.10.31 | | # [ edit ]

承認待ちコメント

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

2012.06.03 | | # [ edit ]

管理人のみ閲覧できます

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

2012.07.16 | | # [ edit ]

コメントの投稿













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

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

p_03_leaf_bird_e49_001.jpg

FC2ブログの共有テンプレートで公開中です。
今回のテンプレートは白黒ベースのテンプレートです。
シアンブルーを随所にちりばめ、全体的にさわやかなイメージに仕上がりました。

メインは2カラムで、プラグイン1,2に対応しています。
カスタマイズは自由に行っていただいてかまいません。
分からないことがあればコメントなどから連絡してください。

エントリーやプラグインの表示領域の横幅は、900pxとしました。
また、「blog」の反転文字や右上の葉の部分がはみ出しているので、実際には、
1040pxと少々広めのレイアウトになっています。
なので、小さいモニターだと横が少し切れてしまうかもしれません。

「IE」「firefox」「chrome」「Opera」のそれぞれ現段階での最新版で動作確認を行い
正常に表示されることを確認しています。少しずつずれがありますが気にならない程度だと思います。



公開中です~~~



質問や要望があれば気軽にコメントください!!
サイトを閲覧していただいてありがとうございます。

Comment

ABOUT とかの編集(設定)の方法教えてください

2010.01.19 | URL | ルポコン #qbIq4rIg [ edit ]

水平線挿入後

水平線を挿入している日記ですが
水平線以下の文字・画像の開始位置が左いっぱいにズレてしまいます。

参考日記
http://wing2md.blog91.fc2.com/blog-entry-248.html

どうしたら、水平線挿入前と同じに揃うのでしょうか?
ご返答、よろしくお願い致します。

2010.01.22 | URL | M #mQop/nM. [ edit ]

その後

どうにか、自力で直せました。
一応、ご報告しておきます。

2010.01.27 | URL | M #mQop/nM. [ edit ]

>> Mさん

> どうにか、自力で直せました。
> 一応、ご報告しておきます。


返事が遅くなって申し訳ありませんでした。
用事が多くて、なかなかサイトの方に手間をかけることができなくてw
サイトもコメントの部分とかいろいろカスタマイズされているようですね♪

今後、またテンプレートに関して質問や要望などがあれば遠慮なく
コメントください。
テンプレート使っていただいてありがとうございます!

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

>> ルポコンさん

> ABOUT とかの編集(設定)の方法教えてください> ABOUT とかの編集(設定)の方法教えてください

<ul>
<li class="on"><a href="<%url>">HOME</a></li>
<li class="off"><a href="#">CONTACT</a></li>
<li class="off"><a href="#">ABOUT</a></li>
<li class="off"><a href="#">MAIL</a></li>
<li class="off"><a href="#">LINK</a></li>
</ul>

テンプレートの設定で、HTMLの編集のとこにこのような記述があったと思います。
これはメニューバーを作成する記述なのですが、「ABOUT」などを設定する時には、
「#」の部分を任意のURLに変更する必要があります。

実際なにを入れればいいの?っていうのは、
例としては、FC2ブログで自分のブログを紹介する記事を書き、
そのURLをここに記述するなどがいいと思います。
実際のURLはこのサイトですと、
http://webdesignkeys.blog61.fc2.com/blog-entry-2.html
のような感じです。

なにかわからなければ連絡ください

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

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

管理人のみ閲覧できます

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

2010.02.24 | | # [ edit ]

>>みかりん

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

このテンプレートでのフリースペースの作成方法を記述します。

*エントリー上部でのフリーエリアの作成方法です。
質問の趣旨と食い違っていたらすみません
もし違ったら、コメントください
(カレンダーを上に上げるのではなく)の部分がわかりませんでした。
そのあたりを詳しく説明していただければ幸いです。


テンプレートの編集から以下の記述を探してください。

<div class="entry_left">

<!--topentry-->


ここの間に以下のソースを貼り付けてください。


<!--ここからフリーエリア-->

<div class="entry_tab">
<div class="entry_month"><%topentry_month></div>
<div class="entry_day"><%topentry_day></div>
</div>


<div class="entry_contents">
<div class="entry_contents_header">
<h3><a href="<%topentry_link>">フリーエリア</a></h3>
</div>

<div class="entry_contents_body">

<p>
内容はここに記述してください
</p>

</div>

<div class="entry_contents_footer"></div>

<div class="clear"></div>
</div>


<div class="space_cleaner30"></div>

<!--ここまでフリーエリア-->






これでフリーエリアが作成されます。
また、日付の表示部分が不必要な場合は以下の記述を削除してください。


<div class="entry_tab">
<div class="entry_month">03</div>
<div class="entry_day">02</div>
</div>



わからなければまた質問お願いします。
ありがとうございました。

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

こんばんわ。テンプレート使わせていただいております。
デザインも色も好みで大変気に入っているんですが、トップがちょっとさびしいので画像をおきたいのですが、どうしたら挿入できるのでしょうか?

2010.03.26 | URL | 涼 #- [ edit ]

あ、すみません何度も
付け足し忘れていたのですが、使用しているテンプレートはLeaf_bird_b_proj05です

2010.03.26 | URL | 涼 #- [ edit ]

>>涼さん 

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

Leaf_bird_b_proj05のテンプレートについてですが、挿入するとしたらどのような画像を入れたいですか? 
画像にもよるのですが、メニューバーの下かもしくは、記事の位置を少し下へずらして、画像を挿入するエリアを作るのがいいかと思います。

詳細が分かったほうが作りやすいのでよろしくお願いします

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

模型の画像を入れたいのですが、場所はブログタイトルの列と、HOMEなどのメニューの列の間に入れたいと思います。

―――――――――――――――――――――
ブログタイトル
―――――――――――――――――――――






画像






―――――――――――――――――――――
HOME|              
―――――――――――――――――――――

ですので画像サイズはこれらの列と同じ横幅にしたいです。
縦サイズは、だいたい自分の画像変換サイズが800x600なのでそのくらいの対比、もしくはトップ画像用につくって、縦サイズを現在のブログタイトル列とメニュー列の縦サイズをあわせたもの二つ分くらいの大きさのものを考えています。

―――――――――――――――――――――
ブログタイトル
―――――――――――――――――――――


画像


―――――――――――――――――――――
HOME|              
―――――――――――――――――――――

2010.04.05 | URL | 涼 #- [ edit ]

どうも初めましてギリギリです、今このテンプレを使用させていただいてます。
質問があります、HTML編集のタブメニューですが
<ul>
<li class="on"><a href="<%url>">HOME</a></li>
<li class="off"><a href="#">CONTACT</a></li>
<li class="off"><a href="#">ABOUT</a></li>
<li class="off"><a href="#">MAIL</a></li>
<li class="off"><a href="#">LINK</a></li>
</ul>
#の部分を編集すればいいのでしょうか?

メールの場合
<li class="off"><a href="~@~">MAIL</a></li>
となるのでしょうか?

2010.04.18 | URL | ギリギリ廃人 #- [ edit ]

こんにちは。
このテンプレを使わせていただいてるのですが

<ul>
<li class="on"><a href="<%url>">HOME</a></li>
<li class="off"><a href="#">CONTACT</a></li>
<li class="off"><a href="#">ABOUT</a></li>
<li class="off"><a href="#">MAIL</a></li>
<li class="off"><a href="#">LINK</a></li>
</ul>

の#にアドレスを入れると画面全体に表示してリンク先に飛ぶのですが、このリンク先のページをフレームのHPのように記事が表示される左側のスペース内に表示させることはできますか?

上記の方法でエントリー上部にフリーエリアを設置したので、その下に表示させたいと思っています。

2010.04.26 | URL | くれち #- [ edit ]

承認待ちコメント

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

2010.06.02 | | # [ edit ]

承認待ちコメント

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

2010.10.12 | | # [ edit ]

承認待ちコメント

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

2010.10.15 | | # [ edit ]

承認待ちコメント

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

2010.10.31 | | # [ edit ]

承認待ちコメント

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

2012.06.03 | | # [ edit ]

管理人のみ閲覧できます

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

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