テンプレート２５携帯ﾎｰﾑﾍﾟｰｼﾞﾌｫﾚｽﾄ

Site Title12345 http://your/site/address さくら、舞う *contents FIRST * MAIN * MEMO CLAP * MAIL * RE: *master なまえ *open 2000/00/00 *ranking rank　rank　rank designed by はくがいがい ------キリトリ------ よくあるデザインだけどはくがいがいは敷き詰め素材メインに配布してるので汎用性はあると思う。(2015/4/5に手直ししました) 「さくら、舞う」のところもどうぞ好きな文句に入れ替えてください。 ※CSSとかタグってどこに貼ればいいの？っておっしゃるフォレストユーザーさんはこちらの解説へどうぞ→CSSとタグの使い方 CSS。フォレスト以外のサーバーをお使いならHEAD部分に貼ってください。 <style type="text/css"></style> タグ。background-image:url(素材URL)の部分、カッコ内に敷き詰め用画像のURLを入れてください。url()は消しちゃだめですからね。 <div style="text-align:center;"><div class="deco" style="border:1px solid #c0c0c0;background-color:#ffffff;color:#000000;width:90%;max-width:300px;margin:0 auto;padding:0;text-align:left;line-height:1.3;"><div style="border-bottom:1px solid #c0c0c0;background-image:url(素材URL);background-repeat:repeat;background-color:#ffe4e1;color:#000000;width:100%;"><br><span style="font-size:x-large;">　Site Title</span><div style="text-align:right;">12345<br>http://your/site/address</div></div><br><div style="width:80%;margin:0 auto;padding:0;text-align:left;"><br><center>さくら、舞う</center><br><br>*contents<br><a href="URL">FIRST</a> * <a href="URL">MAIN</a> * <a href="URL">MEMO</a><br><a href="URL">CLAP</a> * <a href="URL">MAIL</a> * <a href="URL">RE:</a><br><br><br>*master なまえ<br>*open 2000/00/00<br>*ranking<br><a href="URL">rank</a>　<a href="URL">rank</a>　<a href="URL">rank</a><br></div><br><br><div style="text-align:right;">designed by <a href="http://id35.fm-p.jp/291/western442/">はくがいがい</a><br></div></div></div> 文字色■ブラック(#000000) リンクの色■#aa0000 クリック済みリンクの色■#aa5500 クリック中リンクの色■#aa5500 背景色■ホワイト(#ffffff) 使用素材 ------キリトリ------ 　Site Title12345 http://your/site/address さくら、舞う *contents FIRST * MAIN * MEMO CLAP * MAIL * RE: *master なまえ *open 2000/00/00 *ranking rank　rank　rank designed by はくがいがい濃いめの色の素材なら仕切りの線はなくていいと思う。 CSS。 <style type="text/css"></style> タグ。 <div style="text-align:center;"><div class="deco" style="border:1px solid #c0c0c0;background-color:#ffffff;color:#000000;width:90%;max-width:300px;margin:0 auto;padding:0;text-align:left;line-height:1.3;"><div style="background-image:url(素材URL);background-repeat:repeat;background-color:#ffe4e1;color:#000000;width:100%;"><br><span style="font-size:x-large;">　Site Title</span><div style="text-align:right;">12345<br>http://your/site/address</div></div><br><div style="width:80%;margin:0 auto;padding:0;text-align:left;"><br><center>さくら、舞う</center><br><br>*contents<br><a href="URL">FIRST</a> * <a href="URL">MAIN</a> * <a href="URL">MEMO</a><br><a href="URL">CLAP</a> * <a href="URL">MAIL</a> * <a href="URL">RE:</a><br><br><br>*master なまえ<br>*open 2000/00/00<br>*ranking<br><a href="URL">rank</a>　<a href="URL">rank</a>　<a href="URL">rank</a><br></div><br><br><div style="text-align:right;">designed by <a href="http://id35.fm-p.jp/291/western442/">はくがいがい</a><br></div></div></div> 使用素材 ------キリトリ------ 素材を上下に入れてみる。 ↓ 　Site Title12345 http://your/site/address さくら、舞う *contents FIRST * MAIN * MEMO CLAP * MAIL * RE: *master なまえ *open 2000/00/00 *ranking rank　rank　rank designed by はくがいがい CSS。 <style type="text/css"></style> タグ。 <div style="text-align:center;"><div class="deco" style="border:1px solid #c0c0c0;background-image:url(素材URL);background-repeat:repeat;background-color:#ffe4e1;color:#000000;width:90%;max-width:300px;margin:0 auto;padding:0;text-align:left;line-height:1.3;"><br><span style="font-size:x-large;">　Site Title</span><div style="text-align:right;">12345<br>http://your/site/address</div><div style="background-color:#ffffff;color:#000000;width:100%;"><br><div style="width:80%;margin:0 auto;padding:0;text-align:left;"><br><center>さくら、舞う</center><br><br>*contents<br><a href="URL">FIRST</a> * <a href="URL">MAIN</a> * <a href="URL">MEMO</a><br><a href="URL">CLAP</a> * <a href="URL">MAIL</a> * <a href="URL">RE:</a><br><br><br>*master なまえ<br>*open 2000/00/00<br>*ranking<br><a href="URL">rank</a>　<a href="URL">rank</a>　<a href="URL">rank</a><br><br><br></div></div><br><div style="text-align:right;">designed by <a href="http://id35.fm-p.jp/291/western442/">はくがいがい</a><br></div></div></div> ------キリトリ------ 透過素材を使ってオリジナルの色づかいにしてみる。 ↓ 　Site Title12345 http://your/site/address さくら、舞う *contents FIRST * MAIN * MEMO CLAP * MAIL * RE: *master なまえ *open 2000/00/00 *ranking rank　rank　rank designed by はくがいがい背景透過素材を使用。つまり背景が透明の素材ってことです。ですので模様部分の背景の色を自由に変えられます。 CSS。 <style type="text/css"></style> タグ。 background-image:url(素材URL);background-repeat:repeat;background-color:#dcdcf8; ←この部分が現在の素材の背景(青系の色)のカラーコードです。変える場合は#や;などの記号を消さないこと。 <div style="text-align:center;"><div class="deco" style="border:1px solid #c0c0c0;background-image:url(素材URL);background-repeat:repeat;background-color:#dcdcf8;color:#000000;width:90%;max-width:300px;margin:0 auto;padding:0;text-align:left;line-height:1.3;"><br><span style="font-size:x-large;">　Site Title</span><div style="text-align:right;">12345<br>http://your/site/address</div><div style="background-color:#ffffff;color:#000000;width:100%;"><br><div style="width:80%;margin:0 auto;padding:0;text-align:left;"><br><center>さくら、舞う</center><br><br>*contents<br><a href="URL">FIRST</a> * <a href="URL">MAIN</a> * <a href="URL">MEMO</a><br><a href="URL">CLAP</a> * <a href="URL">MAIL</a> * <a href="URL">RE:</a><br><br><br>*master なまえ<br>*open 2000/00/00<br>*ranking<br><a href="URL">rank</a>　<a href="URL">rank</a>　<a href="URL">rank</a><br><br><br></div></div><br><div style="text-align:right;">designed by <a href="http://id35.fm-p.jp/291/western442/">はくがいがい</a><br></div></div></div> 使用素材。背景透過。 [TOPへ] [ｶｽﾀﾏｲｽﾞ] ©フォレストページ