モヤシっ子改造計画

スポンサーサイト

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

共有テンプレ更新情報です。

2014.08.11.Mon.06:03
共有テンプレート

  • meisai_01

  • waterdrop_Ver_1

を更新しました。

共に同じ機能を追加してあります。

一つは、タイトルエリアの右の部分を使えるようにしました。
ヘッダーエリア

このゾーンはプラグインカテゴリ3になります。

二つめは、
左カラム(プラグインカテゴリ1)及び
右カラム(プラグインカテゴリ2)の
一番最後のプラグインがフローティングメニューとなるようにしました。

フローティングメニューというのは、
スクロール時に見切れずにくっ付いてくるバナーとか、ああいうのです。


なお、くっ付いてくるのは初期状態では一番下のプラグインですが、
javascriptコードの簡単な修正で任意のプラグインに変更できます。

左カラムを例に変更方法を説明すると、、
テンプレートのHTMLコードの<head>タグ内に以下のような記述があります。

/******************** 左カラム制御 ********************/
$.event.add(window, "load", function(){
offset = $("#sidebar_left .sidemenu:nth-last-of-type(1)").offset();
$(window).scroll(function () {
if($(window).scrollTop() > offset.top) {
$("#sidebar_left .sidemenu:nth-last-of-type(1)").css({"position":"fixed","top":"0px","width":"215px","padding":"8px 8px 20px 8px","background":"none repeat scroll 0 0 rgba(255, 255, 255, 0.97)","border-radius":"0 0 10px 10px","box-sizing":"border-box"});
$("#sidebar_left .sidebar_inner").css("padding","0");
$("#sidebar_left").css("width","215px");
} else {
$("#sidebar_left .sidemenu:nth-last-of-type(1)").css({"position":"static","padding":"0px","width":"auto","background":"none","box-sizing":"content-box"});
$("#sidebar_left .sidebar_inner").css("padding","8px");
$("#sidebar_left").css("width","199px");
}
});
});
/******************** ここまで左カラム制御 ********************/


この中の$("#sidebar_left .sidemenu:nth-last-of-type(1)")という部分
3箇所ありますが、この :nth-last-of-type(1) とあるのが下から一番目という意味です。
例えば :nth-last-of-type(3) とすると、下から3番目のプラグインが
左カラムが見切れる際、フローティングメニューとなりくっついてきます。

記述は3箇所あります。一番最初のものは :nth-last-of-type(1)のままで、2箇所目と3箇所目を変更してください

これだけです。


三つめは、記事エリアからの画像のはみ出し防止です。
記事エリアからはみ出すサイズの画像は自動でリサイズします。

※大変不手際ながら waterdrop_Ver_1の 8/11修正版ではこの機能がうまく効いていませんでした。
8/15修正版として再度申請したものではしっかり動いていますので、8/11修正版を既に落とされた方や
このテンプレにご興味を持っていただいた方は8/15修正版が反映されましたら、そちらをダウンロードして下さい。

コメント

管理人のみ閲覧できます
このコメントは管理人のみ閲覧できます
Re: 背景の水玉の色をかえたいのですが
waterdrop_Ver_1の背景変更は
ご指定の通りCSSの
body {
background: url(http://blog-imgs-57.fc2.com/k/a/r/karadacustom/waterdrop.png) fixed;
単純に、ここのURL変更だけで可能です。
空にすれば背景がなくなりますし、別画像のURLを指定すれば背景画像が変わります。
(念のため、こちらでも確認しました。)

上手くいかないとなると、考えられるのは
・画像のフルパスが間違っている。
 ⇒この原因であれば背景画像が何も出ない状態になります。
・書き換えが上手く保存されていない。
 ⇒この原因であれば背景画像がオリジナルのままの状態になります。

といったところでしょうか。
一度書き換えた後、画面遷移か更新を経てもう一度、記述が変更出来ているか確認してみてください。

これらが間違いなく行われているにも拘らず反映されないようであれば、その状態で一度ご連絡いただけますでしょうか。外からソースを確認してみます。

管理者のみに表示

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