アメブロいじり https://ameblo.jp/wdhjm/ 新スキンcss編集 ja テスト09

]]> https://ameblo.jp/wdhjm/entry-11027080273.html Fri, 23 Sep 2011 18:37:17 +0900 テスト08

いいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいい
いいいいいいいいいいいいいいいいい

]]> https://ameblo.jp/wdhjm/entry-11020579525.html Sat, 17 Sep 2011 14:57:47 +0900 テスト07
テーマ表示、NEWマークはトップに入った時は下に配置されちゃう？
一度テーマを変更すると　タイトルの横に来ますが？

テーマ数３つだからかな




]]> https://ameblo.jp/wdhjm/entry-11019732875.html Fri, 16 Sep 2011 18:28:15 +0900 テスト06





]]> https://ameblo.jp/wdhjm/entry-11019482665.html Fri, 16 Sep 2011 12:31:07 +0900 テスト05
いいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいい

aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa

]]> https://ameblo.jp/wdhjm/entry-11008411864.html Mon, 05 Sep 2011 10:53:36 +0900 テスト04 

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
<script type="text/javascript">
$(function(){
$('div.articleDetailArea').appendTo('div.skinArticleHeader');
});
</script>




＜cssに、/* (3-6) 記事の下にある　記事タイトルエリアってとこを編集＞

/* skinArticleHeader 記事タイトルエリア */
.skinArticleHeader{
   margin: 0 29px 20px; /* 20px下の隙間増加 */
   padding: 2px 10px;　
   background: url(画像のurl);
}





＜画像＞
細かいポジション等は画像が出来てからですね
でも、このセレクター位置より大きい画像１枚の場合は
urlのみでも最初はＯＫ。
大きさは、表示したい縦横サイズの1.5倍あれば
margin padding を少なくしても画像が切れない


＜参考＞
margin: 1px; /* 上下左右=1px */
margin: 1px 2px; /* 上下=1px、左右=2px */
margin: 1px 2px 3px; /* 上=1px、左右=2px、下=3px */
margin: 1px 2px 3px 4px; /* 上=1px、右=2px、下=3px、左=4px */

※padding も同じ


＜追加＞

/*-----right300-----*/
.subAdList li{
display:inline;
}






2011-09-08 追記

これは、STDのcss に項目ないので、その他拡張に追加


/*-----サイド会員登録の下　順番関係なく上詰めで並ぶ-----*/
.subAdList li{
float: left;
width: 130px;
margin:4px 0; /* デフォルテで設定されてます */
}

/*--- 上記にこれを追加すると文字数関係なく２個ずつ並ぶ ---*/
.subAdList li:nth-child(2n+1) {
  clear: both;
}



この追加するのとしないのと確認
追加することが正解です
ただ　見た目の好み
ボーダーを入れると違いがわかります。
その際は、width幅　130px からボーダー分Ｘ２を少なくする
はみ出すと全部下に下がります。

ただしIEは、下の記述入れても崩れます


]]> https://ameblo.jp/wdhjm/entry-11007320780.html Sun, 04 Sep 2011 10:42:24 +0900 テスト03 画像サイズが　980 x 292 でしたよ～。


.skinHeaderArea{
  width:980px; /* 画像の幅 */
  height:292px; /* 画像の高さ */
  background-color:transparent; /* 背景色の透過 */
  background-image:url(); /* ()内に画像のurl */
  background-repeat:no-repeat; /* 画像を繰返さない */
  background-position:top center; /* 画像の位置 */
}

上記だと長いので、、

.skinHeaderArea{
  width:980px; /* 画像の幅 */
  height:292px; /* 画像の高さ */
  background:transparent url(url記入) no-repeat top center; /* 画像urlと配置 */
}

って書くと　同じく表示されます。




ついでに・・・
ヘッダータイトルとブログ説明など

.skinBlogHeadingGroupArea {
padding: 20px 0 30px 30px; /* タイトルと説明のグループ位置 */
}

.skinTitle,.skinTitle:visited,.skinTitle:focus{
  color:#fff; /* タイトル文字色 */
}
.skinTitle:hover{
text-decoration:none;
color:#ccc; /* マウスオーバーの色 */
}
.skinDescription{
  color:#ccc; /* 説明文色 */
}

]]> https://ameblo.jp/wdhjm/entry-10995925286.html Wed, 24 Aug 2011 09:32:13 +0900 テスト02 ああああああああああああああああああああ
いいいいいいいいいいいいいいいいいいいい
ううううううううううううううううううううううう


]]> https://ameblo.jp/wdhjm/entry-10964779312.html Mon, 25 Jul 2011 16:29:49 +0900 テスト01 テスト投稿


動作確認

]]> https://ameblo.jp/wdhjm/entry-10952343603.html Wed, 13 Jul 2011 16:37:02 +0900