INDEX    RSS    ADMIN

スポンサーサイト

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

タイトル下部のカテゴリーリンク作成

前々から作りたかったものをようやく作ってみました。
各カテゴリーに振り分けたリンクボタンです。



専門家の作るウェブサイトにはホームページのタイトル下部によく各カテゴリー別に
振り分けられたタブメニューが設置されています。
見ていてどうやって作っているんだろう…と気になっていた方もいると思います。

Tableタグやスタイルシートを使ったり、画像にリンクを指定したりして作られています。
ボタンの背景色にグラデーションが欲しかったので今回は画像を使って作りました。
なんだか少しプロっぽいデザインになったような気がします。(笑)
各パーツ(gif)は画像編集ソフトやグラフィック編集ソフトを使うと簡単に作成できます。

サイト全体のサイズから各パーツの大きさを決定して
Adobe Illustratorで自作しました。

マウスのカーソル(ポインタ)を合わせた時にパーツの色を変えるにはJavaScriptを
使います。(スタイルシートでも作成は可能?)
色違いの2つの画像パーツをそれぞれのパターンに指定して作成するみたいです。
JavaScriptのソースは各ホームページ作成支援サイトで参考にしてみて下さい。

(参考サイト)
TAG index > JavaScript > ポイント時に画像を切りかえる(1)
eweb > Webデザインテクニック > マウスを上に置くと画像を入れ替える
無料ブログ テンプレート カスタマイズ > オブジェクトの背景色を変化させる (DHTML)

上手く表示されるようにもう少し頑張ってみます。

イラストレーターをオンライン価格で簡単見積!
スポンサーサイト

READ MORE

READ MORE

READ MORE

READ MORE

READ MORE

READ MORE

FC2ブログで指定画面別に表示する内容を変更する方法

FC2ブログで画面別に表示する内容を指定するカスタマイズです。
テンプレートやプラグイン内でそのまま利用できます。

ちなみにこのカスタマイズと同じ方法です。

コピペ用 ↓

<!--ここから-->
<!--not_permanent_area-->
<!--not_category_area--> 
<!--not_date_area-->
この部分に表示させたいものを掲載します。
<!--/not_date_area-->
<!--/not_category_area-->
<!--/not_permanent_area-->

<!--category_area-->
カテゴリー画面の時に表示させたいものを掲載します。
<!--/category_area-->

<!--date_area-->
月間アーカイブ画面の時に表示させたいものを掲載します。
<!--/date_area-->

<!--permanent_area-->
エントリー(記事)画面の時に表示させたいものを掲載します。
<!--/permanent_area-->
<!--ここまで-->

READ MORE

トラックバックURLを一発コピーに変更する方法

トラックバックURLの表示が以下のような場合、URLは手動(マウスでドラッグ)でコピーします。

この記事のトラックバックURL
http://tatamiiwashi.blog67.fc2.com/tb.php/154-d7635ce7


この場合URLの表示は通常のテキスト(リンク)と同じです。
以下のような表示になっているブログサイトさまを見かけた事があると思います。

この記事のトラックバックURL


これはテキストフォーム内にURLを表示しているのですが、JavaScriptを使用する事で1クリックでURLの選択が出来るようになります。

コピーが楽になるというメリットもありますが、見た目にも”トラックバックURL”と分かりやすくてカッコ良くなりますよね~。
<input type="text" name="tburl" size="63" value="トラックバックURL" onfocus="this.select()" /></font>

詳細はコチラで確認。(ありがたく使わせて頂きました。)
トラックバックURLの一撃選択

READ MORE

公開記事から直接記事を編集する(FC2ブログ)

最近、思いがけないキーワードで過去の記事が検索結果のトップ近くに表示される事があります。

過去の記事は恥ずかしい記事だったり、更に追加しておきたい要素があったりで修正したくなる事が度々ありますよね?
以前、記事の見直しを図ろうとして、3カラム→2カラム化に夢中になってしまったので未だ出来てませんけど…。(ノ∀`*)←(※頻繁に出すぎ)

管理画面に行かずに編集したい記事から、直接記事の編集画面に行けます。
【FC2ブログカスタマイズ】記事から直接その記事の編集ページへ

とても便利なので実装させて頂きました。(感動)
そういえばFC2ブログで、記事に【編集】機能があるテンプレートをあまり見かけた事がありませんね。

プロフィール

nano

Author : nano
ホームページ作成からウェブニュースまでインターネットに関連した記事を不定期で更新中。IT技術の進化とともに便利になるサービスやシェア・フリーソフト、アフィリエイトサービス、ホームページ作成ツールなどについて書いてます。情報は遅れています(笑)

はてなブクマの人気エントリ

最近のトラックバック

最近のコメント一覧

タグクラウド

Archive Calendar

Sun Mon Tue Wed Thu Fri Sat
- 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 31 - - -

バックナンバー

モバイル

携帯電話でQRコードを解析すると外出先からも簡単にブログを見ることが出来ます。

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