about this site
当サイトには、基本的にコメント欄がありません。

カスタマイズや素材などでTBさせていただいたとき。
テンプレを公開している関係上、その質問などのため。
参加同盟の企画へのエントリ。
こういった場合のみコメント欄を開きます。

トラックバックはお受けしております。
TBポリシーはこちらです。
承認後の公開となります。

なおリンクはフリーとなっています。

お問い合わせなどは下のメールフォームからどうぞ。
返信が欲しいかたはメアドを必ず入力してください。
BlogPetやメロのメッセージでもどうぞ。
公開してもかまわないような内容のカキコは掲示板へどぞ。



archives
new entrys
categorys
recent comments
recent trackbacks
blogpeople
profile
qrcode
COYOTE(初回限定盤)(DVD付)
COSMICOLOR
m-flo inside-WORKS BESTII-
ALL SINGLES BEST
おいでよ どうぶつの森
Nintendo DREAM 任天堂ゲーム攻略本 おいでよ どうぶつの森
<< May 2017 | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 >>
スポンサーサイト

一定期間更新がないため広告を表示しています

| - | | - | - |
テンプレートカスタマイズ ブログ本文の文字の大きさをかえる
テンプレートの「ブログ本文」の「文字の大きさをかえる」方法を記載しておきます。

ブログの管理画面から「テンプレートの編集」を開けます。
「CSS編集フォーム 」の以下の部分の「font-size」の数値をかえます。
.entry_body (「続きを読む」より、前の文章)
.entry_more (「続きを読む」を含む、それ以降の文章)
blockquote (この中のような引用部分の文章)

以上3箇所が「ブログ本文」となります。
直後にある{ }に囲まれた中の「font-size」の数字をかえます。
11px、12px、13px・・・という具合に数字が大きくなるほど、文字は大きくなります。

おまけに書くと、color: #666666;の・・・#666666っていうのは文字の色です。
ここの色を変えれば、文字色を変えることができます。

私のテンプレートのブログ本文にあたる、この3箇所の文字は
いずれも、同じ色と大きさで指定してあります。(リンクも含めて)
| ぷちカスタマイズ(テンプレ) | 21:15 | comments(3) | trackbacks(0) |
テンプレ 「gradation square」
私的に待望だった1カラムのテンプレ、作成してみました。

