CusblO |
忍者ブログテンプレートカスタマイズ ブログテンプレートCSS/HTMLカスタマイズ覚書 忍者用ブログテンプレート作成中
HOME≫カラムとサイドバーとプラグインの記事
[2024/11/22] [PR] (No.)
[2010/06/19] ツリー化 カテゴリ プラグイン変更のみ (No.93)
[2010/04/12] カテゴリに説明文をつける (No.83)
[2010/03/26] プラグインツリー化 カテゴリ (No.52)
[2010/03/21] プラグインタイトル非表示・削除 (No.39)
[2010/03/21] カラム分割 (No.38)
[2010/06/19] ツリー化 カテゴリ プラグイン変更のみ (No.93)
[2010/04/12] カテゴリに説明文をつける (No.83)
[2010/03/26] プラグインツリー化 カテゴリ (No.52)
[2010/03/21] プラグインタイトル非表示・削除 (No.39)
[2010/03/21] カラム分割 (No.38)
ツリー化 カテゴリ プラグイン変更のみ
★マークが 子カテゴリ名に表示される
ので
マーク変更や消したい場合以下の部分の★だけ変更
var LC_CAT_CATEGORY_MARK = "★";
カテゴリ分け方など説明
は
参考サイトLcーFactory@忍者ブログさま
ので
マーク変更や消したい場合以下の部分の★だけ変更
var LC_CAT_CATEGORY_MARK = "★";
カテゴリ分け方など説明
は
参考サイトLcーFactory@忍者ブログさま
プラグイン で フリーエリアを 追加
フリーエリアHTMLに下記タグを全てコピペ
<!-- Lc.ツリーカテゴリー(for shinobi) 2008.04.27 -->
フリーエリアHTMLに下記タグを全てコピペ
<!-- Lc.ツリーカテゴリー(for shinobi) 2008.04.27 -->
<script language="JavaScript">
<!--
var lc_cat_titleList = new Array();
var lc_cat_iconList = new Array();
var lc_cat_grList = new Array();
var lc_cat_aliasList = new Array();
// ■タイトル設定
lc_cat_titleList['夢'] = '希望';
// ■アイコン画像設定
lc_cat_iconList['夢'] = '1.gif';
// ■追加グループ設定
lc_cat_grList[lc_cat_grList.length] = new Array('野菜', 9998, 9999);
// ■別名表示設定
lc_cat_aliasList['夢'] = '工事中';
// ■表示設定(trueでON、falseでOFF)
var LC_CAT_PARENTBOLD = false; //親項目太字
var LC_CAT_DISPLAYNUM = true; //記事数表示
var LC_CAT_DECOLESS_PARENT = false; //親の下線消し
var LC_CAT_DECOLESS_CHILD = false; //子の下線消し
var LC_CAT_DYNAMIC_SIZE = false; //記事数で文字サイズ
var LC_CAT_PARENTBOX = true; //親の+をボックス表示
// ■その他
var LC_CAT_INDENTCHR = '|';
var LC_CAT_INDENTCHR_GROUP = '├';
var LC_CAT_TOOPEN = 'クリックでツリーを開きます';
var LC_CAT_TOCLOSE = 'クリックでツリーを閉じます';
var LC_CAT_BOX_CLOSED = '+';
var LC_CAT_BOX_OPENED = '-';
var LC_CAT_BRANCH_CONNECT = '├';
var LC_CAT_BRANCH_EDGE= '└';
var LC_CAT_DEFAULT_OPENED = true;
var LC_CAT_GROUP_SEPARATOR = ' ';
var LC_CAT_CATEGORY_MARK = "★";
var LC_CAT_CREATOR_LINK = false;
var LC_CAT_IMAGEBASE = "http://file.<!--$g_user_id-->/";
// ■
if (document.getElementById('lc_cat_exinit')) {
lc_cat_exinit();
}
var lc_cat_mainList = new Array();
lc_cat_mainList['<"7>'] = new Array();
var lc_cat_maxNum = 1;
var lc_cat_sumNum = 0;
var lc_cat_pCnt = 0;
var lc_cat_dep = 0;
function lc_cat_searchGr(l_no) {
var grLen = lc_cat_grList.length;
for (var i = 0; i < grLen; i++) {
var subs = lc_cat_grList[i];
var cLen = subs.length;
if (1 < cLen) {
for (var cIdx = 1; cIdx < cLen; cIdx++) {
var cNo = subs[cIdx];
if (l_no == cNo) {
return subs[0];
}
}
}
}
return '';
}
function lc_cat_registCat(l_name, l_link, l_count, l_no) {
var exGr = lc_cat_searchGr(l_no);
var catName = l_name;
if (exGr != '') {
catName = exGr + LC_CAT_GROUP_SEPARATOR + l_name;
}
var splited = catName.split(LC_CAT_GROUP_SEPARATOR)
var subAr = lc_cat_mainList;
for (var i = 0; i < splited.length - 1; i++) {
var subName = splited[i];
var subArKeys = subAr['<"7>'];
if (!subAr[subName]) {
subArKeys[subArKeys.length] = subName;
}
if (!subAr[subName]) {
subAr[subName] = new Array();
subAr[subName]['<"7>'] = new Array();
}
subAr = subAr[subName];
}
var obj = new Object();
obj.name = splited[splited.length - 1];
obj.href = l_link;
obj.count = l_count;
obj.no = l_no;
subAr['<"8>' + obj.name] = obj;
subAr['<"7>'][subAr['<"7>'].length] = '<"8>' + obj.name;
if (lc_cat_maxNum < l_count) {
lc_cat_maxNum = l_count;
}
lc_cat_sumNum += l_count;
}
function lc_cat_indent(l_num, l_group) {
var ret = '';
for (var i = 0; i < l_num; i++) {
var indchr = LC_CAT_INDENTCHR;
if (l_group && i == l_num - 1 && LC_CAT_INDENTCHR_GROUP != null) {
indchr = LC_CAT_INDENTCHR_GROUP;
}
ret += '<span class="indent_' + i + '">' + indchr + "</span>";
}
return '<span class="indent">' + ret + "</span>";
}
function lc_cat_HideAndShow(l_pCnt) {
var grIcon = document.getElementById('lc_cat_box_' + l_pCnt);
var grArea = document.getElementById('lc_cat_group_' + l_pCnt);
var grLink = document.getElementById('lc_cat_parent_' + l_pCnt);
var grIconText;
if (grArea.style.display == 'none') {
grIconText = LC_CAT_BOX_OPENED;
grArea.style.display = 'inline';
grLink.title = LC_CAT_TOCLOSE;
} else {
grIconText = LC_CAT_BOX_CLOSED;
grArea.style.display = 'none';
grLink.title = LC_CAT_TOOPEN;
}
if (grIcon.innerHTML) {
grIcon.innerHTML = grIconText;
}
}
function lc_cat_outputTrees(l_subAr, l_defs) {
var subArKeys = l_subAr['<"7>'];
var subArLen = subArKeys.length;
for (var i = 0; i < subArLen; i++) {
var sKey = subArKeys[i];
var sChild = l_subAr[sKey];
if (sKey.indexOf('<"8>') == 0) {
if (i == subArLen - 1) {
lc_cat_outputLeaf(sChild, LC_CAT_BRANCH_EDGE);
} else {
lc_cat_outputLeaf(sChild, LC_CAT_BRANCH_CONNECT);
}
} else {
var dispStyle = l_defs.DispStyle;
var dispIcon = l_defs.DispIcon;
var grTitle = l_defs.GrTitle;
var grCap = sKey;
if (sKey.substring(0,1) == '.') {
dispStyle = 'none';
dispIcon = LC_CAT_BOX_CLOSED;
grTitle = LC_CAT_TOOPEN;
grCap = sKey.substring(1,sKey.length);
}
lc_cat_pCnt++;
var grAreaId = 'lc_cat_group_' + lc_cat_pCnt;
var grSpan = '<span style="display:' + dispStyle + ';" id="' + grAreaId + '">';
document.write('<div class="plugin_data">' + lc_cat_indent(lc_cat_dep, true) + lc_cat_createMainLink(grTitle, grCap, dispIcon) + '</div>' + grSpan);
lc_cat_dep++;
lc_cat_outputTrees(sChild, l_defs);
lc_cat_dep--;
document.write('</span>');
}
}
}
function lc_cat_createMainLink(l_grTitle, l_grCap, l_boxStr) {
var grIconId = 'lc_cat_box_' + lc_cat_pCnt;
var hsFunc = 'lc_cat_HideAndShow(\'' + lc_cat_pCnt + '\'); return false;';
var linkSt = '';
if (LC_CAT_PARENTBOLD) {
linkSt += 'font-weight:bold;';
}
if (LC_CAT_DECOLESS_PARENT) {
linkSt += 'text-decoration:none;';
}
var ret = '<a href="javascript:;" onclick="' + hsFunc + '" class="parent parent_' + lc_cat_dep;
if (linkSt != '') {
ret += '" style="' + linkSt;
}
ret += '" title="' + l_grTitle + '" id="lc_cat_parent_' + lc_cat_pCnt + '"><span class="box"';
if (LC_CAT_PARENTBOX) {
ret += ' style="background-color: #ffffff; border: 1px solid #666666; font-size: 70%; margin-right: 2px; color: #333333;"';
}
ret += ' id="' + grIconId + '">' + l_boxStr + '</span>';
var sIcon = lc_cat_iconList[l_grCap];
if (!sIcon) {
sIcon = lc_cat_iconList['<親' + lc_cat_dep + '>'];
}
if (!sIcon) {
sIcon = lc_cat_iconList['<親>'];
}
if (sIcon) {
ret += '<img src="' + LC_CAT_IMAGEBASE + sIcon + '" border="0">';
}
var sText = lc_cat_aliasList[l_grCap];
if (!sText) {
sText = l_grCap;
}
return ret + sText + '</a>';
}
function lc_cat_outputLeaf(l_obj, l_treeMark) {
var sHref = l_obj.href;
var sCount = l_obj.count;
var sName = l_obj.name;
var sNo = l_obj.no;
var treeP = '<div class="plugin_data" id="lc_cat_no_row_' + sNo + '">';
if (lc_cat_dep != 0) {
treeP += lc_cat_indent(lc_cat_dep - 1, false) + '<span class="branch branch_' + (lc_cat_dep-1) + '">' + l_treeMark + '</span>';
}
var sText = lc_cat_aliasList[sName];
if (!sText) {
sText = lc_cat_aliasList[sHref];
}
if (!sText) {
sText = sName;
}
var sTitle = lc_cat_titleList[sName];
if (!sTitle) {
sTitle = lc_cat_titleList[sHref];
}
if (sTitle) {
sTitle = '\n' + sTitle;
} else {
sTitle = '';
}
var sIcon = lc_cat_iconList[sName];
if (!sIcon) {
sIcon = lc_cat_iconList[sHref];
}
if (!sIcon) {
sIcon = lc_cat_iconList['<子' + lc_cat_dep + '>'];
}
if (!sIcon) {
sIcon = lc_cat_iconList['<子>'];
}
if (sIcon) {
sIcon = '<img src="' + LC_CAT_IMAGEBASE + sIcon + '" border="0">';
} else {
sIcon = '<span class="child_star">' + LC_CAT_CATEGORY_MARK + '</span>';
}
var spanP = '<span title="' + sHref + '" name="titleIcon_category">' + sIcon + '</span>';
var linkSt = '';
if (LC_CAT_DYNAMIC_SIZE) {
var fsize = 68 + (64 * sCount / lc_cat_maxNum);
linkSt += 'font-size:' + fsize + '%;';
}
if (LC_CAT_DECOLESS_CHILD) {
linkSt += 'text-decoration:none;';
}
var linkP = '<a name="linkText_category" href="' + sHref + '" title="' + sName + ' (' + sCount + ')' + sTitle + '" class="child child_' + lc_cat_dep;
if (linkSt != '') {
linkP += '" style="' + linkSt;
}
linkP += '">' + spanP + '<span class="child_name">' + sText + '</span>';
if (LC_CAT_DISPLAYNUM) {
linkP += ' <span class="child_count">(' + sCount + ')</span>';
}
document.write(treeP + linkP + '</a></div>');
}
//-->
</script>
<span id="LC_CAT">
<!--plugin_category-->
<script language="JavaScript">
<!--
{
lc_cat_registCat("<!--$plugin_category_title-->", "<!--$plugin_category_link-->", <!--$plugin_category_num-->, <!--$plugin_category_id-->);
}
//-->
</script>
<noscript>
<div &align class="plugin_data child">
<span class="child_star">・</span><a href="<!--$plugin_category_link-->" class="child_name"><!--$plugin_category_title--> (<!--$plugin_category_num-->)</a>
</div>
</noscript>
<!--/plugin_category-->
<noscript>
<small>
<div align="right">
<a target="_blank" href="http://lctreetz.blog69.fc2.com/blog-entry-200.html">JavaScriptを使用します</a><br>
</div>
</small>
</noscript>
<span id="lc_cat_creator_link">
<div align="right">
<small>
<a href="http://lctree.blog.shinobi.jp/Entry/5/">Script by</a>
<a href="http://lctree.blog26.fc2.com/">Lc-Factory</a>
<small>
<br>
(詳細:<a href="http://lctreetz.blog69.fc2.com/">Lc-Factory/雑記</a>)<br>
</small>
</small>
</div>
</span>
<script language="JavaScript">
<!--
{
if (!LC_CAT_CREATOR_LINK) {
var crArea = document.getElementById("lc_cat_creator_link");
crArea.style.display = "none";
}
var defs = new Object();
defs.DispStyle = 'none';
defs.DispIcon = LC_CAT_BOX_CLOSED;
defs.GrTitle = LC_CAT_TOOPEN;
if (LC_CAT_DEFAULT_OPENED) {
defs.DispStyle = 'inline'
defs.DispIcon = LC_CAT_BOX_OPENED;
defs.GrTitle = LC_CAT_TOCLOSE;
}
lc_cat_outputTrees(lc_cat_mainList, defs);
}
//-->
</script>
</span>
PR
カテゴリに説明文をつける
<script type="text/javascript">
<!--
ctext = new Array();
var ctext0 = "カテゴリー0の説明文";
var ctext1 = "カテゴリー1の説明文";
var ctext2 = "カテゴリー2の説明文";
var ctext3 = "カテゴリー3の説明文";
var ctext4 = "カテゴリー4の説明文";
var ctext5 = "カテゴリー5の説明文";
var ctext6 = "カテゴリー6の説明文";
// --></script>
<!--plugin_category-->
<div class="plugin_data">
<a href="<!--$plugin_category_link-->">
<!--$plugin_category_title-->
(<!--$plugin_category_num-->)
</a>
<script type="text/javascript">
<!--
document.write('<ul style="list-style:none inside;font-size:smaller;"><li>⇒'+ctext<!--$plugin_category_id-->+'</li></ul>');
// -->
</script>
</div>
<!--/plugin_category-->
青字説明:カテゴリ下に表示される説明文
カテゴリー0の説明文を任意文章変更
var ctext0 ~var ctext6 は、ブログのカテゴリーをクリックしたときに、ブラウザURL表示されているところに数字がついている
参考サイト:http://start.blog.shinobi.jp/Category/5/2/
Customize in Ninja Blog 記事:カテゴリーに注釈(説明)をつける
プラグインツリー化 カテゴリ
HTML</body>直上
<script type="text/javascript">
<!--
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 tmplinkUrl = linkUrl.split("#")
var tmpText = objList.innerHTML.split("⇒");
tmpText[0] = tmpText[0].slice(0,tmpText[0].search(/<BR/i));
this.base = Array('<a href="',tmplinkUrl[0],'">',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('[',RegExp.$1,']').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(/\[(.+)\](.+)/) ) {
this.base = Array('<strong>',RegExp.$1,'</strong>').join('');
this.elem = Array('<a href="',linkUrl,'">',RegExp.$2,'</a>').join('');
}
}
return this;
}
function createTreeList(idName,option) { // version 2.2
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();
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 (linkList.length > 0) {
outText[outText.length] = '<ul>\n';
for (i=0;i<linkList.length;i++) {
outText[outText.length] = Array('<li>',linkList[i].base,option.top).join('');
if (linkList[i].length > 0 && option.sort) linkList[i].reverse();
for (j=0;j<linkList[i].length;j++) {
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'] = '<li>'; /* ツリー用マーク(通常) */
gTreeOption['end'] = '<li class="end">'; /* ツリー用マーク(末端) */
gTreeOption['leef'] = '</li>\n'; /* 各枝の末尾 */
gTreeOption['top'] = '<ul class="tree">\n'; /* ツリー本体の最初 */
gTreeOption['btm'] = '</ul>\n'; /* ツリー本体の最後 */
createTreeList('newentrylist',gTreeOption); // 最新エントリリストのツリー化
createTreeList('entrylist',gTreeOption); // エントリリストのツリー化
createTreeList('commentlist',gTreeOption); // 最新コメントリストのツリー化
createTreeList('tblist',gTreeOption); // 最新トラックバックリストのツリー化
createTreeList('linkslist',gTreeOption); // リンクリストのツリー化
createTreeList('categorylist',gTreeOption); // カテゴリリストのツリー化
// -->
</script>
CSS最下部あたりに
カテゴリープラグインHTML全て書き換え
<div class="plugin_data" id="categorylist">
<ul>
<!--plugin_category-->
<li><a href="<!--$plugin_category_link-->"><!--$plugin_category_title-->(<!--$plugin_category_num-->)</a></li>
<!--/plugin_category-->
</ul>
</div>
<script type="text/javascript">
<!--
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 tmplinkUrl = linkUrl.split("#")
var tmpText = objList.innerHTML.split("⇒");
tmpText[0] = tmpText[0].slice(0,tmpText[0].search(/<BR/i));
this.base = Array('<a href="',tmplinkUrl[0],'">',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('[',RegExp.$1,']').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(/\[(.+)\](.+)/) ) {
this.base = Array('<strong>',RegExp.$1,'</strong>').join('');
this.elem = Array('<a href="',linkUrl,'">',RegExp.$2,'</a>').join('');
}
}
return this;
}
function createTreeList(idName,option) { // version 2.2
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();
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 (linkList.length > 0) {
outText[outText.length] = '<ul>\n';
for (i=0;i<linkList.length;i++) {
outText[outText.length] = Array('<li>',linkList[i].base,option.top).join('');
if (linkList[i].length > 0 && option.sort) linkList[i].reverse();
for (j=0;j<linkList[i].length;j++) {
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'] = '<li>'; /* ツリー用マーク(通常) */
gTreeOption['end'] = '<li class="end">'; /* ツリー用マーク(末端) */
gTreeOption['leef'] = '</li>\n'; /* 各枝の末尾 */
gTreeOption['top'] = '<ul class="tree">\n'; /* ツリー本体の最初 */
gTreeOption['btm'] = '</ul>\n'; /* ツリー本体の最後 */
createTreeList('newentrylist',gTreeOption); // 最新エントリリストのツリー化
createTreeList('entrylist',gTreeOption); // エントリリストのツリー化
createTreeList('commentlist',gTreeOption); // 最新コメントリストのツリー化
createTreeList('tblist',gTreeOption); // 最新トラックバックリストのツリー化
createTreeList('linkslist',gTreeOption); // リンクリストのツリー化
createTreeList('categorylist',gTreeOption); // カテゴリリストのツリー化
// -->
</script>
/*-------------------------------------------------------
つりー
-------------------------------------------------------*/
.plugin_data ul{
list-style: none;
margin: 0px;
padding: 0px;
line-height: 130%; 行間変更数字を好きなものに
}
.plugin_data ul.tree li{
margin: 0px;
padding: 0px 0px 0px 16px;
background-image: url("http://blog.cnobi.jp/v1/blog/user/fe73c97e11bb52dd93d679c582a45d74/1267968256");
background-repeat: no-repeat;
}
.plugin_data ul.tree li.end {
background-image: url("http://blog.cnobi.jp/v1/blog/user/fe73c97e11bb52dd93d679c582a45d74/1267968248");
background-repeat: no-repeat;
}
<div class="plugin_data" id="categorylist">
<ul>
<!--plugin_category-->
<li><a href="<!--$plugin_category_link-->"><!--$plugin_category_title-->(<!--$plugin_category_num-->)</a></li>
<!--/plugin_category-->
</ul>
</div>
カラム分割
プラグイン分割
色文字部分をCSSで指定
HTML内プラグイン1~5のタグを割り当てたいところにコピペ移動
コピー元プラグインタグは削除
HYML
左カラム用 <div class="PluginBlockleft">
右カラム用 <div class="PluginBlockright">
中央上カラム<div class="PluginBlockcenter">もしくはTOP
中央下カラム<div class="PluginBlockbottom">
CSS
コピペ移動と書き換えで設置できる
HTML内プラグイン1~5のタグを割り当てたいところにコピペ移動
コピー元プラグインタグは削除
HYML
左カラム用 <div class="PluginBlockleft">
右カラム用 <div class="PluginBlockright">
中央上カラム<div class="PluginBlockcenter">もしくはTOP
中央下カラム<div class="PluginBlockbottom">
CSS
/*左プラグイン1*/
.PluginBlockleft {
width: 500px;
text-align: right;
float:center;
margin: 5px 0px 0px 10px;
中央とサイドの幅など微調整
このブログは 左1 右2・3 中央上4 中央下5 に割り当て
width: 500px;
text-align: right;
float:center;
margin: 5px 0px 0px 10px;
中央とサイドの幅など微調整
このブログは 左1 右2・3 中央上4 中央下5 に割り当て
最新記事
(06/23)
(06/19)
(05/14)
(05/14)
(04/28)
カテゴリー
最新トラックバック
ジェネレーター リンク
ソフト不要で作成カスタマイズできる
CSS/HTML
ブログ:
ネーム:
かすぽ
趣味:
美しい・綺麗なものの鑑賞
自己紹介:
CusBloスタート:2010.03.07
3月16日1作目完成とどうじに愛猫天使記念日
最近自分が引っ込み思案と知った。
フリーかつ手動作成まっしぐら中
3月16日1作目完成とどうじに愛猫天使記念日
最近自分が引っ込み思案と知った。
フリーかつ手動作成まっしぐら中
素材配布サイト様へ:リンク漏れが有る場合以下の専用ページにコメントください