タイトルと記事の間にバーを入れる
ライブドアブログのタイトルと記事の間にバーを入れてそのバーの中に検索できる文字(例、ホーム、年間行事、活動報告等々)を入れようと思うのですがその方法を教えてください。ホームページなどでは普通にやられているようですがブログでもできるのかどうかわかりません。
参考
回答(3)
3.

詳しく丁寧には、限界がありますが、
テーブルを使ったり、リストを使ったりして作ればいいんですけど、
参考先リンクと同じようにリストを使った例
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.
それぞれのテンプレートのヘッダー部分などに直接HTMLを書いてリンクを埋め込む形になります。テンプレートの改造はHTMLとCSSの知識があれば簡単に出来ます。
2.
カテゴリ毎のコメントとかを入れようとするなら、
カテゴリデザインだけではちょっと無理っぽい(ごちゃごちゃかいてCSSでけしまくるとできる?)ので、
カテゴリを判定してコメントを書き出すようなJavaScriptを書く必要があるかも。
本当に検索するなら、グーグルの検索をつけるなり、リンクをすればいいかと思います。
コメント(4)
tani.masaruさん
BLUEPIXYさん
今日は急用でコメントの確認はできませんでしたが、明日確認してみます。
左(右)コラムにリンクを入れることもできるとは思いますができればタイトル画像の下の方に入れてみたいです。
ありがとうございました。
おはようございます。
今、改めてお二人のコメントを確認いたしました。
バーの作り方がわからないので詳しく教えていただきたいのですが。HTMLを作れる力はありませんし、JavaScriptや「グーグルの検索をつけるなり、リンクをすればいい」ということも私には理解できません。スミマセン
詳しく丁寧にお教えいただけませんでしょうか。
よろしくお願いします。
それならまずはHTMLの勉強をされることをお勧めします。勉強といっても、HTMLであればブラウザとテキストエディタがあれば直ぐに始めることができますし、HTMLの書き方やタグの説明などは調べれば幾らでもネットで公開されているので、本などを買う必要もありません。
まずは自身で調べて試してみて、そのうえで分からないところを再度質問してみてはどうでしょうか?




