Quantcast
Channel: Bari2 Legend
Viewing all 33063 articles
Browse latest View live

水樹奈々の妹「Daisy×Daisy　Mika」が結構可愛い件についてwww｜VIPPER速報

February 22, 2012, 5:30 am
↧
Search
↧

水樹奈々の妹「Daisy×Daisy　Mika」が結構可愛い件についてwww｜VIPPER速報

February 22, 2012, 5:30 am
↧

水樹奈々の妹「Daisy×Daisy　Mika」が結構可愛い件についてwww｜VIPPER速報

February 22, 2012, 5:30 am
↧

水樹奈々の妹「Daisy×Daisy　Mika」が結構可愛い件についてwww｜VIPPER速報

February 22, 2012, 5:31 am
↧

水樹奈々の妹「Daisy×Daisy　Mika」が結構可愛い件についてwww｜VIPPER速報

February 22, 2012, 5:31 am
↧
↧

サンデーでマジキチな漫画が連載してるｗｗｗｗｗｗｗｗｗｗ｜VIPPER速報

February 22, 2012, 5:32 am
↧

2696a9e5.png

February 22, 2012, 5:33 am
↧

【画像あり】松下奈緒が小学生におっぱいのサイズ負けててワロタｗｗｗｗｗｗｗ｜VIPPER速報

February 22, 2012, 5:34 am
↧
Search

nwashy: Twitter / @watanabe_miki: バングラデシュ 朝、五時半に、イスラムの祈りが、響き...

February 22, 2012, 5:35 am
↧
↧

Tumblelog内検索をGoogleカスタム検索に移行してみた

February 22, 2012, 5:37 am
$
0
0
Tumblelog内検索をGoogleカスタム検索に移行してみた:

chips-tips:

Tumblrのブログ内検索を＜Google カスタム検索＞にしてみました。
色々テストしてみて経験から持ってたイメージよりも良かったのがちょっと驚き。

     

で、これの設置に存外手間取ってしまったので自分用兼ねて備忘録。
実際にTumblrにGoogle カスタム検索を設置した手順と、検索欄のカスタマイズについてです。



【目次】

  1. Google カスタム検索の作成
  2. 検索結果ページのデザイン設定
  3. TumblrにGoogle カスタム検索を設置＆検索欄のカスタマイズ





1．Google カスタム検索の作成

1.) Googleアカウントを持っていればすぐに利用が可能です。
＜Google カスタム検索＞へアクセス、「カスタム検索エンジンの作成」から新規作成に入ります。

     


2.) ページ移動したら「1.検索エンジンの設定」の各項目を埋めていきます。

     

  • 名前：適当になんでもどうぞ
  • 説明：空白でも可
  • 言語：日本語を選択
  • 検索するサイト：Googleカスタム検索を設置するTumblelogのURLを入れます。
  • エディション：問答無用で無料を選択



3.) 「利用規約に同意」へチェックを入れたら次へ。検索結果の表示スタイルを選択します。

     



4.) スタイルを決定して次へ進むと、コードが発行されると同時に検索エンジンの作成が完了。
コントロールパネルで検索エンジンの細かい設定やカスタマイズなどをするので、コードの取得はせずに次へいきます。

     





2．検索結果ページのデザイン設定

項目１ではコードの取得をしなかったわけですが、コントロールパネル⇒コードの取得からいつでもゲットできるので
その辺頭に入れつつ設定と調整。

     


ここではこのブログで設定した手順をそのまま追っていきます。


1.) マイ検索エンジンのコントロールパネル⇒デザインを開き、レイアウトの選択で「Google がホスト」を選択。
結果を表示する場所は「現在のウィンドウ」にしました。

     


2.) 続いて「スタイルの選択/カスタマイズ」で検索結果のデザインを選択。
いくつかデザイン設定用のタブが表示されるので、右端の「ロゴ」のタブを開きます。
この「ロゴのURL」へ表示させたい画像のURLを記入。


     

ロゴの高さは「100」ピクセルに設定。この高さを基準に画像がリサイズされます。

  • ※デフォルトでは100、となってましたが設定しないとうまく表示できなかったので…



3.) 「ロゴのリンク」にはブログのURLを入れて、ロゴクリックで検索結果ページからブログトップへ戻れるようにします。
そんな感じで設定し終えたら「保存」。
ここまでで大体以下のような検索結果ページができました。

     





3．TumblrにGoogle カスタム検索を設置＆検索欄のカスタマイズ

検索結果ページのデザインを決めたら、「コードの取得」から発行されたコードをTumblrのテーマHTMLへ貼り付け。
サイドバーに設置するために付け足ししてますが、大体初期状態は↓のような感じだと思います。
3～16行目が管理ページで取得したコードです。



Search


Loading


スタイルによると思いますが16行目～のCSSを取っ払って、検索欄のデザインをいじります。


