jQuery-memo
accordion-v45.js
1KB 2014/09/21 21:37:14(45) v45mono2
accordion.js
1KB 2014/09/21 21:37:13(45)
pagetop300-500.js
1KB 2014/09/20 22:15:09(45)
scrolltopcontrol100-500.js
1KB 2014/09/20 21:27:50(45) v45mono2
PIE.js
40KB 2014/09/14 01:08:49(70)
selectivizr.js
19KB 2014/09/14 00:55:13(70)
slidetogglesample-v25.js
1KB 2013/10/06 22:33:29(58) v25cloud, v26cloud2, v27cloud3
http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js v24shine, v28shine2, v29mono, v45mono2
http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js v25cloud, v26cloud2, v27cloud3
http://code.jquery.com/jquery-1.7.1.min.js v31-33sakura, v33_2reef, v33_3mw_sea, v34kamiW, v35floral, v36g3tyou, v37krage, v37_2shark, v38flo01, v39flo02, v40voyage, v41mjL, v42flo03, v43green, v44green2
scrolltopcontrol-script v24shine, v25cloud, v26cloud2, v27cloud3, v28shine2, v29mono, v31-33sakura, v33_2reef, v33_3mw_sea, v34kamiW, v35floral, v36g3tyou, v37krage, v37_2shark, v38flo01, v39flo02, v40voyage, v41mjL, v42flo03, v43green, v44green2
jumpmenu-script v24shine
1KB 2014/09/21 21:37:14(45) v45mono2
$(function(){
$('.write2')
.not('.write2:first').hide()
.css('display','none');
//
$('.body3 h3').click(function(e){
$('.write2').slideUp();
if($('+.write2',this).css('display') == 'none'){
$('+.write2',this).slideDown();
}
});
//
});
accordion.js
1KB 2014/09/21 21:37:13(45)
$(function(){
$(".accordion p").click(function(){
$(this).next("ul").slideToggle();
$(this).children("span").toggleClass("open");
});
$(".accordion dt").click(function(){
$(this).next("dd").slideToggle();
$(this).next("dd").siblings("dd").slideUp();
$(this).toggleClass("open");
$(this).siblings("dt").removeClass("open");
});
});
pagetop300-500.js
1KB 2014/09/20 22:15:09(45)
$(document).ready(function(){
$("#pagetop").hide();
$(function () {$(window).scroll(function () {
if ($(this).scrollTop() > 300) {$('#pagetop').fadeIn();} else {$('#pagetop').fadeOut();}});
$('#pagetop a').click(function () {
$('body,html').animate({scrollTop: 0}, 500);return false;});});
});
scrolltopcontrol100-500.js
1KB 2014/09/20 21:27:50(45) v45mono2
$(function() {
var topBtn = $('#pageTop');
topBtn.hide();
$(window).scroll(function () {
if ($(this).scrollTop() > 100) {
topBtn.fadeIn();
} else {
topBtn.fadeOut();
}
});
topBtn.click(function () {
$('body,html').animate({
scrollTop: 0
}, 500);
return false;
});
});
PIE.js
40KB 2014/09/14 01:08:49(70)
selectivizr.js
19KB 2014/09/14 00:55:13(70)
slidetogglesample-v25.js
1KB 2013/10/06 22:33:29(58) v25cloud, v26cloud2, v27cloud3
$(document).ready(function() {
$(".body3 h3").hover(function(){
$(this).css("cursor","pointer");
},function(){
$(this).css("cursor","default");
});
$(".write2")
.not(".write2:first")
.css("display","none");
$(".body3 h3").click(function(){
$(this).next().slideToggle("fast");
});
});
http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js v24shine, v28shine2, v29mono, v45mono2
http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js v25cloud, v26cloud2, v27cloud3
http://code.jquery.com/jquery-1.7.1.min.js v31-33sakura, v33_2reef, v33_3mw_sea, v34kamiW, v35floral, v36g3tyou, v37krage, v37_2shark, v38flo01, v39flo02, v40voyage, v41mjL, v42flo03, v43green, v44green2
scrolltopcontrol-script v24shine, v25cloud, v26cloud2, v27cloud3, v28shine2, v29mono, v31-33sakura, v33_2reef, v33_3mw_sea, v34kamiW, v35floral, v36g3tyou, v37krage, v37_2shark, v38flo01, v39flo02, v40voyage, v41mjL, v42flo03, v43green, v44green2
jumpmenu-script v24shine
スポンサーサイト
v27cloud3
v26cloud2_公開(10/18.0:15申請,10/22承認)
PC版サンプル(画像をクリックするとサンプルページを見ることが出来ます)
>>DL
v26cloud2 のバリエーションです。
2カラム。固定幅。910px。
記事部分 645px。サイドバー 230px。
jQuery 1.6.2/jquery.min.js (slidetogglesample-v25.js, pagetop300-500.js)
font-size: 13px;
カラム幅を超える画像は縮小表示されます。
ヘッダーにナビアイコン、サイドにプラグイン用ドロップダウンメニュー使用。
PC版サンプル(画像をクリックするとサンプルページを見ることが出来ます)

