ΦしょろΦのブログ一覧

今日、あんまり仕事してない･････


しょろです♪♪
こんばんわ ｗｗ



今日はスタイルシート弄りです(n‘∀‘)η




背景にﾊｰﾄを入れてみました(前の流れ星がよかったけどないし･････)

変な韓国語？？みたいなのは気にしないでください((笑´∀｀))ヶﾗヶﾗ





某〇玉県在住のBFさんのあのむっちり画像を見て、弄りたくなったんです ｗｗ(勝手にリンクごめんなさい ｗｗ)


やり方です～
スタイルシート→詳細編集→ページの基本→ページbody

text-align:？;
font-size:文字サイズ;
line-height:1.5;
color:文字色;
font-family:'フォント',Hiragino Kaku Gothic Pro,sans-serif;
background-color:背景色;

と、↑なってるハズ・・・その下にコレ↓追加します。

background-image:url(背景にしたい画像);
background-attachment:fixed;
background-repeat:no-repeat;
background-position:表示する場所;

背景にしたい画像は詳細編集の右のスタイル用画像でアップロードしてください。

fixedは・・・背景固定のタグｗ

no-repeatは『背景画像を繰り返しませんよっ』て意味です。

繰り返しの場合は、『no-』を消してください♪
あと、positionも消してください～


表示する場所については、ど真ん中が良いなら　『center』 か 『50% 50%』と入れてください。

他の箇所について自信は無いですが一応、載せときます。

左上　background-position:表示する場所;　を消してください
右上　100% 0%
真ん中だけど上　0% 50%

この↑２つはヘッダーの後ろに入って見えなくなりスクロールで現れる感じ

左下　0% 100%
右下　100% 100%
真ん中だけど下　50% 100%

見て解ると思いますが、％で位置が変わってるので　右% 縦%　で変えれます。



あと、各部透かしてみました♪

非常に重たくなりました･･････････




以上でございますよ ｗｗｗｗｗ



でわ、また～　o(*･ｰ･)〇”ぐっ♪o(*･▽･)ﾉ”ばｰい♪




追記～

透過の方法をpngを使ってやり直しました ｗｗ

軽量化に成功しました～

Hit!Graphを設置

マイページ → スタイルシート → 詳細編集

コンテンツタブ

タブの所に下記のややこしいのをコピペしてください♪
(*印は個々で違いますので注意してください）

width:100%;
list-style-type:none;
margin:10px 0;
padding:0px;
clear:both;
height:30px;
float:left;
background:url(http://002.hitgraph.jp/c.cgi?******.1) left 0px no-repeat;
padding-top:50px;

コピペできれば、プレビューでちゃんと入ってるか確認して、保存しましょう♪


こちらへどうぞ～




カウンターをヘッダー画像内に設置
マイページ → スタイルシート → 詳細編集

ページの基本　

ヘッダータイトルを下記の通りにします。これもコピペしてください。
(*印は個々で違いますので注意してください）

line-height:100%;
font-size:20px;
margin:0;
width:930px;
padding-top:230px;
padding-right:0;
padding-bottom:0;
padding-left:10px;
background-image:url("http://ct2.shinobi.jp/ll/******");
background-position:770px top;
background-repeat:no-repeat;

これもコピペできれば、プレビューでちゃんと入ってるか確認して、保存しましょう♪


設置方法です～

※スタイルシートをご存じの方のみご利用ください。
カービューでのサポートはありません。

ということですので、自己責任でお願いします。

お散歩中におもしろげなカウンター？を発見！！


そして調べると、とても詳しく説明してくださっている方を発見しました♪


そのまま、コピーするかの様に簡単にできました～


どの県からのアクセスがあるか。とか

どの端末？からあるか。とか ｗｗ



なかなかおもしろそうな解析です♪



明日から楽しみだぁ～


設置方法ＵＰしました。

カウンター設置してみました^^



試行錯誤で２日ほどかかりました･･･


みなさんのページに足跡をつけまくの日々･････　汗

特に、ガシさんのページは大変参考になりました^^
　☆みんカラにアクセスカウンタを設置しよう☆

ですが、僕のページの場合ガシさんのやり方をしてしまうと、背景が消えてしまったため、銀珊瑚。さんのページへ!!
銀珊瑚。さんも非常に参考になります^^
　カウンター設置+背景画像も表示　(▼o▼-) /


みんカラにカウンターを設置すると、規約違反になる可能性があるようです。

カウンタを設置された方は ***** 重要報告です ****** に書かれていますのでご覧下さい。


「NINJA TOOLS」を使ってカウンターを設置する場合
リンクへSHINOBI.JPを追加してください