STINGER7での｢記事一覧｣や｢NewPost｣のカード化

STINGER7でのカード化する方法を記事に残します
少し味付けをするために最近ではカスタマイズをするようになってきました

STINGER7はデフォルトの状態でも十二分に機能が抜群なのですが
カスタマイズしたい人にも参考なればなと思います

CSSスタイルシートで簡単にカード化

カード化する箇所は３箇所になります

• サイドバーのNewPost
• 記事一覧
• 関連記事

のこの3つになります
導入はいたって超簡単です
スタイルシーツにコピペするだけの簡単なお仕事ですよ奥さん

/*---------------------------------------*/
/* 関連記事&サイドバーの新規投稿カード化 */
/*---------------------------------------*/
.kanren .clearfix,
.kanren .clearfix:last-child {
    padding: 20px;
    background: #fff;
    border: 4px #c0ffff solid;
    position: relative;
    z-index: 10;
}

.kanren .clearfix:before{
    content: "";
    position: absolute;
    background: #fff;
    margin: 3px;
    border: 2px #c0ffff solid;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    z-index: -10;
}

装飾したのこれ！ドドン！まずは記事一覧

NewPostのカード化

関連記事のカード化

てな感じになります

興味があればコピペしてはいかがですか？お買い得ですよ