v26cloud2 のバリエーションです。
2カラム。固定幅。910px。
記事部分 645px。サイドバー 230px。
jQuery 1.6.2/jquery.min.js (slidetogglesample-v25.js, pagetop300-500.js)
font-size: 13px;
カラム幅を超える画像は縮小表示されます。
ヘッダーにナビアイコン、サイドにプラグイン用ドロップダウンメニュー使用。
v26cloud2
v26cloud2_公開(10/18.0:15申請,10/22承認)
PC版サンプル(画像をクリックするとサンプルページを見ることが出来ます)
>>DL
v25cloud のバリエーションです。
2カラム。固定幅。910px。
記事部分 645px。サイドバー 230px。
jQuery 1.6.2/jquery.min.js (slidetogglesample-v25.js, pagetop300-500.js)
font-size: 13px;
カラム幅を超える画像は縮小表示されます。
ヘッダーにナビアイコン、サイドにプラグイン用ドロップダウンメニュー使用。
PC版サンプル(画像をクリックするとサンプルページを見ることが出来ます)

v25cloud のバリエーションです。
2カラム。固定幅。910px。
記事部分 645px。サイドバー 230px。
jQuery 1.6.2/jquery.min.js (slidetogglesample-v25.js, pagetop300-500.js)
font-size: 13px;
カラム幅を超える画像は縮小表示されます。
ヘッダーにナビアイコン、サイドにプラグイン用ドロップダウンメニュー使用。
v25cloud
v25cloud_公開(10/18.0:15申請,10/22承認)
PC版サンプル(画像をクリックするとサンプルページを見ることが出来ます)
>>DL
2カラム。固定幅。910px。
記事部分 645px。サイドバー 230px。
jQuery 1.6.2/jquery.min.js (slidetogglesample-v25.js, pagetop300-500.js)
font-size: 13px;
カラム幅を超える画像は縮小表示されます。
ヘッダーにナビアイコン、サイドにプラグイン用ドロップダウンメニュー使用。
PC版サンプル(画像をクリックするとサンプルページを見ることが出来ます)

