こんにちは。暑い日が続きますね。
水分摂取は小まめにしていきましょーねっ♡
では、今回はサイドバーの情報を変更していきます。
トップを変更するには「index.html」から右クリック→編集で行ってきましたが、サイドバーについては「side.html」
から編集を行います。
サイドバーのテンプレートはこのような形になっております。
では、まずサイドバーのコンテンツ名を変更します。
これは前回のコンテンツバーの情報の変更の仕方と同じ方法ですの詳細は割愛させてさせていただきますね。
ソースを表示して、
<!-- ここがサイドバーです -->
<div style="line-height:40%;"> </div>
<table width="100%" cellpadding="0" cellspacing="0" style="border:1px solid #e1e1e1; padding:5px; background-color:#ffffff;">
<tr align="left" valign="middle" height="42">
<td background="side-bar8.jpg">
<div style="font-size:11pt;"> <img src="c8.gif" alt=""> <a href="index.html"><font color="blue"><strong>トップページ</strong></font></a></div>
</td>
</tr>
赤字の部分を好きな名前に変更していきます。
次はお気に入りの部分です。
<!-- ここがお気に入りバーです -->
<button onclick="window.external.addFavorite('http://toretama.jp/','無料ホームページ制作講座');" name="お気に入りに追加する" style="height:16pt;text-align:center; margin-top:0pt; line-height:100%; width:145px;">お気に入りに追加する</button>
<div style="line-height:40%;"> </div>
お気に入りの情報を変更していくには( )内の赤字部分を自分の取得したドメイン名に変更し、
名前も自分の作ったサイト名に変更します。
その他の情報は赤字の箇所に、自分の入れたい情報、例えばランキングページや自分のお店の広告などを好きに入力していきます。
<!-- ここがその他の情報です -->
<table border="0" width="100%" height="27" cellspacing="0" cellpadding="0" style="background:#ffffff url(middle-bar8.jpg);" align="center">
<tr align="center" valign="middle">
<td>
<font color="white"><span style="font-size:11pt;"><strong>その他</strong></span></font>
</td>
</tr>
</table>
<table width="100%" cellpadding="0" cellspacing="0" style="border:1px solid #3399ff; background-color:#eeeeee;" align="center">
<tr align="left" valign="middle" height="46">
<td style="padding:10px">
何か情報を掲載できます。<br><br><br><br>
</td>
</tr>
</table>
<div style="line-height:40%;"> </div>
バーナーを変更するには上の赤字部分URLに画像のURLを置き換えます。
更新をするとこのようになりました。
私の場合はヘッダーとアイコンをテンプレートに合わせて変更しました。
また、背景色も白に変更。
<!-- ここがその他の情報です -->
<table border="0" width="100%" height="27" cellspacing="0" cellpadding="0" style="background:#ffffff url(middle-bar8.jpg);" align="center">
<tr align="center" valign="middle">
<td>
<font color="white"><span style="font-size:11pt;"><strong>その他</strong></span></font>
</td>
</tr>
</table>
<table width="100%" cellpadding="0" cellspacing="0" style="border:1px solid #3399ff; background-color:#eeeeee;" align="center">
<tr align="left" valign="middle" height="46">
<td style="padding:10px">
何か情報を掲載できます。<br><br><br><br>
</td>
</tr>
</table>
<div style="line-height:40%;"> </div>
背景色を変更するにはbackground-color:#eeeeee;" 部分の自分の好きなカラーコードを入力します。
サイドバーは最後にちゃんと編集しようと思うので、情報はまだ記載していません。
今回はここまでです。
もし分からないことがある場合には、気軽にメッセージ下さいね。
それと、「もっとこのようなことを教えてほしい！」「知りたい！」、「こうやって解説したらいいんじゃないか」
というものがあればメッセージを下さい。
解説ページを設けたいと思います。
また、もっと早くホームページを作りたいという方はテンプレートがあったほうが早いです。
早くホームページを作りたい方は、「会員制サイドビジネス講座」
や私が作ったホームページ制作のすすめ
をご覧になってみてください。
最後まで読んでくれてありがとうです。
まちゅ子。
