So-net無料ブログ作成
ワンポイント ブログトップ

クリックすると大きな画像が出てくるよ☆ [ワンポイント]


究極のカスタマイズが出来るようになったソネブロくん♪
機能がありすぎて、実はどこをどうしたらいいのか調べるのも大変・・・
と、いう事で、nekoが知っているワンポイントをご紹介♪


nekoんちは、めっちゃでっかい写真アップしています(^^;;;;;;
苔寺のTOPページなんか、1600×1200をアップしちゃってたり(爆)
一枚の容量制限にさえ引っかからなければ問題ないみたいです☆


で、blogのメインの幅を変更するのはCSS弄らなくてはならないのですが
幅いっぱい迄は表示してくれて、後はクリックしたら全体が見れる様にする
設定は簡単なので、トライしてみて下さい(^▽^)/


①まず管理画面に入ります(これは大丈夫ですよね~♪)



②「設定」のタブをクリックします。
設定.jpg



③「基本設定」のタブが開いていると思います(違うタブの人は「基本設定」のタブをクリックしてネ)
基本設定.jpg



④設定のページの中程にある「画像の設定」を下図の様に設定して「保存」をクリック
画像の設定.jpg



別ウィンドウ原寸大表示を「表示する」にチェックしておくのがポイントです(^^)/


ではでは、頑張って、楽しいblogページを作って下さいね♪




CSS編集のポイント☆彡 width の指定を % で♪ [ワンポイント]


折角、CSS編集が出来るのに、画面の全体の幅が狭くて両サイドが開いちゃって
なんか間抜け~って思いませんでした?

そんな時は、各、項目の幅の設定を ピクセル指定でなく、%指定にしてあげるといいのです(^^)V



#container {
width :95%;
margin:0 auto;
line-height:1.4;
text-align:left;
color:#333333;
}

この設定は、blog全体の幅指定なんです(^^)/
ただ、ここダケ変更してもうまくいきません。
なぜかっていうと、

#main と #side も幅がピクセル指定になっているからなんです(^^;;;;;;

nekoの場合、サイドは1個だけ右に設定なので 90% (左右両方使うなら 80%に変更するといいですよ(^^)/)

#main {
width:90%;
overflow:hidden;
}

.articles {
width:95%;
overflow:hidden;
}



そして、サイドの指定方法

#side-a, #side-b {
width:10%;
overflow:hidden;
}

.sidebar {
width:90%;
margin-bottom:20px;
overflow:hidden;
}



こんな感じです(^^)/



nekoのページの記事部分が半透明になっているのは、
#main のトコで 背景色指定してフィルターでアルファ指定しているからなんですが・・・・・(^m^)
このヒントで頑張って下さいね♪(おいっ!)


CSS編集のポイント☆彡 背景の画像を指定しちゃいましょう♪ [ワンポイント]






CSS編集が出来るとわかった途端に「こーゆーこと」すぐしちゃうお馬鹿です(^^;;;;;;;;;えへ☆



















CSS編集のポイント~(^^)/

背景の設定をしたい時はココ!





body {

background:#ffffff;  ← これが背景色

background-image:url("ここに背景画像のURL");

background-attachment:fixed;  ← これが背景のスクロールをしない設定

}



項目の設定は :

項目の最後は ;



ヒゲがついているのといないのとの違いに気をつけて下さいね(^^)/











なんか面白そうなボタンがあったので早速遊ぶし(^^;;;;;;


ワンポイント ブログトップ

この広告は前回の更新から一定期間経過したブログに表示されています。更新すると自動で解除されます。

×

この広告は1年以上新しい記事の更新がないブログに表示されております。