2カラム。固定幅。910px。
記事部分 645px。サイドバー 230px。
jQuery 1.6.2/jquery.min.js (slidetogglesample-v25.js, pagetop300-500.js)
font-size: 13px;
カラム幅を超える画像は縮小表示されます。
ヘッダーにナビアイコン、サイドにプラグイン用ドロップダウンメニュー使用。
月別・カテゴリ別アーカイブのドロップダウンリスト
■■■月別・カテゴリ別共通JavaScript・・・< head>~< /head>
■■■月別アーカイブ
■■■カテゴリ別アーカイブ
< script type="text/javascript">
< !--
function jumpmenu(targ,selObj,restore) {
eval(targ+".location='"+selObj.options[selObj.selectedIndex].value+"'");
if (restore) selObj.selectedIndex=0;
}
//-->
< /script>
< !--
function jumpmenu(targ,selObj,restore) {
eval(targ+".location='"+selObj.options[selObj.selectedIndex].value+"'");
if (restore) selObj.selectedIndex=0;
}
//-->
< /script>
■■■月別アーカイブ
< h2 class="monthly-archives">MONTHLY< /h2>
< form id="monthly_archives" name="monthly_archives" action="">
< select name="menu" onchange="jumpmenu('parent',this,0)">
< option value="< %url>" selected="selected">■月別< /option>
< !--archive-->
< option value="< %archive_link>">■< %archive_year>-< %archive_month> : < %archive_count>< /option>
< !--/archive-->
< /select>
< /form>
< form id="monthly_archives" name="monthly_archives" action="">
< select name="menu" onchange="jumpmenu('parent',this,0)">
< option value="< %url>" selected="selected">■月別< /option>
< !--archive-->
< option value="< %archive_link>">■< %archive_year>-< %archive_month> : < %archive_count>< /option>
< !--/archive-->
< /select>
< /form>
■■■カテゴリ別アーカイブ
< h2 class="categories-archives">CATEGORIES< /h2>
< form id="categories_archives" name="categories_archives" action="">
< select name="menu" onchange="jumpmenu('parent',this,0)">
< option value="< %url>" selected="selected">■カテゴリ別< /option>
< !--category-->
< option value="< %category_link>">■< %category_name> : < %category_count>< /option>
< !--/category-->
< /select>
< /form>
< form id="categories_archives" name="categories_archives" action="">
< select name="menu" onchange="jumpmenu('parent',this,0)">
< option value="< %url>" selected="selected">■カテゴリ別< /option>
< !--category-->
< option value="< %category_link>">■< %category_name> : < %category_count>< /option>
< !--/category-->
< /select>
< /form>
blogタイトルと本文の文字サイズ・色
tempによっていろいろある、下は一例です。(U-BOXv08Sora-binを使用)
本文の文字サイズ・色
css_________________________
body {
background-color: #fff;
color: #6e727f;/*230-13-50*/
font-size: 12px;
line-height: 160%;
font-family: arial,"MS Pゴシック",sans-serif;
margin: 0;
pading: 0;
}
blogタイトルの文字サイズ・色
HTML_______________________
< div id="top">
< h1>< a href="< %url>">< %blog_name>< /a>< /h1> ・・・blogタイトル
< h2>< %introduction>< /h2> ・・・サブタイトル
< /div>< !--top-->
css_________________________
h1 {
font-family: sans-serif, Verdana, "メイリオ", Meiryo;
color: #373a49;/*228-25-29*/
} ・・・blogタイトルの文字サイズ、サイズ指定がないのでデフォルト
(h1のデフォルト=本文文字サイズの200%)
h2 {
font-size:130%; ・・・サブタイトルの文字サイズ(本文文字サイズの130%)
margin-left: 3%;
}
* h2はblog内の見出しにも使われているため、サイズを指定するときは使用箇所ごとの指定が望ましかったりする
・
・
・
/ * header */
#top {
color: #080e26; /*228-25-29*/・・・サブタイトルの色
width: 99.8%;
margin: 0 0.1% 0 0.5%;
padding: 1em 0 9.5em;
word-break: break-all;
}
#top h1 a:link, #top h1 a:visited {color: #080e26} /*228-77-15*/・・・blogタイトルの色
#top h2 {
font-weight: normal;
margin: 0.5em 0 0 0.3em;
}
blogタイトル、サブタイトルの文字サイズの変更例(赤字挿入)
#top h1 a:link, #top h1 a:visited {
color: #080e26; /*228-77-15*/
font-size: 24px;
}
#top h2 {
font-size: 16px;
font-weight: normal;
margin: 0.5em 0 0 0.3em;
}
* サイズはpxで指定すると本文文字サイズに影響されない。
* 上記は本文12pxのときの%指定をpx換算した数字です。この数字を希望のものに変更する。
本文の文字サイズ・色
css_________________________
body {
background-color: #fff;
color: #6e727f;/*230-13-50*/
font-size: 12px;
line-height: 160%;
font-family: arial,"MS Pゴシック",sans-serif;
margin: 0;
pading: 0;
}
blogタイトルの文字サイズ・色
HTML_______________________
< div id="top">
< h1>< a href="< %url>">< %blog_name>< /a>< /h1> ・・・blogタイトル
< h2>< %introduction>< /h2> ・・・サブタイトル
< /div>< !--top-->
css_________________________
h1 {
font-family: sans-serif, Verdana, "メイリオ", Meiryo;
color: #373a49;/*228-25-29*/
} ・・・blogタイトルの文字サイズ、サイズ指定がないのでデフォルト
(h1のデフォルト=本文文字サイズの200%)
h2 {
font-size:130%; ・・・サブタイトルの文字サイズ(本文文字サイズの130%)
margin-left: 3%;
}
* h2はblog内の見出しにも使われているため、サイズを指定するときは使用箇所ごとの指定が望ましかったりする
・
・
・
/ * header */
#top {
color: #080e26; /*228-25-29*/・・・サブタイトルの色
width: 99.8%;
margin: 0 0.1% 0 0.5%;
padding: 1em 0 9.5em;
word-break: break-all;
}
#top h1 a:link, #top h1 a:visited {color: #080e26} /*228-77-15*/・・・blogタイトルの色
#top h2 {
font-weight: normal;
margin: 0.5em 0 0 0.3em;
}
blogタイトル、サブタイトルの文字サイズの変更例(赤字挿入)
#top h1 a:link, #top h1 a:visited {
color: #080e26; /*228-77-15*/
font-size: 24px;
}
#top h2 {
font-size: 16px;
font-weight: normal;
margin: 0.5em 0 0 0.3em;
}
* サイズはpxで指定すると本文文字サイズに影響されない。
* 上記は本文12pxのときの%指定をpx換算した数字です。この数字を希望のものに変更する。
プロフィール
Author:usagi
FC2ブログへようこそ!
information
2015.2.8_23:12
管理人のみ閲覧のコメントを下さるみなさまへ
管理ページを見ることを忘れがちな管理人は 返事が遅れがちになることが多いため、ご注意下さい。
お急ぎの返信が必要なかたはカギなしでお願いします。
また、URL を記載していただくと、たすかります。
管理人のみ閲覧のコメントを下さるみなさまへ
管理ページを見ることを忘れがちな管理人は 返事が遅れがちになることが多いため、ご注意下さい。
お急ぎの返信が必要なかたはカギなしでお願いします。
また、URL を記載していただくと、たすかります。
最新記事
最新コメント
カテゴリ ・