ホワイトboox.png

2014年10月16日

CSS|スマホ|スタイルシートタイトル |seesaaブログ|basicの背景を変更

スタイルシートに関するメモ書き。


昨日、これなら見やすいかな、と思うスマホ用のCS}
/*  171
3つめ line-height:1,5→1,7→2に サイド文字行間(記事.カテゴリー)good!! 2015 7/16*/
float:left;
padding:0px 0px 0px 0px;
line-height:1.7;


/* 272
下を1.5から2emに(line-height:3em;) good!! 2015 7/16 */

line-height:2em;


S
CSSにちょい手を加えてみました。basicというタイプの背景を白に変更しただけなんですが。

basic-SEESAABLOG-スマートフォン-CCS.png
規格通りだとこんな感じ。他にはブルーとピンクがあったようなー


そのままだとbasicの背景はグレーなので、アップした画像に余白があると、きれいに見えないのだ。これが嫌なら、basicの背景のグレーを白に変更するか、今後アップする画像は余白を残さずトリミングしなければいけない。

で、結果、楽な方を選択。背景を白になるようにトライすることにー

つまり
#ーーーー;のところを。。。
白に変更です!

色指定は #ffffff; 


で、やってみたらあっと言う間。
あっけなく
成功!

いつもいろんな親切な方のスタイルシートの変更を参考にさせて頂いているので今回はスタジオフィッシュアイもこの変更箇所をアップしたいと思います。
探しても他で見当たらなかったのは、あまりにも簡単だから? 




画面を開く

デザイン> スマートフォン> デザイン一覧

basicの場合(バック グレー)

スタイルシートタイトル

BOXから下はこうなっているようです!
(途中から抜粋 command⌘Fで検索すると楽)

.box {
display: -webkit-box;
display: -moz-box;
}
/* ----------------------------------------------------- */
/* Customize style - Basic
/* ----------------------------------------------------- */
/*
* フォントサイズ基準を1pxに設定
* 10px = 10rem と指定できます
*/
html {
font-size: 6.25%;
}
body {
font-size: 14rem;
line-height: 1.4;
color: #333333;
background:#ffffff; 
/* 薄いグレー#F1F1F1; からホワイトに変更-テストOk!!!*/

ピンクのコメントはわたしが書いたもの。ここでは自分でわかるようメモを残す。

/* この間にコメントを書いてもアップしないのはご存知ですよね〜。*/
これはブログの記事だからアップされますが。



seesaaa ブログスマホ-basicの背景を変更するおさらい


変更箇所は超簡単!!
backgroundの横っちょの#FF65CB;を#ffffff;にするだけでした。
スタイルシートを開いてcommand⌘Fでbackgroundを検索すると早いね。


スタジオフィッシュアイ
忘れないためのメモ書き 
2014 秋

posted by 🐼スタッフ📝 at 14:54 | ブログのCSSメモ | 更新情報をチェックする
今、一番読まれている人気の記事|The most popular article right now!!
    屋号:studio fish i (スタジオフィッシュアイ)
    代表:樋貝吉郎
    職業:Photographer
    子供の頃の夢&スキな漫画:忍者。カムイ伝
    好きな食べ物:ナッツ全般、リンゴ、干しいも、干し柿、鰻、河童巻き
    尊敬する人:子供のとき伝記を読んだ影響で エジソン




    みなさんこんにちは! こちらのブログはYOSHIRO HIGAIプロダクト スタジオフィッシュアイが発信しています。 担当のパンダです。2009年からやらせていただいています。ブログを書いている最中も、つい雪のうえを転がりたくなるマイペースなわたくし担当のパンダではありますが、今後ともスタジオフィッシュアイ共々よろしくお願い申しあげます