Support ― FAQ+ ― おまけ知識 ― ひな形の絵の並びの変え方

　



　→　注意

　　私のサイトにある全てのひな形は、
　　ここにある方法に従って改造してもかまいませんが
　　ひな形によっては禁止されているものもあります。
　　著作権侵害のおそれもあるので、よく確かめてから行って下さい。　　



　　1. 変更したいひな形を右クリックして 「edit」　　または
　　　 　ダブルクリックして開き、「表示」→「ソース」

　「ハムスター」を例にすると
　下のような文字列が表示されます。

<HTML>
<HEAD>
<STYLE>
<!--
BODY {
margin-top:50 px;15
background-position: top left;　　
background-repeat: repeat-x;　　
-->
</STYLE>
</HEAD>
<BODY background="ham.png">　　

</BODY>
</HTML>


　　2. 並びを変えるために8行目の文字を変更します。
　　　　ここでは、「repeat-x;」の「x」の部分を、下に従って
　　　　自分の好きなように設定して下さい。


　　　　→　縦帯にしたい　「y」
　　　　→　横帯にしたい　「x」
　　　　→　背景にしたい　「xy」


　　　　たまに、文字列が改行されていないひな形もありますが
　　　　同じように「repeat-x;」を探して下さい。

　　　　ちなみに「ハムスター」の「x」を「y」に変えると
　　　　こんなひな形になります。



　　3. 余白を変えるために6行目の文字を変更します。
　　　　縦帯のひな形は左に、横帯のひな形は上につけます。
　　　　（青字の部分には注意）


　　　　→　縦帯の余白　　margin-left:30 px;15
　　　　→　縦帯の余白　　margin-top:30 px;15


　　　　ここでは「30」としていますが、具合を見て
　　　　好きなように、使いやすいように変更して下さい。
　　　　ちなみに背景には余白はいらないので
　　　　ただ単純に数字の部分（ここで30にしているところ）を
　　　　「0」に書きなおして下さい。

　　　　また、こんなの面倒だから改行やスペースで余白作るよ…
　　　　って人も「0」にしちゃってOKです。



　　4. 完成
　　　　「ファイル」→「上書き保存」で変更を保存して下さい。
　　　　これで出来あがりです。

　

TOP | HOME