ついった
カテゴリー
□ サイトについて □
moon drop
管理人 月神 雫
遊戯王中心、やや女性向け？
ttp://thukigami.yu-nagi.com/
管理人 月神 雫
遊戯王中心、やや女性向け？
ttp://thukigami.yu-nagi.com/
最新記事
□ フリーエリア □
ブログ内検索
昨日地元イベに行ってきました。
いや、本買ってないですけどね！（意味無いネ☆）
だれか、わたしに表闇を下さい。
若しくは万十を下さい。
更に言えば、サタアルを下さい。
まあぶっちゃけてしまうと地元の場合は友人に会うのが主な目的なので…
いや、やっぱ切ないですけどね。
友人に会うのも久々だったので、流れでおうちで遊んでました。
まったりと友人に某ソフトの使用法を解説をし、
そして自分の解説の腕前に絶望しました…。
ベジェ曲線なんて解んねぇ!!むしろ自分が理解出来てない!!（ダメダメ）
友人に、サイトの更新履歴表示に使っているブツのソース聞かれましたので、
私が普段用いているやり方を紹介させて頂きます。
【スタイルシートファイルに記述するもの。】
span.クラス名1 { font-size: 0.89em; }
div.クラス名2 {
width: 180px; height: 60px; padding: 5px;
border-style: solid; border-color: #000000; border-width: 1px;
font-size: 0.89em; line-height:1.3em;
overflow: auto;
border-color: #000000;
scrollbar-face-color: #ffffff;
scrollbar-track-color: #ffffff;
scrollbar-arrow-color: #000000;
scrollbar-highlight-color: #ffffff;
scrollbar-shadow-color: #ffffff;
scrollbar-3dlight-color: #ffffff;
scrollbar-darkshadow-color: #ffffff;
}
【<body>～</body>内に記述するもの。】
<span class="クラス名1">■更新履歴■</span>
<div class="クラス名2">
この部分にに内容を入れて下さい。
（改行は<br>で行って下さい。）
</div>
これで、
横幅180px、縦の長さ60px、パディング5px、太さ1pxの黒1本線
の枠が出来上がります。フォントサイズは0.89emです。
■更新履歴■の部分はspan.クラス名1 { font-size: 0.89em;}の部分を弄ってみて下さい。
「クラス名1」等となっている部分にはアルファベット始まりで、半角英数、ハイフンで
好きな名前を付けて下さい。
また、同じ番号を振ってある部分には必ず共通の名前を指定してください。
初めのうちはスクロールバーも何も無いですが、内容が増えてくると
勝手にスクロールバーが出現します。
上の例でやるとかなりシンプルで切ないものが出来上がってしまいますので
スタイルの部分を色々アレンジしちゃって下さい。特にフォントサイズは相対値で指定
してありますのでサイズが妙になってましたら色々な数値、単位で試してみて下さい。（無責任）
HTML、CSSもまだまだ初心者ですので色々間違った事書いている可能性が盛大にございますので、
あらかじめ御了承下さい。（やっぱり無責任）
いや、本買ってないですけどね！（意味無いネ☆）
だれか、わたしに表闇を下さい。
若しくは万十を下さい。
更に言えば、サタアルを下さい。
まあぶっちゃけてしまうと地元の場合は友人に会うのが主な目的なので…
いや、やっぱ切ないですけどね。
友人に会うのも久々だったので、流れでおうちで遊んでました。
まったりと友人に某ソフトの使用法を解説をし、
そして自分の解説の腕前に絶望しました…。
ベジェ曲線なんて解んねぇ!!むしろ自分が理解出来てない!!（ダメダメ）
友人に、サイトの更新履歴表示に使っているブツのソース聞かれましたので、
私が普段用いているやり方を紹介させて頂きます。
【スタイルシートファイルに記述するもの。】
span.クラス名1 { font-size: 0.89em; }
div.クラス名2 {
width: 180px; height: 60px; padding: 5px;
border-style: solid; border-color: #000000; border-width: 1px;
font-size: 0.89em; line-height:1.3em;
overflow: auto;
border-color: #000000;
scrollbar-face-color: #ffffff;
scrollbar-track-color: #ffffff;
scrollbar-arrow-color: #000000;
scrollbar-highlight-color: #ffffff;
scrollbar-shadow-color: #ffffff;
scrollbar-3dlight-color: #ffffff;
scrollbar-darkshadow-color: #ffffff;
}
【<body>～</body>内に記述するもの。】
<span class="クラス名1">■更新履歴■</span>
<div class="クラス名2">
この部分にに内容を入れて下さい。
（改行は<br>で行って下さい。）
</div>
これで、
横幅180px、縦の長さ60px、パディング5px、太さ1pxの黒1本線
の枠が出来上がります。フォントサイズは0.89emです。
■更新履歴■の部分はspan.クラス名1 { font-size: 0.89em;}の部分を弄ってみて下さい。
「クラス名1」等となっている部分にはアルファベット始まりで、半角英数、ハイフンで
好きな名前を付けて下さい。
また、同じ番号を振ってある部分には必ず共通の名前を指定してください。
初めのうちはスクロールバーも何も無いですが、内容が増えてくると
勝手にスクロールバーが出現します。
上の例でやるとかなりシンプルで切ないものが出来上がってしまいますので
スタイルの部分を色々アレンジしちゃって下さい。特にフォントサイズは相対値で指定
してありますのでサイズが妙になってましたら色々な数値、単位で試してみて下さい。（無責任）
HTML、CSSもまだまだ初心者ですので色々間違った事書いている可能性が盛大にございますので、
あらかじめ御了承下さい。（やっぱり無責任）
PR