リンク
カテゴリ
<   2007年 06月 ( 14 )   > この月の画像一覧
パネルの設置

これで、自動再生&繰り返しのソースの出来上がりって感じでしょうか
<embed src="music.mid" autostart="true" hidden="false" loop="true" type="audio/midi">



embedの属性に height="40"と加えるとコンパクトになりますね
<embed src="music.mid" autostart="true" hidden="false" loop="true" type="audio/midi"height="40">



さらにembedの属性に width="70"と加えるともっと小さくなって邪魔にならないです
<embed src="music.mid" autostart="true" hidden="false" loop="true" type="audio/midi"height="40"width="70">


パネルなんていらない、開いたページだけに音楽を自動で再生させたい方には
<bgsound loop="2" src="music.mid" volume="-1500">


music.mid にアップロードした音楽のURLを入れてくださいね~

*注 エキサイトで設置するには最後のカッコくぐりを外さないと設置できません
[PR]
by sakura_lljp | 2007-06-28 11:43 | ★エキサイトで音楽を流す
カレンダー
b0071783_21535777.jpg

アナさんの画像をお借りしてカレンダーの背景に付けてみました。

CSS編集の下の方にDIV.CAL_BODY {WIDTH: 150PX;TEXT-ALIGN: CENTER;}
があるので{}の中に
background-image:url(イメージ登録したURL);
background-repeat:no-repeat;
background-position:bottom;
追加します

追加するとこんな感じになります。


DIV.CAL_BODY {
            WIDTH: 150PX;
            TEXT-ALIGN: CENTER;
            background-image:url(イメージ登録したURL);
            background-repeat:no-repeat;
            background-position:bottom;
            }


[PR]
by sakura_lljp | 2007-06-21 20:51 | ★カレンダーの編集
コメント欄のスクロール
ん~、解んない(・ω・`)ショボーン
投稿されたコメント欄だけにスクロールバー付けたいけど思うようには行きませんね~
<div class="com_area"></dl>タグ使ってできるかな~って思ったけど
エキサイト特有のこのコメント表示のタグ<$cmtjs$>囲ってみたけど失敗ですね
コメント書くところが表に表示になってないから無理なのかな~
コメント部分全部がスクロールしちゃったよ~ヽ('A`)ノ

これじゃ意味無し!!
[PR]
by sakura_lljp | 2007-06-21 16:55 | ★スクロールボックスの設置
カレンダーの移動
両サイドにメニューバーがあるスキンのカレンダーを右から左に動かすには
HTTML編集の全体のタグに<$calendar type=1$>ってのがあるのでそれを切り取って移動すれば簡単に左に動かせます移動する場所は
<div class=LEFT><$menuleft$></div>のタグのとこです

移動後はこうなります
<div class=LEFT><$calendar type=1$><$menuleft$></div>

<$menuleft$>の左に入れたほうが見た目がいいですね。
[PR]
by sakura_lljp | 2007-06-21 12:08 | ★カレンダーの編集
ワンポイント画像の追加と変更
★tageの表示にポイント画像をつけてみたので紹介します。もとは本文下中央にあったのですがどうも中央のままポイントイメージを追加しようと試みたけど上手く行かなかったので他の方に教えてもらって左の端に表示を移動してポイントの画像つけてみました。
b0071783_8375516.jpg


div.TAGS{margin:10px;text-align:center;}

となってましたので、center を left! important に変更して左端に移動

・tagsとスクローズの間には半角分の隙間を追加するための
 TAGS a{padding-left:0.5em;} を追加

・画像の追加のコードは↓です
.TAGS{
background-image:url("http://pds.exblog.jp/pds/1/200706/20/83/hana-ani02.gif");
background-repeat:no-repeat;
background-position:left center;
padding-left:20px;
margin-top:1em; /*上との記事の間に1行分の隙間を入れる*/
}
・赤字の部分はマイイメージアカウントにイメージ登録してイメージURLをコピーして使います

・変更後はこうなります

div.TAGS {
margin:10px;
text-align:left! important;
}
.TAGS a{
padding-left:0.5em;
}
.TAGS{
background-image:url("マイイメージアカウントにイメージ登録したイメージURL");
background-repeat:no-repeat;
background-position:left center;
padding-left:20px;
margin-top:1em; /*上との記事の間に1行分の隙間を入れる*/
}



★次にメニューにも初めについてる画像から気に入った小さなイメージに変更してみました。
b0071783_8381051.jpg


