SharePoint2013 注目リンクを丸くしてみた

SharePoint 3分クッキング!ということで、3分でできるカスタマイズをご紹介します。

先日、注目リンクのカスタマイズについての記事をアップしましたが、その続き(?)です。

表題のとおりで、ふつうは四角い注目リンクを、CSSで丸くしてみよう!というものです。
できあがりはこんな感じ。
20150515

CSSです。

.ms-tileview-tile-content, .ms-tileview-tile-content img {
    height: 150px;
    border-radius: 50%;
}
.ms-tileview-tile-detailsListMedium {
    padding: 10px 40px;
}

いい加減なCSSなんで、キャプションの文字列が若干切れてますが、そこはご愛嬌ということで(笑)。
サイトの雰囲気をやわらかくしたいときに、いかがでしょうか?

広告

コメントを残す

以下に詳細を記入するか、アイコンをクリックしてログインしてください。

WordPress.com ロゴ

WordPress.com アカウントを使ってコメントしています。 ログアウト / 変更 )

Twitter 画像

Twitter アカウントを使ってコメントしています。 ログアウト / 変更 )

Facebook の写真

Facebook アカウントを使ってコメントしています。 ログアウト / 変更 )

Google+ フォト

Google+ アカウントを使ってコメントしています。 ログアウト / 変更 )

%s と連携中