TOP

小さなメニュー プルタウンメニュー

シリウスサイトではあまり見かけないものの、他では見かけますが..
小さなマスのサイト内に置くプルダウンメニュー
..ですが、

 

ここでは通常皆さんが理解するものと

 

デザインは、ほとんど同じながらもメニュークリックで画像をぺーじ内の
同位置で切り替え表示する 

 

または、ユーチューブ画像を複数保存しておけば、選択ごとに
同位置で切り替えが可能という...
使い方を考えればいろいろ使えるかも
...というプお役立ちのログラムみたいなもんをご案内します

 

 

一つ目

 

通常のリンク発動型メニュー

 

ブログなどにはよく取り付けてあるのを目にしますが、当該記事から
直接関連するサイトやページに移動する手段として配置すれば

 

何とかつかえるかな~?....とは思っています

 

すべてのページに配置する必要もありませんが、その時の
環境で使い分けてみてはいかがでしょう

 

 

以下が取り付け例です
作動をご確認ください

 

 

 

以下コードをコピーしてお使いください

 

URLは 他のサイトかアフィリリンクでも お好きなリンクに入れ替えてください
URLを追加してもOKです

 

<FORM NAME="sirius1">
<SELECT NAME="select1" onChange="if(document.sirius1.select1.value){location.href=document.sirius1.select1.value;}">
<option> ▼ メニューから選択してください</option>
<option value="http://affiliateno1.com/">シリウスカスタマイズ</option>
<option value="http://www.yahoo.co.jp/">Yahoo Japan</option>
<option value="http://www.google.co.jp/">Google</option>
<option value="http://www.goo.ne.jp/">goo</option>
</SELECT>
</FORM>

 

横サイズは、トップテキストの文字数に合わせ拡張されます

 


 

スポンサーリンク

 

 


 

 

 

ファイル読み込み型プルダウンメニューと配置手順

 

 

当サイトご利用のs様より、シリウスに搭載したいという..javascriptの
依頼があり、皆さんがすぐに使うかは不明ですが、いつの日かに...

 

必要とするかもしれない....

 

ほとんど備忘録程度はありますが追記しときます

 

初期段階は、メニュー表でしたが、ほとんど使う方もおりませんし

 

で、画像やユーチューブも使えるに変更しましたら何に使っているかは

 

全然知りませんが利用者多いみたいです

 

 

DEMOをここに置きたいんですけど構造上、事情がありもう少し
下においてます

 

 

ここから解説

 

 

まず、DEMOをご確認ください

 

スタート

画像選択してください?

 

 

 

ご確認いただけましたか?

 

 

画像を置いてますが、ユーチューブでも可能です

 

ユーチューブなら、表示で即作動する自動再生にしてくださいね

 

例に限らずですが、この手法を使えばほかにもいろいろ使用法は
あると思いますが、それは自己判断でカスタマイズされてください

 

 

取り付け方法

 

その前にこの仕組みはシリウスに限ることかもしれませんが
特殊事情がっ御座いますのでそれも含めてお勧めします

 

読み込みコード
以下の記載は、ページの最下部置いてください

 

<div id="panbase"><p class="pan">スタート</p></div>
<div id="plbase" class="clearfix">
<p>画像選択してください?</p>
<div id="plu">
<form action=".">
<select onchange="document.getElementById('pulldown'+pulldownNo).style.display='none';document.getElementById('pulldown'+(pulldownNo=(this.selectedIndex+1))).style.display='block'">
<option selected>以下でご確認ください</option>
<option>画像1</option>
<option>画像2</option>
<option>画像3</option>
</select>
</form>
</div>
</div>

 

メニューを増やす場合は記述の追加

 

 

 

画像を配置している記述のソース

 

読み込みの順位は、メニューの1が、ソースでは2になります
一つ、ずれるのですね

 

<% textTitle2 %>
ここから
<div id="tabbase2">

 

<script type="text/javascript">
var pulldownNo=1;
</script>

 

<div id="pulldown1"></div>
<div id="pulldown2" style="display:none">

 

 

<table cellpadding="0" cellspacing="0">

 

<img src="<% pageDepth %>img/fotolia_50509577_xs.jpg" style="width:390px;" alt="" />

 

</table>
</div>
<div id="pulldown3" style="display:none">
<table cellpadding="0" cellspacing="0">

 