div.menu_title h3 {
background: transparent url("http://pds.exblog.jp/pds/1/200706/18/83/futaba.gif") no-repeat

赤字の部分を マイイメージアカウントにイメージ登録したイメージURLに変更するだけです
イメージは自分で作るのが一番いいですけど私にみたいに作れない人は素材の配布してるところから自分のPCに入れてから使うと簡単ですね~。
[PR]
by sakura_lljp | 2007-06-20 08:41 | ★ポイントイメージ
スクロールボックスの無駄な空白どうにかしたい!
★カテゴリとかコメントの一覧とかスクロール式にてすっきりしたけど、どうも様子が・・・
 タグのとこみたいに、スクロールの長さよりも表示項目が少ない場合は
 スクロールボックスが出ないで、無駄に空白が・・・・"(ノ_・、)"シクシク
 height=px を max-height=px にしてみたりしましたけどダメみたいで・・・・
 何か他にいい方法は無いのかな~・・・・
とりあえず、実行した変更部分の紹介しますね。

HTML編集で<$mnbody$>のタグを<div class="mbody2"></div>で囲みます
<div class="mbody2"><$mnbody$></div>
  
次にCSS編集に↓追加します
div.mbody2{
         width:200px; height:190px; overflow:auto; overflow-x:hidden;
         overflow-y:auto; text-align:left; padding:0px; margin:0px;
         }



★<前のページ 次のページ>
 の間に、トップに戻るを追加してみましたが、これは結構便利かもですよ~

<前のページ | トップ | 次のページ>

長いページだとトップに戻るの大変ですよね♪
何故にエキサイトには無いのか不思議です。

HTML編集で下のタグの間に<a href="#top" target="_self">トップ</a>を追加します 
<$prepage type=1$><$nextpage type=1$>

<$prepage type=1$>
<a href="#top" target="_self">トップ</a>
<$nextpage type=1$>


あとは仕切りを入れるだけですね仕切りは好きな記号入れるといいですね。
ぽっとさんのページにワンポイントで表示してあったので、そのうちやってみます~。
[PR]
by sakura_lljp | 2007-06-19 18:44 | ★スクロールボックスの設置
エキサイトブログで設置できるプルダウン
★エキサイトブログのメモ帳にプルダウンリンクを設置してみました。

メモ帳編集のメモ帳メニュー編集のところに貼り付けてね

<select onchange="location.href = this.options[selectedIndex].value" >
<option value="">+リンク+</option>
<option value="URL">サイト名</option>
<option value="URL">サイト名</option>
</select>

別窓で開けるといいけどエキサイトブログでは無理みたいですね~。


★ついでに以前の記事もプルダウンにしちゃいました。

<select onchange="location.href = this.options[selectedIndex].value">
<option>以前の記事 </option>
<option>2007年</option>
<option value="http://sakuralljp.exblog.jp/m2007-01-01/">01月</option>
<option value="http://sakuralljp.exblog.jp/m2007-02-01/">02月</option>
<option value="http://sakuralljp.exblog.jp/m2007-03-01/">03月</option>
</select>

http:~は自分のブログのURL入れてください。



以前の記事の手打ちって結構大変なので色々見てたらタグ作ってくれる
サイトがあったので紹介しときます。
記事リンク生成プログラム・・excite「以前の記事」のリンクを生成
[PR]
by sakura_lljp | 2007-06-17 16:30 | ★メニューのプルダウン
色見本
  #d8edc6  #00AA24  #EAFFD3   #ff99cc
  #cc99ff   #ccffff     #ffcccc    #ccffcc
  #37a3a3 #ffccff     #ffead7    #ff0000
  #00ff00   #bcffaa    #0000ff    #ff8500
  #ffd1db   #000000   #00ccff    #ffff00

自分用に好きな色だけチョイスして作ってみました( ´艸`)
[PR]
by sakura_lljp | 2007-06-16 06:13 | ★色見本
タグ色々追加して縦にスクロール~。

★中央           <center></center>   
★文字の大きさと色指定<Font Size=""Color=""> </Font>
★左に動かす <Marquee></Marquee>
★右へ動かす <Marquee direction="right"></Marquee>  
★往復で動かす<MarqueeBehavior="Alternate"></Marquee>
★文字列の移動幅 <Marquee ScrollAmount=""></Marquee>
   (数字の変更で動く早さを調節*大きくするとカクカク動くので注意)
★下から上に動かす<Marquee direction="up"></Marquee>
★上から下に動かす<Marquee direction="down"></Marquee>
★移動する早さ(1000分の1秒) scrollderai=""
★回数指定 loop="" 
★縦幅指定  height=""
★横幅指定  width=""
★中央揃え style="text-align:center"

・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・

<center><Marquee direction="up"ScrollAmount="1"loop="0"scrollderai="200" height="80"width="350"style="text-align:center"><Font Size="4" Color="00AA24">
色んな指令の文字列が追加できます
スクロールの回数指定
移動の早さ、縦横の幅の設定
文字の色と文字の大きさ
</Font></Marquee></center>

 


色んな指令の文字列が追加できます
スクロールの回数指定
移動の早さ、幅、
文字の色 文字の大きさ

・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・

 text-align:left;に変更すると左揃えになります




色んな指令の文字列が追加できます
スクロールの回数指定
移動の早さ、幅、
文字の色 文字の大きさ

[PR]
by sakura_lljp | 2007-06-14 17:13 | ★文字をスクロールさせる
文字を囲んだ四角いボックス
スクロールバー付きのボックス
<p style="width:450px;height:100px;background-color:#ff9;overflow:scroll;">
</p>


overflow・・・・ボックスから文章がはみ出した場合の処理の方法を指定
scroll・・・・・・・ボックスにスクロールバーが表示されますが、文章がはみ出さない場合でも常にスクロールバーが表示されてしまいます。
・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・( ´艸`)


・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・
枠線無しで色付きのボックス
<p style="background-color:#d8edc6;width:490px;height:100px;"></P>

<p style="background-color:#d8edc6;width:490px;height:100px;">文字はここに書きます。色や枠の大きさは数字を変えて好みの大きさに変更</P>


・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・
枠線を指定したボックス
<p style="border-style:double;width:300px;"></p>



<p style="border-style:groove;width:300px;"></p>



<p style="border-style:ridge;width:100px;"></p>



<p style="border-style:solid;width:400px;"></p>



<p style="border-style:inset;width:200px;"></p>



<p style="border-style:outset;width:200px;"></p>



<p style="border-style:dotted;width:200px;"></p>



<p style="border-style:dashed;width:200px;"></p>


[PR]
by sakura_lljp | 2007-06-14 14:09 | ★文字を箱枠で囲む
  |  トップ  |  


リンク
スキン編集のテキスト
その他のジャンル
以前の記事
ファン
記事ランキング
ブログジャンル
画像一覧

 Maplestory 花梨サーバー イベント&活動日記 リンクフリーです