フリースペースの中身が多いため、今のところは似合いませんが(汗
ゆくゆくは、こういうテンプレで、さらっと更新してみたいものです♪


 nextサンプル nextダウンロード

ベースとなったのは、公式テンプレ「ぷちオレンジ」
スクリプトは、そのままお借りして、あちこちいじってみました。
フリースペースは、とりあえず3つだけ入っています。

確認ブラウザは、IE6、IE7(Standalone)、firefox2.0。

カスタマイズはご自由に。

不具合などございましたら、教えていただけるとありがたいです。
| ぷちカスタマイズ(テンプレ) | 08:44 | comments(5) | trackbacks(0) |
テンプレ 「pink dashed」 カスタマイズ例 「パッチワーク」
テンプレ「pink dashed」は、元となったJUGEM公式テンプレ「separate」のステッチと、色の配置を見て
これは、うまいこと使えば、パッチワーク調のおもしろいテンプレになるな!とひらめいて作ってみたものでした。
言わば、先に、このテンプレのイメージが出来上がっていて、そのためにおこしたようなテンプレです。

こちらのカスタマイズは、スタイルシートだけでなく、HTMLにも手を加えました。
HTMLに「class」というものがあるんですが、これとなかよくつきあえば、スタイルシートで好きなように動かせます。
今回はまさに、その醍醐味を味わえるようなカスタマイズとなっております。

とりあえず、今現在設定している公開部分を、ほぼそのまま、スクロール内におさめてみます。

next HTML


<?xml version="1.0" encoding="{site_encoding}"?>
<!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={site_encoding}" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<meta http-equiv="Content-Script-Type" content="text/javascript" />
<link rel="stylesheet" href="{site_css}" type="text/css" />
<link type="text/css" href="{gmo_header_css}" rel="stylesheet" media="screen,print">
<link rel="alternate" type="application/rss+xml" title="RSS" href="{site_rss}" />
<link rel="alternate" type="application/atom+xml" href="{site_atom}" />
<link rel="alternate" media="handheld" type="application/xhtml+xml" href="{mobile_url}" />
<title>{site_title}</title>
<script type="text/javascript" src="./template/js/cookie.js"></script>
</head>

<body onload="javascript:initval();">

<a name="top"></a>
<table id="container1" border="0" cellspacing="0" cellpadding="0" align="center">
<tr>
<td colspan="2">
<div id="head">

<!-- BEGIN title -->
<h1 class="site_title">{blog_name}</h1>
<h1 class="description">{blog_description}</h1>
<!-- END title -->
</div>
<!--search-->
<div id="search_box">
<div class="search">
<form method="get" action="">search this site
<input id="search" name="search" size="20" style="width:120px" class="form" />
<input type="submit" value="go" class="button" />
</form>
</div>
</div>
</td>
</tr>
<tr valign="top">
<td class="left_border">
<!-- left START -->
<div id="left">
<!-- BEGIN freespace2 -->
<div class="left_title" id="freespace2name">+ {freespace_title2}</div>
<div class="left_text" id="freespace2list">{freespace_contents2}</div>
<div class="border"></div>
<!-- END freespace2 -->
<!-- BEGIN freespace5 -->
<div class="left_title" id="freespace5name">+ {freespace_title5}</div>
<div class="left_text" id="freespace5list">{freespace_contents5}</div>
<div class="border"></div>
<!-- END freespace5 -->
<!-- BEGIN freespace3 -->
<div class="left_title" id="freespace3name">+ {freespace_title3}</div>
<div class="left_text" id="freespace3list">{freespace_contents3}</div>
<div class="border"></div>
<!-- END freespace3 -->
<!-- BEGIN archives -->
<div class="left_title" id="archivesname">+ archives</div>
<div class="left_text" id="archiveslist">{archives_list}</div></div>
<div class="border"></div>
<!-- END archives -->
<!-- BEGIN latest_entry -->
<div class="left_title" id="newentryname">+ new entrys</div>
<div class="left_text" id="newentrylist">{latest_entry_list}</div>
<div class="border"></div>
<!-- END latest_entry -->
<!-- BEGIN category -->
<div class="left_title" id="categoryname">+ categorys</div>
<div class="left_text" id="categorylist"><div id="categorylist">{category_list}</div></div>
<div class="border"> </div>
<!-- END category -->
<!-- BEGIN recent_comment -->
<div class="left_title" id="commentname">+ recent comments</div>
<div class="left_text" id="commentlist">{recent_comment_list}</div>
<div class="border"></div>
<!-- END recent_comment -->
<!-- BEGIN recent_trackback -->
<div class="left_title" id="tbname">+ recent trackbacks</div>
<div class="left_text" id="tblist">{recent_trackback_list}</div>
<div class="border"></div>
<!-- END recent_trackback -->
<!-- BEGIN link -->
<div class="links">
<div class="left_title" id="linkname">+ links</div>
<div class="left_text" id="linklist"><div id="linklist">{link_list}</div></div>
<div class="border"> </div>
</div>
<!-- END link -->
<!-- BEGIN freespace4 -->
<div class="left_title" id="freespace4name">+ {freespace_title4}</div>
<div class="left_text" id="freespace4list">{freespace_contents4}</div>
<div class="border"></div>
<!-- END freespace4 -->
<!-- BEGIN profile -->
<div class="left_title">+++ profile</div>
<div class="profile">{user_list}</div>
<div class="border"></div>
<!-- END profile -->
<!-- powered -->
<div class="powered">
<ul>
<li><a href="./admin/">admin</a></li>
<li><a href="./?mode=rss">RSS1.0</a></li>
<li><a href="./?mode=atom">Atom0.3</a></li>
</ul>
<a href="http://jugem.jp/" target="_blank">powered by "JUGEM"</a>
</div>
<!-- /powered/ -->
<!-- mobile -->
<div class="mobile">{site_qrcode}</div>
<div class="border"></div>
<!-- //mobile -->
<!-- BEGIN amazon -->
<div class="recommend">
<div class="amazon_text">
<div style="text-align:center;">
<a href="{amazon_url}" target="_blank" title="{amazon_ProductName} / {amazon_Creator}"><img src="{amazon_ImageUrlSmall}" border="0" alt="{amazon_ProductName}" class="amazon_pict" /></a>
</div>
</div>
</div>
<!-- END amazon -->

</div>
<!-- left END -->
</td>
<td>
<table id="container2" border="0" cellspacing="0" cellpadding="0">
<tr>
<td colspan="2">
<!-- calendar START -->
<div id="calendar_box">
<div class="calendar">{calendar_horizontal}</div>
</div>
<!-- calendar END -->
</td>
</tr>
<tr valign="top">
<td>
<!-- mid START -->
<div id="mid">
<!-- BEGIN sequel -->
<div class="entry_navi">{prev_entry} | <a href="./">main</a> | {next_entry} </div>
<!-- END sequel -->
<!-- BEGIN entry -->
<div class="entry">
<div class="entry_date">{entry_date}</div>
<div class="entry_title">+++ {entry_title}</div>
<div class="entry_author">posted by {user_name}</div>
<div class="entry_body">{entry_description}</div>
<a name="sequel"></a><div class="entry_more">
<!-- BEGIN entry_sequel_link -->
<a href="./?eid={entry_sequel_id}#sequel">read more ? >></a>
<!-- END entry_sequel_link -->
<!-- BEGIN entry_sequel_items -->
{entry_sequel_text}
<!-- END entry_sequel_items -->
</div>
<div class="entry_state">| {category_name} | {entry_time} | {comment_num} | {trackback_num} |</div>
</div>
{trackback_auto_discovery}
<!-- END entry -->
<!-- BEGIN comment_area -->
<a name="comments"></a>
<div class="entry">
<div class="entry_date">comment</div>
<!-- BEGIN comment -->
<div class="entry_body">{comment_description}</div>
<div class="entry_state">| {comment_name} | {comment_time} |</div>
<!-- END comment -->
<div class="entry_date">コメントする</div>
<div class="entry_body">
<form name="comment_area" id="comment_area" action="./?mode=comment" method="post">
<input type="hidden" name="entry_id" value="{entry_id}" />
<label for="name">name:</label><br />
<input class="form_border" type="text" tabindex="1" name="name" id="name" value="{cookie_name}" /><br />
<label for="email">email:</label><br />
<input class="form_border" type="text" tabindex="2" name="email" id="email" value="{cookie_email}" /><br />
<label for="url">url:</label><br />
<input class="form_border" type="text" tabindex="3" name="url" id="url" value="{cookie_url}" /><br />
<label for="description">comments:</label><br />
<textarea class="form_border" tabindex="4" id="description" name="description" rows="12" cols="50" style="width:360px;"></textarea><br />
<br />
<input tabindex="5" class="form_border" type="submit" value=" Submit " onclick="javascript:setval();" />
<input type="checkbox" name="set_cookie" value="1" id="set_cookie">
<label for="set_cookie">Cookieに登録</label>
</form>
</div>
</div>
<!-- END comment_area -->
<!-- BEGIN trackback_area -->
<a name="trackback"></a>
<div class="entry">
<div class="entry_date">trackback url</div>
<div class="entry_body">{trackback_url}</div>
<div class="entry_date">trackback</div>
<!-- BEGIN trackback -->
<div class="entry_title">{trackback_title}</div>
<div class="entry_body">{trackback_excerpt}</div>
<div class="entry_state">| {trackback_blog_name} | {trackback_time} |</div>
<!-- END trackback -->
</div>
<!-- END trackback_area -->
<!-- BEGIN profile_area -->
<div class="entry">
<div class="entry_date">profile</div>
<div class="entry_title">{profile_name}</div>
<div class="entry_body">{profile_description}</div>
</div>
<!-- END profile_area -->
<!-- BEGIN page -->
<ul class="navi">
<li>{prev_page_link}</li>
<li>{page_now}/{page_num}PAGES</li>
<li>{next_page_link}</li>
</ul>
<!-- END page -->
<div class="top"><a href="#top">△ top</a></div>
</div>
<!-- mid END -->
</td>

<td class="right_border">
<!-- right START -->
<div id="right">
<!-- BEGIN freespace1 -->
<div class="right_title" id="freespace1name">+ {freespace_title1}</div>
<div class="right_text" id="freespace1list">{freespace_contents1}</div>
<div class="border"></div>
<!-- END freespace1 -->
<!-- BEGIN jugem_ad -->
<div class="jugem_ad">{ad}
<!-- END jugem_ad -->
template by <a href="http://mistybluerose.jugem.jp/" target="_blank">moon in the noon</a>
</div>
</div>
<!-- right END -->
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td colspan="2">
<!-- footer -->
<div id="footer">
<div class="copyright">
{copyright}
</div>
</div>
<!-- /footer/ -->
</td>
</tr>
</table>

<script type="text/javascript">
<!--
function InitFoldNavi() {
FoldNavigation('freespace1','on',false);
FoldNavigation('freespace2','off',false);
FoldNavigation('freespace3','off',false);
FoldNavigation('freespace4','off',false);
FoldNavigation('freespace5','off',false);
FoldNavigation('newentry','off',false); // 最新エントリ
FoldNavigation('entry' ,'off' ,false); // ページエントリ
FoldNavigation('archives' ,'off' ,false); //
FoldNavigation('comment' ,'off' ,false); // 最新コメント
FoldNavigation('tb' ,'off' ,false); // 最新トラックバック
FoldNavigation('category' ,'off',false); // カテゴリー
FoldNavigation('link' ,'off' ,false); // リンク
FoldNavigation('profile' ,'off',false); // プロファイル
}
function FoldNavigation(idName,initMode,viewNum) {
var openMark = '++'; /* 閉じている場合に開くためのマーク */
var closeMark = '++'; /* 開いている場合に閉じるためのマーク */
var preMark = true; /* マークの挿入位置。タイトルの前なら true、タイトルの後ろなら false */
var idTitle = Array(idName,'name').join('');
var idList = Array(idName,'list').join('');
var objTitle = this.document.getElementById(idTitle);
var objLists = this.document.getElementById(idList);
if (!objTitle || !objLists) return;
var dispMode = objLists.style.display;
if (!dispMode) {
var tmpText = Array('FoldNavigation(',"'",idName,"','chng','');return(false);").join('');
var insMark = new Array();
var insText = new Array();
insMark[insMark.length] = Array('<a class="foldmark" href="#" onclick="',tmpText,'" onkeypress="',tmpText,'">').join('');
insMark[insMark.length] = (initMode == 'off') ? openMark : closeMark;
insMark[insMark.length] = '</a>';
if (preMark) insText[insText.length] = insMark.join('');
insText[insText.length] = objTitle.innerHTML;
if (viewNum) {
var objItems = objLists.getElementsByTagName('li');
insText[insText.length] = Array(' <span>(',objItems.length,')</span>').join('');
}
if (!preMark) insText[insText.length] = insMark.join('');
objLists.style.display = (initMode == 'off') ? 'none' : 'block';
objTitle.innerHTML = insText.join('');
} else if (initMode == 'chng') {
var objMarks = objTitle.getElementsByTagName('a');
for (i=0;i<objMarks.length;i++) {
if (objMarks[i].className == 'foldmark') {
objMarks[i].firstChild.nodeValue = (dispMode == 'none') ? closeMark : openMark;
}
}
objLists.style.display = (dispMode == 'none') ? 'block' : 'none';
}
}
InitFoldNavi(); // ナビゲーションの折り畳み
// -->
</script>


<script type="text/javascript" language="javascript">
<!--
//カテゴリーリストでサブカテゴリーがあるっぽく表示する
//ツリー化スクリプト ver 2 edit by stroll
function makeTreeElements (idName,objList) {
if (!objList.innerHTML) return;
var objLink = objList.getElementsByTagName('a')[0];
var linkUrl = objLink.getAttribute('href');
if (idName.indexOf('comment') > -1 || idName.indexOf('tb') > -1) {
var tmpText = objList.innerHTML.split("⇒");
tmpText[0] = tmpText[0].slice(0,tmpText[0].search(/<BR/i));
this.base = Array('<a href="',linkUrl,'">',tmpText[0],'</a>').join('');
this.elem = objLink.innerHTML;
} else if (idName.indexOf('entry') > -1) {
var tmpText = objList.innerHTML;
tmpText.match(/¥((¥d¥d¥/¥d¥d)¥)/);
this.base = Array('<strong>[',RegExp.$1,']</strong>').join('');
this.elem = Array('<a href="',linkUrl,'">',objLink.innerHTML,'</a>').join('');
} else if (idName.indexOf('link') > -1) {
var tmpText = objList.innerHTML;
if ( tmpText.match(/¥[(.+)¥](.+)/) ) {
this.base = Array('<strong>[',RegExp.$1,']</strong>').join('');
this.elem = Array('<a href="',linkUrl,'" target="_blank">',RegExp.$2,'</a>').join('');
}
} else if (idName.indexOf('category') > -1) {
var tmpText = objList.innerHTML;
if ( tmpText.match(/>(.+)¥((.+)¥).+(¥s¥(.+¥))/) ) {
this.base = Array(RegExp.$1).join('');
this.elem = Array('<a href="',linkUrl,'"> ',RegExp.$2, '</a>', RegExp.$3).join('');
} else {
this.base = Array('<a href="',linkUrl,'">',tmpText,'</a>').join('');
this.elem = 'null';
}
}
return this;
}
function createTreeList(idName,option) {
var objFocus = this.document.getElementById(idName);
if (!objFocus) return;
if (!objFocus.innerHTML) return;
var objLists = objFocus.getElementsByTagName('li');
var linkList = new Array();
var outText = new Array();
var linkListNum = new Array();
var count = 0;
var tempDispNum = '';
if (objLists.length > 0) {
for (i=0;i<objLists.length;i++) {
var chckFlag = true;
var elemText = new makeTreeElements(idName,objLists[i]);
if (!elemText.base || !elemText.elem) return;
for (j=0;j<linkList.length;j++) {
if (linkList[j].base.indexOf(elemText.base) > -1) {
chckFlag = false;
linkList[j][linkList[j].length] = elemText.elem;
}
}
if (chckFlag) {
var tmpNum = linkList.length;
linkList[tmpNum] = new Array();
linkList[tmpNum][0] = elemText.elem;
linkList[tmpNum].base = elemText.base;
}
}

if (idName == 'categorylist' && linkList.length > 0) {
for (i=0;i<linkList.length;i++) {
linkListNum[i] = 0;
for (j=0;j<linkList[i].length;j++) {
if (linkList[i][j] != 'null' && linkList[i][j].match(/¥s¥((.+)¥)/)) {
linkListNum[i] = linkListNum[i] + parseInt(RegExp.$1);
}
}
}
}

if (linkList.length > 0) {
outText[outText.length] = '<ul>¥n';
for (i=0;i<linkList.length;i++) {
tempDispNum = '';
if (idName == 'categorylist' && linkListNum[i] > 0) {
tempDispNum = ' ('+linkListNum[i]+')';
}
outText[outText.length] = Array('<li>',linkList[i].base,tempDispNum,option.top).join('');
if (linkList[i].length > 0 && option.sort) linkList[i].reverse();
for (j=0;j<linkList[i].length;j++) {
if (linkList[i][j] != 'null') {
outText[outText.length] = (j == linkList[i].length - 1) ? option.end : option.list;
outText[outText.length] = Array(linkList[i][j],option.leef).join('');
}
}
outText[outText.length] = Array(option.btm,'</li>').join('');
}
outText[outText.length] = '</ul>¥n';
objFocus.innerHTML = outText.join('');
}
}
}
var gTreeOption = new Array;
gTreeOption['sort'] = false; /* ツリー内の表示順 true:並び替える false:そのまま */
gTreeOption['list'] = ' ├ '; /* ツリー用マーク(通常) */
gTreeOption['end'] = '└ '; /* ツリー用マーク(末端) */
gTreeOption['leef'] = '<br />¥n'; /* 各枝の末尾 */
gTreeOption['top'] = '<br />¥n'; /* ツリー本体の最初 */
gTreeOption['btm'] = ''; /* ツリー本体の最後 */
gTreeOption['num'] = 0; /* ()の中身の数の合計数(値を変更しないでください) */

createTreeList('newentrylist',gTreeOption); // 最新エントリリストのツリー化
createTreeList('entrylist',gTreeOption); // エントリリストのツリー化
createTreeList('commentlist',gTreeOption); // 最新コメントリストのツリー化
createTreeList('tblist',gTreeOption); // 最新トラックバックリストのツリー化
createTreeList('linklist',gTreeOption); // リンクリストのツリー化
createTreeList('categorylist',gTreeOption); // カテゴリリストのツリー化
// -->
</script>

</body>
</html>


next CSS


* {
margin: 0;
padding: 0;
}

body {
margin: 0px;
padding: 0px;
background: #fffcf6;
}

a {text-decoration: none;}
a:link {color: #68412f; text-decoration: none;}
a:active {color: #68412f; text-decoration: none;}
a:visited {color: #68412f; text-decoration: none;}
a:hover {color: #68412f; text-decoration: none;}

ul {
list-style: none;
}

form{
margin:0px;
}

.site_title {
font-family: "Verdana", "ヒラギノ角ゴ Pro W3", "MS ゴシック", "Osaka‐等幅";
font-size: 24px;
font-weight: bolder;
color: #ffffff;
margin: 10px 0px 10px 30px;
}

.site_title a,
.site_title a:link,
.site_title a:visited,
.site_title a:active,
.site_title a:hover {
color: #ffffff;
text-decoration: none;
}

.description {
font-family: "Verdana", "ヒラギノ角ゴ Pro W3", "MS ゴシック", "Osaka‐等幅";
font-size: 10px;
color: #ffffff;
margin: 0px 0px 0px 35px;
}

blockquote {
font-family: "Verdana", "ヒラギノ角ゴ Pro W3", "MS ゴシック", "Osaka‐等幅";
font-size: 11px;
color: #777777;
margin: 10px 10px 10px 10px;
padding: 10px;
border: 1px dashed #68412f;
border-left: 10px solid #68412f;
}

/* container------------------------------------------------------------ */
#container1 {
font-family: "Verdana", "ヒラギノ角ゴ Pro W3", "MS ゴシック", "Osaka‐等幅";
font-size: 10px;
color: #ffffff;
line-height: 170%;
margin: 0px;
padding: 0px;
background-image: url(http://img-cdn.jg.jugem.jp/e63/171265/********_*****3.jpg);
}

#container2 {
font-family: "Verdana", "ヒラギノ角ゴ Pro W3", "MS ゴシック", "Osaka‐等幅";
font-size: 10px;
color: #ffffff;
line-height: 170%;
margin: 0px;
padding: 0px;
background-image: url(http://img-cdn.jg.jugem.jp/e63/171265/********_******1.gif);
}

/* head----------------------------------------------------------------- */
#head {
width: 920px;
height: 100px;
}

/* search--------------------------------------------------------------- */
#search_box {
width: 920px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
border-bottom: 1px dashed #ffffff;
text-align: right;
}

.search {
font-family: "Verdana", "ヒラギノ角ゴ Pro W3", "MS ゴシック", "Osaka‐等幅";
font-size: 10px;
color: #ffffff;
margin: 0px 10px 5px 0px;
padding: 0px 0px 0px 0px;
}

/* left----------------------------------------------------------------- */
#left {
width: 210px;
margin: 0px;
padding: 0px;
}

.left_border {
border-right: 1px dashed #ffffff;
}


.left_title {
font-family: "Verdana", "ヒラギノ角ゴ Pro W3", "MS ゴシック", "Osaka‐等幅";
font-size: 13px;
color: #68412f;
font-weight: bolder;
margin: 0px;
padding: 5px 0px 5px 5px;
text-align: left;
background-image: url(http://img-cdn.jg.jugem.jp/e63/171265/********_*****1.gif);
}

.left_text {
width: 190px;
color: #68412f;
margin: 5px -5px 5px 5px;
padding: 10px;
background: #fffcf6;
}

.profile {
color: #ffffff;
margin: 5px 5px 5px 5px;
padding: 10px;
}

.profile a {text-decoration: none;}
.profile a:link {color: #ffffff; text-decoration: none;}
.profile a:active {color: #ffffff; text-decoration: none;}
.profile a:visited {color: #ffffff; text-decoration: none;}
.profile a:hover {color: #ffffff; border-bottom: dashed 1px #ffffff;}

.powered {
color: #ffffff;
margin: 5px 5px 5px 5px;
padding: 10px;
}

.powered a {text-decoration: none;}
.powered a:link {color: #ffffff; text-decoration: none;}
.powered a:active {color: #ffffff; text-decoration: none;}
.powered a:visited {color: #ffffff; text-decoration: none;}
.powered a:hover {color: #ffffff; border-bottom: dashed 1px #ffffff;}

.mobile {
margin: 5px 5px 5px 5px;
padding: 10px;
}

.recommend {
text-align: left;
margin: 5px 5px 5px 5px;
padding: 10px;
}

.left_text a:hover { border-bottom: dashed 1px #68412f;}

/* calendar------------------------------------------------------------- */
#calendar_box {
width: 710px;
margin: 0px 0px 5px 0px;
padding: 4px 0px 0px 0px;
background-image: url(http://img-cdn.jg.jugem.jp/e63/171265/********_*****1.gif);
border-bottom: 1px dashed #68412f;
}

.calendar {
font-family: "Verdana";
font-size: 9px;
color: #68412f;
line-height: 130%;
margin: 0px;
padding: 5px 0px 5px 10px;
text-align: light;
}

.calendar a {color: #ffffff;
background-image: url(http://img-cdn.jg.jugem.jp/e63/171265/********_*****3.jpg);}
.calendar a:link {color: #ffffff;
background-image: url(http://img-cdn.jg.jugem.jp/e63/171265/********_*****3.jpg);}
.calendar a:active {color: #ffffff;
background-image: url(http://img-cdn.jg.jugem.jp/e63/171265/********_*****3.jpg);}
.calendar a:visited {color: #ffffff;
background-image: url(http://img-cdn.jg.jugem.jp/e63/171265/********_*****3.jpg);}
.calendar a:hover {
background: #ffffff; color: #68412f; border: 1px dashed #ffffff;}

.cell {
width: 25px;
height: 13px;
padding: 1px;
}

/* mid------------------------------------------------------------------ */
#mid {
width: 500px;
margin: 0px;
padding: 0px;
background-image: url(http://img-cdn.jg.jugem.jp/e63/171265/********_*****1.gif);
}

.entry_navi{
margin: 4px;
padding: 2px 0px;
text-align:center;
font-size: 12px;
background-image: url(http://img-cdn.jg.jugem.jp/e63/171265/********_*****1.gif);
}

.entry {
margin: 0px 5px 0px 5px;
padding: 0px 0px 20px 0px;
background: #fffcf6;
}

.entry_date {
font-family: "Verdana";
font-size: 10px;
font-weight: bolder;
color: #ffffff;
margin: 0px;
padding: 3px;
background-image: url(http://img-cdn.jg.jugem.jp/e63/171265/********_*****3.jpg);
text-align: right;
border-top: 1px dashed #ffffff;
border-bottom: 1px dashed #ffffff;
}

.entry_title {
font-family: "Verdana", "ヒラギノ角ゴ Pro W3", "MS ゴシック", "Osaka‐等幅";
font-size: 12px;
font-weight: bolder;
color: #68412f;
margin: 0px;
padding: 3px;
background-image: url(http://img-cdn.jg.jugem.jp/e63/171265/********_*****2.jpg);
border-bottom: 1px dashed #ffffff;
}

.entry_author {
font-family: "Verdana", "ヒラギノ角ゴ Pro W3", "MS ゴシック", "Osaka‐等幅";
font-size: 10px;
color: #777777;
font-weight: normal;
margin: 0px 15px 12px 0px;
text-align: right;
}

.entry_author a {text-decoration: none;}
.entry_author a:link {color: #777777; text-decoration: none;}
.entry_author a:active {color: #777777; text-decoration: none;}
.entry_author a:visited {color: #777777; text-decoration: none;}
.entry_author a:hover {color: #777777; border-bottom: dashed 1px color: #68412f;}

.entry_body {
font-family: "Verdana", "ヒラギノ角ゴ Pro W3", "MS ゴシック", "Osaka‐等幅";
font-size: 11px;
color: #777777;
margin: 12px;
line-height: 200%;
}

.entry_body a {text-decoration: none;}
.entry_body a:link {color: #777777; border-bottom:dotted 1px #68412f;}
.entry_body a:active {color: #777777; border-bottom:dotted 1px #68412f;}
.entry_body a:visited {color: #777777; border-bottom:dotted 1px #68412f;}
.entry_body a:hover {color: #777777;
background-image: url(http://img-cdn.jg.jugem.jp/e63/171265/********_*****1.gif);
}

.entry_more {
font-family: "Verdana", "ヒラギノ角ゴ Pro W3", "MS ゴシック", "Osaka‐等幅";
font-size: 11px;
color: #777777;
margin: 12px;
line-height: 200%;
}

.entry_more a {text-decoration: none;}
.entry_more a:link {color: #777777; border-bottom: dashed 1px #68412f;}
.entry_more a:active {color: #777777; border-bottom: dashed 1px #68412f;}
.entry_more a:visited {color: #777777; border-bottom: dashed 1px #68412f;}
.entry_more a:hover {color: #777777;
background-image: url(http://img-cdn.jg.jugem.jp/e63/171265/********_*****1.gif);
}

.entry_state {
font-family: "Verdana", "ヒラギノ角ゴ Pro W3", "MS ゴシック", "Osaka‐等幅";
font-size: 10px;
color: #777777;
margin: 20px 15px 15px 0px;
text-align: right;
}

.entry_state a {text-decoration: none;}
.entry_state a:link {color: #777777; text-decoration: none;}
.entry_state a:active {color: #777777; text-decoration: none;}
.entry_state a:visited {color: #777777; text-decoration: none;}
.entry_state a:hover {color: #777777; border-bottom: dashed 1px #68412f;}

/* right---------------------------------------------------------------- */
#right {

width: 210px;
margin: 0px;
padding: 0px;
background-image: url(http://img-cdn.jg.jugem.jp/e63/171265/********_*****2.jpg);
}

.right_border {
border-left: 1px dashed #FFF;
}

.right_title {
font-family: "Verdana", "ヒラギノ角ゴ Pro W3", "MS ゴシック", "Osaka‐等幅";
font-size: 13px;
color: #68412f;
font-weight: bolder;
margin: 5px 0px 5px 5px;
padding: 0px;
text-align: left;
}

.right_text {
color: #68412f;
margin: 5px 5px 5px 5px;
padding: 5px;
background: #fffcf6;
}

.right_text a:hover {border-bottom:dotted 1px #68412f;}

.border {
margin: 0px;
padding: 0px;
border-bottom: 1px dashed #FFF;
}

.jugem_ad {
color: #68412f;
margin: 5px 5px 5px 5px;
padding: 10px;
}

.jugem_ad a:hover {border-bottom: dashed 1px #68412f;}


/* footer--------------------------------------------------------------- */
#footer {
width: 920px;
margin: 0px;
padding: 0px;
background-image: url(http://img-cdn.jg.jugem.jp/e63/171265/********_*****3.jpg);
border-top: 1px dashed #FFF;
}

.copyright {
font-family: "Verdana", "ヒラギノ角ゴ Pro W3", "MS ゴシック", "Osaka‐等幅";
font-size: 9px;
color: #ffffff;
line-height: 130%;
margin: 0px;
padding: 6px 4px 4px 4px;
text-align: center;
}

.copyright a { color: #ffffff; text-decoration: none;}
.copyright a:link { color: #ffffff; text-decoration: none;}
.copyright a:visited { color: #ffffff; text-decoration: none;}
.copyright a:active { color: #ffffff; text-decoration: none;}
.copyright a:hover { color: #ffffff; text-decoration: none;}

ul.navi {
font-family: "Verdana", "ヒラギノ角ゴ Pro W3", "MS ゴシック", "Osaka‐等幅";
font-size: 10px;
color: #68412f;
list-style: none;
margin: 20px 20px 20px 0px;
text-align: right;
}

ul.navi li{
display:inline;
margin:0px 2px;
}


html{
scrollbar-3dlight-color: #68412f;
scrollbar-arrow-color: #68412f;
scrollbar-darkshadow-color: #fffcf6;
scrollbar-face-color: #fffcf6;
scrollbar-highlight-color: #fffcf6;
scrollbar-shadow-color: #68412f;
scrollbar-track-color: #fffcf6;}

/* 写真枠--------------------------------------------------------------- */
.pict {
background-color: #fffcf6;
border-width: 2px;
margin: 5px 10px 4px 5px;
padding: 5px 5px 5px 5px;
border-width: 1px 1px 1px 1px;
border-style: dashed;
border-color: #68412f;
}


画像については、いつものように一部伏せております。
今回は、配置がわかりやすいように、末尾は残してあります。
background-image: url(http://img-cdn.jg.jugem.jp/e63/171265/********_*****3.jpg);
のような部分に、ご自分で用意された画像を載せれば、同じような状態に設定可能です。

おもなカスタマイズ点は
・全面的に、文字色・リンク色などを変えた。
・サイドバーの配置。右と左の入れ替え。
・サイドバー内の文字が見やすいように、色を載せた。
んー・・・このくらいでしょうか?(誰に聞いてるんだ?

じゃ、なにに難航したんだぁ???と言えば
今回は、ブラウザによって違いがでるってとこにひっかかりました(涙

右サイドバーに関しては、特に問題はなかったんですが
左サイドバー・・・ここに数日かかりました。

IE7、firefox2.0でご覧になっている方にはわからないと思いますが
IE6でご覧になった場合、左サイドバーの内側の配色が、右側だけ微妙に幅が広くなっているかと思います。
この誤差分が、数日かかった微調整分ですw(どんだけかかってんねんw

このままの幅設定でしたら、IE6、IE7、firefox2.0では、崩れは出ないようになっています。
もし幅を変更なさる場合は、どうぞお気をつけくださいませ。
なお、各ブラウザでの確認をしてほしいという場合は、テンプレ使用URLを記載してコメント欄やメールにてお問い合わせください。

わかりにくい箇所などございましたら、どうぞお気軽にお聞きくださいませ。
| ぷちカスタマイズ(テンプレ) | 08:12 | comments(3) | trackbacks(1) |
テンプレ 「pink dashed」
白い「dashed」が、まるでパッチワークのステッチのようなテンプレ、作ってみました。
今までの、どシンプル路線から、ガラッとはずれた
ビビッドあんどプリティースタイルに、仕上げてみました。

左サイドバーには、フリースペースを配置。
フリースペースのご使用がない場合は、
アマゾンのおすすめ商品を、コレクション的に並べられます。

ベースはJUGEM公式テンプレ「separate」
色を変えればとりあえずおっけ♪・・・なーんて、簡単に考えていじってみたのですが
いままで作った中でも、いちばん難しかったです><。。。

使用スクリプトは、以下。
「stroll::blog」さま 「カテゴリーリストでサブカテゴリーがあるっぽく表示する」
「JUGEMカスタマイズ講座 」さま 「ナビゲーションの折り畳み」
「JUGEMカスタマイズ講座」さま 「リストのプルダウンメニュー化」

当テンプレ採用サイトさまのスクリプトの使用状況によって、不具合が生じる場合もございます。ご注意くださいませ。
当サイト確認ブラウザは、IE6、IE7(Standalone)、firefox2.0。
このままお使いになる場合、多少の誤差(文字の大きさ・写真枠etc.)以外は、崩れはないと思われます。

不具合やお気づきの点は、ご報告いただければありがたいです。
各ブラウザでの確認が必要であれば、テンプレ使用URLを記載してコメント欄やメールにてお問い合わせください。

なお、カスタマイズはご自由に。
簡単なご質問でしたら、お気軽にどうぞ。
カスタマイズ例は、後日、追アップする予定となっております。

当方で確認した不具合がでる事例は、ご参考までに以下に記載しておきます。
後日あらためて確認した事例は、こちらへ追記する形をとらせていただきます。
archivesは、現状でのおりたたみはお避けください。
たたみたい場合は、プルダウンスクリプトをはずしてください。

当サイトのカスタマイズカテゴリにある「TBPの折りたたみ」
これを使用した際、サイドバーが崩れます。

サイドバーにテーブルタグを使用すると、崩れる場合があります。

長くなりましたが、ダウンロードはこちらから。

     nextダウンロード     nextサンプル
| ぷちカスタマイズ(テンプレ) | 18:55 | comments(2) | trackbacks(0) |
テンプレ 「groovy pink」「cutie pink」修正とお詫び
テンプレ「groovy pink」「cutie pink」に、見え方の違いがありましたので、修正しました。

当サイトでは、IE7とfirefoxで確認後、公開したのですが
今回、IE6では見え方が違うとのご指摘をいただきました。
具体的には、IE6ではサイドバーが2列になっていないとのことでした。

ご指摘をいただいた方、まことにありがとうございました。
そして、いままでダウンロードしてくださった方、ご迷惑をおかけしました。
| ぷちカスタマイズ(テンプレ) | 02:56 | comments(2) | trackbacks(0) |