つかいかた
テーマストアからインストールしたら、以下のコードを「デザイン設定」→「フッタ」にコピー・アンド・ペーストしてください。
<script> <script> var previousPageYOffset = 0; var sidebar = document.getElementById("box2"); var blogTitle = document.getElementById("blog-title"); var offsetTop; var onScroll = function (event) { var bbox = sidebar.getBoundingClientRect(); if (sidebar.style.position != "fixed") { if (bbox.bottom < window.innerHeight) { sidebar.style.position = "fixed"; sidebar.style.top = ""; sidebar.style.bottom = 0; } else if (offsetTop < bbox.top) { sidebar.style.position = "fixed"; sidebar.style.top = offsetTop + "px"; sidebar.style.bottom = ""; } } else { if ((bbox.top != offsetTop && window.pageYOffset < previousPageYOffset) || (bbox.top == offsetTop && previousPageYOffset < window.pageYOffset)) { sidebar.style.position = "absolute"; sidebar.style.top = window.pageYOffset + bbox.top + "px"; sidebar.style.bottom = ""; } } if (blogTitle.getBoundingClientRect().bottom - bbox.top <= 1) { blogTitle.style['border-bottom'] = ""; } else { blogTitle.style['border-bottom'] = "solid 1px #dedede"; } previousPageYOffset = window.pageYOffset; }; var scrollSideBar = function (event) { sidebar.style.position = ""; sidebar.style.top = ""; sidebar.style.bottom = ""; if (1023 < window.innerWidth) { offsetTop = blogTitle.offsetTop + blogTitle.offsetHeight; sidebar.style.top = offsetTop + "px"; if (sidebar.getBoundingClientRect().height + offsetTop < window.innerHeight) { sidebar.style.position = "fixed"; window.removeEventListener('scroll', onScroll); } else { sidebar.style.position = "absolute"; window.addEventListener('scroll', onScroll); onScroll(); } } else { window.removeEventListener('scroll', onScroll); } }; window.onresize = scrollSideBar; scrollSideBar(); </script>
サンプルエントリーABCabc
段落
あのイーハトヴォのすきとおった風、夏でも底に冷たさをもつ青いそら、うつくしい森で飾られたモーリオ市、郊外のぎらぎら光る草の波。
あのイーハトヴォのすきとおった風、夏でも底に冷たさをもつ青いそら、うつくしい森で飾られたモーリオ市、郊外のぎらぎら光る草の波。
フォトライフ
罫線
h1見出し
あのイーハトヴォのすきとおった風、夏でも底に冷たさをもつ青いそら、うつくしい森で飾られたモーリオ市、郊外のぎらぎら光る草の波。
ABCDEFGHIJKLMabcdefghijklm1234567890
h2見出し
あのイーハトヴォのすきとおった風、夏でも底に冷たさをもつ青いそら、うつくしい森で飾られたモーリオ市、郊外のぎらぎら光る草の波。
ABCDEFGHIJKLMabcdefghijklm1234567890
h3見出し(*)
あのイーハトヴォのすきとおった風、夏でも底に冷たさをもつ青いそら、うつくしい森で飾られたモーリオ市、郊外のぎらぎら光る草の波。
ABCDEFGHIJKLMabcdefghijklm1234567890
h4見出し(**)
あのイーハトヴォのすきとおった風、夏でも底に冷たさをもつ青いそら、うつくしい森で飾られたモーリオ市、郊外のぎらぎら光る草の波。
ABCDEFGHIJKLMabcdefghijklm1234567890
h5見出し(***)
あのイーハトヴォのすきとおった風、夏でも底に冷たさをもつ青いそら、うつくしい森で飾られたモーリオ市、郊外のぎらぎら光る草の波。
ABCDEFGHIJKLMabcdefghijklm1234567890
h6見出し
あのイーハトヴォのすきとおった風、夏でも底に冷たさをもつ青いそら、うつくしい森で飾られたモーリオ市、郊外のぎらぎら光る草の波。
ABCDEFGHIJKLMabcdefghijklm1234567890
asin
あのイーハトヴォのすきとおった風、夏でも底に冷たさをもつ青いそら、うつくしい森で飾られたモーリオ市、郊外のぎらぎら光る草の波。
- 作者: 近藤淳也
- 出版社/メーカー: 翔泳社
- 発売日: 2006/02/13
- メディア: 単行本
- 購入: 62人 クリック: 1,985回
- この商品を含むブログ (1107件) を見る
引用
本日(11月12日)から11月27日まで、はてなダイアリーの公開デザインコンテスト「公開デザイン祭2007秋」を開催します。
「公開デザイン祭2007秋」を開始しました - はてなダイアリー日記
リスト(ul,ol,dl)
あのイーハトヴォのすきとおった風、夏でも底に冷たさをもつ青いそら、うつくしい森で飾られたモーリオ市、郊外のぎらぎら光る草の波。
- 大賞1名:Amazonギフト券5万円分
- 入選9名:Amazonギフト券1万円分
- 大賞1名:Amazonギフト券5万円分
- 入選9名:Amazonギフト券1万円分
あのイーハトヴォのすきとおった風、夏でも底に冷たさをもつ青いそら、うつくしい森で飾られたモーリオ市、郊外のぎらぎら光る草の波。
- 大賞1名:Amazonギフト券5万円分
- 入選9名:Amazonギフト券1万円分
- 大賞1名:Amazonギフト券5万円分
- 入選9名:Amazonギフト券1万円分
あのイーハトヴォのすきとおった風、夏でも底に冷たさをもつ青いそら、うつくしい森で飾られたモーリオ市、郊外のぎらぎら光る草の波。
- 大賞1名
- Amazonギフト券5万円分
- 入選9名
- Amazonギフト券1万円分
テーブル
あのイーハトヴォのすきとおった風、夏でも底に冷たさをもつ青いそら、うつくしい森で飾られたモーリオ市、郊外のぎらぎら光る草の波。
名前 | 色 | 個数 |
---|---|---|
りんご | 赤 | 1 |
みかん | だいだい | 2 |
あのイーハトヴォのすきとおった風、夏でも底に冷たさをもつ青いそら、うつくしい森で飾られたモーリオ市、郊外のぎらぎら光る草の波。
PRE
.XXX { width:999px; height:999px; } .propA, .propB, .propC { width:999px; height:999px; } #YYY { width:9px; height:999px; }