2008/4/29 火曜日
Lightviewのカスタマイズ
0
WordPressのバージョンアップに伴い、今までギャラリーで利用していたSlimboxが利用できなくなってしまいました。。。まー、もう少し待てば新しいバージョンに対応したものが出るかも知れないけれど、他に角が丸い、かつスライドショーもあるというLightviewっというのを見つけたので、こちらを利用してみることにしました。
その代わり、今までの分を今回の設定用に全部変更しなきゃいけないのだけれどね、とほほ。
導入したままの状態だと、画像のしたに配置されるテキストが中央に来ていたので、こちらを左ぞろえになるようにカスタマイズ。あと、日本語のフォントを利用すると、テキストの下にある「次の画像へ」の矢印などの画像まで拡大されるので、こちらをカスタマイズ。
場所はLightview.cssの中。紫色の部分を変更・追加しました。
230行目あたりにある箇所と、278行目の箇所を変更。
.lv_MenuBar { ←画像したのメニューバー全体のCSSと思われる。
clear: both;
position: relative;
width: 100%;
float: left;
font: 9px “MS Pゴシック”, Osaka, “Century Gothic”;
color: #808080;
padding: 0;
margin: 0;
text-align:left;
}
.lv_DataText .lv_Title { ←タイトル部分のCSSと思われる。
font: 11px “MS Pゴシック”, Osaka, “Century Gothic”;
font-weight: blod;
margin-bottom: 4px;
}
clear: both;
position: relative;
width: 100%;
float: left;
font: 9px “MS Pゴシック”, Osaka, “Century Gothic”;
color: #808080;
padding: 0;
margin: 0;
text-align:left;
}
.lv_DataText .lv_Title { ←タイトル部分のCSSと思われる。
font: 11px “MS Pゴシック”, Osaka, “Century Gothic”;
font-weight: blod;
margin-bottom: 4px;
}
さて、他のギャラリーもちぽち変えるか。