Title:Lumpさま

また、今回のイラストにMuikkuさまのテクスチャ素材を使用させていただきました。

HEAD(CSS)
<style type="text/css"> @import url(https://fonts.googleapis.com/css?family=Palanquin+Dark|Montserrat+Subrayada); body{ margin:3%; padding:3%; font-size:12px; color:#333; line-height:2; letter-spacing:1px; font-family:'Palanquin Dark',Meiryo,メイリオ; background:#eee; text-align:center; } .top{ background:url(#画像URL#) 40% top no-repeat,#fff; background-size:180px; width:200px; height:25px; padding:10px; padding-top:185px; border-radius:50%; border:solid 1px #000; font-size:14px; } .menu{ font-family:'Montserrat Subrayada'; border-left:solid 1px #000; max-width:150px; letter-spacing:0; text-align:left; position:relative; left:75px; } .menu a{ text-decoration:none; color:#000; } .detail{ border-right:solid 1px #000; max-width:150px; text-align:right; position:relative; right:75px; text-decoration:underline; } a{ color:#FA4890; } a:hover{ color:#0092ED; } </style>

BODY(HTML)
<center><div class="top">Site title</div><div class="menu"><a href="">Information</a> <a href="">contents</a> <a href="">2016/XX/XX</a> <a href="">Bookmark</a></div><div class="detail">This site is ×× site. Thanks 123456</div></center>

素材(+おまけ)↓

- ナノ -