ku - カスタマイズ

自動的にLightboxで表示する

Posted at 2010.05.18
lfrestyle

Lightboxを使うで書いたようにfrestyleではLightboxに標準で対応してますが、記事を書くたびにいちいちコードを追加しなければならないのでめんどくさくてめんどくさくて･･･。

ってことでそんなめんどくさい作業しないでも自動的にLightboxで表示してくれるようにするプログラム作りました。

使い方は、HTMLの該当箇所を１箇所修正するだけです。

<script type="text/javascript" src="http://blog-imgs-44.fc2.com/y/k/u/ykuu/lightbox.js"></script>

HTMLの19行目あたりにある↑のコードを

<script type="text/javascript" src="http://blog-imgs-44.fc2.com/y/k/u/ykuu/lightbox2_frestyle.js"></script>

↑このコードにするだけです。

あと、Lightboxで表示したくない画像がある場合には、その画像のリンクにrel="none"を追加してやればいいです。

スポンサーサイト

Trackback

Close

Leave a comment

Comments

お忙しい所申し訳ありません。
先日までLightboxを使えていたのに
急に使えなくなってしまいました。
どのようにすれば　また使えるようになりますか。
お時間のある時で構いませんので　よろしくお願いします。

初めまして！こちらのテンプレを使わせて頂いております。可愛らしくてとても気に入ってます。
質問があるのですが宜しいでしょうか？
Lightboxを自動で表示するプログラムを入れたのですが、ブログ上で画像をクリックしてLightboxを表示させると、その記事には画像が１枚しかないにも関わらず、左下に「Image 1 of 2」と表示されてしまいます。もちろん、「NEXT」を押しても何も出てこないのですが…。ちなみに、記事内に画像が２枚ある時は「2 of 3」と出てきます。
この現象は私だけなのか分からなかったので…一応ご報告といいますか、これを直す方法があれば…と思いまして。

後、これは個人的な要望なので申し訳ないのですが…追記を折り畳みたいのですが、やり方を検索してみても、個人個人でタグの書き方が微妙に違ってくるのでなかなか上手くいかず…、このテンプレで最適な書き換えの方法を教えて頂けないでしょうか…。
質問ばかりで申し訳ありませんが、お時間のある時で構いませんので、宜しくお願い致します。

お世話になります。
テンプレート画像ありがとうございました！
調子良かったのですが、
・金曜日のタイトルの幅が記事本文の枠に対して短かったです
申し訳ないですが、解決策をおしえてください。
よろしくお願いします。

はじめまして。
テンプレートとっても気に入って今月から使わせていただいてます☆
もしお分かりになれば教えていただきたいのですが、
昨日からアクセスカウンターにカーソルを持っていた際
見えていたアクセスのグラフが表示されなくなりました。
他のテンプレートで見ると見えるようなので
カウンターを提供している会社の問題ではないようです。
これって何か解決法がありますか？
もしお分かりになれば教えてください。
あまりカスタマイズとか詳しくないので的外れな質問だったらすみません。

初めまして、こんにちは。とっても可愛いので使わせていただいてます。
それでお聞きしたいのですが、画像の枠線が左側が消えて出ません…。なので枠線を消すか、枠線を直したいので、教えていただけないでしょうか…。
細かい事で申し訳ありません。宜しくお願いいたします。

テンプレすごくかわいくてお気に入りです。
記事欄に有る、コメントのテーブル？変更したいのですが
どこの部分になるか教えていただけませんか？
わたしのブログはコメントがあまりないので主張を軽減したいです・・笑
カスタム可能、了承頂ければ教えてください。

こんにちは。
注意ありがとうございます。

編集中に上部にあったコメントを消してしまっていたようです；
手違いとはいえお恥ずかしい限りです。

幸いこちらにアップしてあるスクリプトのほうに変更を加えれば、
利用者の方々にも一括で変更が適用されますので、
そのような方針でいきたいと思います。

Lightboxを使う(frestyle)

Posted at 2010.05.09
lfrestyle

frestyleは標準でLightboxに対応しているので、

↑クリックしてみてください。

こんな感じに小さい画像クリックで大きい画像をその場で表示するみたいなことが出来ます。
使い方は、画像を貼ると出てくるタグ

<a href="http://blog-imgs-44.fc2.com/y/k/u/ykuu/kuu720.jpg" target="_blank"><img src="http://blog-imgs-44.fc2.com/y/k/u/ykuu/kuu720s.jpg" alt="空" border="0" width="120" height="299" /></a>

みたいなのを

