ブログを始めてみませんか? 初心者の方々向けに「画像付」で「超簡単ブログ作成法、初めてのブログの作り方」をお話しています。 カストマイズ情報/アフィリ情報も豊富にご用意。 お立ち寄りください。

ここからコンテンツ内です。
  1. 超簡単無料ブログ・ホームページの作り方「図解付」
  2. > プラグインにスライダーを付ける

スポンサーリンク

☆ 新着記事 ☆
最近のコメント
プログの作り方
検索上位表示 - SEO

スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
  1. トラックバック(-)|
  2. コメント(-)
  3. カテゴリー:スポンサー広告

プラグインにスライダーを付ける

ブログの作り方1
旅に出るのが便利なように,「全国の空港リンク」を追加してみました。(左図)
どう見ても長過ぎるリストですね。

そこで,「スライダー」を付けてブログのスタイルを壊さないプラグインを作成してみました。(右図)

どうです?  スッキリしたでしょう?

今回は,「スライダー付のプラグインの作成をお話しします。

いつもの管理画面から,

プラグインの設定 ⇒ プラグインの追加 ⇒ その他プラグイン ⇒ フリーエリア⇒追加 します

今追加した「フリーエリア」の HTMLの変更 をクリックします。

開いたHTMLの「窓」に下のピンクのコードを書き込みます。
 
<div style="height:200px; <!--縦のサイズの設定-->
overflow:auto;
border:1px solid #ffffff;
color:#333333;
padding:3px 0px 3px 0px;
scrollbar-3dlight-color:#FFFFFF; <!--立体効果のハイライト色-->
scrollbar-arrow-color:#999fff; <!--矢印の色-->
scrollbar-darkshadow-color:#999fff; <!--影の色-->
scrollbar-face-color:#FFFFFF; <!--バーの色-->
scrollbar-highlight-color:#999fff; <!--ハイライト色-->
scrollbar-shadow-color:#000000; <!--影の色-->
scrollbar-track-color:#dddddd;"> <!--トラックの色-->
<font color="#333333">

<ul>
<li><A href="http://www.narita-airport.jp/jp/flight/">成田空港</A></li>
<li><A href="http://www.centrair.jp/flight-info/index.html">中部国際空港</A></li>
<li><A href="http://www.kansai-airport.or.jp/flight/index.html">関西空港</A></li>
<li><A href="http://www.fuk-ab.co.jp/">福岡空港</A></li>
<li><A href="http://www.naha-airport.co.jp/international/index.html">那覇</A></li>
<li><A href="http://www.tokyo-airport-bldg.co.jp/php/flight_info/index.php?lang=ja">羽田空港</A></li>
<li><A href="http://www.sp.hkd.mlit.go.jp/outline/roadbuild/chitose.html">新千歳空港</A></li></ul>

</div>

<font color="#333333"> から </div> の間に表示したい内容を差し込みます。

今回は空港のリストを差し込んでありますが,リストする行数が,

「縦のサイズ」を上回らなければ,「スライダー」は現れません。



ブログ内の「部品バランス」が気になる方は,お試しください。

尚,↓↓にコードをTXT_FileでUPして置きますので必要な方はDownloadしてご使用ください。
テキストファイル・Download出来ます
関連記事
  1. トラックバック:0|
  2. コメント:0
  3. カテゴリー:ブログ中級

コメント

コメントを投稿する

コメント:

秘密: (管理者だけに表示を許可する場合)
 

トラックバック

トラックバックURLはこちら
http://choukantan2007.blog81.fc2.com/tb.php/92-4f3151ea
  1. 超簡単無料ブログ・ホームページの作り方「図解付」
  2. > プラグインにスライダーを付ける

スポンサーリンク

 

ブログ運営お役立ちサイト
プロフィール

Author:ドラぇ門
こんにちは! ドラぇ門です。
よく、「ブログ」を作りたいんだけど...
「取っ掛かりが難しくて・・・・・・」
との話を聞きます。
経験者には、何でもない言葉でも、
初心者には、呪文に聞こえます。
そこで、少々乱暴ですが前知識なしで、ブログを作って貰つて「ブログの言葉」を自然習得してもらいます。
まずは「ブログ」を楽しんでください。
「文章かけるかしら?」「何を書いたらいいの?」と迷ってるあなた。
大丈夫です! 
はじめはぎこちなくても、すぐに「いい文章」を書けるようになります。
記事ネタも自然に湧いて来ます。
心配しないで、さあ始めましょう!

リ ン ク
メールフォーム

名前(バンドル名でもOK):
メール:
件名:
本文:

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