エトゥ日記:無題テンプレート（3 カラム）

2008年10月13日

無題テンプレート（3 カラム）

無題

「てぃーだでこれ使いたい」とコメントしてきた人。

微妙に違うの作ったんで present for you。
持ってきたい時に持ってくと良いっすよ。
気に入ってくれると良いんすけどね。

私は丸パクリしないんで、もしも「全く同じものが良い」とかだったら、もう自分で作るしかないっすね。

■ ちゃんと読むんスよ ■

※登録は、管理画面の【テンプレート】の【カスタマイズ】からやって下さいっすよ。
　「それは管理画面のどこにあるの？」とか THE 超初心者な質問は華麗にスルーしまス。
　てぃーだブログのマニュアルを見るか、てぃーだ事務局に問合せすると良いっすよ。

※今使っているテンプレートが気に入っている人は、新しくテンプレートを登録してそれをカス
　タマイズすると良いっすよ。てぃーだはテンプレートを 3 つまで保存出来るんすよ。

※私のブログに素材として置いている画像の 直リンクはダメ っすよ。
　あんさんのパソコンに必ず落として、あんさんのブログにアップしてリンクさせるんすよ。
　 (パソコンへの落とし方＆アップの仕方)

※カスタマイズで何か起こっても、私は何の責任も取らないっすよ。
　いつも言っている今流行の 自己責任 ってヤツっすよ、苦情も華麗にスルーっすよ。

使用する画像

※いくつかパターンを用意したんで、好きな組み合わせを使うと良いっすよ。

【body】

【title】

CSS＆HTML の記述

【スタイルシート】

*{font-family:"verdana", "helvetica", "osaka", "ＭＳＰゴシック", sans-serif;
}

textarea {font-family:"ヒラギノ明朝 Pro W6", "Osaka", "ＭＳＰゴシック", "trebuchet MS", "trebuchet", "verdana", "arial", "sans-serif";
}

body{
color:#000;
margin:0;
text-align:center;
background:#FFF url(body の画像を入れてくださいっすよ) ;
}

html{
scrollbar-arrow-color: #009FEC;
scrollbar-base-color: #009FEC;
scrollbar-face-color: #fff;
scrollbar-highlight-color: #fff;
scrollbar-3d-light-color: #009FEC;
scrollbar-shadow-color: #009FEC;
scrollbar-track-color: #fff;
scrollbar-darkshadow-color: #fff;
}

form{
margin:0;
padding:0;
}

table.form{
margin:25px 0 0 13px;
}

img{border:none;}

ul.rss{
margin:0;
padding:0;
width:100%;
text-align:center;
}

ul.rss li{
border-right:#999 1px solid;
display:inline;
font-size:88%;
font-style:normal;
font-weight:bold;
letter-spacing:0.2px;
margin-right:0.3em;
padding-right:0.5em;
padding-left:0.2em;
}

ul.rss a:link, ul.rss a:visited, ul.rss a:hover, ul.rss a:active{
color:#999;
text-decoration:none;
}

