アメーバ限定記事 全体
■ アメーバ限定記事 全体
★ 下記は、アメンバー限定記事のCSSです。
記事毎にCSSを入れないといけないので大変です
設置方法は、記事を書くの下にあるHTMLタグを表示をクリックして、CSSを
入れます。
<style type="text/css">~CSS~<style> で設定します。
IE(インターネット・エクスプローラ)での設定方法は、下記の記事を参照して下さい
http://ameblo.jp/new-bulue9/entry-10542100407.html
★ 携帯で見た場合、CSSが記事に表示されてしまいますので
注意してください。
CSSは、記事の一番最後に入れるようにして下さい。
● 【全体のリンク色】
◆ ブログと同じです。下記の記事を参照して下さい。
http://ameblo.jp/new-bulue9/entry-10440556309.html#Top
<style type="text/css">
/* 全体のリンク色の指定 */
a:link { color: blue;} /* 未訪問のリンク */
a:visited { color: Purple;} /* 訪問済みのリンク */
a:hover { color: red;} /* ポイント時のリンク */
a:active { color: red;} /* 選択中のリンク */
</style>
/* 全体のリンク色の指定 */
a:link { color: blue;} /* 未訪問のリンク */
a:visited { color: Purple;} /* 訪問済みのリンク */
a:hover { color: red;} /* ポイント時のリンク */
a:active { color: red;} /* 選択中のリンク */
</style>
● 【スクロールバー(IEのみ)】
◆ ブログと同じです。下記の記事を参照して下さい。
http://ameblo.jp/new-bulue9/entry-10443745190.html#Top
<style type="text/css">
<!--html, body {
scrollbar-face-color:pink;
scrollbar-highlight-color: black;
scrollbar-shadow-color: yellow;
scrollbar-3dlight-color: blue;
scrollbar-arrow-color: red;
scrollbar-track-color: green;
scrollbar-darkshadow-color: white;}
--></style>
<!--html, body {
scrollbar-face-color:pink;
scrollbar-highlight-color: black;
scrollbar-shadow-color: yellow;
scrollbar-3dlight-color: blue;
scrollbar-arrow-color: red;
scrollbar-track-color: green;
scrollbar-darkshadow-color: white;}
--></style>
● 【コンテンツ全体の位置を調整】
◆ ブログと同じです。下記の記事を参照して下さい。
http://ameblo.jp/new-bulue9/entry-10445779963.html#Top
http://ameblo.jp/new-bulue9/entry-10440573788.html#Top
コンテンツ全体は左サイドバーと記事部分です。
<style type="text/css">
/* コンテンツ全体の位置を調整 */
#frame{
margin-left: 270px;
}
</style>
/* コンテンツ全体の位置を調整 */
#frame{
margin-left: 270px;
}
</style>
<STYLE type="text/css">
/* コンテンツ全体の色を調整 */
#frame{
background-color: oldlace; /* 背景色 */
}
</STYLE>
/* コンテンツ全体の色を調整 */
#frame{
background-color: oldlace; /* 背景色 */
}
</STYLE>
● 【カーソル】
◆ ブログと同じです。下記の記事を参照して下さい。
http://ameblo.jp/new-bulue9/entry-10448393697.html#Top
<STYLE type="text/css">
<!--body{cursor:url(カーソルのURL);}
a{cursor:url(カーソルのURL);}-->
</STYLE>
<!--body{cursor:url(カーソルのURL);}
a{cursor:url(カーソルのURL);}-->
</STYLE>
● 【全体背景画像(固定)】
◆ ブログと同じです。下記の記事を参照して下さい。
http://ameblo.jp/new-bulue9/entry-10458514594.html#Top
http://ameblo.jp/new-bulue9/entry-10536320401.html#Top
<STYLE type="text/css">
body{
background-image:url(背景画像のURL);
background-repeat:no-repeat;
background-attachment:fixed;
background-position:left bottom;
}
</STYLE>
body{
background-image:url(背景画像のURL);
background-repeat:no-repeat;
background-attachment:fixed;
background-position:left bottom;
}
</STYLE>
● 【全体背景色など】
◆ 背景色や、フォントサイズなどを指定します。
<STYLE type="text/css">
body{
background-color:pink;
font-size:18px;
}
</STYLE>
body{
background-color:pink;
font-size:18px;
}
</STYLE>
● 【ファビコン】
◆ ブログと同じです。下記の記事を参照して下さい。
http://ameblo.jp/new-bulue9/entry-10464281162.html#Top
ファビコンは style ではなく head タグで可能です。
<head><link rel="shortcut icon" href="アイコンのあるURL/favicon.ico"></head>
★ メッセージボードは、アメンバー限定記事にはありません。
★ 右クリック禁止はできません。