<a href="http://blog-imgs-44.fc2.com/y/k/u/ykuu/kuu720.jpg" target="_blank" rel="lightbox"><img src="http://blog-imgs-44.fc2.com/y/k/u/ykuu/kuu720s.jpg" alt="空" border="0" width="120" height="299" /></a>

のようにaタグにrel="lightbox"を追加してやることで実現できます。
あと補足で、画像をグループ化というか「NEXT」をクリックすると次の画像へ、「PREV」をクリックすると前の画像へ･･･みたいなことがやりたい場合には、

<a href="http://blog-imgs-44.fc2.com/y/k/u/ykuu/kuu720.jpg" target="_blank" rel="lightbox[グループ名を半角英数で]"><img src="http://blog-imgs-44.fc2.com/y/k/u/ykuu/kuu720s.jpg" alt="空" border="0" width="120" height="299" /></a>

のようにしてやると出来ます。

追記(2010-05-18)：「こんなコード追加するのめんど～い」っていう人のために、普通に記事書いたら自動的にLightboxで表示してくれるプログラム書きました。

Trackback

Close

Leave a comment

Comments

Hさん、はじめまして
ページナビというと、NEXTとかPREVとかのやつではなくて、
HOME > カテゴリー > 記事タイトル
みたいになってるやつですか？
もしNEXTとかPREVとかのやつなら、最新版なら付いてると思いますのでダウンロードしなおしていただければ出来ると思います。

はじめまして。素敵なテンプレートですね～！
ところで、ページナビを下につける方法はありますか？
すみませんが、よろしくお願いします。

初めまして。holidayzさん。
ダウンロードありがとうございまーす。
やっぱり３カラムって結構人気あるんですよね･･･以前やってたブログでも要望多かったですし。
時間にゆとりが出来たら考えてみます。

はじめまして。
私も一目惚れして　さっそくダウンロードしたのですが
画面を開けた時に最新コメントを見やすい（片側のトップに上げれるため）、などの理由で
PaaanDさんと同じく、３カラムをリクエストしたいです
要望がたくさんあるといいな～（笑）

どうもはじめましてPaaanDさん

いかんせん画像多用してるので3カラムにするには画像を３カラム用に作らないといけないので今のところは対応してません；

あー、でも要望が多ければ将来的には作るかもしれないです。