<img src="<% pageDepth %>img/aikyatch1.jpg" style="width:390px;" alt="" />

 

</table>
</div>

 

<div id="pulldown4" style="display:none">
<table cellpadding="0" cellspacing="0">

 

<img src="<% pageDepth %>img/ahcoduhcdhicdhci.jpg" style="width:390px;" alt="" />

 

</table>
</div>
</div>
ここまで
<% textBody2 %>

 

 

 

トップのプルメニューは記事内に置きますが、読み込まれるコードは
シリウスの記事内においても不動で動きませんので、呼び出すメニューを置く
該当HTMLへ置くのですが、置く場所にご注意です

 

 

ページ内メニューは、巻末へといいましたが、呼び出される場所は、
なぜかページの最上部となるのです

 

ですので、サイト下部に出現させるためには、シリウスの記事2が
該当します

 

でも、記事挿入の2へおいても出現しないので

 

HTMLテンプレート内の

 

<% textTitle2 %>

 

ここにおいてください

 

<% textBody2 %>

 

 

HTMLテンプレートへ置いたら、どこのページでも表示されてしまう?

 

という不安もあるでしょうが、構造上呼び出しをしなければ現れないので
ご心配なく

 

 

で、<% textTitle2 %>に置けば記事1より下の記事2に表示されるので
読者様には全然わからないことですがちょうどよい位置になるのです

 

 

 

ページトップに戻るリンクは、記事2で書き込んでください

 

ページトップ
コード読み込み&リンク可能なプルダウンメニュー簡単取り付けコード
シリウスの番外編カスタム&はてな?と思うご利用方法
シリウスカスタマイズTOP

コード読み込み&リンク可能なプルダウンメニュー簡単取り付けコード関連解説
シリウスをエディタ代わりに有効活用
シリウスでサイトを作るばかりじゃなく HTMLやワールドプレスなどでブログ サイト作る際は シリウスを補助エディタとして有効に活用してみましょう
コンテンツを守る方法 ノーコピーライト
あなたがせっかく苦労して築き上げたコンテンツサイト ある日ネット上で自分のサイトそくっくりのコンテンツを見つけてびっくり!こんなことありませんか?
コピー防止(ガード)記述コード
コピー防止(ガード)記述コードを複数掲載しています、また設定の際のご注意ごと、解除する情報も付け加えております
おちゃめなボタンを設置してみる
読者に遊び心を訴えるおちゃめなボタンを設置してみましょう
シリウスの記事を縦書きにする
シリウスの記事挿入は通常左から右へですね  しかし 詩集や俳句ですと??? 縦書きとなります 縦書き? できました 詳細はこちらです
読者へプレゼント素材集
貴方のサイトに訪れた方へ 良いアプリ?か便利ツールか プレゼントしましょう 探すのは大変でもあれば便利と言うのですね! をご案内しております
シリウスに配置した画像の上に記事を書くカスタマイズ
シリウスサイトの記事上に配置した画像の上に編集ソフトなど使わずとも記事を書く事ができます 重ね表示する方法でカスタマイズします
シリウスにヤフーとグーグルの公式検索窓追加カスタマイズ
シリウスサイトにヤフーとグーグルの公式検索窓を追加配置するカスタマイズのご案内ですが取り付けても検索順位が上がるわけでもなく自己満足の読者サービスです
プログラミングを学ぼう 
シリウスサイト運営もスムーズに行えるスキルが身に付いたならプログラミングもお勉強しましょう 自分サイトにオリジナルツール取り付けて ライバルなど関係ない世界で稼げるかもしれません
あなたの大事なサイト記事のコピーライト発見ツール
シリウスのカスタマイズ番外編 あなたが精魂込めて考えた大事な記事コンテンツがコピーライトされて使われていたら?もしもに備えてネット上から探し出すことが出来る発見ツール
送信メール内のURLがクリックされたかの確認設定ができるサイト
シリウスサイトでメール登録設定をしている場合でメルマガを発行している方へ メール内リンクがクリックされたかを確認することが出来れば 作成した記事の読者評価が理解できますね サイトサービス
記事テキスト、文字数カウンター
シリウスサイト関連で使える、テキスト文字数カウンター。メルマガに誘導する、またその逆の場合でも使えるかな ブログ記事でも使える記事の文字数をカウンターで調整