アダルトサイトのアクセスアップ！投稿大学アダルトブログツール　【CSSカスタムギャラリー】

SP投稿大学

SPラブ

このページの一覧表サンプルは、CSSを使用することによってユーザー側でデザイン設定が可能です。
ただし、CSSを使用してカスタムしますので、ある程度のCSSの知識が必要となります。

変更が可能な部分と、それに対応するCSS
一覧表の外枠	spc_list_border01
背景１	spc_list_bgcolor01
背景２（画像）と境界線	spc_list_bgcolor02
背景３	spc_list_bgcolor03
オンマウスの画像透明度	spc_list_img01 a:hover
文字色	spc_list_font01
リンク文字色	spc_list_link01 a:link
訪問済みリンク	spc_list_link01 a:visited
現在滞在中リンク	spc_list_link01 a:active
リンクマウスオーバー	spc_list_link01 a:hover

CSSギャラリーのカスタム方法

<!---//-  SPLOVE List Start  -//--->
<style type="text/css" media="screen,print">
<!--
.spc_list_border01 {border:1px solid #DBC9D2 ! important;}
td.spc_list_bgcolor01 {background-color:#ffffff ! important; filter: Alpha(opacity=75) ! important;}
td.spc_list_bgcolor02 {background:#f9f9f9 url() no-repeat fixed 0px 0px ! important; filter: Alpha(opacity=65) ! important; border-top:1px solid #DBC9D2 ! important; border-bottom:1px solid #DBC9D2 ! important;}
td.spc_list_bgcolor03 {background-color:#fcfcfc ! important; filter: Alpha(opacity=90) ! important;}
#spc_list a:hover img { filter: Alpha(opacity=20)! important; }
.spc_list_font01 {color:#222222 ! important;}
.spc_list_link01 a:link {color:#6100AB ! important; text-decoration:underline ! important;} 
.spc_list_link01 a:visited {text-decoration:none ! important; color:#7700DC ! important;}
.spc_list_link01 a:active {text-decoration:none ! important; color:#D630FF ! important;} 
.spc_list_link01 a:hover {color:#ffffff ! important; text-decoration:none ! important; background-color:#D780FF ! important;}
-->
</style>
<!---//-  SPLOVE List End  -//--->

ログイン→Blogの設定管理→デザインの設定→スタンダード→CUSTOM

誰でもわかる sakuraの『カンタンCSS講座』開講♪

お願い現在、システム参加サイトの急増により、サーバがたいへん込み合っています。
各種サンプルが表示されない場合は、ブラウザーの更新or右の再表示をクリックして下さい。

CSS-01

name	CSS - 01
size	Width = 180px 　Height = 85px
［新着・更新・更新２アイコン］
［特徴］カスタムしやすいようになるべくシンプルにまとめました。画像は左から投稿画像１・サムネイル１・投稿画像２です。日付部分が　spc_list_bgcolor01 画像部分が　spc_list_bgcolor02 サイト名部分が　spc_list_bgcolor03　に対応します。講師sakuraのカンタンCSS講座あなたのブログへの表示方法

掲載方法 ■ ■ ■ ■ ■ ■

CSS-02

name	CSS - 02
size	Width = 150px 　Height = 90px
［新着・更新・更新２アイコン］
［特徴］こちらもサンプル01同様、シンプルにまとめました。画像は左から投稿画像１・投稿画像２です。日付部分が　spc_list_bgcolor01 画像部分が　spc_list_bgcolor02 サイト名部分が　spc_list_bgcolor03　に対応します。講師sakuraのカンタンCSS講座あなたのブログへの表示方法

掲載方法 ■ ■ ■ ■ ■ ■

ホーム

サイトマップ

ご利用規約

お問い合わせ