Welcome to my blog

vanillaice (Akira)

vanillaice (Akira)

Pinboardテンプレート


名称 Pinboard
カラム数 1
プラグイン対応 ○ (メインコンテンツ下サイドメニュー)
レスポンシブ対応
サイドメニュー
トップページ記事並び 要約表示タイプ
記事幅 可変 最大1180px (内寸 1060px)
サイドメニュー幅 固定 300px (内寸 270px)
任意個人設定 レスポンシブ利用 = スマホ版非表示設定
SNSシェアボタン利用 = メタタグ設定
その他 FC2検索バー非表示推奨
テンプレ固有機能 画像にドロップシャドウ
動画縦横比固定
画像ハイパーリンク上マスク
画像拡大(Intense Images)
見出しデザイン
使い方詳細ページ
テンプレート固有機能説明
Browser SupportIn principle, current and previous version

Chrome

Firefox

Safari

Opera

Edge

IE11

License
Required 必須事項
・Designer Note and Backlink 製作者表記と当ブログへのリンク (Designed by)
Permitted 許可事項
・Modification 改変
・Personal Use 個人利用
・Commercial Use 商用利用
Forbidden 禁止事項
・Distribution 再配布
・Hold Liable 使用にあたっての損害・損失に対する責の一切を負いません
推奨カスタム ヘッダー画像変更, 全体幅調整 etc.


valid-html5.png


長男がアメリカに帰る前に喧嘩してしまったあきらでございます (´・ェ・`)
あのやろう!!!
ごめんなさい。取り乱しました (*ノω・*)
や、でもうち基本仲良し親子なんで(笑)



ぴんぼーど
承認されました。ありがとうございます。



TOP PAGE DEMO
ARTICLE DEMO
DOWNLOAD
FAQ



仕様
・トップページは要約表示タイプ
・構造化マークアップ (個別記事, パンくずリスト)
・個別記事ページ送りサムネイル
・ページ遷移時フェイドエフェクト --- 削除可


お受けできないご質問・ご相談(申し訳ございません 自己責任・自己努力でお願いします)
・トップページの表示タイプ変更・レイアウト変更(要約表示から全文表示へ変更, カラム数変更 など)
・レスポンシブの固定幅化。
・テンプレートと無関係なプラグイン導入のお手伝い。


カスタマイズをブラウザ上で行う方は
Ctrl+F(Windows)/ Command+F(Mac) キー検索をご利用ください
また
注)
で検索されますとカスタマイズのガイダンスが出てきますので事前にご確認をお願いします



全体幅調整の仕方

デフォルトは全体像の最大横幅を 1300px に設定しています。
1300
で検索して頂きますと、CSSソース内に 3箇所 ありますので、3箇所全てを希望の数値(同数値)に変更してください。



全体背景画像を変更される方

カスタマイズガイダンスを入れるのを忘れました ←
該当箇所は

body:before

です。その中の
background
が全体背景画像の設定です。

デフォルトでは木目の画像を設定しており 繰り返し画像設定 になっています
。 同じく繰り返し画像を設定する際は シームレスの画像を準備 してください。 でないと継ぎ目ができてしまいます。
一枚画を背景にされます場合には、

background: url(画像アドレス) center center /cover no-repeat;

が適していますが、スマホではスクロールの度に画像が拡大・縮小を繰り返しますので煩わしいかもしれません(ブラウザのステイタスバーが出たり引っ込んだりするため)
できれば2種類の画像(縦長と横長)を用意し、スマホでは縦長画像に変更すると共に background-size の値を cover から 110% auto に変更するなどの処理が必要かと思います。
そして
cover値とbackground-attachmentのfixed値を併用しない
ようご注意ください。
でないとスマホでの背景がデタラメなことになります。

一人ひとりに付きっきりで指導するわけにいきませんので、この件に関してはご自身の知識の範疇でお願いします。
「難しい (;ωq`)」と思われましたら辞めておいたほうが無難です。



