ikanagos diary

ちよっと綺麗に

テンプレ未導入用
共通設定とか壁紙とかスクロールバーは
指定してください。　画像はそのまま使っても
問題ありません。適当に変更してください


/* コメントフォーム */

textarea { border-style:solid; border-width:1px; border-color:#00CC00; background:#fafad2; font-size:10pt; color:#ff00ff; width:380px;}


/* FROM パス　アドレス　タイトルフォーム */

td input { border-style:solid; border-width:1px; border-color:#ff00ff; color:#0000ff; background:#fafad2; font-size:12pt; width:300px;}


/* 投稿ボタン */

div input { border-style:solid; border-width:1px; border-color:#0000ff; color:#ff00ff; background:#ccffff; font-size:12pt; width:50px;}


/* モード 部*/

fieldset {
font-size:11pt;
padding:0.2em;
margin:0.2em;
border-width: 1px;
border-style: solid;
border-color: Royalblue;
background-color: White;
width:500px;
background-image: url("http://www.eclat.cc/theme/sanpo/sq-pink.gif") ;
}

/* モード*/
legend {
border-width: 1px;
border-style: solid;
border-color: red;
color:red;
background-color: #ffffcc;
padding:5px;
margin:0.2em;
}



/* 投稿部テーブル */

table {
width:500px;
background-image:url(http://www.eclat.cc/theme/sanpo/sq-blue.gif);
padding:10px;
margin-top:10px;
border-style:dashed;
border-width:1px;
border-color:#0000ff;
border-collapse: separate; border-spacing: 5px;
}


/* FROM パス　アドレス　タイトル文字部 */
th {
color: #0000ff;
border-style:solid;
border-width:1px;
border-color:#0000ff;
background-image:url(http://www.eclat.cc/theme/sanpo/sq-murasaki.gif);
font-size:10pt;
}



/*ワンポイント画像　コメント画像など入れる場合は下のやつ　115の所は画像の高さ程度　複数のブラウザでチエックできればよいのですが 　なおエラー文字が出ることをお忘れなく　ためしになにも入力しないで投稿してみてください*/


/*エラー文字 */
p {
background:url(画像のアドレス) no-repeat fixed 98% 10px;
padding:5px 0 115px 0;
color:red; /*エラー文字の色 */
}

ねたぎれなのと誰も使わなかったので
もういちど

/* 各掲示板本体全体 */
ul{
list-style-type: none; /* ●を消す */
background-image: url(画像のアドレス) ;
background-repeat: repeat-y;
background-position: 98% 0%;
}

右はしに縦方向にならべてみましたが

background-repeatのところのrepeat-yのほかに
敷き詰める場合　　　repeat
横方向のみ並べる　　repeat-x
縦方向のみ並べる　　repeat-y
ひとつだけ表示する　no-repeat

数値は変えて観て下さい。横方向　縦方向　の順番ですleft right top center bottom 他　数字pxでも指定できます

備考: 今回はbackground-attachment: fixed;ははずしときました。
ブラウザによって原点がちがうようなので

注:導入テンプレートによってはうまくいかないかも

メニューのスクロールにあきたってのはうそだけど

ただの思いつき(^_^;)

gooの足跡　付けてみた　重かったらまたはずしますが
でどこに付けたか気が付きましたか

メニューの右側です

メニュー左下の編集において

<div class="gooashiato">
ここに発行されたタグ
</div>

を追加
デザインの変更　メニュー　に

/* goo足跡 */
.gooashiato {
position:absolute; top:10px; left:300px;
}


ついでにオナーリンクも右にやってみました


/* オーナーリンク */
.for-owner {
position:absolute; top:550px; left:300px;
}


位置をかえるのはほかにもいろいろやり方がありそうですが
数値は適当に設定して下さい。

フォーラム　メンテ中　だって

このとこの荒れようはすざまじかったようですね
フォーラムは重くてみれない時がおおいけどそのせいかな

見え方がぜんぜん変わってしまう場合が
あります。
CSSはやはりむずかしい(^_^;)
PCが古すぎてIE7が使えない為確認できない(^_^;)
いちよ IE6 firefox opera NN7.1 では確認してるけど
肝心のIE7で確認できないので　これからはあまり人に教える
ことはできないなぁ
Macなんかはかなりデザインがくずれるらしいけど　どうなんだろう
回避策として　CSSハック　なる存在　検索してみたがどこか
まとまったよいページはないのだろうか　

繋いだら重かったけど
まだ治ってなかったか　
ここは管理人さん早くきづいてくれることを
願うのみ　

管理人さんのページってあったよね
どこだったかなぁ(^_^;)

自分の掲示板で
連続する半角英数字が改行されなかったんですが
やっぱ素人がいいかげんに作るとあとでいろいろと
問題がでてきますなぁ

IE6の場合は文字はとびださないのですが
幅を指定しているにもかかわらず幅がかってに広くなって
しまっていた。

Mozilla系の場合は文字が飛び出してしまっていた。

サポートを書く場合がよくあるので
このままのほうがいいかとは思っていたけど

ちよっと検索してみたら
いろいろ出てくるようである

簡単そうなのをつけてみた

IE6の場合　word-break:break-all;　改行された。

Mozilla系の場合はよくわかんなかったのでとりあえず
　overflow:auto;　でスクロールバーを出すことにした。

セレクタは省略　指定できるところが沢山あるので(^_^;)

(オーストラリア人作家　エミリー・ロッダの児童向けファンタジー小説「デルトラ・クエスト」が原作のTVアニメ。)

土曜日の朝にやっているアニメがなんかオーソドックスRPG
ゲーム風で面白い
新しいテーマソングがすごくよくて気に入ってしまいました。
英語の歌だけど(^_^;)

指定してない人が多いですね　

僕はひねくれているのでウィンドウズの設定で
背景色は別の色にしています。素材作りをしていたせいもあるけど

なので壁紙なしの場合　白背景色を指定してないページに行くとあれって思ってしまう。

とほほさんも指定してないよ(^_^;)

やっぱり俺が悪いのか

めずらしくメールが(^_^;)

日頃より使えるねっとをご利用いただき誠にありがとうございます。
「無料サービス」および「もっと使える無広告サービス」をご利用のお客様へ重要なお知らせです。
誠に勝手ながら2008年3月末を持ちまして、今まで提供して
参りました「無料サービス」および「もっと使える無広告サービス」を
終了とさせていただきます。長年のご愛用ありがとうございました。

ここではcgiの設置で随分お世話になってので
なんか無くなってほしくなかったなぁ
管理人はオーストラリア人だったけブランクはあるけど
有料も含めてながいことお世話になった。

どこかcgiとPHPが設置できると探さないとなぁ

リンクページをひさしぶりに更新したんですが

最近ぜんぜんやってないのでけっこう変わって

ますねぇ　やっぱりタレントやアニメ　映画なんか

が多いですね。　今行ってもルールもわかんないだろうな

西陣の花満開　デモをみたらなんか綺麗だった　なつかしい機種の続編
まだリーチとかみれなかった　
http://www.nishijin.co.jp/jp/product/index.html

高尾のグレムリン　なつかしい映画です。　ギズモがかわいいのだ
http://www.takao.gr.jp/Machine/NewMachine/gremlins/index/index_s.html


このメーカーの出す機種はなんか好きだったんだよ　あまり人気ないけど
サンセイアールアンドディのまじかるタルるートくん
http://www.sansei-rd.com/products04/taruru/seihin.html


藤商事のCR宇宙戦艦ヤマトの動画でもみてみるか

http://www.fujimarukun.co.jp/products/new_machine.php

いろいろ問題になっていたsankyoから出ていた大ヤマトとは別ものですね
というかこっちがテレビでやってたほうかな

壊れました(^_^;)

自分専用のやつだけどことしで12年ぐらいかな
画面が真っ黒で音声のみ

いままでテレビってまともにこわれたのはこれが
はじめてです。

こないだ最新のやつ買ったとき
もう一台お金払って引き取ってもらったのに
まだ写ってたのに(^_^;)

また買う余裕がないので押入れから昭和のテレビを
ひっぱりだしてきてセットした。さすが昔のやつは
丈夫ですなぁ木枠ってのもいい。写りはなんともないです
ただ衛星なんかあるわけない　ビデオ端子すらない(^_^;)

今は大殺界ど真ん中どんどん失う時なのか
あと二年は長すぎる　もっといい占いしてくれ

@import url("common.css");

って共通設定のスタイルシートを呼び出してるわけだけど

common.css　でなくてもhttpから書けば

そこのスタイルシートが導入できるのです。これはいいようで

勝手に使われる可能性もありますね

直リンクできる自分のスペースがあればいろいろためせたり
便利なこともあるけど

でrenameって便利だね
定期的に同じ大きさの画像をアップするのに
まえのを上書きというかupdateして
renameで同じ名前つければcss変えなくてすむから

画像と関係ないタグは省略しました
日記と掲示板の記事タイトル部に画像
画像は変えて下さい



/* 掲示板各タイトル部*/
.title{
background-image: url(http://www.eclat.cc/home/ikanago/files/neko04c.gif);
background-repeat: no-repeat;
background-position: 98% 95%;
}



/* 日記　記事タイトル部 */
.entry_title{
background-image: url(http://www.eclat.cc/home/ikanago/files/neko04c.gif);
background-repeat: no-repeat;
background-position: 98% 95%;
}

なんかほかの人は過去の記事をセンターにもってきている人が多いので真下に画像を変えました。
ついでに足跡ページみたくして並べました

ついでに今朝　いつまでも正月気分ではいけないので
右端の画像もちっちやいやつに変更した。

画像はあとで変えて下さい。


/* 過去の記事　ページめくり*/
#navigation {
background:url(http://www.eclat.cc/home/ikanago/files/shellfish01.gif) repeat-x 50% 20px;
padding-bottom:30px;
font-size:11pt;
text-align:center;
}


/* 各掲示板本体部全体 */
ul{
list-style-type: none; /* ●を消す */
background-image: url(http://www.eclat.cc/home/ikanago/files/fairy2.gif) ;
background-repeat: repeat-y;
background-position: 98% 0%;
background-attachment: fixed;
}

改造実験中　だけどビジュアル系のスタイルシートになってくると
なんかむずいぞ(^_^;)　この辺であきらめて元にもどすかな

昨日はなんでもなかったのに
今日みるとセレクトフォームの文字が化けて見えなくなった(^_^;)

なんか感染でもしたのだろうか しょうがないのでfirefoxで編集するしかないのか

どうしたら治るのだろうか

フォントキャシュを削除しても治らず
いろいろやってたらいつのまにか治ってたなんだったんでしょう
他のHPではなんでもなかったのにエクラのセレクトだけで
不思議なこともあるもんだ。おかげで一時間近くむだに終わった

今回はページめくりの所と　本体部全体の所です。

まだタイトルとかそのへんにも貼れますが(^_^;)

すでに画像がいっぱいでリンク集のバナーをすべてやめて
画像をアップして実験しました。

でめんどくさいのでそのまま載せておくので
勝手にどうにかしてください。配布も自由ですが
すべてにおいて責任もてません。



/* 各掲示板全体 */
ul{
list-style-type: none; /* ●を消す */
background-image: url(http://www.eclat.cc/home/ikanago/files/7_fune1.gif) ;
background-repeat: repeat-y;
background-position: 98% 20px;
background-attachment: fixed;
}


/* 過去の記事　ページめくり ここはNN7.1で表示させるには両方%表示がいいみたい*/
#navigation {
background:url(http://www.eclat.cc/home/ikanago/files/kisetu.gif) no-repeat 50% 0%;
padding-bottom:30px;
}



画像は自分の物に必ず変えて下さい

background-imageを使ったりbackgroundを使ったり一貫性が
まるでないですねぇ

どんな画像を使いどのように並べたり敷き詰めたりするかは
各人のセンス次第です