a{color:#777;text-decoration:none;}
a:hover{color:#ccc;text-decoration:underline}

/* サイドバー */
.side a{color:#666;text-decoration:none;}
.side a:link{color:#666;text-decoration:none;}
.side a:visited{}
.side a:hover{color:#444;text-decoration:underline}

.aside a{color:#666;text-decoration:none;}
.aside a:link{color:#666;text-decoration:none;}
.aside a:visited{}
.aside a:hover{color:#444;text-decoration:underline}

a.acalendar{color:#66d;text-decoration:none;}
a.acalendar:hover{color:#444;text-decoration:underline}

a.acontinues{;color:#666;text-decoration:none;}
a.acontinues:hover{color:#444;text-decoration:underline}

a.amenu{color:#666;text-decoration:none;}
a.amenu:hover{color:#444;text-decoration:underline}

#container{
font-size:85%;
width:830px;
background:#;
margin:-2px auto;
padding:0px;
text-align:left;
}

.container table_css{
margin:0;
padding:0px;
}

.tr_css{margin:0px;padding:0px;}

.td_css{
background:#fff;
vertical-align:top;
margin:0px;
padding:0px;
border-left:#779 solid 1px;
border-right:#779 solid 1px;
}

.td_spc{width:12px;margin:0px;}

#content{
background:#fff;
width:410px;
float:left;
padding:0px;
}

#banner{
background:#;
padding:0;
height:px;
}

#banner a{color:#777;text-decoration:none;}
#banner a:hover{color:#ccc;text-decoration:none;}

h1,h2,h3{margin:0;padding:0;}

.blogtitle{
font-size:140%;
font-weight:bold;
padding:10px 10px 8px 10px;
text-align:left;
letter-spacing:0;
}

.description{
color:#888;
font-size:80%;
font-weight:;
padding:0px 10px 10px 13px;
text-align:left;
letter-spacing:0;
width:auto;
height:px;
}

#links1{
width:170px;
text-align:left;
margin: 0px;
padding:10px 0px 20px;
overflow:hidden;
background:#;
}

#links2{
width:170px;
text-align:left;
margin:0px;
padding:10px 0px 20px;
overflow:hidden;
background:#;
}

#footer{
background: #FFF;
text-align: center;
padding-top: 5px;
padding-bottom: 5px;
clear: both;
display: block;
}

#copyright{
width:100%;
height:50px;
font-size:83%;
font-weight:bold;
color:#777;
margin-bottom:5px;
padding-bootm:10px;
line-height:16px;
text-align:center;

}
/* パン屑メニュー */
.topicpass {
font-size:10px;
line-height:16px;
vertical-align:bottom;
margin:0 0 5px;
padding:0 5px;
}

.blog{
width:px;
margin:0 0 0 0;
overflow: hidden;
}

.date{
height:16px;
color:#014A53;
font-size:78%;
font-weight:normal;
letter-spacing:0;
padding:5px;
text-align:right;
border-bottom:1px none #9990CC;
}

.blogbody{
background:#FFF url() bottom right no-repeat;
margin:0 ;
width:410px;
}

.title{
background: #FFF url(title の画像を入れてくださいっすよ);
color:#FFF;
font-size:80%;
font-weight:bold;
height:12px;
padding:4px 0 4px 10px;
text-align:left;
}

.title1{
color:#666;
font-size:80%;
font-weight:bold;
height:12px;
padding:4px 0 4px 10px;
text-align:left;
background:url(title の画像を入れてくださいっすよ);
}

.main{
width:394px;
margin:5px 0px 0px;
padding:8px;
color:#4F4B50;
font-size:85%;
line-height:160%;
overflow:auto;
}

.main img{
margin:0 5px 0 0;
}

.main-continues{
font-size:85%;
}

.posted{
color:#666;
font-size:85%;
text-align:right;
margin:0 5px 10px 0;
}

a.aposted{color:#666;text-decoration:none;}
a.aposted:hover{color:#444;text-decoration:underline}

.menu{
color:#666;
font-size:88%;
text-align:right;
}

.comments-head{
color:#666;
font-size:80%;
font-weight:bold;
height:12px;
padding:4px 0 4px 10px;
text-align:left;
background:url(title の画像を入れてくださいっすよ);
}

.comments-body{
border-bottom:3px dotted #;
font-size:85%;
line-height:145%;
margin:20px 10px 5px 10px;
color:#666;
}

.comments-post{
color:#4b474d;
font-size:85%;
text-align:right;
margin:0 5px 25px 0;
}

.trackback-url{
color:#777;
font-size:88%;
font-weight:bold;
margin:10px 0 30px 13px;
width:px;
}

.trackback-body{
border-bottom:3px dotted #;
color:#767676;
font-size:85%;
font-weight:normal;
line-height:135%;
margin:20px 5px 5px 10px;
width:px;
}

.trackback-post{
color:#4b474d;
font-size:88%;
text-align:right;
margin:0 5px 25px 0;
width:px;
}

a.atrackback-post{color:#666;text-decoration:none;}
a.atrackback-post:hover{color:#444;text-decoration:underline}

label{
font-size:88%;
font-weight:normal;
color:#4b474d;
}

#author, #email,#url{width:200px;border:1px solid #999CCC;}
#text{font-size:88%;width:280px;height:200px;border:1px solid #999CCC;}

.pagetop{
font-size:88%;
text-align:right;
margin:5px 0;
}

.calendarhead{
color:#666;
font-size:88%;
font-weight:normal;
letter-spacing:2px;
padding:0 0 2px 0;
text-align:center;
padding:3px 0 3px 5px;
}

.calendartable{
color:#000;
margin:0 auto 10px auto;
width:100%;
text-align:left;
}

.calendarweek{
color:#000;
font-size:78%;
font-weight:bold;
}

.calendarwd{
/*border-left:1px solid #efefef;
border-right:1px solid #efefef;*/
background:#fff;
color:#fff;
font-size:78%;
font-weight:bold;
letter-spacing:2px;
padding:2px 0 2px 5px;
}

.calendard{
empty-cells:show;
border-top:1px solid #efefef;
border-right:1px solid #efefef;
text-align:center;
}

.calendar{
font-size:78%;
padding:2px;
position:center;
}

.sidetitle{
border-bottom:0px dotted #FF9933;
background:url(title の画像を入れてくださいっすよ);
color:#666;
font-size:80%;
font-weight:bold;
letter-spacing:2px;
padding:4px 0 4px 10px;
height:15px;
}

.side{
font-size:88%;
line-height:140%;
margin:3px 0 10px 0;
padding:10px;
}

.side .text{width:80px;}

a.arss{color:#FFF;text-decoration:underline;}
a.arss:hover{color:#95A483;text-decoration:none;}

.photo{text-align:center;}

.nickname{
color:#666;
font-weight:bold;
margin:10px 0;
text-align:center;
}

.message{
font-size:78%;
color:#333;
padding:4px;
background:#eee;
border:1px solid #dcdcdc;
}

.quote{color:#999;font-size:78%;padding:1px;}

.blogtimes{margin:0 0 16px 0;text-align:center;}

.powered{
text-align:center;
margin:0 0 10px 0;
}

.syndicate{
font-size:78%;
text-align:center;
}

.checkers{
font-size:78%;
margin-top:10px;
}

a.adtitle{font-weight:bold;text-decoration:underline;}
a.adtitle:hover{text-decoration:none;}

a.addescription{color:black;text-decoration:underline;}
a.addescription:hover{text-decoration:none;}

a.adurl{color:blue;text-decoration:none;}
a.adurl:link, a.adurl:visited, a.adurl:active{color:#9990FF;text-decoration:none;}
a.adurl:hover{text-decoration:underline;}

a.adld{text-decoration:underline;}
a.adld:hover{text-decoration:none;}

/* Powered by てぃーだブログ */
.adFooter{
padding:5px 0px;
font-size: 10px;
line-height: 150%;
text-align: center;

}

　※画像のリンク を入れる箇所があるので、そこ注意っすよ。

【トップページ】

【個別記事】

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" href="<%CSSUrl%>" type="text/css" />
<link rel="alternate" type="application/rss+xml" title="RSS" href="<%RDFUrl%>" />
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="<%RSDUrl%>" />
<link rel="contents" href="<%SiteMapUrl%>" />
<title><%EntryTitle%>:<%BlogTitle%></title>
<meta name="description" content="<%EntryExcerpt%>,<%BlogDescription%>" />
<meta name="keywords" content="<%BlogTitle%>,<%EntryTitle%>" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<meta http-equiv="Content-Script-Type" content="text/javascript" />
</head>
<body>

<a name="top"></a>
<div id="container">

<table class="table_css" border="0" cellspacing="0" cellpadding="0">
<tr class="tr_css"><td class="td_css">

<div id="content">
<div id="banner">
<h1 class="blogtitle"><a href="<%BlogUrl%>" accesskey="1"><%BlogTitle%></a></h1>
<div class="description"><%BlogDescription%></div>
</div>

<div class="blog">
<div class="topicpass"><a href="http://blog.ti-da.net/" target="_blank"><img src="/_img/original/ti-da_logo.gif" alt="てぃーだブログ" /></a> › <a href="<%BlogUrl%>"><%BlogTitle%></a><IfEntryCategory> › <a class="aposted" href="<%EntryCategoryUrl%>"><%EntryCategory%></a></IfEntryCategory> › <%EntryTitle%></div>
<%TrackBackAutoDiscovery%>

<div class="blogbody">
<h2 class="title"><%EntryTitle%></h2>
<h3 class="date"><%EntryDate%></h3>
<div class="main"><%EntryBody%><br clear="all" /></div>
<a name="more"></a>
<div class="main"><%EntryBodyMore%></div>
<br clear="all" />

<div class="posted">
Posted by <%EntryAuthor%> at <%EntryTime%><IfEntryAllowComment>│<a class="aposted" href="#comments">Comments(<%EntryCommentCount%>)</a></IfEntryAllowComment><IfEntryAllowPing>│<a class="aposted" href="#trackback">TrackBack(<%EntryPingCount%>)</a></IfEntryAllowPing>
<IfEntryCategory>│<a class="aposted" href="<%EntryCategoryUrl%>"><%EntryCategory%></a></IfEntryCategory>
<div class="menu">
<a class="amenu" href="<%BlogUrl%>">このBlogのトップへ</a><IfPrevEntry>│<a class="amenu" href="<%PrevEntry%>">前の記事</a></IfPrevEntry><IfNextEntry>│<a class="amenu" href="<%NextEntry%>">次の記事</a></IfNextEntry>
</div>
</div>

<IfEntryAllowPing>
<a name="trackback"></a>
<h3 class="title1">この記事へのトラックバックURL</h3>
<div class="trackback-url"><%EntryTrackBackUrl%></div>
</IfEntryAllowPing>

<IfEntryPingCount>
<div class="comments-head">この記事へのトラックバック</div>
<TrackBacksLoop>
<div class="trackback-body"><%PingExcerpt%></div>
<div class="trackback-post"><a class="atrackback-post" target="_blank" href="<%PingBlogUrl%>"><%PingTitle%></a>【<%PingBlogName%>】at <%PingDateTime%></div>
</TrackBacksLoop>
</IfEntryPingCount>

<a name="comments"></a>
<IfEntryCommentCount>
<div class="comments-head">この記事へのコメント</div>
<CommentsLoop>
<div class="comments-body"><%CommentBody%></div>
<div class="comments-post">Posted by <IfCommentUrl><a class="aposted" href="<%CommentUrl%>"><%CommentAuthor%></a><ElseIfCommentEmail><%CommentAuthor%><Else><%CommentAuthor%></IfCommentUrl> at <%CommentDateTime%></div>
</CommentsLoop>
</IfEntryCommentCount>

<IfEntryAllowComment>
<table cellpadding="5" cellspacing="0" border="0" class="form">
<form action="<%EntryCommentUrl%>" method="POST" ENCTYPE="multipart/form-data">
<tr>
<td><label for="author">名前: </label></td>
<td><input id="author" name="author" value="<%CookieAuthor%>"></td>
</tr>
<tr>
<td valign="top"><label for="email">メール: </label></td>
<td><input id="email" name="email" value="<%CookieEmail%>"></td>
</tr>
<tr>
<td valign="top"><label for="url">URL: </label></td>
<td><input id="url" name="url" value="<%CookieUrl%>"></td>
</tr>
<tr>
<td><label for="bake">情報を記憶: </label></td>
<td><input id="bake" type="checkbox" name="cookie" style="padding:0;margin:0px;" <%CookieCookie%>></td>
</tr>
<tr>
<td valign="top"><label for="text">コメント: </label></td>
<td><textarea id="text" name="body" rows="10" cols="50"><%CommentArea%></textarea></td>
</tr>
<tr>
<td> </td>
<td><input name="insert" type="submit" value="　書込　"></td>
</tr>
</form>
</table>
</IfEntryAllowComment>

<div class="pagetop"><a class="aposted" href="#top">このページの上へ▲</a></div>

</div>
<br clear="all" />

</div>

<div id="footer">
<div id="copyright">
Copyright(C)<%Year%> <%BlogTitle%>, ALL Rights Reserved.
<script language="JavaScript" src="//blog.ti-da.net/common/js/parts_onelinepr_blogfooter.js"></script>
</div>
</div>
</div>
</td>

<td class="td_spc">
</td>

<td class="td_css">
<div id="links1">
<%PluginListLeft%>
</div>
</td>

<td class="td_spc">
</td>

<td class="td_css">
<div id="links2">
<%PluginListRight%>
</div>
</td>
</tr></table>

</div>
</body>
</html>

【アーカイブ】

友達の the you が初プロモ作りよったんで、ヨロシクっすよ。

□■これ、ブログとかの役に立つかもよ。。。多分■□

エトウの役に立つかも記事
■ Web Developer でスタイルシートを簡単にカスタマイズしようか？　※かなり長い
■ Javascript でヘッダー画像をランダムにしてみっか？
■ Javascript でヘッダー画像をランダムにしてみっか？～補足～
■ ブログに地図貼ってみたくないか？
■ Jtrim 使って写真を加工してヘッダー画像にしてみるかい？～基本～
■ Jtrim 使って写真を加工してヘッダー画像にしてみるかい？～応用１～
■ Jtrim 使って写真を加工してヘッダー画像にしてみるかい？～応用２～
■ 大きい画像をモブログしてもデザイン崩れないんだぜ？　※かなり長い
■ 画像編集ソフト AzPainter　New！

※まとめ：ブログの役に立つかもよ。

■ ブログに関する質問．．．答えれそうなのには答えるっすよ。

同じカテゴリー（テンプレートあげるよ）の記事

菱形ピンク (モブログ向け)(2008-12-03 20:28)

猫 EXIT(2008-09-10 12:23)

Posted by エトウ at 11:08│Comments(0) │テンプレートあげるよ

※会員のみコメントを受け付けております、ログインが必要です。

名前:
メール:
URL:
情報を記憶:
コメント:
	＜ご注意＞書き込まれた内容は公開され、ブログの持ち主だけが削除できます。確認せずに書込