■スレッドリストへ戻る■ 全部 1- 101- 201- 最新50
かちゅ〜しゃをカスタマイズする
- 1 ：なな〜しゃ ：2001/03/28(水) 08:28
- header.htm res.htm newres.htm を書き換えて、ちょこっとカスタマイズしましょう。
そんで見せ合えたら、ちょっと幸せ。
私はこんな感じです。
http://desktopgazou.hypermart.net/cgi/gazou/img20010328002640.gif
- 221 ：しよ〜しゃさん ：2001/04/13(金) 21:11
- (ﾟдﾟ)ｳﾏｰ 大好き〜。
ソース是非ｷﾎﾞﾝﾇ｡
- 222 ：220 ：2001/04/13(金) 21:32
- >>221
header.htm
−−−−−ここから−−−−−
<html>
<head>
<style type="text/css">
<!--
a:link {color: #0066ff ;}
a:visited {color: #663399 ;}
a:hover {color: #ff0000 ;text-decoration: none }
-->
</style>
</head>
<body bgcolor="whitesmoke" style="font-family:'ＭＳ Ｐゴシック'; font-size:12px; line-height:1.3em;">
−−−−−ここまで−−−−−
res.htm
−−−−−ここから−−−−−
<span style=" background-color:rgb(204,204,255); padding:4px; border-width:1; border-color:black; border-style:solid;">
(ﾟдﾟ)ｳﾏｰ</span> &NUMBER 名前 ： <font color="forestgreen">&NAME</font> / &MAIL
<ul>
<p>&MESSAGE</p>
</ul>
<p align="right" style="border-bottom-width:1px; border-bottom-color:black; border-bottom-style:dotted;">投稿日 ： &DATE</p>
−−−−−ここまで−−−−−
newres.htm
−−−−−ここから−−−−−
<span style=" background-color:gold; padding:4px; border-width:1; border-color:black; border-style:solid;">
(･∀･)ｲｲ!</span> &NUMBER 名前 ： <font color="forestgreen">&NAME</font> / &MAIL
<ul>
<p>&MESSAGE
</p>
</ul>
<p align="right" style="border-bottom-width:1px; border-bottom-color:black; border-bottom-style:dotted;">投稿日 ： &DATE</p>
−−−−−ここまで−−−−−
です。
詳しい人に聞きたいんだけど、
タブをいくつか開いた状態でウィンドウをリサイズすると遅くなるのはどのタグのせいですか？
tableを外したんだけど、少ししか早くならなかったよ。
- 223 ：サ骨 ：2001/04/13(金) 21:36
- >>220
<span style=" 〜 を、全部head.htm内に移動。クラス指定する。
タグの量がへるとだいぶ軽くなる…気もする。
- 224 ：220 ：2001/04/13(金) 21:46
- ホントだ。大分違うよ。サンキュー！
- 225 ：220 ：2001/04/13(金) 21:50
- というわけで改訂版
header.htm
−−−−−−−−−−−−
<html>
<head>
<style type="text/css">
<!--
a:link {color: #0066ff ;}
a:visited {color: #663399 ;}
a:hover {color: #ff0000 ;text-decoration: none }
.res {background-color:rgb(204,204,255); padding:4px; border-width:1; border-color:black; border-style:solid;}
.new {background-color:gold; padding:4px; border-width:1; border-color:black; border-style:solid;}
.date {border-bottom-width:1px; border-bottom-color:black; border-bottom-style:dotted;}
-->
</style>
</head>
<body bgcolor="whitesmoke" style="font-family:'ＭＳ Ｐゴシック'; font-size:12px; line-height:1.3em;">
−−−−−−−−−−−−
res.htm
−−−−−−−−−−−−
<span class="res">(ﾟдﾟ)ｳﾏｰ</span> &NUMBER 名前 ： <font color="forestgreen">&NAME</font> / &MAIL
<ul><p>&MESSAGE</p></ul>
<p align="right" class="date">投稿日 ： &DATE</p>
−−−−−−−−−−−
newres.htm
−−−−−−−−−−−
<span class="new">(･∀･)ｲｲ!</span> &NUMBER 名前 ： <font color="forestgreen">&NAME</font> / &MAIL
<ul><p>&MESSAGE</p></ul>
<p align="right" class="date">投稿日 ： &DATE</p>
−−−−−−−−−−−
うーん。大分スッキリした。
さんきゅー ＞サ骨
- 226 ：サ骨 ：2001/04/13(金) 22:33
- ありゃ… もう公開されてた。
ところで>>220 >>225使っても、>>220みたいに
・(ﾟдﾟ)ｳﾏｰ と (･∀･)ｲｲ! に枠が表示されない
・「投稿日」の下のボーダーが点線にならない
ンだけどなんでだろ。当方Win2000+IE5.01SP2
- 227 ：しよ〜しゃさん ：2001/04/13(金) 23:01
- >>226
border-style:solidとborder-bottom-style:dottedが氏んでるってこと？
- 228 ：しよ〜しゃさん ：2001/04/13(金) 23:15
- >>226
IE 5.01はインライン要素にborderを指定しても効かない。効くようになった
のは5.5から。
- 229 ：サ骨 ：2001/04/13(金) 23:20
- >>228
5.5専用なのか…。
----------------------で代用してみよう（笑
- 230 ：しよ〜しゃさん ：2001/04/13(金) 23:37
- >>226
.res {background-color:rgb(204,204,255); padding:4px; border-width:1; border-color:black; border-style:solid;width: 60px ;}
.new {background-color:gold; padding:4px; border-width:1; border-color:black; border-style:solid;width: 60px ;}
ヘッダーを上記と差し替えるとIE5.01SP2でも(ﾟдﾟ)ｳﾏｰ と (･∀･)ｲｲ! にボーダーを表示できますよ。
「名前 : 」とのバランスがIE5.5に比べてちと変ですが(^^;
dottedはIE5.1では再現出来ないみたい。うーん…。
- 231 ：しよ〜しゃさん ：2001/04/14(土) 01:24
- オレンジ色が好きな人
UIゴシックが好きな人へ。
header.htm
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=Shift_JIS">
<meta http-equiv="Content-Style-Type" content="text/css">
<title>header.htm</title>
<style type="text/css">
<!--
body {
background-color:#efefef;
font-family:'MS UI Gothic';
color:#003300;
}
div.infomation{
width:60%;
padding-left:3px;
border-bottom:2px solid #ff9900;
letter-spacing:0.2em;
}
div.message{
margin-top:1em;
margin-bottom:2em;
padding-left:3em;
letter-spacing:0.03em;
}
span.number{
color:#cc6600;
font-size:xx-small;
}
span.name{
color:#666666;
}
span.date{
font-family:'georgia';
color:#993300;
font-size:xx-small;
}
a:link{
font-family:'Tahoma';
text-decoration:none;
text-transform:uppercase;
font-size:x-small;
color:#666666}
a:visited{
font-family:'Tahoma';
text-decoration:none;
text-transform:uppercase;
font-size:x-small;
color:#999999}
-->
</style>
</head>
<body>
- 232 ：231 ：2001/04/14(土) 01:26
- 231の続きです
res.htm
<div class="old">
<div class="infomation">
<span class="number">&NUMBER</span>
<span class="name">&MAILNAME</span>
<span class="date">&DATE</span>
</div>
<div class="message">&MESSAGE</div>
newres.htm
<div class="infomation">
<strong><span class="number">&PLAINNUMBER</span></strong>
<span class="name">&NAME</span>
<span class="mail">&MAIL</span>
<span class="date">&DATE</span>
</div>
<div class="message">&MESSAGE</div>
- 233 ：231 ：2001/04/14(土) 01:30
- ちょっと汎用性に欠けるな・・・
センスも欠けるという話もある。笑
ごめんなさい皆さんのおくちにあうかどうか・・・
- 234 ：しよ〜しゃさん ：2001/04/14(土) 16:20
- simple で見やすいやつです。
http://desktopgazou.hypermart.net/cgi/gazou/img20010414091803.gif
- 235 ：しよ〜しゃさん ：2001/04/14(土) 20:25
- 素朴な疑問なのですが、ブラウザでクッキーをonしないと書き込めない板に
何で書き込めるのですか？
- 236 ：235 ：2001/04/14(土) 20:33
- まちがった、、
- 237 ：ななしよっと ：2001/04/15(日) 06:15
- >>234
（・∀・） ｲｲ!!
- 238 ：しよ〜しゃさん ：2001/04/16(月) 05:35
- >>235
俺もそれわからんけど
どうなんすか?誰かおせーて
- 239 ：サ骨 ：2001/04/16(月) 06:07
- >>238
かちゅ〜しゃが捨てクッキーを吐いている。と思う。
110KB
新着レスの表示
スレッドリストへ戻る 全部 前100 次100 最新50
0ch BBS 2004-10-30