chocolat☆petit☆Select テンプレート『chocolat_lemon1

2008/04/22(火)

テンプレート『chocolat_lemon1_2cr』を作成・共用テンプレートに申請しました。
かわいがってやってくださいm(._.*)mペコッ

素材提供サイト様

サンプル

お気に召したら使ってやってください。ただし利用規約が守れる方のみとさせていただきます。

HTML編集欄

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=EUC-JP">
<meta http-equiv="Content-Style-Type" content="text/css">
<meta http-equiv="Content-Script-Type" content="text/javascript">
<meta name="author" content="<%author_name>">
<meta name="description" content="<%introduction>">
<title><%blog_name> <%sub_title></title>
<link rel="stylesheet" type="text/css" href="<%css_link>" media="screen,tv" title="default">
<link rel="alternate" type="application/rss+xml" href="<%url>?xml" title="rss">
<link rel="top" href="<%url>" title="トップ">
<link rel="start" href="<%url>" title="最初の記事">
<link rel="prev" href="<%preventry_url>" title="<%preventry_title>">
<link rel="next" href="<%nextentry_url>" title="<%nextentry_title>">
</head>
<body>

<div id="all">

<div id="header">
<div id="admin"><a href="<%url>?admin"  target="_self" title="管理画面へ">: Admin :</a></div>
<h1><a href="<%url>"><%blog_name></a></h1>
<h2><%introduction></h2>

<div id=calendar>
<div class="header_line">

<a href="<%prev_month_link>"><%prev_year>年<%prev_month>月 &laquo;</a>　

<span class="day"><%days></span>

　<a href="<%next_month_link>">&raquo; <%next_year>年<%next_month>月</a>

</div></div>

</div>
<div class=shadow_b></div>

<div class="entry-body">
<%topentry_body>


<p class="entry-more"><a href="<%topentry_link>#more" title="<%topentry_title>の続きを読む">more... &raquo;</a></p>


<a name="more" id="more"></a>
<%topentry_more>

</div>

<div class="state">
<a href="<%topentry_link>" title="<%topentry_title>">
<%topentry_year>/<%topentry_month>/<%topentry_day>(<%topentry_youbi>)</a>&nbsp;|&nbsp;
<a href="<%topentry_category_link>" title="カテゴリ「<%topentry_category>」の記事一覧"><%topentry_category></a>&nbsp;|&nbsp;

<a href="<%topentry_link>#comments" title="<%topentry_title>にコメント">comment&nbsp;(<%topentry_comment_num>)</a>&nbsp;|&nbsp;



<a href="<%topentry_link>#trackbacks" title="<%topentry_title>にトラックバック">trackback&nbsp;(<%topentry_tb_num>)</a>&nbsp;|&nbsp;


<a href="#all" title="page top">page top&nbsp;↑</a>
</div>

</div>
<div class=shadow_b></div>

<div class="entry">
<h4>Archives　：　<%now_year>年<%now_month>月の記事一覧</h4>
<div class="entry-body">
<ul>

<li><a href="<%topentry_link>"><%topentry_title></a> - <%topentry_year>/<%topentry_month>/<%topentry_day></li>

</ul>
</div>
</div>
<div class=shadow_b></div>

<div class="navi">&laquo; <a href="<%preventry_url>"><%preventry_title></a> | <a href="<%url>">ホーム</a> | <a href="<%nextentry_url>"><%nextentry_title></a> &raquo;</div>

<div class="entry">
<h4><%comment_mail+name></h4>
<div class="entry-body">
<%comment_body></div>
<div class="state">
<%comment_year>/<%comment_month>/<%comment_day>(<%comment_youbi>) <%comment_hour>:<%comment_minute>:<%comment_second> | <%comment_url+str> | [ <a href="<%comment_edit_link>">EDIT</a>]</div>
</div>
<div class=shadow_b></div>

