Skip to content

Instantly share code, notes, and snippets.

View literallyblog's full-sized avatar

literallyblog

View GitHub Profile
<div class="sidesocial" ><h4><i class="blogicon-subscribe"></i>FOLLOW ME</h4>
<!--はてな読者登録-->
<span class="hatenafollow socialbtn" >
<a href="http://blog.hatena.ne.jp/はてなID/ブログURL(http://をのぞいた部分)/subscribe" target="_blank">
<i class="blogicon-hatenablog lg"></i></a></span>
<!--ツイッタフォロー-->
<span class="twitterfollow socialbtn" >
<a href="https://twitter.com/intent/follow?screen_name=ツイッターアカウント名" target="_blank"><i class="blogicon-twitter lg"></i>
@literallyblog
literallyblog / 署名っぽい表現
Last active January 18, 2016 11:30
署名っぽい表現
<p class="authorname">Author: <a href="http://tsukuruiroiro.hatenablog.com/">手書きにする名前</a>.</p>
@literallyblog
literallyblog / 画像上の文字のサンプル
Created January 18, 2016 09:07
DUDE test 画像上の文字
<div class="headimg"><h4>Hello.</h4>
<h5>おすすめの記事はこちら</h5>
<div class="recommendlist">
<h6><a href="http://おすすめ1.com">おすすめ記事1のタイトル</a></h6>
<h6><a href="http://おすすめ2.com">おすすめ記事2のタイトル</a></h6>
<h6><a href="http://おすすめ3.com">おすすめ記事3のタイトル</a></h6>
</div>
</div>
@literallyblog
literallyblog / タイトルバーの下に"画像&紹介文"を表示させる
Created January 18, 2016 08:59
DUDE: タイトルバーの下に"画像&紹介文"を表示させる
<div class="headimg"><h4>大見出し</h4>
<h5>中見出し</h5>
<div class="recommendlist">
<h6><a href="おすすめ記事1のURL">おすすめ記事1のタイトル</a></h6>
<h6><a href="おすすめ記事2のURL">おすすめ記事2のタイトル</a></h6>
<h6><a href="おすすめ記事3のURL">おすすめ記事3のタイトル</a></h6>
</div>
</div>
@literallyblog
literallyblog / DUDE:ブログタイトルと違うタイトルを表示させる
Last active January 17, 2016 08:01
DUDE:ブログタイトルと違うタイトルを表示させる
/*タイトルをブログ名と違うものにする*/
#title:before {
content: "ここに実際に表示させるタイトルを入れる";
color: white;
font-family: 'quicksand', sans-serif;
}
#title a {
display: none;
}
@literallyblog
literallyblog / デザインcssに貼り付け
Last active January 17, 2016 07:46
はてなブログのフォントの調整
font-family: "Avenir Next", 'Helvetica Neue', Helvetica, Arial, YuGothic, 'Yu Gothic', 游ゴシック体, '游ゴシック', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, 'MS ゴシック', 'MS Gothic', sans-serif;
@literallyblog
literallyblog / gist:03d417559ccdd8330612
Created October 12, 2014 06:19
はてなブログトップページ記事一覧のデザイン
<style type="text/css">
.list-entry-article .thumb-image
{
width: 100px; /*サムネイル画像の横幅*/
height: 100px; /*サムネイルが画像の縦幅*/
border-radius: 0em; /*サムネイル画像の角の丸みをなくす*/
border: solid 3px rgb(61, 61, 61); /*画像の枠線をつける*/
}
.date
@literallyblog
literallyblog / gist:2147a70e64a8d3a7f78d
Last active August 29, 2015 14:07
はてなブログのスマホヘッダーカスタマイズ
<style type="text/css">
/*ここからCSS */
.header-image-wrapper {display:none; /*これでデフォルトのヘッダーがまるまる消える*/}
/*ここまでCSS*/
</syle>
/*ここからhtml*/
@literallyblog
literallyblog / gist:7fcd700de8a86cb2f1ae
Last active August 29, 2015 14:07
はてなブログ見出しデザイン
<style type="text/css">
.entry-content h4 { color: rgb(59, 66, 126);/*文字色*/
background: rgb(243, 242, 252); /*背景色*/
padding: 10px 10px; /*見出しまわりのスペース 上下、左右*/
border-left: 9px solid rgb(97, 101, 134); /*見出し左の線*/}
</style>
@literallyblog
literallyblog / iPhone表示の英語フォント変更
Last active August 29, 2015 14:07
iPhone表示のフォント変更
<style type="text/css">
body {font-family:"Avenir Next", sans-serif;}
</style>