解決済

clip!clip!
Ads By Google

タイトルと記事の間にバーを入れる

ライブドアブログのタイトルと記事の間にバーを入れてそのバーの中に検索できる文字(例、ホーム、年間行事、活動報告等々)を入れようと思うのですがその方法を教えてください。

ホームページなどでは普通にやられているようですがブログでもできるのかどうかわかりません。

参考  

2009-06-15 14:25の質問
この質問と回答を読んで役に立った場合は「役に立つ質問」に投票してください。投票が多い質問は、役に立つ質問一覧に掲載され、より多くの人に見てもらうことができます。

回答(3)

3.

2009-06-17 00:32:14ベスト
#2>詳しく丁寧にお教えいただけませんでしょうか。
詳しく丁寧には、限界がありますが、
テーブルを使ったり、リストを使ったりして作ればいいんですけど、
参考先リンクと同じようにリストを使った例
HTML部分:
<div id="menu">
<ul>
<li><a id="tab1" href="カテゴリ1のアドレス">カテゴリ1</a></li>
<li><a id="tab2" href="カテゴリ2のアドレス">カテゴリ2</a></li>
<li><a id="tab3" href="カテゴリ3のアドレス">カテゴリ3</a></li>
<li><a id="tab4" href="カテゴリ4のアドレス">カテゴリ4</a></li>
<li><a id="tab5" href="カテゴリ5のアドレス">カテゴリ5</a></li>
</ul>
</div>
スタイルシート部分:
#menu {
}
#menu ul {
    background-color:AliceBlue;
    font-size:12pt;
    margin:0;
    padding:0;
}
#menu ul li {
    list-style-type:none;
    width:120px;
    height:35px;
    background-color:LightSteelBlue;
    display:inline;
    float:left;
    padding-top:18px;
    text-align:center;
    border:1px gray solid;
}
#menu ul li a{
    color:red;
    text-decoration:none;
}
実際のアドレスとか表示の文字とか色とか幅なんかは実際の用途に合わせて変更します。
また、id="menu" が既に使われていたら別の名前に変更します。
回答レベル : アドバイス

BLUEPIXYさん ありがとうございました。入れるところも了解しました。
tani.masaruさん HTMLを少し勉強してみましたがなかなか思うようにできませんでした。

お二人様 ありがとうございました。

1.

2009-06-15 16:03:24
おそらくカテゴリへのリンク(もしくはタグへのリンク)を設置することになりますが、デザインのカスタマイズから可能です。


それぞれのテンプレートのヘッダー部分などに直接HTMLを書いてリンクを埋め込む形になります。テンプレートの改造はHTMLとCSSの知識があれば簡単に出来ます。

2.

2009-06-15 19:30:11
参考リンク先だと、単なるカテゴリへのリンクをああいう感じで表示しているだけみたいです。
カテゴリ毎のコメントとかを入れようとするなら、
カテゴリデザインだけではちょっと無理っぽい(ごちゃごちゃかいてCSSでけしまくるとできる?)ので、
カテゴリを判定してコメントを書き出すようなJavaScriptを書く必要があるかも。

本当に検索するなら、グーグルの検索をつけるなり、リンクをすればいいかと思います。
Ads By Google

コメント(4)

#1.  BON
2009-06-15 23:00:26

tani.masaruさん
BLUEPIXYさん

今日は急用でコメントの確認はできませんでしたが、明日確認してみます。

左(右)コラムにリンクを入れることもできるとは思いますができればタイトル画像の下の方に入れてみたいです。

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

#2.  BON
2009-06-16 08:16:36

おはようございます。

今、改めてお二人のコメントを確認いたしました。
バーの作り方がわからないので詳しく教えていただきたいのですが。HTMLを作れる力はありませんし、JavaScriptや「グーグルの検索をつけるなり、リンクをすればいい」ということも私には理解できません。スミマセン

詳しく丁寧にお教えいただけませんでしょうか。
よろしくお願いします。

2009-06-16 13:57:16

それならまずはHTMLの勉強をされることをお勧めします。勉強といっても、HTMLであればブラウザとテキストエディタがあれば直ぐに始めることができますし、HTMLの書き方やタグの説明などは調べれば幾らでもネットで公開されているので、本などを買う必要もありません。

まずは自身で調べて試してみて、そのうえで分からないところを再度質問してみてはどうでしょうか?

#4.  BLUEPIXY
2009-06-17 19:54:05

>>3
入れる場所を書いてなかったので補足
デザインで違うけど
<div id="banner" /> と
<div id="container" />の間くらいかな。

トラックバック(2)

トラックバックURL: