QLOOKアクセス解析

。・**Kaleidoscope**・。

Design&release of FC2 template
061234567891011121314151617181920212223242526272829303108

スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
[ --/--/-- --:-- ] スポンサー広告 | TB(-) | CM(-)

「3c_lioncrown」承認されました。

初3カラム。

自作以外でのテンプレートでは3カラムが結構好きで
好んで使わせていただいております。

ふと「そういえば自分で作ったことないなぁ」と
作ってみました。

3c_lioncrown.png

素材は「ふわふわ。り」様からお借りしました。

動作確認
■IE8、9、10
■GoogleChrome
■safari
■firefox

不具合等ございましたらご連絡いただけると嬉しいです。

[ 2013/09/24 15:58 ] テンプレート 3カラム | TB(0) | CM(2)
Re: 2c_l_macaron
ニッタ様

こんにちわ。
お返事おそくなり、もうしわけございません。
PCの調子が悪く、ログインできませんでした(汗

画像が白っぽく…とは、ニッタ様がアップした画像でしょうか。
このテンプレは、背景と記事部分の画像が薄く透けるようセッティングしているので
もしかしたら、その影響下もしれません。
テンプレートのCSS、下記部分を調整してみてください。

*********************************************************

/* サイト全体 */

.base_table {
/* ----------------------------------------------------- */
width: 800px; /* サイトの幅 */
/* ----------------------------------------------------- */
background-color: #fff; /* 外枠の色 */
/* ----------------------------------------------------- */
filter:alpha(opacity=80);
-moz-opacity: 0.8;
opacity: 0.8;
text-align: left;
margin-top: 0;
margin-bottom: 0;
margin-left: auto;
margin-right: 0;
}

*********************************************************

上記のうち、赤文字部分が背景を透過させるタグです。
今は80%に設定しています。
この方法だと、子要素である記事部分も透けてしまうので
お手持ちのモニターサイズによっては画面全体が透けているように
見えると思います。

filter:alpha(opacity=80); ←100(不透明)~0(透明)
-moz-opacity: 0.8; ←1.0(不透明)~0.0(透明)
opacity: 0.8; ←1.0(不透明)~0.0(透明)

の範囲内でお好みに調整できます。





> はじめまして。ニッタといいます。2c_l_macaronがきれいなので使用させていただいております。
> とても気に入っているのですが、画像が白っぽくなるので普通の状態で表示させるにはどうすれば
> いいのか教えていただけないでしょうか。
> お手すきなときにでも教えていただけるとありがたいです。よろしくお願いします。
[ 2014/06/21 16:29 ] [ 編集 ]
Re: プラグインの文字色について
レティシア様

こんにちわ。
お返事遅くなり、申し訳ありませんでした。

文字色ですが、拙宅のテンプレは大体
「一度訪れたことがあるサイトは文字色が変わる」
設定をしております。

なので、プラグインの文字色が黒からオレンジになるのは
訪問済みサイト、またはページとなります。

ライオンちゃんのテンプレだと、CSSの
/******************************* ▼ リンクの色と下線の有無 ▼ */
a:link {color:#300; text-decoration:none;} /* 通常 */
a:active {color:#300; text-decoration:none;} /*実行中*/
a:visited {color:#300; text-decoration:none;} /*訪問済*/
a:hover {color:#f60; text-decoration:underline;} /*マウス*/
/******************************* ▲ リンクの色と下線の有無 ▲ */

の部分で色を変えられます。

お好みでカスタマイズしてみてください。

よろしくお願いいたします。
[ 2014/06/21 16:36 ] [ 編集 ]
コメントの投稿












管理者にだけ表示を許可する
トラックバック
この記事のトラックバックURL



上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。