こ…こんばんわ(><;
はじめまして!!PaaanDと申します。

いきなりの訪問＆コメントほんとに失礼します!!;
テンプレートに一目ぼれしてきてしまったものです…。

いきなりで、ほんとうに申し訳ないんですが、
「2カラム」を「3カラム」にする方法はあるんでしょうか…??

というか、、
テンプレート「frestyle」を3カラムにできないでしょうか??

ほんとにいきなりすいません!!

お願いします!!m(><m

失礼しました!!;

右メニューをキレイにする(frestyle)

Posted at 2010.05.09
lfrestyle

frestyleはプラグイン対応にしてありますが、
ちょっとしたカスタマイズをすることで右メニューをキレイに表示することができます。

Trackback

Close

Leave a comment

Comments

度々、コメント申し訳ありません。

こちらのカテゴリーをHTML編集に入れると、赤文字でエラーが出ます。
自分でも調べたのですが、どうにもチンプンカンプンで…。申し訳ないのですが、調べていただけないでしょうか…。
あと、コメントをスライドさせるのカッコいいです！やり方教えて下さい。

お忙しいかと思いますが、お暇なときにでも確認をお願いいたします。

はじめまして！とってもステキなデザインで
気に入ったのですが、私が書くブログは
ちょっと障害的な内容になってまして･･･
なので、注意散漫にならぬよう、記事の中の
画像の半透過処理を無くしたいと思うのですが
どうも、どこをどういじったら良いかで･･･

CSSやHTMLの知識はあり、色々「過去」にはできたのですが、何年か作成から離れているうち、浦島になってチンプンカンプンになってしまいました…

どの部分を変えれば透過変更ができるでしょうか？
すみませんが、教えていただけると幸いです。
よろしくお願いします。。。図々しくてごめんなさい。

できました～！おもしろーい！！
初めて「置換」って使いました(笑)勉強になります。
お忙しいのに、本当にありがとうございました。
愛用させてもらいます!(^^)!

＞のっこさんへ

お待たせしました。

一度、スタイルシートを全部メモ帳に貼り付けて、

[編集]→[置換]で
検索する文字列「blog-imgs-30.fc2.com/n/o/e/noew/sifinesw_entry_」
置換後の文字列「blog-imgs-44.fc2.com/y/k/u/ykuu/sifinesw_entry_」
にして[すべて置換]をやってもらって、
出来上がった内容をスタイルシート欄にコピペでたぶん出来るようになってると思います。

yuuさん
カテゴリーの件、ご回答ありがとうございました！
そしてこれからも使い続けますー！

お返事いただけてありがとうございますー！
すんごい大変なことだったんですねー・・。（素人がいくらいじってもダメなはずですね。）土日と言わず、お時間あるときで構わないです。ごく個人的なブログなので、全然急いでませんので！
お時間頂いて申し訳ありません。でも編集してくださると、すっごく嬉しいです(>_<)ありがとうございます！！

のっこさん、こんにちはー

えーと、記事タイトルの部分とコメントとかの部分の背景が画像で出来ているので、
画像を８つほど編集ソフトでいじらないとだめなんですねー＾＾；
今ちょっと時間ないので土日でよろしければこちらで編集しますよ。

こんにちは！こちらで活動されていると伺ってやってきました。相変わらず、素敵なテンプレートを作っていらっしゃるんですね！kuさんの作る雰囲気とっても好きです。
今「題名のない物語」のワイド版を使わせて頂いています。
記事幅を変えても、記事のタイトルとコメントとかの枠の大きさが変えられなくて困っています。
どこで変えればいいでしょうか？初心者ですみません(>_<)
意味わからなかったらズレた状態でブログｕｐしておくので、一度確認いただけると嬉しいです。
よろしくお願いします。

はじめましてー！

えっと、HTMLの方の<dl class="sidemenu_body sm_categories">はこのままにしといて、
「Categories」の部分を「カテゴリー」にしてもらって、
次にスタイルシートのほうを「サイドメニュータイトル」で検索してもらって、
出てきた場所のすぐ下に、

○○ .plg_title,

ってのがズラーっと並んでるところに

.sm_categories .plg_title,

ってのがあるはずですので、それを削除して、
さらにそこから少し下にいったところに

.sm_categories .plg_title {
background-position: 0 -44px;
}

ってのがあるので削除してもらえればたぶん出来ます。

同様の方法で他のプラグインも可能です。

基本的なカスタマイズ(frestyle)

Posted at 2010.05.09
lfrestyle

Trackback

Close

Leave a comment

Comments

こんばんは～　はじめまして
とても素敵なので使わせてもらいました。

壁紙も３種類簡単に選べるのも嬉しいです。

質問なんですが、このテンプレを使っても私のコメントに「タイトル」がもれなく入っていて
「タイトル」が記入されていないとコメントの吹き出しに線が入ってしまいます。

色々、探してみたのですが、わからなくて。

そして、簡易コメントもやってみたいです。
すみませんが、教えてください。

初めまして。

テンプレートのデザインがすごく気に入ったので使わせて頂いてます♪
オシャレなテンプレ有難うございます。

一つ相談です。
サイドメニューを左にしたい場合はどうすれ良いですか？
HTMLやスタイルシートをいじるのは難しくて苦手なので簡単に出来ると有難いです。

よろしくお願いします<(_ _)>

はじめまして、こんばんは。
「frestyle」に一目惚れし、使わせていただいています。

そして質問なのですが、過去のページに行くときに、NEXTではなくPREVと表示させたいのですが、どこをいじればいいのでしょうか？
また、Continue Readingのところをいじりたいのですが、どこをいじればいいのでしょうか？マウスを乗せた時に、「続きを読む」ではなくて、「続きをみる」と表示させたいです。

お忙しいところすみませんが、お返事お待ちしています(;_;)

（あと、コメント欄を拝見したのですが、私も3カラム版希望です！）

おはようございます。
表示されないだけなんですね。
安心できました。ありがとうございました＾＾

アクセス解析の設置のしかたはそれで問題ないはずです。

うちでも付けてるんですが、どういうわけか表示されてません。
ですが解析結果は通常通りに出ているようなので問題ないと思いますよー

たびたびコメントしてすみません。
アクセス解析のアイコンを設置したいのですが、FC2のマニュアル通りに「HTML編集」の<body>下に設置してみたのですが表示されませんでした。
「スタイルシート編集」の方への貼付のがいいのでしょうか？
お時間ある時で構いませんのでアドバイス頂きたです。お願いします。初歩的な質問なのですみません>_<

簡単にアレンジできました！かわいく出来てとってもうれしいです^^
このテンプレートセンスがとってもいいですよね！
お気に入りです。ありがとうございました。

-	-	-	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	-	-