ページ遷移時のエフェクトについて

ページ遷移開始時と終了時にフェイドエフェクトを入れてあります。
なるべくページの読み込み時間に差し障りがないように仕上げたつもりですが、個人環境も左右されます。
フェイドがユーザビリティを損ねるとお考えになりましたらどうぞ削除してください。
トップページには画像の遅延読み込み(Lazyload)を採用しており、そちらについてはこのエフェクトとは無関係ですので残ります。

削除されます場合には

注)ページ遷移時フェイドエフェクト不要の方

で検索されますと該当箇所がhtml内に2箇所、CSS内に1箇所の計3箇所出てきますので、ガイダンスに従ってください。
エフェクトを入れている場合と入れない場合、それぞれのメリット・デメリットを記載しておきます。

フェイドエフェクトありフェイドエフェクトなし
表示速度若干遅くなる(速描画するとエフェクトにならないため遅延)速い
ページ表示時の様子フェイドイン後は整形済み(回線速度や記事内容の影響は受けます)表示位置などが不安定(ガクガクと変わることがある)
SEOへの影響特になし特になし

FC2ブログの「全記事一覧」のページはアクセスに時間のかかるページです。
キャッシュ生成されていない初回アクセス時には ページ遷移する前にフェイドが解消されてしまう ことがあります。
ページ遷移がフェイドの終了までに間に合わなかった際に発生しますが、タイムアウト設定は必須 ですのでご容赦くださいませー (´・ω・`)



追記 2017.9.16

LightboxやColorboxなどが起動しない方へ

ページ内で画像を拡大するためのスクリプトの代表的なものが LightboxColorbox ですが、これはページ遷移エフェクトと衝突しますので起動できないかと思います。
エフェクトの仕組みと対処法をご説明します。

本作のページ遷移エフェクトは、ページ内に存在する全ての a要素 が対象になっています。 a要素の基本は【ページ遷移】なわけですが、ページが遷移する直前、つまりリンクをクリックした直後にフェイドアウトが発生します。

リンククリック

.4秒かけてフェイドアウト発生

.4秒後にページ遷移

遷移後に.4秒かけてフェイドイン

こういう流れです。
aタグ、つまり【リンク】の基本は【ページ遷移】ですので、全てのaを対象とする必要があります。つまり
aタグがエフェクトのトリガー(きっかけ・合図)になっています。 ただし
target="_blank"
指定(別タブ表示)されているリンクについては予めエフェクト対象外にしてあります。

LightboxやColorboxは同じくaタグを起動のトリガーに設定する仕様です。
これが衝突の原因。
一方はページ遷移直前のフェイドアウトエフェクトを発生させ、もう一方は画像拡大のために指定されたエフェクトを発生させようとします。


● 対処法

1. Lightbox/ Colorbox用aタグに target="_blank" を指定
2. aタグのLightbox/ Colorbox用クラス名をページ遷移エフェクト対象から除外する設定を行う

1だと記事内での対象要素全てに修正が必要になりますので、2がおすすめです。

手順
① Lightbox/ Colorboxのトリガーになるクラス名を把握
② 以下の内容を検索
<!-- 注)ページ遷移時フェイドエフェクト不要の方ここから削除 2/3 -->
③ 上記内容を目印に、直近にある
$('a:not([href^="#"]):not([target])')
を編集し、以下の通り
$('a:not([href^="#"]):not([target]):not(.ここにクラス名)')

例) Colorbox用トリガー (クラス名は仮です)
<a href="画像アドレス" class="expand"><img src="画像アドレス" alt=""></a>

$('a:not([href^="#"]):not([target]):not(.expand)')

トリガーが複数ある場合は同じ要領で全て除外します。

例) 画像用トリガーの .expand と YouTube用のトリガー .youtube を除外 (クラス名は仮です)

$('a:not([href^="#"]):not([target]):not(.expand):not(.youtbe)')

こうして遷移エフェクト対象から除外すれば起動するようになります。
.expand や .youtube と書け、という意味ではないですよ。書き方を示すために私が仮につけたクラス名にすぎません。
クラス名が全ユーザー同じということは有りえませんので、必ずご自身が利用しているクラス名を確認し、それを指定してください。

Lightbox系に限らず、aタグをトリガーに用いるプラグインについては等しくこの方法で対処できます。

------ 追記ここまで。以下本文


Microsoftブラウザでのスクロール動作について

IE11及びEdge向けhackのJSを入れてあります。
z-indexにネガティブの値を持つfixed要素が含まれるとスクロールがガクガクして閲覧に耐えませんので、Microsoftゴミブラウザだけを対象にスムーススクロールを強制排除しています。
(ページ内移動のスムーススクロールではなく、ブラウザ本体のそれのことです)
ただし、記事中あるいはサイドメニューなどに iframe要素 などが含まれている場合、スクロールで該当部位に差し掛かった時にはやはりガクガクします。
iframeを利用していそうなものとしては YouTubeなど動画コンテンツの埋め込み, ブログカード など。
Microsoftが修正しない限り根本的解消は無理ですのでご理解頂けると助かります。



ナビゲーション

● ナビゲーション内リンクについて

ナビゲーション内容の追加やリンクテキストの日本語置き換えをされます方は 各リンク要素が下の行へ繰り越さないよう留意してください。
レスポンシブデザインですのでパソコンでの作業を一定の幅だけで行わず、マウスでブラウザ幅を拡大・縮小しながら見た目を確認してくださいね。
文字数が多い、リンク数が多い、などが原因で内容が下に繰り越してしまう場合には

navi breakpoint

で検索されますとhtml, CSS各ソース内に各1箇所、計2箇所ヒットします。
それぞれの

(max-width: 768px)

緑の部分 768 を 大きな数字に変更 してください。
この処理でデフォルト設定よりも早い段階で折りたたまれるようになり、レイアウトに影響を与えません。

● Aboutについて

こちらは予備リンクです。
誘導したいページがあれば、About を適切なテキストに置き換えた上で、リンクアドレスを設定してください。
不要であれば削除。

該当部位検索
注)予備リンク

カスタマイズ
<li><a href="ここにリンクアドレス">テキスト</a>


デフォルトのままでは空リンクですので、削除あるいはリンク設定いずれかの処理をおすすめします。



トップページ記事の傾きについて

CSSのrotateを用いていくつかの記事を傾けています。
高解像度ディスプレイ「ではない」画面ではテープ部分の日付がぼやける
という既知の問題があります。
デバイスがMacで、かつGoogle ChromeあるいはFirefoxをご利用の方はほぼ影響ナシ。
Windowsの場合はいかなるブラウザでも起こり得ます。
(Windowsではアンチエイリアスの操作ができないため)
現役スマートフォンのほとんどは高解像度ディスプレイですので気にならないと思います。
この「ぼやけ」が気になる方は傾き自体を無くす選択をお願いします。
それしか方法が無い ^^;

注)トップページ記事の傾き不要の方

のガイダンスに従って取り除く作業を行ってください。



ドミナントカラー


以下が基本色調です
数字の部分だけを抜き出してCtrl+F(Windows)/ Command+F(Mac) キー検索されますと 不透明度つきのものも全て出てきますので上手に活用してください。

例) 51,51,51


rgb(101,69,31) 基本リンク色
rgb(200,200,200) ヘッダー部 Welcome to〜 の文字色
rgb(21,21,21) ナビゲーション背景色 など



管理人コメントと訪問者コメントを分ける方

デフォルトはグレー背景アイコン。
サンプル




CSSソース末尾に以下を追加

.name管理人ハンドルネーム:before {
  background-color: カラーコード;
}

管理人ハンドルネーム の部分は普段コメント欄でお使いのお名前に差し替えてください。
カラーコードは rgb(●,●,●) の10進数表記 #●●●●●● の16進数表記のどちらでも構いません。
サンプルのカラーコードは rgb(148,170,201)

プロフィール画像などを設定する場合は以下の通り。

.name管理人ハンドルネーム:before {
  content: "";
  background: url(画像アドレス) center center /cover no-repeat;
}


サンプル



* この方法をお使い頂けないハンドルネームの方 *
・文字列中に「-」(ハイフン)「_」(アンダースコア) 以外の記号(全角・半角スペース含む)
注意) ハンドルネームを判別してデザインを振り分けています。
同じハンネの方がコメントされますと管理人のそれと同じデザインを踏んでしまいますので割りきってお使いください。



ご質問 不備・不具合のご報告はお気軽にどうぞ。
その際には
・ ご自身のブログアドレスの明記 (鍵付きで構いません)
・ 該当テンプレートを設定状態に
・ 右クリック禁止の解除
上記3点をお約束としてくださいね。
お守り頂けない場合にはお答え致しませんので 自己解決でお願いします。





みなさんいつもありがとうございます (●'0'●)/
関連記事

Comments 16

There are no comments yet.
きろろ  
お借りします

承認されたんですね(^^)
お借りします!

Akiraさん……
なんか、きろろの目がおかしいんです。
レンズをかえてから、目がかゆくてかゆくて(T_T)
○○シティ併設の眼下で見てもらったら、
「アレルギーじゃない?」って言われて、アルジオンを処方されたんですよ
先生は「1dayのほうがいいよ」と言ってくれたんですが、
ソフトはすぐに乾燥して、焦点が合わなくなるんです。

で、今日も一日ハードでお仕事をしていたんですが、
やはり目がかゆくてかゆくて。
以前使っていたハードに変えるとなると、また出費が(T_T)
Macが遠くなっていきますよ。

2017/09/14 (Thu) 00:33 | EDIT | REPLY |   
きろろ  
およ?

今回のテンプレートは画像を載せていない記事は
Noimageと表示されるんですね。
やばし、ここのところ画像を載せていないw
対処方法とかありましたら、ご教授お願いいたします。

2017/09/14 (Thu) 00:37 | EDIT | REPLY |   
べえ  
No title

こんにちは。いつもお世話になっています。

コピペして更新日をVelonica に組み込んでみたのですが、
この関数は2014年7月22日ごろより以前は対応していないようです。
それ以前については「-0001年11月30日」が取得されます。

参考URL
http://beebaku.blog88.fc2.com/blog-date-201407.html

2017/09/14 (Thu) 11:40 | EDIT | REPLY |   
Akira  
To べえさん

わー。そうなんですか ( ̄∀ ̄;)
私は過去記事が2年前しか無いので確認ができないのですが。
過去日時で投稿してみたところ、更新日付にしっかり今日の日付が出てました(笑)
当たり前っちゃ当たり前なんですけどね。
せめてFC2ブログのサービス開始日(2004年?)までサポートして欲しいですよねぇ (´・ω・`)
それはさておき、情報をありがとうございます。

