女性95.200人


　　　　　↑東日本の方が多いですね・・

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

スタイルシート（フォント変更）

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

ブログ等で文字や画像に動きをつける

①左端で停止

②左から右へ

③右から左へ

④途中、右から左へ

⑤背景色付きで右から左へ

⑥往復移動

⑦ちょっと遅く

⑧ちょっと速く

⑨かなり速く
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

★ブログ等画像の動かし方
①まずは、ブログ等で動かしたい画像を用意します
②マイページ→スタイルシート→スタイル用画像→参照→アップロード
③参照で先程の画像を選び、アップロードします
※1280×1280ピクセルまでのJPEG、GIF、PNG画像が利用できます。
自動変換を行わない場合の最大サイズは300KB、行う場合は2MBです（自動変換を利用すると、画像形式はJPEGになります）。
④アップロード成功すると、上部に画像とURLが表示されますので、そのURLを仕様します
※ブログを書く際に、その他の所に画像ボタンがありますのでそこから、上で取得したURLを指定して下さい

<marquee behavior="slide">①左端で停止<img src='http://carview-img02.bmcdn.jp/carlife/storage/517649/style/517649_1_b5b3a.gif' border='0' alt='' /></marquee>

<marquee direction="right">②左から右へ<img src='http://carview-img02.bmcdn.jp/carlife/storage/517649/style/517649_1_b5b3a.gif' border='0' alt='' /></marquee>

<Marquee>③右から左へ<img src='http://carview-img02.bmcdn.jp/carlife/storage/517649/style/517649_1_b5b3a.gif' border='0' alt='' /></Marquee>

<Marquee width="300">④途中、右から左へ<img src='http://carview-img02.bmcdn.jp/carlife/storage/517649/style/517649_1_b5b3a.gif' border='0' alt='' /></Marquee>

<Marquee Bgcolor="#ff00ff">⑤背景色付きで右から左へ<img src='http://carview-img02.bmcdn.jp/carlife/storage/517649/style/517649_1_b5b3a.gif' border='0' alt='' /></Marquee>

Marquee behavior="alternate">⑥往復移動<img src='http://carview-img02.bmcdn.jp/carlife/storage/517649/style/517649_1_b5b3a.gif' border='0' alt='' /></Marquee>

<marquee scrolldelay="100">⑦ちょっと遅く<img src='http://carview-img02.bmcdn.jp/carlife/storage/517649/style/517649_1_b5b3a.gif' border='0' alt='' /></marquee>

<marquee scrollamount="8">⑧ちょっと速く<img src='http://carview-img02.bmcdn.jp/carlife/storage/517649/style/517649_1_b5b3a.gif' border='0' alt='' /></marquee>

<Marquee scrollamount="50" truespeed>⑨高速移動<img src='http://carview-img02.bmcdn.jp/carlife/storage/517649/style/517649_1_b5b3a.gif' border='0' alt='' /></Marquee>

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

ページの基本のタブの中で、

ユーザー領域
div#MinkaraBodyの欄には、

clear:both;
background-color:#000000;
color:#eee;
background-image:url(http://背景のＵＲＬ);
background-repeat:repet;
display:block;
とあるので、

【background-attachment:fixed;】
【】内の一行を最後に追加する

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

背景の透過

「タブ」部分の「タブ(通常)のスタイル」
font-size:12px;
width:19.5%;
height:30px;
float:left;
display:block;
text-align:center;　
background-image:url(https://cdn.snsimg.carview.co.jp/cvmaterials/minkara/user/css/034/bg.png);
background-repeat:repeat;
margin:0 0.6% 0 0;
line-height:2.5;

「コンテンツ共通」部分の「コンテンツ表示」

ブログやパーツレビューの背景が透過
margin:0px;
padding:0px 0px 8px 0px;
background-image:url(https://cdn.snsimg.carview.co.jp/cvmaterials/minkara/user/css/034/bg.png);
background-repeat:repeat;
width:620px;
「コメント」部分の「コメントテーブル」
vertical-align:top;
background-image:url(https://cdn.snsimg.carview.co.jp/cvmaterials/minkara/user/css/034/bg.png);
background-repeat:repeat;
「コメントタイトル」
background:#333;　← この行を削除
padding:8px 0 5px 10px;
font-weight:bold;
font-size:12px;
「コメント日付」
background:#333;　← この行を削除
color:#999;
text-align:left;
padding-left:10px;
font-size:10px;
line-height:0.5;
font-family:Verdana;
「コメント表示」
margin:5px;
background:#333;　← この行を削除
padding:5px;
font-size:12px;
line-height:1.65;
「サイドメニュー」部分の「サイドメニュー領域」
width:170px;
padding-bottom:10px;
float:right;
background-image:url(https://cdn.snsimg.carview.co.jp/cvmaterials/minkara/user/css/034/bg.png);
background-repeat:repeat;
サイドメニュータイトル
　プロフィール・お友達・ファン・リンク
font-size:12px;
padding:3px 0;
background-image:url(https://cdn.snsimg.carview.co.jp/cvmaterials/minkara/user/css/034/bg.png);
background-repeat:repeat;
color:#eee;
text-align:center;

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

＜コンテンツ共通＞
「コンテンツ領域」に    filter:alpha(opacity=90);
　　　　　　　　　　          opacity:0.90;        の追記
この90の値を小さくすれば透明化が激しくなります

　右側のメニューも透明化する場合は
＜サイドメニュー＞
「サイドメニュー領域」に  filter:alpha(opacity=50);
                                     opacity:0.50;        の追記                                              
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

フラグカウンター

無料のカウンターを任意のWebページに追加して、世界中から旗を集めましょう。新しい国の誰かがあなたのウェブサイトにアクセスするたびに、カウンターに旗が追加されます。これにより、サイトがはるかに面白くなるだけでなく、フラッグカウンターをクリックすると、素晴らしい情報とチャートが表示されます。




★花鳥風月さん←こちらで全て完結します

★WEB色見本（色の名前とカラーコードが一目でわかる）

★基盤的情報処理論

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~


★ヘッダーを2段にする方法

★しんごのパパのブログ一覧（スタイルシート13）（参考まで）

　★ハイパー　（参考まで）

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

　　　　　　　　　　　　　　角を丸くする方法

border-radius: 100px 25px 50px 50px / 50px 25px 50px 25px;
を項目の下に貼り付けると画像の様に角が丸くなる