ヤプログなどのブログにはmidiなどの音楽ファイルはアップロード出来ませんので、ブログ向けの音楽配信サービスなどを利用するケースが多いでしょう。 blog-tunes (StickOut-Lab運営) などが有名ですね。(使用には登録が必要)
前回に続き、今回はフリースキンの1記事テンプレートのみに使われるヤプログ独自タグです。
フリースキンで見られるヤプログ独自タグには、{$英字文字列$}となっているタイプと<英字文字列></英字文字列>(XMLやHTMLのタグ状のもの)があります。
テンプレートからざっと拾い出して、{$英字文字列$}を主体として一覧にし、簡単な解説付けてみました。ヤプログ改造のお役に立てればと思います。
ただし、見落としなどあるかも知れません。また、通常テンプレートに出てこないような隠しタグも恐らく他に存在するだろうとは思いますが、そういったタグは知りようがないため、この一覧には含まれません。(ヤプログ関係者が情報を横流ししない限りは^^;)
今回は、各テンプレート共通のものとメインテンプレート・アーカイブテンプレートのみで使用されるものです。
当ブログは記事としてヤプログ改造ネタを記しています。 しばしば放置気味となっていますが、気が向いたら記事を増やしていきたいと考えています。ここで紹介している方法が何らかの役に立てば幸いです。 一応以下のご利用条件をご覧ください。
ご利用条件
リンクは自由です。(バナーはありませんが)
また、どの記事にもリンクやトラックバック自由です。
(但し、トラックバックスパムは削除します)
基本的にはカスタマイズのサポートは受付ませんが、各記事内容に関する質問・バグなどには出来る限り対処したいと思います。
当ブログの記事で「2カラム」は2カラムフリースキン(900,901)、「3カラム」は3カラムフリースキン(125,126,127)を指します。 3カラムフリースキンの片側サイドバーを消して2カラム化改造したものは、もちろん「3カラム」に分類されます。
当ブログ記事に掲載のサイドバーに追加登録するタイプのスクリプトの多くは非フリースキン(フリースキン以外のPC用スキン)でも使用可能なはずです。
当ブログではHTML、CSS等に関して正しい用語を用いています。 何でもかんでも「タグ」と表記するような変な日本語を使うヤプログ改造講座やHTML講座などをよく利用されている方は若干勝手が異なると思われますのでご注意ください。
当ブログは改造方法を記載しているだけのため講座と言えるようなものではありません。従って、当ブログのネタはHTML、CSS、JavaScriptなどの勉強には向いていません。
少しずつアニメーション動作しながら開閉する折り畳みです。
昨年暮れに試作して、そのまま放置しておりました。
このメニューはドロップダウン折り畳みメニューのデモストレーション用です。
メニュー内には特にヤプログに依存しない簡単なネタを適当に記しています。
body要素の背景画像を入れ替えます。
スタイルシートに
マウスが文章または画像に乗ったとき説明文のようなもの(ツールチップと言います) を表示します。
サンプル
←サンプル
※ 代替テキスト(img要素では必須)は、画像の表示をサポートしていないブラウザ用に画像の代りとして表示される文章を指定します。ただし、装飾目的の画像(見出しの手前のアイコン等)には不要ですので alt="" とします。 例えば、バナーやサイトのロゴなら alt="サイト名" 。上の例のような場合は alt="★" など適当な記号。
画像の上にマウスカーソルが乗ると別の画像に入れ替わります。
←サンプル
また、次のようにすればリンクに乗ったときアイコンが入れ替わります。
Amenti - Customize Yaplog!
Amenti
IEと一部のブラウザ(Operaなど)は、IE独自のCSSプロパティ
scrollbar-base-color で基準となる一色を指定、または
scrollbar-face-color(表面), scrollbar-track-color(溝の部分),
scrollbar-highlight-color(左上内側), scrollbar-3dlight-color(左上外側),
scrollbar-shadow-color(右下内側), scrollbar-darkshadow-color(右下外側),
scrollbar-arrow-color(矢の部分)
それぞれでスクロールバー各部の色指定をすることが出来ます。
例えば、スタイルシートに次のように記述します。
基準とする一色のみを指定する場合
各部の色を指定する場合
IE6以上は .cur .ico .ani 形式がカーソルとして使用出来ます。 また、Mozilla系ブラウザでは .cur .ico .gif .png などの形式がカーソルとして 使用出来ます。ですので、カーソルの形式は .cur または .ico が望ましいですが、 これらは通常の画像とは異なるためヤプログにはアップロード出来ません。 従って、どこか他のサーバーに置いたものを呼び出すしか方法は無いようです。
カーソルが準備出来れば、スタイルシートに次のようなルールセットを記述します。