このカスタマイズにあたって、＜LIQUID DESIGN BLOG＞さんの
Google カスタム検索の検索ボックスを、CSSだけでデザイン変更する方法という記事から、CSSを参考＆お借りしました。

そんなわけで以下が現在設置中の検索欄のCSSです。

      

/*--------------------------------------
GOOGLE CUSTOM SEARCH
---------------------------------------*/
#cse-search-form {
    width: 200px !important
}
#cse-search-form table.gsc-search-box td.gsc-input {
    padding: 0 !important
}
#cse-search-form input.gsc-input[type="text"] {
    width: 150px;
    font-size: 13px;
    border-radius: 5px 0 0 5px;
    -moz-border-radius: 5px 0 0 5px;
    -webkit-border-radius: 5px 0 0 5px;
    -webkit-appearance: none;
}
#cse-search-form input.gsc-search-button[type="submit"] {
    margin-left: 0 !important;
    background-color: #333333;
    border: 1px solid #333333;
    color: #FFFFFF;
    font-family: 'Century Gothic', Verdana, sans-serif;
    height: 26px;
    width: 30px;
    min-width: 40px;
    border-radius: 0 5px 5px 0;
    -moz-border-radius: 0 5px 5px 0;
    -webkit-border-radius: 0 5px 5px 0;
    -webkit-appearance: none;
}



この検索欄に限ったことじゃない上に個人的なやり方なんですが、
px単位の細かい調整はFirebugで照らし合わせながらじわじわとやってます。

最後に設置した検索欄の簡単な分解図。水色(と紫)でハイライトされてるところが画像下のCSS該当部分です。

【検索ボックス】

      

#cse-search-form table.gsc-search-box td.gsc-input {
    padding: 0 !important
}


      

#cse-search-form input.gsc-input[type="text"] {
    width: 150px;
    font-size: 13px;
    border-radius: 5px 0 0 5px;
    -moz-border-radius: 5px 0 0 5px;
    -webkit-border-radius: 5px 0 0 5px;
    -webkit-appearance: none;
}



【検索ボタン部分】

     
      

#cse-search-form input.gsc-search-button[type="submit"] {
    margin-left: 0 !important;
    background-color: #333333;
    border: 1px solid #333333;
    color: #FFFFFF;
    font-family: 'Century Gothic', Verdana, sans-serif;
    height: 26px;
    width: 30px;
    min-width: 40px;
    border-radius: 0 5px 5px 0;
    -moz-border-radius: 0 5px 5px 0;
    -webkit-border-radius: 0 5px 5px 0;
    -webkit-appearance: none;
}



【クリアボタン部分】

     




あと「Google カスタム検索」のロゴは公式の規約（第 2.3 条 帰属）により表示必須なので、ひとまずここまで。
その内検索ボタン部分をアイコンに変えてみたいので、実装したらまたメモしようと思います。


自分用まとめと復習兼ねて、Google カスタム検索についての備忘録でした。



参考サイトさん

↧

"日本といえば、バカ正直で外交下手、政治的には全く存在感のない国として有名だが 最終的には、一番おいしい立場に立っているのは、いつも日本という不思議な国である 例えば、敗戦で焼け野原になり、一番損したよう..."

February 23, 2012, 7:09 am
$
0
0
“
日本といえば、バカ正直で外交下手、政治的には全く存在感のない国として有名だが 
最終的には、一番おいしい立場に立っているのは、いつも日本という不思議な国である 
例えば、敗戦で焼け野原になり、一番損したように思えたが 
戦後10数年後には世界第二の経済大国にのし上がり、戦勝国を凌駕 
敗戦後20年も経っていないのに、なんと世界最初の弾丸列車、新幹線を走らせている。 
（世界で2番目のＴＧＶが運行したのは遥か後のことであるし、ベトナム戦争終了後 
19年経ったときにベトナムがろくに進歩していなかったことを考えれば驚異的である） 
結局、戦前の大東亜共栄圏構想は、戦後に日本の経済支配圏として実質的に達成され 
人種差別の撤廃、アジア諸国の独立…など、戦前の戦争目的を成就したのは 
日本だけという皮肉な結果になった。しかも被爆国として世界の同情を集めるという 
おまけ付きｗ 
ブッシュ親子による2度のイラク攻撃の際にも、イスラム諸国から憎まれなかったのは 
日本だけ　戦後はイスラム諸国、英米諸国、双方からいっそう好かれることになった。 
最近では北京オリンピックの聖火リレーがそうだ。実施前は、何もしない日本は 
世界から失望と軽蔑を受けたが、当初は激しい非難をしていた欧米諸国は中国に恫喝 
されると、とたんに腰砕けになり、ゴマスリに走り醜態を晒したのに対し、 
日本は、善光寺が辞退を決めると、これが世界中のマスコミのトップニュースになり 
大々的に報道され最大の功労者として称賛された。しかも欧米諸国が中国非難を 
しながらも、スタート地点をウェンブリー・スタジアムやエッフェル塔などの立派な 
場所に設定し中国に媚びたのに、中国の憎しみを買ったのに対し、日本は元刑務所 
だった空き地という最悪の設定をしたのに、唯一中国に感謝されるという皮肉な結末ｗ 
日本は、実は、世界一の外交上手な国と言えるのかもしれない。 
”

