LEGACYとキャンプ！

  

こんにちは♪

スローキャンプネタでなくm（_　_）m
前回の続きで、タイトルがレガシィにかかっていたので（笑）、今回ははタイトル位置変更をリビルドします。
こんな感じでした。↓





















毎度ですが、私が独自でリビルドしましたので、自己責任でお願いしますね。
バックアップは、面倒でもしておくことをおすすめします。

この部分は、テキストエディタ（ちょうどバックアップを取るときに行えばグーです）で133行目
あたりにあります。
くまなく探さなくても行で探せそうです(^_^.)


[作業前]
.blogtitle{
font-size:24px;
font-weight:bold;
padding:20px 20px 0px 10px;
text-align:right;
letter-spacing:2px;
height:36px;
}

.description{
color:#fff;
font-size:10px;
padding:4px 0px 20px 400px;
text-align:right;
letter-spacing:1px;
width:300px;
height:71px;
overflow:hidden;
}


[作業後]
.blogtitle{
font-size:24px;
font-weight:bold;
padding:52px 0px 5px 0px;
text-align:left;
letter-spacing:2px;
                 }
.description{
color:#fff;
font-size:12px;
padding:0px 0px 0px 0px;
text-align:left;
letter-spacing:1px;
width:300px;
height:71px;
overflow:hidden;
}


①変更したのは、上右下左に内側余白を指定をする、paddingの値を変更。

②行揃えを指定する、text-alignを左寄せに変更。


これで完了です！かぶりがなくなりました(^_^.)
が、タイトルの高さの位置がうまくないのか、美しくみえるように、次回再チャレンジします。

  

こんにちは♪久しぶりのCSS変更ネタです。

TOP画像は前々から変更したくて、さらに同じTOP画像をご利用している方を多く見るようになったので、オリジナルでなければ気がすまなくなってきました（笑）

私が独自でリビルドしましたので、自己責任でお願いしますね。
バックアップは、面倒でもしておくことをおすすめします。

この部分は、テキストエディタ（ちょうどバックアップを取るときに行えばグーです）で115行目にあります。
くまなく探さなくても行で探せそうです(^_^.)

[作業前]
#banner,#subbanner{
background:#fff url(http://admin.naturum.ne.jp/_img/sky_red/head.jpg) left;
padding:0px 0px 0px 0px;
height: 210px;
}


[作業後]
#banner,#subbanner{
background:#fff url(/usr/ｘｘｘ/ｘｘｘｘｘ.png) left;
padding:0px 0px 0px 0px;
height: 240px;
}


①ここで変更したのは、#fff url の後ろを自分のDIR名（ｘｘｘ）に変更、画像名（ｘｘｘｘｘ）を入力。

②オリジナルの画像heightは210pxで、私が用意したのは240pxでしたので、最後行のheight値を240pxに変更。


これで完了です！
TIPSです。
プレビューで見たところ、変更が反映されてなくドキッとしましたが、登録すると見えるようになっていました（お恥ずかしい）

これで、オリジナルティーがかなり出ました♪

ん？タイトルがレガシィにかかっています（笑）、次回はタイトル位置変更をリビルドします。  

私が独自でリビルドしましたので、自己責任でお願いしますね。
バックアップは、面倒でもしておくことをおすすめします！

この部分は、スタイルシートのsidetitle調整の下で、全体ではかなり下のほうにあります。
くまなく探してください(^_^.)

************************************************
.sidetitle{
border-top : 1px solid #cccccc;

------------- snip ----------------

.side{
font-size:10px;
line-height:140%;
margin:0px 0px 10px 0px;
padding:8px;
width:167px;
}

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

font-sizeをデフォの12px→10pxに変更します。
すっきりし、見やすくなりましたね♪