arthemiaのイメージ枠カスタマイズ等
うちのメインのWEB、ほっとメニューのルックスを少々修正しました。
・見出しをちょっと目立つようにしたのと
・写真の周りに表示される枠のコントロール
おおっ今回はとても思い通りにいきましたぞ、ちょっとだけCSSのスキルか上がったかなと気分がいい今日この頃です。
きっと富士山で言えば3合目ぐらいかなというトコでしょうが…
■<h2>の定義
色とサイズ変えて下に線引いて、上にマージンとりました
・style.cssの214行目あたり
[css]h2 {
font:1.8em Meiryo, “Times New Roman”;[/css]
を
[css]h2 {
margin-bottom:2px;
color:#00958c;
font-weight:bold;
width: 100%;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #69d4a3;
display: block;
font-family: Arial;
font-size: 1.1em;
margin-top: 10px;
}[/css]
■イメージの枠処理
トップのサムネイルの枠は残し、
枠内は白で塗りつぶし
本文中の枠をとり左マージンを追加
・style.cssの523行目あたり
[css].post img, .post a img, #front-list img, #archive img {
border:0px;
margin:0 10px 5px 0px;
padding:2px;
}[/css]
を下記に変更しました。
[css]#front-list img, #archive img {
border:1px solid #ccc;
margin:0 10px 5px 0;
padding:2px;
background-color: #FFFFFF;
}
.post img, .post a img{
border:0px;
margin:0 10px 5px 5px;
padding:2px;
}[/css]
しかしこのサイトもarthemiaなわけですが、ここはほったらかしです。
日付とかもみっともない…昔、就職試験に出た「紺屋の白袴」ということわざを思い出しました。
Leave your response!