<div class="entry">
<h4>コメントの投稿</h4>
<div class="entry-body">
<form method="post" action="./"><BR>
<input type="hidden" name="mode" value="regist">
<input type="hidden" name="comment[no]" value="<%pno>">
<label for="name">NAME:</label><br>
<input id="name" type="text" name="comment[name]" size="30" value="<%cookie_name>"><br>
<label for="mail">MAIL:</label><br>
<input id="mail" type="text" name="comment[mail]" size="30" value="<%cookie_mail>"><br>
<label for="url">URL:</label><br>
<input id="url" type="text" name="comment[url]" size="30" value="<%cookie_url>"><br>
<label for="comment">COMMENT:</label><br>
<textarea id="comment" cols="60" rows="8" name="comment[body]"></textarea><br>
<label for="pass">PASS:</label><br>
<input id="pass" type="password" name="comment[pass]" size="20"><br>
<label for="himitu">SECRET:</label><br>
<input id="himitu" type="checkbox" name="comment[himitu]">管理者にだけ表示を許可する<br>
<p><input type="submit" value="送信"></p>
</form></div></div>
<div class=shadow_b></div>

<div class="entry"><h4>コメントの編集</h4>
<div class="entry-body">
<form method="post" action="./"><BR>
<input type="hidden" name="mode" value="edit">
<input type="hidden" name="mode2" value="edited">
<input type="hidden" name="edit[rno]" value="<%eno>">
<label for="name">NAME:</label><br>
<input id="name" type="text" name="edit[name]" size="30" value="<%edit_name>"><br>
<label for="mail">MAIL:</label><br>
<input id="mail" type="text" name="edit[mail]" size="30" value="<%edit_mail>"><br>
<label for="url">URL:</label><br>
<input id="url" type="text" name="edit[url]" size="30" value="<%edit_url>"><br>
<label for="comment">COMMENT:</label><br>
<textarea id="comment" cols="40" rows="8" name="edit[body]"><%edit_body></textarea><br>
<label for="pass">PASS:</label><br>
<input id="pass" type="password" name="edit[pass]" size="20"><br>
<label for="himitu">SECRET:</label><br>
<input id="himitu" type="checkbox" name="edit[himitu]">秘密にする<br>
<p>
<input type="submit" value="送信"> 
<input type="submit" name="edit[delete]" value="削除">
</p></form></div></div>

<div class="entry"><h4><a name="trackback">トラックバック</a></h4>
<div class="entry-body"><BR>
トラックバックURL:<FORM><INPUT size="50" type="text" value="<%trackback_url>"></FORM>
</div></div><div class=shadow_b></div>

<div class="entry">
<h4><a href="<%tb_url>" name="trackback<%tb_no>"><%tb_title></a></h4>
<div class="entry-body"><%tb_excerpt></div>
<div class="state">
<%tb_year>/<%tb_month>/<%tb_day>(<%tb_wayoubi>) <%tb_hour>:<%tb_minute>:<%tb_second> | <a href="<%tb_url>" title="「<%tb_title>」のトラックバック発信元" target="_blank"><%tb_blog_name></a></div></div>
<div class=shadow_b></div>

<div class="navi">
<a href="<%prevpage_url>">前のページ</a>&nbsp;|&nbsp;<a href="<%nextpage_url>">次のページ</a></div>

</div>

<div id="right">

<div class=plugin>
<dl>
<dt style="text-align:<%plugin_first_talign>"><%plugin_first_title></dt>
<dd style="text-align:<%plugin_first_ialign>"><%plugin_first_description></dd>
<dd style="text-align:<%plugin_first_ialign>"><%plugin_first_content></dd>
<dd style="text-align:<%plugin_first_ialign>"><%plugin_first_description2></dd>
</dl>
</div>
<div class=shadow_b></div>

<div class=plugin>
<dl>
<dt style="text-align:<%plugin_second_talign>"><%plugin_second_title></dt>
<dd style="text-align:<%plugin_second_ialign>"><%plugin_second_description></dd>
<dd style="text-align:<%plugin_second_ialign>"><%plugin_second_content></dd>
<dd style="text-align:<%plugin_second_ialign>"><%plugin_second_description2></dd>
</dl></div>
<div class=shadow_b></div>

