U-BOX/うさぎの小箱

FC2ブログのテンプレートを配布しています

  1. スポンサー広告
  2. [ edit ]

スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。


  1. -
  2. tb: 0
  3. cm: 2
  4. [ edit ]

jQuery-memo

accordion-v45.js
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



  1. -
  2. tb: 0
  3. cm: 0
  4. [ edit ]

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換算した数字です。この数字を希望のものに変更する。



<<NEW ENTRY  | BLOG TOP |  OLD ENTRY

プロフィール

usagi

Author:usagi
FC2ブログへようこそ!

information

2015.2.8_23:12
管理人のみ閲覧のコメントを下さるみなさまへ

管理ページを見ることを忘れがちな管理人は 返事が遅れがちになることが多いため、ご注意下さい。

お急ぎの返信が必要なかたはカギなしでお願いします。
また、URL を記載していただくと、たすかります。

カレンダー

05 | 2017/06 | 07
- - - - 1 2 3
4 5 6 7 8 9 10
11 12 13 14 15 16 17
18 19 20 21 22 23 24
25 26 27 28 29 30 -

ユーザータグ

* 



上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。