ホワイトboox.png

2015年07月16日

CSS|文字の色変更|スタイルシート|忘れないためのメモ

スタイルシート変更|忘れないようにメモ


iromihon_色の色彩記_本.jpeg

世の中にはとーーーーっても親切な方がいて
HTMLのこととかスタイルシートのこととか
アフィリエイトで稼ぐ方法とかを
(*個人的には↑興味ないけど知りたい人もいるんだろうな〜)
すごーく細やかにブログで教えてくれていたりする。
そういうひとたちのブログは
パッとみ見やすいし、基本わかりやすい。
きょうは そういうエキスパートのひとのブログを
参考にしながら、色を変更してみました。
シーサーブログの場合だと
自分の使っているデザインを選んで、
クリックしてスタイルシートに移動。

で、一番したに
指定したのがこれ。

a:link{color:#好きな色を入れる;} リンクの色
a:visited{color:#好きな色を入れる;} 訪問済みのリンクの色
a:hover{color:#好きな色を入れる;} カーソルが乗った時の色
*赤い色をCSSの一番したに貼る(トップ、記事、過去、カテゴリーそれぞれコピペする)

これはわたしのスタイルシートのメモ
/* 下は 2015 7/16 
リンクの色:黒系
訪問済みのリンクの色:うすい灰色
カーソルが乗った時の色:水色 */
(/*ここに文字を書いてもアップされない*/ )


参考にしたブログのかたのURL、リンクOKとか
書いてなかったので、ありがとうございました
をここでお伝えしたい。



忘れないためのスタイルシート 色変更メモでした!
特にカーソルを重ねたとき色を変えたかったので 念願かなってうれしい。
スタッフ
posted by 🐼スタッフ📝 at 18:34 | ブログのCSSメモ | 更新情報をチェックする

2015年03月03日

CSS|昨日の行間(高)と行間の変更比較|忘れないためのメモ

昨日の続きのCSSメモ

カテゴリーのところが以前と同じフォント&サイズ&行間なので
フォントが違うと比較しずらいち、しずらいですが 
本文の変化はみてわかりやすので、見比べてみることに。

比較したい箇所をスクリーンショットで画像に変換

       ↓
変更前
(下記画像:本文 現在1.5em)
seesaablog_行間変更前_本文.png
昨日の行間(高)と行間の変更比較メモ




変更後
(下記画像:本文  うえの1.5emから2emに変更済 *フォントも変えた)
seesaablog_行間変更後_本文.png




スタジオフィッシュアイ スタッフ

posted by 🐼スタッフ📝 at 04:00 | ブログのCSSメモ | 更新情報をチェックする

2015年03月02日

CSS|ブログの行間(高)を変更してみる|その手順|忘れないためのメモ


行間変更ついにクリア! 文字は昨年やや大きめにかえることができたのだけれど、きょうは課題でもあった行間(高)変更にチャレンジしてみました。親切なブロガーさんたちのアドバイスを拝見しながら何とか変更することができました。世の中には親切なひとが実はいっぱい隠れているんですね、感謝ですね。せっかく出来た変更箇所が半年後には忘れる自信絶対大なので、せっかくなのでここに書いておくことにしよう。これで紙のメモをなくしても安心!? いやノートにメモもしておこうっと。


「超シンプル(右サイドバー)」の場合



最初にメニュー一覧から PCの中の デザイン設定を選択してクリックする

fishi-css-行間(高)説明1.png



開くとこの画面になる
fishi-css-行間(高)説明2.png



CSSのなかからここを見つける
まず最初に文章の行間(高)を変更

fishi-css-行間(高)説明4.png



次に右サイドのタイトルにあたるところの行間(高)を変更

fishi-css-行間(高)説明3.png




変更前の画像撮りを忘れてしまったのが残念!!またいつか時間のあるときにでも、うえの2カ所をもとに戻して比較してみるとしよう。それにしてもプロのひとからしたら目をつぶってもできる内容なんでしょうけど、素人には一杯一杯。でもその分、喜びも一入





スタジオフィッシュアイ スタッフ

ちょっと頑張りましたぴかぴか(新しい)
posted by 🐼スタッフ📝 at 23:54 | ブログのCSSメモ | 更新情報をチェックする

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年からやらせていただいています。先日いきなりブログが閉鎖いたしまして、狼狽いたしました。慌ててブログの会社に問い合わせしましたら、親切に教えていただき、あっさり自分のうっかりミスということが判明いたしまして。辛うじてなんとか再度こうしてアップできた次第でございます。(汗だらー)ブログを書いている最中も、つい雪のうえを転がりたくなるマイペースなわたくし担当のパンダではありますが、今後ともスタジオフィッシュアイ共々よろしくお願い申しあげます。アッ それから、TURN vol.5ご購入くださった全国のみなさま。スタジオフィッシュアイ宛にハガキを送ってください。すてきなプレゼントが当たるスペシャル企画やってます詳しくはこちら。締め切りは11月30日となっています。お忘れなく〜!!

    「きょう、樋貝さんは親睦会なるものに、バッグにカメラとTURNをギュウギュウ詰め込んでスケートこいで原宿にいっちゃった。53歳メンズ。まあ猫でいったら270歳ぐらいだけど、檜さんなんて100歳どころか2000、3000歳だっているんだもん。木の年齢でいったら樋貝吉郎さんもまだまだ若手ってこと。だから帰りに大橋さんとこの塩豆大福 頭に乗っけて帰ってきておくれ。あ、鰹節もね!」( by グーフィー猫)最後のとこは猫TEXTなので愛嬌ってことで。