月: 2016年4月

<script src="<?php echo get_stylesheet_directory_uri(); //flexbox?>/d/js/flexibility.js"></script>

 <div class="frex_box">

要素
要素
要素
</div>

less

/*フレキシブル　高さ揃える*/
.frex{
	-js-display: flex;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-box;
    display:-webkit-flexbox;
    display:-moz-flexbox;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
	}

.frex_box{ width:100%;
         .frex;
	justify-content: flex-start;
	flex-wrap:wrap}

ブートcss モバイル

.frex_box{ max-width:300px; margin-left:auto; margin-right:auto}

http://liginc.co.jp/web/html-css/css/21024

imgはインライン要素だから

ダメな奴

/*css*/
.anago{
 vertical-align:middle;/*middleは中央揃え*/
}

いいやつ

/*css*/
.anago img{
 vertical-align:middle;
}

その他参考
http://teamsanta.info/web/2399/

縦伸びは

max-width:〜;
width:auto; /* ie8 */

とする

backgroundSizeが使えない点は
そうしても対応できなかった

スライダーで

ただリビングみたら

画像サイズは小さかった
１１００

<!--[if lt IE 8]>
<div class="ie_viewer">
<![endif]-->

<!--[if (gte IE 9) |!(IE)]><!-->
<div class="viewer">
<!--<![endif]-->

こう書くと分岐できるよいうだが　めんどいのでやめ

sshでは
たまにimacに戻ってる時がある

ワードプレスでtopページが表示されない場合

index.htmlが存在している疑いがあるので　消す！

/Users/doggstar/Library/Application Support/Titanium/appdata/com.wearekiss.simpless

更新して

/Users/doggstar/Library/Application Support/
内 lessで検索　更新順？変更順で発見

※simplessはファイルがなかったり　プラグイン　less css一覧画面に　なかったりすると　更新できなくなるよ

<script src="<?php echo get_stylesheet_directory_uri(); //flexbox?>/d/js/flexibility.js"></script>

.container {
-js-display: flex;
display: flex;
align-contents: stretch;
}

具体

.before_after_box{
	-js-display: flex;
	 display: flex;

http://www.webcreatorbox.com/tech/ie8-flexbox/
http://www.webcreatorbox.com/tech/flexbox/
http://cosao.net/archives/8246

細かいのはソースを見てくれハウジング

ポイントは

画像は背景に設定

（ここは

align-items: center;

でいけたかも

あとは
画像を中心にしておおきくするにはなんとなくありだけど

文字がでかくなりすぎるので
小さくしなきゃいかんが

それじゃちいさすぎるで

もじだけうえからpngで重ねた

そんでmax-widhを設定してそれ以上おおきくせず

中心アプソルトで
ひだり3%でOK

/*追記文字　大きくなり過ぎないように*/
.sl_moji{max-width:1000px;
 position:absolute;
 top: 0;
	left: 3%;
	
	bottom:0;
	margin: auto;}
	/*ここだけ*/

<div class="viewer">
<ul>

<li class="sl3">

<!--*追記文字　大きくなり過ぎないように*-->
<img src="<?php echo get_stylesheet_directory_uri(); ?>/d/img/top-test4.png"    alt="エクステリア工事<?php include(get_stylesheet_directory() . "/d/word/5_shop_name.php") ?>｜スライド画像１" class="sl_moji"/>
<!---->

<img src="<?php echo get_stylesheet_directory_uri(); ?>/d/img/sl_0.png"    alt="エクステリア工事<?php include(get_stylesheet_directory() . "/d/word/5_shop_name.php") ?>｜スライド画像１" class="respo_img" />

</li>

うち山から引用

まずウィジェット

ファンク追加

//サイドバー使える様にする
if ( function_exists('register_sidebar') )
	register_sidebar();
	register_sidebar(2);

ウィジェット

ポイントは
posted on|とかでるので
Stats
は表示せず
直接テンプレに書く

<h3 class="widgettitle"></div>

<div class="popular_one">
<div class="popular_sam">{thumb} </div>
<div  class="wpp-views popular_date">{views} views</div >
<div class="popular_date">{date}</div>
<div class="popular_title">{title}</div>
</div>

サイドバーに

 <?php dynamic_sidebar(2);?>

cssは既存のうちのやつを改造

メイン

.popular-posts{}
.popular_one{
	margin-bottom: 8px;
	padding-bottom: 8px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
	clear: both;
	overflow: hidden;
}
.popular_sam{
	float: left;
}
.popular_sam img{
	float: left;
	background-color: #FFF;
	padding: 1px;
	border: 1px solid #CCC;
	margin-right: 12px;
	width:120px;
	height:120px
}
.popular_date{
	font-size: 12px;
}
.popular_title{
	font-size: 16px;
}

.wpp-views{
	color: #FF7737;
}