<p>プラグインにのみ対応</p>

</div>

<div id="footer">
copyright &copy; 2005 <%blog_name> all rights reserved. powered by <a href="http://blog.fc2.com/"  target="_blank">FC2ブログ</a>.<br>
<%ad> <%ad2><br>
template designed by <a href="http://chocolatwk.blog40.fc2.com/" title="しょこら" target="_blank">chocolat</a>　photo by<a href="http://hw001.gate01.com/karinko1" target="_blank">+ karinko +</a><br>
</div>

</div>

</body>
</html>

スタイルシート編集欄

* {
margin: 0px;
padding: 0px;
font-family: Georgia,Verdana,"Comic Sans MS", Osaka,sans-serif, "MS UI Gothic";
line-height: 180%;
SCROLLBAR-TRACK-COLOR:#ffffff;
SCROLLBAR-FACE-COLOR:#ffffff;
SCROLLBAR-ARROW-COLOR:#909090;
SCROLLBAR-3DLIGHT-COLOR:#909090;
SCROLLBAR-DARKSHADOW-COLOR:#909090;
SCROLLBAR-HIGHLIGHT-COLOR:#ffffff;
SCROLLBAR-SHADOW-COLOR:#ffffff;
}

body {
text-align: center;
color:#7e7c38;
font-size : 8pt;
voice-family : "\"}\"";
voice-family : inherit;
background-color: #ffffff;
}

textarea {width : 90%;font-size : 8pt;}

a {color: #7e7c38;text-decoration: none;}
a:hover{color: #a69543;POSITION: relative; TOP:2px; left: 2px;}

img {border: 0px;}

.shadow_b {
background-image: url(http://blog-imgs-21.fc2.com/c/h/o/chocolatwk/shadow909090_b.gif);
background-position: top left;
height: 5px;
background-repeat: repeat-x;
}

#all {
text-align: center;
width: 820px;
position : rerative;
}

#left {
float : left;
text-align: left;
width : 630px;
margin-right: -60px;
z-index: 0;
}

#right {
float: right;
text-align: right;
width: 250px;
z-index: 1;
padding-top: 20px;
}

#header {
z-index: 0;
width : 628px;
height : 150px;
text-align: center;
background-image: url(http://blog-imgs-21.fc2.com/c/h/o/chocolatwk/lemon1_h.jpg);
background-repeat: no-repeat;
background-attachment: fixed;
background-position: top left;
border: 1px solid #909090;
}

div#footer {
clear: both;
letter-spcing: 1px;
text-align: right;
border-top: 2px solid #909090;
padding: 5px 7px 5px 0px;
margin-top:10px;
width: 800px;
color:#909090;
}
#footer a{color:#909090;}
#footer a:hover{color: #000000;POSITION: relative; TOP:2px; left: 2px;}
/* ------------タイトルー--------- */