- 外交音痴に見えるのに、いつも最終的においしい所を持っていってしまう日本 « 日本最強伝説 (via syuta)
↧

"ある日、マタギのところへ動物愛護団体の人が名刺を出して 「なんで熊を殺すのですか」と抗議にきたそうな。 マタギの爺さん曰く「生きていく糧と伝統」と説明するも、 ..."

February 23, 2012, 7:10 am
$
0
0
“

ある日、マタギのところへ動物愛護団体の人が名刺を出して
「なんで熊を殺すのですか」と抗議にきたそうな。
マタギの爺さん曰く「生きていく糧と伝統」と説明するも、
愛護団体側は「動物を殺すなんて（以下略）」と聞く耳を持たない。
それから連日抗議に来るので、煩わしく思ったマタギは
知人に頼んで一芝居をうつことにした。

今日も今日とでマタギに難癖を付けにやってきた団体様。
そのタイミングを見計らい、近所の知人がやってきて
「里に熊が出てきた様だ、心配だなー」と一言。
それを聞いて青ざめたのは団体の連中。
どうやらマタギをこらしめに来たはいいが、
熊に襲われることは想定してなかったようだ。
恐怖を感じた団体の連中は、マタギの爺さんに
「私が熊に会っても・・・安全に帰れますでしょうか？」
と振るえながら尋ねる始末。
そんな情け無い連中に、マタギの爺さんはこう返してやった。

「熊に遭ったら、あんたの名刺を見せればいいじゃないか。
　動物愛護団体だとわかれば熊も襲ってこないだろう？
　 襲われてもそれはそれで、愛すべき動物の糧になれるんだから
　名誉なことじゃないか。
　それとも、まさかあんたら俺を警護につけて、
　 『私達の安全のために、熊が襲ってきたら撃ち殺してください』
　 なんて言うつもりじゃねぇよな？」

”

-

妹はVIPPER 夏だし、不快なコピペで不快になろうぜｗｗｗ (via plasticdreams)

2011-12-18

(via gkojax-text)
↧

"249： 以下、名無しにかわりましてVIPがお送りします：2009/06/16(火) 16:34:11.13 ID:6R3qtW3CO ある大型鳥類の主食の三割はナマケモノ ..."

February 23, 2012, 7:11 am
$
0
0
“249： 以下、名無しにかわりましてVIPがお送りします：2009/06/16(火) 16:34:11.13 ID:6R3qtW3CO
ある大型鳥類の主食の三割はナマケモノ
ナマケモノの死因で一番多いのもその鳥類による捕食
しまいにはある学者に「ハゲタカの非常食」なんて呼ばれる始末

もうちょっと頑張れよ、ナマケモノ



251： 以下、名無しにかわりましてVIPがお送りします：2009/06/16(火) 16:37:35.64 ID:6R3qtW3CO
»249
補足すると捕まったナマケモノが最期に見せる抵抗が
「せめて少しでも痛くないように全身の力を抜く」

なんて言うか徹底してるよな ”

- 【雑学】動物のトリビア晒せ『蛇の卵丸呑みが凄い』:哲学ニュースnwk (via sayusayukawaii)
↧
↧

"アリクイってよ、1日に三万匹アリ食うんだってｗｗｗｗ 3日で九万匹ｗｗｗアリいなくなっちゃうよ！ フラミンゴって、なんで片足か知ってる？ 冷えるんだってよｗｗｗ..."

February 23, 2012, 7:11 am
$
0
0
“アリクイってよ、1日に三万匹アリ食うんだってｗｗｗｗ
3日で九万匹ｗｗｗアリいなくなっちゃうよ！

フラミンゴって、なんで片足か知ってる？
冷えるんだってよｗｗｗ でも水ん中入ってるんだぜ？
だったら出りゃいいじゃんｗｗｗｗｗｗｗ

モグラのトンネル掘るスピードはカタツムリの進む速度の1/3だってｗｗｗｗ
遅いよｗｗｗ 得技だろよｗｗｗｗｗ そのスピードなら地上でろ地上でろ！

羊は前歯が下あごにしか生えてないんだって。
その代わり上あごの歯茎が歯より固いんだってｗｗｗｗ
生えればいいのにｗｗｗ歯が生えればいいのにｗｗｗｗｗｗ

