記事の上下 ブログトップ 記事一覧 画像一覧を消す | リアナのカスタマイズ日記(CSS編集用デザイン)

リアナのカスタマイズ日記(CSS編集用デザイン)

アメブロ 新CSS CSS編集用デザイン 無料
カスタマイズ アメブロカスタマイズ 初心者
CSS スタイルシート デザイン
javascript jQuery

★ 記事の上下 ブログトップ 記事一覧 画像一覧を消す

● 内容

① 記事の上下に下記が追加されました。
  消す方法についてのCSSを紹介します。



リアナのカスタマイズ日記(CSS編集用デザイン)


● 方法


① CSSの一番下に追加する。



/* 記事の上下 ブログトップ 記事一覧 画像一覧を消す */
.globalLinkArea{
display:none;
}



② 個別に消したい場合(CSSの一番下に追加する)。
  不要な項目部分は消すこと。



/* 記事の上下 ブログトップを消す */
.blogTopBtn{
display:none;
}
/* 記事の上下 記事一覧を消す */
.articleListBtn{
display:none;
}
/* 記事の上下 画像一覧を消す */
.imageListBtn{
display:none;
}





③ エリアを残したい場合(CSSの一番下に追加する)。


/* 記事の上下 ブログトップ 記事一覧 画像一覧を消す(エリアは残す) */
.globalLinkArea{
visibility:hidden;
}



/* 記事の上下 ブログトップを消す(エリアは残す) */
.blogTopBtn{
visibility:hidden;
}
/* 記事の上下 記事一覧を消す(エリアは残す) */
.articleListBtn{
visibility:hidden;
}
/* 記事の上下 画像一覧を消す(エリアは残す) */
.imageListBtn{
visibility:hidden;
}



④ CSS編集できないスキンの場合は下記をフリースペースまたは
  フリープラグインに追加する。


<style>.globalLinkArea{display:none;}</style>

<style>.blogTopBtn{display:none;}</style>
<style>.articleListBtn{display:none;}</style>
<style>.imageListBtn{display:none;}</style>



<style>.globalLinkArea{visibility:hidden;}</style>

<style>.blogTopBtn{visibility:hidden;}</style>
<style>.articleListBtn{visibility:hidden;}</style>
<style>.imageListBtn{visibility:hidden;}</style>