h1 {
padding: 10px 0px 0px 0px;
font-weight: bolder;
font-size: 15pt;
text-align: center;
color:#7e7c38;
}
h1 a {color: #7e7c38;}
h1 a:visited {color: #7e7c38;}

h2 {
padding: 5px 0px 0px 0px;
font-weight: normal;
font-size: 10pt;
text-align: center;
color:#7e7c38;
}

#admin {
text-align: right;
font-size : 7pt;
padding-right: 5px;
padding-top: 5px;
}

/* ------------記事ー--------- */
.entry {
z-index: 0;
margin: 30px 0px 0px 0px;
overflow: hidden;
border: 1px solid #909090;
background-image: url(http://blog-imgs-21.fc2.com/c/h/o/chocolatwk/lemon1_t.jpg);
background-repeat: no-repeat;
background-position: 400px 0px;
}

h3 {
z-index : 0;
color:#7e7c38;
margin: 5px 10px;
padding: 0px 50px 5px 10px;
font-size: 10pt;
font-weight: bolder;
text-align: left;
border-bottom: 1px dotted #909090;
}

.entry-body {
z-index : 0;
text-align: left;
margin: 5px 15px;
padding-right: 50px;
}

.entry-body img{margin:7px;}

.entry-more
{
margin: 0px 10px;
adding: 0;
text-align: right;
}

.state {
margin: 10px;
padding: 5px 50px 0px 5px;
border-top: #909090 1px dotted;
font-size: 7pt;
text-align: right;
}

.navi {
margin: 5px 0 30px 0;
padding: 0;
font-size: 8pt;
text-align: center;
}

h4 {
color:#7e7c38;
margin: 0px;
padding: 10px 5px 5px 10px;
font-size: 10pt;
font-weight: bolder;
text-align: left;
}

ul {
padding: 0px 5px 5px 10px;
}

/* ------------カレンダー--------- */
#calendar {
margin: 20px 50px 0px 5px;
text-align : center;
font-size: 7pt;
width; 400px;
padding: 2px 0px;
color:#a0a0a0;
}
#calendar a{color:#7e7c38;}

#calendar .day{
padding:0 2px;
}

/* ------------プラグイン--------- */

.plugin {
z-index: 1;
padding: 0px 5px 5px 5px;
border: #909090 1px solid;
background: url("http://blog-imgs-21.fc2.com/c/h/o/chocolatwk/lemon1_p.gif") no-repeat top left;
background-color: #ffffff;
overflow: hidden;
}

div.plugin dt {
color:#7e7c38;
padding: 10px 0px 0px 10px;
font-size:  10pt;
font-weight: bold;
}

div.plugin dd
{
margin: 0px 5px;
padding: 0 5px 0px 5px;
background: transparent;
}

div.plugin dd ul {
margin-left: 10px;
padding: 5px 0 5px 5px;
}

div.plugin dd ul li {
padding: 2px 0;
}

div.plugin dd div {
margin: 0;
padding: 5px 0px;
}

/* ------------汎用--------- */
input {font-size: 8pt;}

textarea,select,input { 
font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku GothicPro","Osaka","Helvetica","Arial","Verdana","ＭＳ Ｐゴシック",sans-serif; 
} 
br { letter-spacing : normal; }

テンプレート詳細 | トラックバック(0) | コメント(1) | URL .

« brimiant - ワンピース | ホーム | テンプレート『chocolat_flower1_2cl』作成 »

ド素人です

はじめまして。
先ほど、こちらのテンプレお借りしたのですが
なぜか絵文字と文章の位置がズレてしまいます。
全くの初心者で原因はわかりません。
本文の行間が広いようにも思いますが・・・
ＨＴＭＬのことも全くわかりませんが、好みに
編集することはできますでしょうか？
教えてください。よろしくお願いします。

2008/05/11(日) 23:17:43 | URL | [ 編集]

コメントの投稿

トラックバック

トラックバックURL:

1.在宅ワークの種類
2.事前準備
	2-1.メールアドレスの取得
	2-2.換金方法の決定
	2-3.中心となるサイトの決定
	2-4.ポイントおまとめサイト
	2-5.口座開設
3.登録登録登録！
4.ブログで紹介してポイントゲット

しょこらが好きなものを集めたブログです。
今はテンプレート作成とファッションアイテム集めに夢中☆
しょこらが好きなもの、あなたのお気に召したら幸いです☆

アイテムリスト

プロフィール

応援してね♪

カテゴリ

在宅ワークって？

リンクについて

最近の記事

最近のコメント

ブログ内検索

リンク

Heart To Heart

RSSフィード

グリムス

メールフォーム

見に来てくれた方

MicroAd

Trend Match

JoyfulClick

ご登録はこちらから

広告主様リンク

しょこらが好きなものを集めたブログです。 今はテンプレート作成とファッションアイテム集めに夢中☆ しょこらが好きなもの、あなたのお気に召したら幸いです☆