タグ:デザイン ( 2 ) タグの人気記事

a0342241_16411078.png

ブログをちょっとホームページ寄りにしたい時、フッターを作るとそれっぽいかも
リンクやサイト名などを入れてもいいかもしれませんね!
HTMLは、一番最後に付け加えましょう。
クラス名は適宜変えてください

HTML

<div class="footer-set">Copyright © 2016 exblog-tips All Rights Reserved.</div>

CSS

.footer-set {
  background: #dcdcdc;
  font-size: 11px;
  font-size: 0.6875rem;
  text-align: center; 
  padding: 10px 0;
  margin-top: 100px;
}

[PR]
by exblog-tips | 2015-12-25 16:39 | フッター | Comments(0)

エキサイトブログではかなり自由にナビゲーションを作ることができます。
上部にナビゲーションが欲しかった方は是非お試しを〜。


a0342241_13281251.png


【本文】

<div class="nav-wrap">
<ul class="nav-list">
<li><a href="#">TOP</a></li>
<li><a href="#">はじめに</a></li>
<li><a href="#">プロフィール</a></li>
<li><a href="#">メール</a></li>
</ul>
</div>

【CSS】

.nav-wrap {
background: #E4E9ED;
margin-bottom: 48px;
padding: 18px 0; }
.nav-list li {
display: inline-block;
margin-right: 48px; }
.nav-list {
text-align: center;
font-size: 14px;
font-size: 0.875rem;
line-height: 14px; }

本文の挿入位置はhederの下らへんがいいでしょう。
headerのdivタグが終わった後に入れてみましょう。
<a href="#">の#の中にリンクさせたいURLを入れます。テキストは好きに変えてください。

背景の色を変えたい場合は、CSSの background: #E4E9ED; を変えてみてください。


IE8以下は崩れるかもしれません。



[PR]
by exblog-tips | 2015-12-24 18:29 | ヘッダー周り | Comments(0)

エキサイトブログをとことん使い倒すブログです。こんなことできないかな?をゆるっと募集中!


by エキブロまん