2017/09/15 (Fri) 08:02 | EDIT | REPLY |   
Akira  
To きろろさん

アレルギー、大変ですね。
私もしょっちゅうアレルギー性結膜炎になりますです (´・ω・`)

--------

今回のトップページは画像が主体ですので、サムネイル必須のレイアウトと言って良いかと思います。
全文タイプをご利用の方はあまりサムネイルを気にかけないでしょうから、切り替えるとき悩みますよね(笑)

対策としては各ページに画像を添付するか、アイキャッチ画像指定を行うかしかないです (´・ω・`)

参考記事
http://vanillaice000.blog.fc2.com/blog-entry-567.html

2017/09/15 (Fri) 10:43 | EDIT | REPLY |   
きろろ  
To Akiraさん

こんばんは、(^^)
お返事ありがとうございました。
アイキャッチ設定ですね。了解いたしました。

アレルギー性結膜炎……
それが酷い状態で、上の瞼を裏返すと……
なんとブツブツができているんですよ。
これが痒い、もうレンズが入っている状態で思わず目をこすりそうになるんですよ。
ぶつぶつが治まるまで、レンズは入れてはいけないと言われたので、
悲しいかな今は魚眼のような眼鏡をかけております(T_T)

2017/09/16 (Sat) 00:17 | EDIT | REPLY |   
きろろ  
画像がですね……

