Home » Featured, Headline, Theme, wordpress, カスタマイズ

arthemiaのイメージ枠カスタマイズ等

12 8月 2010 No Comment


うちのメインの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!

Add your comment below, or trackback from your own site. You can also subscribe to these comments via RSS.

Be nice. Keep it clean. Stay on topic. No spam.

You can use these tags:
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

This is a Gravatar-enabled weblog. To get your own globally-recognized-avatar, please register at Gravatar.