カタツムリってすげぇんだぜ。
カタツムリってよ、－１２０℃でも死なないんだぜ。－１２０℃だぜ！！
普通－１２０度だったら動物全滅するだろ？
でもカタツムリだけは氷河期になっても生き残るんだよ。すげぇ生命力だよな。
ただよ、－１２０℃になるとカタツムリのエサが無いんだってｗｗｗｗｗｗｗｗ
「草木が生えないから結果死にますね」だってｗｗｗｗｗｗｗｗ ”

- 【雑学】動物のトリビア晒せ『蛇の卵丸呑みが凄い』:哲学ニュースnwk
↧

"アリは地球上に一京匹いて、全ての体重を合わせると地球上にいる全ての人間の体重を合わせた重さより重い 76： 以下、名無しにかわりましてVIPがお送りします：2009/06/16(火)..."

February 23, 2012, 7:31 am
$
0
0
“アリは地球上に一京匹いて、全ての体重を合わせると
地球上にいる全ての人間の体重を合わせた重さより重い



76： 以下、名無しにかわりましてVIPがお送りします：2009/06/16(火) 11:49:57.80 ID:FNDtTdzB0
鹿は角が大きくなると、首が凝ってストレスが溜まり、
ケンカしやすくなる。だから角切りをする。



78： 以下、名無しにかわりましてVIPがお送りします：2009/06/16(火) 11:57:19.84 ID:8Ip64VkT0
哺乳類の生涯心拍数は身体の大小にかかわらず20～23億回



87： 以下、名無しにかわりましてVIPがお送りします：2009/06/16(火) 12:28:15.88 ID:5wtSq03bO
ナマケモノは運動しすぎると発熱してその熱で死ぬ



95： 以下、名無しにかわりましてVIPがお送りします：2009/06/16(火) 12:35:26.49 ID:lo/wekv+O
»87
吹いたｗｗｗｗ



400： 以下、名無しにかわりましてVIPがお送りします：2009/06/17(水) 11:27:12.73 ID:cN0tGv9mO
»95
ナマケモノでもう一つ

ナマケモノの生活は９割以上が木の上で過ごしているが、
排泄をするときだけ陸に降りてくる
”

- 【雑学】動物のトリビア晒せ『蛇の卵丸呑みが凄い』:哲学ニュースnwk
↧
Search

【雑学】動物のトリビア晒せ『蛇の卵丸呑みが凄い』:哲学ニュースnwk

February 23, 2012, 7:31 am
↧

【雑学】動物のトリビア晒せ『蛇の卵丸呑みが凄い』:哲学ニュースnwk 虎は水中を泳ぐとき鼻に水が入らないようしっかり閉じるので凄...

February 23, 2012, 7:33 am
↧
↧

【雑学】動物のトリビア晒せ『蛇の卵丸呑みが凄い』:哲学ニュースnwk

February 23, 2012, 7:34 am
↧

【雑学】動物のトリビア晒せ『蛇の卵丸呑みが凄い』:哲学ニュースnwk

February 23, 2012, 7:34 am
↧

【雑学】動物のトリビア晒せ『蛇の卵丸呑みが凄い』:哲学ニュースnwk ガラパゴス諸島に生息してるフィンチって鳥は、すべて同じ種だ...

February 23, 2012, 2:10 pm
↧
Viewing all 33063 articles
Browse latest View live
More Pages to Explore .....
Search

Latest Images

.NETアプリケーションにPDFフォーム編集を追加

.NETアプリケーションにPDFフォーム編集を追加

April 15, 2024, 9:15 am
MVCレポートでの複数のソースからデータを活用

MVCレポートでの複数のソースからデータを活用

April 12, 2024, 5:09 am
股関節が大事

股関節が大事

April 10, 2024, 7:53 pm
股関節が大事

股関節が大事

April 10, 2024, 7:53 pm
DITAパブリッシングワークフローの合理化

DITAパブリッシングワークフローの合理化

April 10, 2024, 7:40 am
デジタルポイントためよう！　奄美市が市民モニター募集　６月から実証実験

デジタルポイントためよう！　奄美市が市民モニター募集　６月から実証実験

April 9, 2024, 2:00 pm
あきる野BIRD FEEL×秋川リバークリーンナップ

あきる野BIRD FEEL×秋川リバークリーンナップ

April 8, 2024, 5:07 am
人類は5Gにより完全にコントロールされる人体に変貌していることに気付いていない!!

人類は5Gにより完全にコントロールされる人体に変貌していることに気付いていない!!

April 6, 2024, 8:52 am
４月７日　世界保健デー

４月７日　世界保健デー

April 6, 2024, 8:08 am
４月７日　世界保健デー

４月７日　世界保健デー

April 6, 2024, 8:08 am
<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>
<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596344.js" async> </script>