サクサク読めて、アプリ限定の機能も多数!
トップへ戻る
大谷翔平
yukinolab.blog.fc2.com
マウスオーバーがなんだか楽しくなるマウスオーバーをふわっとさせるjQueryというのは結構いろいろとあるのですが、CSS3だけでも同じようなことが可能です。しかも文字も可能なのでかなーり実用的なテクニックなので使ってみてください。 CSS例 #entry a:link, #entry a:visited{color:#333; -moz-transition: all 0.2s linear 0; -webkit-transition: all 0.2s linear 0;} #entry a:hover, #entry a:active{color:#333;text-decoration:none; filter: alpha(opacity=50); -moz-opacity:0.50; opacity:0.50;} いちおークロスブラウザに対応するように表記していますが、CSS3の
Blogger用の超かっこいいテンプレートを使いこなそう Googleの提供するブログサービスBlogger。流石のGoogleで色々と使いやすい機能が搭載されブログ初心者には最適なブログサービスです。そんなBloggerをさらに使いこなすための、テンプレートの変更方法を紹介します。 Btempletesで気に入ったテンプレートをダウンロードする Blogger Templates http://btemplates.com/ BTemplatesにアクセスしてまずは使いたいテンプレートを探し、ダウンロードします。 ダウンロードしたファイルは圧縮されているため解凍しておきましょう。 Bloggerの管理画面からバックアップ/復元を選択する 新しい管理画面になってから少し分かりづらくなりましたけど、右上にあるバックアップ/復元からアップロードが可能になっています。実は以前より簡単になっている
jQueryの設置参照サイト:jQuery fadeInを使ってAppleサイトのようなふわっと表示 jQuery本体 よくわかんねって人はとりあえず以下をテンプレートのhead-/head内にコピペ。 <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> フェード実行 head内に設置します。 <script type="text/javascript"> var i = 0; var int = 0; $(window).bind("load", function() { $('#wrap').fadeIn(100); // フェードインの実行 var int=setInterval("sFade(i)",100); // ミリ秒ごとにフェードインの処理の実行 })
<div class = "entry_more"> <a href="<%topentry_link>#more"><img src="http://blog-imgs-44.fc2.com/y/u/k/yukinolab/readmore.png"></a> </div><!-- entry_more -->
このページを最初にブックマークしてみませんか?
『yukino labo|初心者向けfc2ブログカスタマイズ』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く