こんばんは、きろろです。

あのですね、Pinboard。
画像がですね、全面表示されてしまうんですよ。
colorboxで表示されないんです。
見ていただけますでしょうか?

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

2017/09/16 (Sat) 00:58 | EDIT | REPLY |   
Akira  
To きろろさん

きろろさん、こんにちは ( ゚Д゚)ノ

ちょっと時間が無いので簡単な説明と、以降の返信遅くなるかと思います。
colorboxのトリガー(aタグに付けた起動用クラス名)はcpModalで合ってますでしょうか。
<!-- 注)ページ遷移時フェイドエフェクト不要の方ここから削除 2/3 -->
を目印に、以下の通り編集してください。

$('a:not([href^="#"]):not([target]):not(.cpModal)')

赤字が追加部分です。
あと、colorbox用CSSのURLが消失しているようです(404 not found)
こちらも併せてご確認お願いします。

2017/09/16 (Sat) 12:33 | EDIT | REPLY |   
きろろ  
To Akiraさん

こんにちは、きろろです。

>colorboxのトリガー(aタグに付けた起動用クラス名)はcpModalで合ってますでしょうか。
あってます。以前からずっと使い回してきたものですからw

:not(.cpModal)')を追加したら、表示されました。ありがとうございます<(_ _)>

