• 車種別
  • パーツ
  • 整備手帳
  • ブログ
  • みんカラ+

ikusion13trのブログ一覧

2009年07月06日 イイね!

背景透視(日記がスケスケに!?)

すごい方を発見!

なんとスタイルシートの弄り方を動画で教えてくれちゃってます!

ブログのコンテンツを透過させる方法

ありがたいです!

みんカラの新スタイルシートってコレ→<>ではないタイプなので

タグが全くわからなかったんですよ!ありがた~い!!有難う!!

やったぁ(≧▽≦)これでHPとオソロイに出来るわw


2013年に時代の進化?として確認したところ、
 パソコンではスケスケですがタブレットではスケ無かったので
 スマホ&アンドロイドも普通なのかな?と思います。
 なんか残念(:へ;)

2014年、タブレットにて確認。
 どうやら背景が写真で一枚固定だと透けない?
 素材屋で借りた小さい画像のリピート表示(っていうの?)だと
 最初に表示された部分だけ映る(通信の問題かも(汗)
 あと、日記の透ける色にも寄るのかもしれません。
 私の#111111(ダークグレー)だと濃すぎるみたいです(^^;
Posted at 2009/07/06 09:11:38 | コメント(0) | トラックバック(0) | スタイルシート | 日記
2009年07月03日 イイね!

スタイル変更の簡易編集版

まぁ書かなくてもみんカラ サポートブログに乗ってますけど(^^;

詳細編集版と途中まで一緒っス

ログインしたら

右上のマイページより管理画面へ

左側にある管理よりスタイルシートを選ぶ

簡易編集を選ぶ (詳細編集と両方しないでね)

編集する前に簡易編集の隣のスタイル選択で基礎になるブログを覗いておいて下さい。


■ベーススタイルの読み込み
 まずは「基本とするスタイル」を選び読み込みボタンを押す。
押すと次の■利用するナビゲーションと同じのが選ばれます


■利用するナビゲーション (・・・利用したこと無いな)
 これは一番上の「ようこそ○○さん」の下にある「トップ」「ブログ」とか書いてある所。
みんカラ サポートブログが試しに選んでるのカッコイイかも?w(べースが黒でナビが赤)


■本文・サイドメニューの位置
 まぁ日記本体と、カレンダーやお友達の位置ですね。
このブログは「メニュー右」にしています。


■タイトル見出しアイコン
 メインタイトルは日記の題名の横に付きます。
 プロフィールはね太い文字の横に付きますよ。
最大64×64ピクセル、50KB以内のJPEG、GIF、PNGファイルと、なんだか難しい。
まぁ・・・アイコンはあっても無くても・・・自分で作れない人は配布してるサイトも多いので探してみては?

*素材サイトからアイコン等を借りる場合は、そのサイトの規約に従って下さい。
 (無断で持ってきてる人、多すぎ)

「参照」を押すとパソコン内のファイルが表示されるので使いたいアイコンが保存してある所を選んで
アイコンを選んで「開く」を押すと左の枠に出るので、放置して次へ


■ページの背景
・背景色#000000(黒)の右に丸いグラデーションのがありクリックすると、
 ちっちゃいウィンドウで出てきます。
 ポップアップブロックされた場合は一時的に解除してね(ブロックされるか分からんがw)
 背景なんで日記枠の外側の色って思ってね。

・背景画像1280×1280ピクセル以内ってあるけど、大きくても自動変換してくれるから安心。
 背景画像の位置を選んであげて、背景画像のリピートは「リピートしない」

 逆に小さいと「リピートする」を選びます。
 詰めてくれるので、風呂場のタイルみたいに感じになります。
 ・・・横と縦はなんなんだろ?(やった事ないゴメン)


■ページの文字色
・本文
 これは注意書きにもあるように「背景色との関係」を考えます。
 暗い背景ならば明るい色の文字色、明るい背景であれば暗めや渋い色をオススメします。
*参考に色見本
  色をクリックすると背景に表示されるので文字色とのバランスが見やすいです。

・リンク
 本文の色とは別の色で・・・でも、目立たせなくない場合は本文と同じ色でもOK
 

■ヘッダー&タイトル
・ヘッダー
 ナビゲーションの下の部分、自分のブログの看板みたいなものですよ。

・ヘッダーの高さ
 そこに入れる画像(空白)の高さなんですが大きくとっても良いし
 高さを低くすれば、ブログやプロフィが目に入りやすくなる。

・ヘッダー画像
 横930×縦300(299)以内かな? 横のサイズが足りないとリピートされます。
*自分の車の写真を入れる場合はナンバープレートを隠してね(他人様のも同じく)
アニメの画像などは著作権表示などお忘れなく、自分のイラストの場合はサインをどこかに・・・

・タイトル文字の大きさ
 大きければ大きいほど目立ちます。 
 自分は最初の頃12pxと控えめな?方です。

・タイトル文字の色&タイトル文字の色(マウスオーバー)
 適当に・・・文字色またはリンク色と同じで良いと思います。
 一応、マウスオーバーってマウスのアイコンをかざした時に変わる色

・タイトル文字の表示位置
 これは、自分で研究あるのみw


で『保存』してね♪
Posted at 2010/04/20 15:28:43 | コメント(0) | トラックバック(0) | スタイルシート | 日記
2009年07月02日 イイね!

スタイルシートを、かる~く変更(詳細編集です初期向け)

スタイルシートを、かる~く変更してみました。(2015/10/05 )

*詳細編集の事ですが
詳細編集で遊ぶなら簡易編集は放置でお願いします。
ボケててその重要性を忘れ簡易編集をイジってしまったトコロ
私の場合は背景が出たり消えたり悲しい状況になりました。



ログインしたら

右上のマイページより管理画面へ

左側にある管理よりスタイルシートを選ぶ

詳細編集を選ぶ (簡易編集と同時にしないように)

その前に基礎になるスタイルシートを覗いとくと良いかも?
ちなみに今、このブログの基礎は「みんカラブラック」となってます。



『スタイルシート詳細編集』(詳細編集)を開いたら「ページ基本」が選ばれてると思うので
そのまま下の『利用するナビゲーション』へ、ここで基礎となるブログのスタイルシートを選ぶ

*ナビゲーションは「ようこそ○○さん」の下の「トップ」「ブログ」とかのバーです。

『本文・サイドメニューの位置』 このブログはメニュー左になってます。
ここまでは、ポチポチッと選ぶだけ♪


『タイトル見出しアイコン』は、ひとまずスルーして下さい。



さて本題の『ページの基本』です・・・理解出来ないところはスルーしてます。



■ページBody body

なんかゴチャゴチャ書いてありますね。
最初、どう書いてあったか忘れちゃったんですけど(おい)

とりあえず気持ち青っぽくしてみようかな?と、いうことで

font-sizeが日記や他の部分の文字の大きさで、最初、12pxにしてたら
大学生の方に 「見えにくい」と言われたので、それ以上がイイと思います。


colorは文字の色、
 背景が黒っぽいものに限るんですが白#ffffff、明るい灰色#a9a9a9
(*残念ながら背景透視したら見えにくくなります。)
 逆に白っぽい背景の場合には黒#000000、暗い灰色#111111
(*私のブログは黒背景にしてるのでマウス右クリックしたまま動かして見てね。)

font-familyは字体・フォントの種類を入れます。このブログはノーマル。
 あんまり特殊なフォントを選んでしまうと他の方が読めなくなるので注意して下さい。

background-colorは背景の色、日記の枠の外の色。
  私は#111111 (マウスを右クリックしたままピーっと)背景と同化してます。
  色見本にも載ってない暗い灰色です。


■リンク a

リンクはマウスを持って行くと「今、選んでますよ」とか「見てます」とかの色(?)
リンク#1874cd、訪問済み#87CEFF、マウスオーバー#6699ccと青っぽい?

*背景が黒っぽい色にかぎる。 白っぽいと見えないです。
 薄い色ブログを選んだ方は、濃い目の#0000CDとか#009ACDとか、明るい色でも渋いのを選んだら良いと思われる。


■ユーザー領域div#MinkaraBody a・・・これは、どこが変化してるのか不明
■コンテンツ領域div#BodyBlock・・・同じく不明。(´□`;???
  
でも、とりあえず同じ色をいれてみてw


■ヘッダー領域div#BodyBlockHeader

ここはブログの一番大事なタイトルが表示されてる一番目立つ部分です。

heightはタイトル部分のスペースの高さ、画像がある方は、画像の大きさに合わせます。
 え~縦は画像サイズ300pxまで(人によっては299px)・・・画像なしだったら、どこまで行くんでしょ?
 画像を使わない人でも、こんなに高さが要らないなと思ったら数字を減らして下さい。

floatは真ん中寄せ(center)にしてるんだけど、floatの意味は不明(おい)

background-imageにはタイトル画像を表示させる部分です。
 これは詳細編集の右隣のスタイル用画像に保存させ、その表示されたURLを書き込みます。
 ・・・その前に↑のリンクなどを変更してる場合は一度、一番下の「保存」をしてね(^^;
 すべて、無に消えちゃいますのでスタイル用画像は後回しにした方がイイカモ?

*お試し用の画像、HPで配布中・・・(宣伝失礼)


■ヘッダータイトルdiv#BodyBlockHeader h2

font-sizeはタイトルの文字の大きさ、自分は目立たせたく無いので12pxと小さめ。

widthは幅・・・930pxは固定みたい(TへT)画像の方は保存させる前に横幅は930pxで。
 横幅が930px以下の画像は繰り返して表示されるようです。


■ヘッダータイトル色 文字色と同じ#a9a9a9
 
  黒っぽい画像・・・無くても背景なら目立つけど、タイトル消したいなって思ったら
  背景色と同じ色を選んだり、その色に合わせた画像を使ったり
  ヘッダータイトル↑の文字の大きさを小さくしてみたりしてみてねw

■マウスオーバー、マウスで触れた時の色もリンクと同じ#1874cd

  またはヘッダータイトル色↑と同じ色にして消してみたり?



ってな感じでプレビューで確認しながら保存して下さい。

リンク色に関しては自分が気に入るまで、ビシバシと変更して下さいねw


で・・・スタイル変更でカスタムを選ぶんだっけ?そのままで良いんだっけ??(忘)



参考サイト

色見本
  色をクリックすると背景に表示されるので文字色とのバランスが見やすいです
フォント一覧(たぶん殆どのPCに搭載されてるヤツ)
  「A a あ ア 亜」って書かれてるのが英ひらがなカタカナ漢字が表示されるヤツ

  上にも書いたけど、あんまり特殊なフォントを選んでしまわないで下さい。
  他の方が読めなくなるので注意して下さいね。
  まぁ対応機種じゃない人は普通に表示されると思うけど・・・(^^;



このブログは~なんて書いたけど、その後・・・変更している場合があるので失礼。



その後の関連日記など

その他→画像加工について(重要) / カレンダー当日の色 / ヘッダー画像配布所

ヘッダー関連→ヘッダーシンプル化

背景関連→背景固定 / 日記が透ける

タメになる関連ブログ(ここよりタメになります)→蒼井プレ之進さん / 琴音さん / 稲恋さん / くろまさん
Posted at 2009/07/02 12:46:48 | コメント(0) | トラックバック(0) | スタイルシート | 日記
2009年05月17日 イイね!

スタイルシート移行の知らせ

めんどうでイジってなかったけど、開発ブログさんから

「4月1日以前にみんカラにユーザー登録されて、
旧スタイルシートをお使いの方は、5月31日までに新しいスタイルシートをご選択ください。」

とな~!?

しかも「それまでに移行されない場合は、誠に勝手ながら、
ベーシックな配色の新スタイルシートへ自動的に置き換えをさせていただきます。」

「カスタム済みスタイルシートについても同様となりますので、

           新スタイルでのカスタマイズをお願いいたします。」

って~・・・新しいの、あんま好きじゃないんだな(^^;頑張って改善しよう
















いつか(笑)


この記事、覗く人が多いみたいなので
みんカラのサポートブログ(スタイルシート変更方が載ってます)


色見本 HPを作成してた時に発見したサイト
  色をクリックすると背景に表示されるので文字色とのバランスが見やすいです

Posted at 2009/05/17 07:41:32 | コメント(1) | トラックバック(0) | スタイルシート | 日記

プロフィール

「スマホでテスト http://cvw.jp/b/479426/42564072/
何シテル?   03/02 12:54
お酒の飲めるお子様です。(残念、飲めなくなった) 勉強は皆さんとの会話で鍛えられるようですが、 なんせお子様なので鹿馬発言多いですスミマセン! (エクリプ...
みんカラ新規会員登録

ユーザー内検索

<< 2025/7 >>

  12345
6789101112
13141516171819
20212223242526
2728293031  

リンク・クリップ

Seeking Grand Touring 
カテゴリ:その他(カテゴリ未設定)
2012/08/22 07:38:23
 
目黒メンテナンスサービス 
カテゴリ:MyCarSupport
2011/05/24 10:03:07
 
karino Island (閉鎖中) 
カテゴリ:Sozai
2010/12/07 08:42:33
 

愛車一覧

その他 その他 その他 その他
MIX、色々ごちゃまぜ♪ 自分の車と親の車とブログネタとか色々。 車歴 旦那が相方で出 ...

過去のブログ

2019年
01月02月03月04月05月06月
07月08月09月10月11月12月
2017年
01月02月03月04月05月06月
07月08月09月10月11月12月
2016年
01月02月03月04月05月06月
07月08月09月10月11月12月
2015年
01月02月03月04月05月06月
07月08月09月10月11月12月
2014年
01月02月03月04月05月06月
07月08月09月10月11月12月
2013年
01月02月03月04月05月06月
07月08月09月10月11月12月
2012年
01月02月03月04月05月06月
07月08月09月10月11月12月
2011年
01月02月03月04月05月06月
07月08月09月10月11月12月
2010年
01月02月03月04月05月06月
07月08月09月10月11月12月
2009年
01月02月03月04月05月06月
07月08月09月10月11月12月
ヘルプ利用規約サイトマップ
© LY Corporation