webdesignkeys

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

Subscribe by RSS RSS Icon
Follow me Twitter Twitter Icon
 
 

スポンサーサイト

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

Comment

はじめまして。
テンプレートの「cool_gray_proj00」を使わせていただいているものです。
それでわからないことがあるのですが、
「cool_gray_proj00」のテンプレートの上の「Contact」や「Links」というところは何処で設定すればその画面に移るのでしょうか。
また本当に初歩的なことで申し訳ありませんが、その英単語は何の意味を持っているのでしょうか。
教えてください。お願いします。

2009.12.05 | URL | 慎太郎 #G0bc4GAw [ edit ]

Re: タイトルなし

テンプレートを御使用頂きありがとうございます!
どんな質問でも結構ですので、聞いていただければいいと思います。

さっそく質問の件ですが、
FC2ブログ管理画面の環境設定からテンプレートの設定を選択して
テンプレートの内容を見てみてください。
すると以下のような記述があると思います。

<ul>
<li><a href="<%url>">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Contact</a></li>
<li><a href="#">Links</a></li>
<li><a href="<%url>?xml">Rss</a></li>
</ul>

この<ul><li>~</li></ul>はリストを形成するための物で
通常はリンクの羅列を装飾し形式的に見やすくリスト化するために
使われるものなのですが、ここでは、トップのメニューバーを形成するために
利用しました。

さてこのリストタグに囲まれた部分なのですが
<a href=""></a>という記述があると思いますが、この""に囲まれた部分に
遷移させたいアドレスを記述します。

例えば、http://webdesignkeys.blog61.fc2.com/blog-entry-29.htmlこの記事を
表示されたければ、

<li><a href="http://webdesignkeys.blog61.fc2.com/blog-entry-29.html
">About</a></li>

のようにしていただければできます。
ここでは、表示するテキストがAboutとなっていますが、ここは任意なので
自分の好きな文字列に変えていただいて結構です。

例えば、
<li><a href="http://webdesignkeys.blog61.fc2.com/blog-entry-29.html
">photo</a></li>

のようにして、記事の内容をフォトギャラリーっぽく好きな写真の紹介などのように
するというような感じでしょうか


私が記述したテキストの意味ですが、

About = サイト紹介
Contact = 連絡先や諸連絡など
Links = 相互リンク集 

のような内容を記述していただけたらいいかなと思いまして
このようにしました。



コメントありがとうございます。
今後もよろしくお願いします。

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

教えていただきありがとうございました!
わかりやすくてすぐ出来ました(^O^)
本当にありがとうございます。
これからも他にわからないこととかがあるのでよろしくお願いします。

2009.12.06 | URL | 慎太郎 #G0bc4GAw [ edit ]

Re: タイトルなし

こちらこそ、私としても貴重な質問などをいただけるだけで
かなり励みになっています。

これからもよろしくお願いします。

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

これからも更新がんばってください^^

2010.05.14 | URL | ツグミ #- [ edit ]

コメントの投稿













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

Webサイトの評価&投稿サイト ズロック

zzrock_e29_00.jpg


Webのデザインサイトのギャラリーサイト「ズロック」の紹介です。
サイトのコンテンツは、2008年の4月から少しずつ作成しており、インデックスは1000を超えています。

とても見やすいギャラリー形式のサイトで、個人サイトよりも企業関連のサイトが多いようです。
サイトの傾向としては、日本の物が主体で、企業サイトが多いということもあり、flashが盛り込まれたサイトが多めです。与える印象を考慮してなのか、日本のサイトは海外のサイトと比べて白ベースのテンプレートが多いように感じられます。

サイトのトップのピンクのナビゲーションをクリックすると、カテゴリーが開きます。(下図参照)
大まかに分けて「業種」「レイアウト」「カラー・イメージ」「種類」にカテゴライズされており、それぞれ細かく分けているようです。

ギャラリーのサイトはよく遭遇するのですが、ズロックさんは初めて見ました。
時間があいた時などに見て、色々と参考にさせていただきたいと思いました。

■ カテゴリー選択画面
zzrock_e29_01.jpg


■ サイト投稿
zzrock_e29_02.jpg

サイトの投稿はメニューバーの一番右をクリックするとできるようです。

ズロック

Comment

はじめまして。
テンプレートの「cool_gray_proj00」を使わせていただいているものです。
それでわからないことがあるのですが、
「cool_gray_proj00」のテンプレートの上の「Contact」や「Links」というところは何処で設定すればその画面に移るのでしょうか。
また本当に初歩的なことで申し訳ありませんが、その英単語は何の意味を持っているのでしょうか。
教えてください。お願いします。

2009.12.05 | URL | 慎太郎 #G0bc4GAw [ edit ]

Re: タイトルなし

テンプレートを御使用頂きありがとうございます!
どんな質問でも結構ですので、聞いていただければいいと思います。

さっそく質問の件ですが、
FC2ブログ管理画面の環境設定からテンプレートの設定を選択して
テンプレートの内容を見てみてください。
すると以下のような記述があると思います。

<ul>
<li><a href="<%url>">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Contact</a></li>
<li><a href="#">Links</a></li>
<li><a href="<%url>?xml">Rss</a></li>
</ul>

この<ul><li>~</li></ul>はリストを形成するための物で
通常はリンクの羅列を装飾し形式的に見やすくリスト化するために
使われるものなのですが、ここでは、トップのメニューバーを形成するために
利用しました。

さてこのリストタグに囲まれた部分なのですが
<a href=""></a>という記述があると思いますが、この""に囲まれた部分に
遷移させたいアドレスを記述します。

例えば、http://webdesignkeys.blog61.fc2.com/blog-entry-29.htmlこの記事を
表示されたければ、

<li><a href="http://webdesignkeys.blog61.fc2.com/blog-entry-29.html
">About</a></li>

のようにしていただければできます。
ここでは、表示するテキストがAboutとなっていますが、ここは任意なので
自分の好きな文字列に変えていただいて結構です。

例えば、
<li><a href="http://webdesignkeys.blog61.fc2.com/blog-entry-29.html
">photo</a></li>

のようにして、記事の内容をフォトギャラリーっぽく好きな写真の紹介などのように
するというような感じでしょうか


私が記述したテキストの意味ですが、

About = サイト紹介
Contact = 連絡先や諸連絡など
Links = 相互リンク集 

のような内容を記述していただけたらいいかなと思いまして
このようにしました。



コメントありがとうございます。
今後もよろしくお願いします。

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

教えていただきありがとうございました!
わかりやすくてすぐ出来ました(^O^)
本当にありがとうございます。
これからも他にわからないこととかがあるのでよろしくお願いします。

2009.12.06 | URL | 慎太郎 #G0bc4GAw [ edit ]

Re: タイトルなし

こちらこそ、私としても貴重な質問などをいただけるだけで
かなり励みになっています。

これからもよろしくお願いします。

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

これからも更新がんばってください^^

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