突然だけど、漫画を紹介したいカテゴリーを作った。

ブログ

漫画が好きなので、漫画カテゴリーを作った。

漫画よりアニメが進みまくってしまってこの話しってるやん!ってなってるけど、ずっと読んでる。
作者が伊丹駐屯地出身なので、名前が伊丹なのだとか。伊丹駐屯地の近くの本屋には本があって知ってる人も多かったけど、アニメ化してからツタヤでも見るようになったな。

異世界モノではかなり成功作というか面白い作品です。

一巻はこちら

このブログならずっと書けるわー。

本紹介用のコードもどうぞ。

<div class="flex_box afe_link">
<div class="col-sm-4 col-xs-12"><img class="alignnone " src="/wp-includes/images/media/archive.png" width="174" height="230" /></div>
<div class="col-sm-8 col-xs-12">
<a href="#" target="_blank" rel="nofollow">タイトルが入る</a>
<div class="detail">コメントを入れる</div>
<div class="flex_box btn_s"><div class="col-sm-5 col-xs-12"><a class="amazon_btn wpac-btn" href="#" target="_blank" rel="noopener">Amazonで探す</a></div>
<div class="col-sm-5 col-xs-12"><a class="kindle_btn wpac-btn" href="#" target="_blank" rel="noopener">Kindleで探す</a></div></div>
</div>
</div>
</div>
a.amazon_btn {
background-color:#E47911;
color:#fff;
}
a.kindle_btn {
background-color:#565A5C;
color:#fff;
}
.afe_link{
text-align:left;
}
.afe_link img{
display:block;
margin:auto;
}
.afe_link{
margin-bottom:30px;
}
.afe_link .btn_s{
padding-left:0;
padding-right:0;

}
.btn_s a{
margin-top:15px;
width:95%;
}
.wpac-btn {
display: inline-block;
cursor: pointer;
line-height: 1;
overflow: hidden;
text-align: center;
text-decoration: none;
vertical-align: middle;
white-space: nowrap;
background-color: #bd3c4f;
border: none;
border-radius: 3px;
color: #fff;
padding: .9rem 2.7rem;
transition: background-color .2s ease-out;
}
.flex_box{
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
padding-left: 25px;
padding-right: 25px;
-webkit-justify-content: center;
justify-content: center;}

■ Gridレイアウト用CSSも入れてください。
GRID CSS
Bootstrapの名前で作ってます。レイアウト部分と表示非表示の部分を使いやすいように作り治りました。

気に入った記事であれば、ぽちっとお願いします<(_ _)>