ところで……
>あと、colorbox用CSSのURLが消失しているようです(404 not found)
>こちらも併せてご確認お願いします。

はい、確認いたしました。
確かに404になっていました!
でも、Akiraさんからお借りしているテンプレートすべてを調べてみたのですが、
すべて404になっているんですよぉe-350
だけど普通に動作しています?
なんででしょうか?

ファイルアップを確認したところ、ちゃんとファイルはありました。
謎です……

2017/09/16 (Sat) 17:08 | EDIT | REPLY |   
きろろ  
連投ですみません

静止画像は普通にどうさしているのですが、
YouTubeがだめですね。全画面表示になっています。
いつもは
<a class='youtube' href="http://www.youtube.com/embed/「YOUTUBEの動画ID」rel=0&wmode=transparent"><img src="「サムネイル画像」" width="「幅」" height="「高さ」" /></a>
で書いております。
いちおう、参考に張っておきますね
http://riokusunoki.jp/blog-entry-3.html

ほかのテンプレートで動作の確認をしたところ、Akiraさんのテンプレートはすべて普通にYouTubeは動作しているんですが、
Pinboardだけが動作していません。
あ、無理に動作しなくてもいいですから。
一応お知らせまでにw

きろろのスクリプト自体がおかしいんだと思いますので(^0^;)

2017/09/16 (Sat) 17:28 | EDIT | REPLY |   
Akira  
To きろろさん

記事に追記しておいたのでご覧くださいね。
CSSファイルについてはまた後程お返事します。
よろしくお願いします。

2017/09/16 (Sat) 19:05 | EDIT | REPLY |   
きろろ  
To Akiraさん

