投稿者 | 親記事 |
---|---|
[記事No.655020]素材サイトからのテンプレートについて
|
|
黒やかん
|
フォーラム内の『テンプレートについて』の供述ページなどを読み込み試しましたが、タグのみの表示しかできません。 コードをどう変換すれば、ページに反映するのか御鞭撻宜しくお願いします。 |
投稿者 | スレッド |
---|---|
[記事No.655021]:素材サイトからのテンプレートコード
|
|
黒やかん
|
記事No.655020への返信 http://www5.pf-x.net/~crisfia/_files/old/d03/d03_blue/index.html |
[記事No.655025]Re:素材サイトからのテンプレートについて
|
|
奏
|
記事No.655020への返信 |
[記事No.655034]Re:Re:素材サイトからのテンプレートについて
|
|
黒やかん
|
記事No.655025への返信 body,td,div{line-height:150%;font-size:12px;letter-spacing:0.5;color:#303030;} body{font-family:"MS P Gothic";background-color:FFFFFF;margin:0;} #whole{width:100%;height:100%;background-color:#FFFFFF;border-collapse:collapse;margin:0;padding:0;} #top{width:100%;height:80px;background-color:#FFFFFF;border-collapse:collapse;margin:0;padding:0;} #middle{width:100%;height:30px;background-color:#505090;border-collapse:collapse;margin:0;padding:0;} #bot{width:100%;height:100%;background-color:#FFFFFF;border-collapse:collapse;margin:0;padding:0;} #top-line{width:750px;height:100%;border-collapse:collapse;margin:0;padding:0;} #mid-line{width:750px;height:100%;background-color:#FFFFFF;border-collapse:collapse;margin:0;padding:0;} #bot-line{width:750px;height:100%;border-collapse:collapse;margin:0;padding:0;} #top-left{width:50px;background-color:#505090;text-align:center;vertical-align:middle;border-left:15px #FFFFFF solid;padding:0;} #top-center{width:190px;background-color:#FFFFFF;padding:0;} #top-banner{width:495px;border-right:1px #505090 solid;background-color:#FFFFFF;padding:0;} #mid-left{width:15px;background-color:#505090;padding:0;} #mid-center{width:50px;background-color:#505090;padding:0;filter:alpha(style=1,opacity=100,finishopacity=70);} #mid-right{width:685px;background-color:#505090;padding:0;filter:alpha(style=1,opacity=70,finishopacity=100);} #bot-left{width:50px;background-color:#505090;vertical-align:top;text-align:center;border-left:15px #FFFFFF solid;padding:0;} #bot-center{width:685px;border-right:1px #505090 solid;background-color:#FFFFFF;vertical-align:top;padding:0;} #view{width:100%;background-color:#FFFFFF;border-collapse:collapse;margin:0;padding:0;} #middle a{color:#FFFFFF;text-decoration:none;margin:0 0 0 5px;padding:2px;} #middle a:hover{color:#FFFFFF;border-top:1px #FFFFFF solid;border-bottom:1px #FFFFFF solid;} #bot a{color:#303090;text-decoration:none;margin:0;padding:2px 0 2px 0;} #bot a:hover{color:#9090D0;} h1{font-family:Georgia;font-size:20px;font-weight:bold;color:#303090;margin:0 0 5px 10px;} h2{width:95%;color:#FFFFFF;font-size:12px;font-weight:normal;background-color:#505090;border-left:5px #505090 solid;margin:10px 0 10px 10px;padding:5px;filter:alpha(style=1,opacity=100,finishopacity=50);} div.text1{font-size:12px;color:#303030;margin:0 0 0 20px;} div.topic{width:20%;font-size:12px;color:#303090;margin:0;padding:5px;float:left;border-bottom:1px #505090 dashed;} div.value{width:80%;font-size:12px;color:#303030;margin:0 0 0 10px;padding:5px;border-bottom:1px #505050 dashed;} div.copy{width:100%;font-size:12px;color:#303030;text-align:center;margin:30px 0 0 0;padding:5px;} img{border:0;margin:0;padding:0;} ul{list-style-type:square;margin:0 0 0 40px;padding:0;} |
[記事No.655037]Re:素材サイトからのテンプレートについて
|
|
香
|
記事No.655020への返信 例 ↓ <style type="text/css">セレクタ{プロパティ:値;}セレクタ{プロパティ:値;}セレクタ{プロパティ:値;}</style> これらは本来HEAD間に記述するものですが、フォレストページではHEADの編集ができませんのでレイアウト部に記述することになります。レイアウト部は改行が自動的にbrのタグに変換されてしまいます(ソース上)ので、CSSは改行を入れず詰めて記述してください。 テンプレートをご使用になるならある程度タグやCSSの知識がないと、タグミス直しやカスタマイズができませんので、CSSやHTMLを解説しているサイトや入門書などで仕組みをお調べになることをお勧めします。 |