こんばんは。
早速、記事の追加ありがとうございます。
追記どおりに$('a:not([href^="#"]):not([target]):not(.expand)に書き直してから
記事を<a href="画像アドレス" class="expand"><img src="画像アドレス" alt=""></a>で表示しようとしたんですが、ポップアップされません。
Akiraさんの言わんとしていることはよくわかるのですが、
うーーん、どうにもきろろにはお手上げの状態です。
なんせずっと、テンプレートを変えるたびにコピペしてきただけなので。
お恥ずかしい限りです。
YouTubeも
$('a:not([href^="#"]):not([target]):not(.expand):not(.youtbe)も
同じ場所に書き直そうと思ったのですが、
スプリクトの終わり? 塊がわからなくて編集できませんでした。
うちの場合は$('a:not([href^="#"]):not([target]):not(.cpModal):not(.youtbe)?
うん、多分そうなんだろうと思いながら、ならどこにこれを入れればよいの?
もはや、頭の中は混乱するばかりw

わざわざ追記文まで書いていただいて、ほんとうにすみませんでした。

2017/09/17 (Sun) 01:16 | EDIT | REPLY |   
Akira  
To きろろさん

おはようございますー (o'ω')ノ

自分が利用しているクラス名を入れてください。
記事内のクラス名は説明のため便宜上付けただけです。
きろろさんのトリガークラスは画像については cpModal なわけですから、それを入れないと。
同じようにツベやiframe等も全てクラス名を確認し、それを除外指定してください。
追記内容を一部修正しましたので再度ご確認お願いします。
対象箇所の範囲も少し拡げましたので、元の状態をしっかり把握して修正を行ってください。

CSSファイルの方は今は読みこみができているようです。

2017/09/17 (Sun) 09:04 | EDIT | REPLY |   
きろろ  
To Akiraさん

うーーん、今回は無理みたいです;w;

ちょっとひらめいたのですが、やはり違っていたw
<!-- 注)ページ遷移時フェイドエフェクト不要の方ここから削除 2/3 -->
<script>$(function(){$('a:not([href^="#"]):not([target]):not(.cpModal):not(.youtbe)').on('click',function(e)~~
と、繋げてみたのですがAkiraさんのいう意味と違っていたようですね。

>同じようにツベやiframe等も全てクラス名を確認し、それを除外指定してください。
うん? これは記事に書くスクリプトのことでしょうか?
htmlの中をなめるように見たのですが……
なにか大きな勘違いをしているような気がして。

検索でiframeを入力すると、
きろろが組み込んだスクリプトと、
テンプレートのCSSにあるiframeが出てくるんですよねぇ。

なのでHTMLのスクリプトのほうをいじってみたんですが、お手上げですw
悔しいな、非常に悔しい。
なんか喉元で出てきそうで、言葉が出てこないようなそんなもどかしさですw
もう少し粘ってみますw

あ、それからブログ内限定のテンプレートをお借りしました<(_ _)>
これで今のところ、Akiraさんのテンプレートはお借りしているのかしらw
以上、ご報告でした<(_ _)>

2017/09/18 (Mon) 00:57 | EDIT | REPLY |   
Akira  
To きろろさん

これより2日ほどパソコンを開ける環境下に居りませんので、ColorboxのJS内容についてはきろろさんご自身で確認をお願いします。

で、きろろさんのコメントを拝見しますと、
.youtube
ではなく
.youtbe
になってます。
私が記事中で u を欠落させた誤字と同じなんですよね。
ということは、きろろさんは私の記事からコピペをしているということになります。
コピペでは動作しませんよ。
ご自分が使っているクラス名
を入れることが絶対条件なのですから。
私はきろろさんがyoutubeのポップアップに利用しているクラス名が何かは知りません。
ですから「自分で確認してください」とお願いしました。

ちょっと1から細かく説明しますね。

●Colorboxというのは画像だけでなく、動画やiframe要素などもポップアップできますよね。
そのポップアップのためのJSというのはきろろさんが書いているはずです。
どこかのサイトからのコピペだとしても、それはきろろさんが決めたコード内容なんです。
そのコードの中には画像用のクラス名や動画用のクラス名を何にするかが決めてあるはずです。
その内容は私を含む他の人間にはわかりません。
いや、わかるけども、今私はパソコンを開けませんので調べられません(笑)
で、自分の書いたコード内容というのは例えコピペだとしても自分で責任を持たないとダメですよ。
クラス名やアイディー名というのはもともと個人が好きに決めるものなので、きろろさん自身がちゃんとそれを把握しておかなければ。

●iframeの意味
アイフレーム(インラインフレーム)というのは、他のサイトの内容の一部をそっくりそのまま自分のページに表示させるためのhtmlタグです。
よく使われるのは動画の埋め込みや、商品のリストなど。
ツベを掲載するにはiframeだけでなくembedというタグを使う方法もあります。
Colorboxでは、多種多様なiframe要素とyoutubeとを分けています。
youtubeは利用頻度が高いので、わざと分けているわけです。
youtube以外のiframeはiframe用のクラス名を設けているはずです。
ツベ以外でiframeを使うことが有るのか無いのかはきろろさんにしかわかりません。
使っていないのならば定義する必要はありません。

● >記事に書くスクリプトのことでしょうか〜

Colorboxを使うときに記事内にスクリプトを書くことは無いと思いますよ。
スクリプトというのはJS(Javascript)のことです。
書き出しは必ず
<script>
です。
記事内に書かないですよね?

● トリガーの意味
画像をリンク付きで掲載するには

<a href="画像アドレス"><img src="画像アドレス"></a>

こうですよね。
でもこれだけではColorboxは絶対に起動しません。

<a href="画像アドレス" class="xxx"><img src="画像アドレス"></a>

こうしてクラス名を書いているはずです。
上記はスクリプトではありません。htmlです。
このクラス名が「トリガー」です。
ツベのポップアップでも必ず専用のクラス名を書いているはずですので、それを除外設定にしてください、という意味です。
そしてそのトリガーとなるクラス名はきろろさんがご自身でしっかり把握をしてください。

● > HTMLのスクリプトのほうをいじってみた〜

今回ColorboxのJSについては一切修正はしません。
修正するのはテンプレートに入っているページ遷移エフェクト用のJSのみです。

ともかくきろろさんがすべきことは、
「ポップアップのために記事内でaタグ内にくっつけているクラス名がなんなのか」をちゃんと調べることです。
普段からColorboxをお使いであれば、画像やツベのhtmlをどう書いているかは自分が一番よく知っているはず。
それを除外指定するという作業ですよ。
くれぐれも今回の作業はこのページの記事中にあるサンプルコードのコピペではできません

よろしくお願いします。
頑張って(笑)

2017/09/18 (Mon) 01:45 | EDIT | REPLY |   
きろろ  
To Akiraさん

二日間、お留守だそうで。
ご報告までに

できましたe-349

http://riokusunoki.jp/blog-entry-3.html

私、日本語の読解力にかけているのかしら、もしかしてe-350

うちのclass名は静止画像がcpModalで
YouTubeはそのまんま.youtube

動作しなかったのは……
はい、ごめんなさい。コピペしたせいです。
Akiraさんがuの字を欠落させているとは思いもせず……
だって、絶対にAkiraさんがまちがえるはずがないもの……、と思い込んでおりました<(_ _)>

これが正解
$('a:not([href^="#"]):not([target]):not(.cpModal):not(.youtube)')
アホだな、私は(T_T)
ちゃんとnotって書いてあるじゃないですか……
どこにYouTubeを入れ込むのか、必死に考えていましたよ(爆)

あー、これで落ち着いて眠れる。はぁ……
しかし、すごいな。
Akiraさんの頭の中を覗いてみたくなりましたよ(^^)

2017/09/19 (Tue) 00:57 | EDIT | REPLY |   

Leave a reply

テンプレートに関するご質問・不具合のご報告の際はご自身のブログアドレス記載必須です
ご質問の前に必ずお読みください ↓
FC2テンプレート ご利用時のお願い