migrate to new git
84
web/admin/ckeditor/plugins/templates/dialogs/templates.css
Normal file
@@ -0,0 +1,84 @@
|
||||
/*
|
||||
Copyright (c) 2003-2013, CKSource - Frederico Knabben. All rights reserved.
|
||||
For licensing, see LICENSE.md or http://ckeditor.com/license
|
||||
*/
|
||||
|
||||
.cke_tpl_list
|
||||
{
|
||||
border: #dcdcdc 2px solid;
|
||||
background-color: #ffffff;
|
||||
overflow-y: auto;
|
||||
overflow-x: hidden;
|
||||
width: 100%;
|
||||
height: 220px;
|
||||
}
|
||||
|
||||
.cke_tpl_item
|
||||
{
|
||||
margin: 5px;
|
||||
padding: 7px;
|
||||
border: #eeeeee 1px solid;
|
||||
*width: 88%;
|
||||
}
|
||||
|
||||
.cke_tpl_preview
|
||||
{
|
||||
border-collapse: separate;
|
||||
text-indent:0;
|
||||
width: 100%;
|
||||
}
|
||||
.cke_tpl_preview td
|
||||
{
|
||||
padding: 2px;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.cke_tpl_preview .cke_tpl_preview_img
|
||||
{
|
||||
width: 100px;
|
||||
}
|
||||
.cke_tpl_preview span
|
||||
{
|
||||
white-space: normal;
|
||||
}
|
||||
|
||||
.cke_tpl_title
|
||||
{
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.cke_tpl_list a:hover .cke_tpl_item,
|
||||
.cke_tpl_list a:focus .cke_tpl_item,
|
||||
.cke_tpl_list a:active .cke_tpl_item
|
||||
{
|
||||
border: #ff9933 1px solid;
|
||||
background-color: #fffacd;
|
||||
}
|
||||
|
||||
.cke_tpl_list a:hover *,
|
||||
.cke_tpl_list a:focus *,
|
||||
.cke_tpl_list a:active *
|
||||
{
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
/* IE6 contextual selectors childs won't get :hover transition until,
|
||||
the hover style of the link itself contains certain CSS declarations.*/
|
||||
.cke_browser_ie6 .cke_tpl_list a:active,
|
||||
.cke_browser_ie6 .cke_tpl_list a:hover,
|
||||
.cke_browser_ie6 .cke_tpl_list a:focus
|
||||
{
|
||||
background-position: 0 0;
|
||||
}
|
||||
|
||||
.cke_hc .cke_tpl_list a:hover .cke_tpl_item,
|
||||
.cke_hc .cke_tpl_list a:focus .cke_tpl_item,
|
||||
.cke_hc .cke_tpl_list a:active .cke_tpl_item
|
||||
{
|
||||
border-width: 3px;
|
||||
}
|
||||
|
||||
.cke_tpl_empty, .cke_tpl_loading
|
||||
{
|
||||
text-align: center;
|
||||
padding: 5px;
|
||||
}
|
||||
10
web/admin/ckeditor/plugins/templates/dialogs/templates.js
Normal file
@@ -0,0 +1,10 @@
|
||||
/*
|
||||
Copyright (c) 2003-2013, CKSource - Frederico Knabben. All rights reserved.
|
||||
For licensing, see LICENSE.md or http://ckeditor.com/license
|
||||
*/
|
||||
(function(){CKEDITOR.dialog.add("templates",function(c){function o(a,b){var k=CKEDITOR.dom.element.createFromHtml('<a href="javascript:void(0)" tabIndex="-1" role="option" ><div class="cke_tpl_item"></div></a>'),d='<table style="width:350px;" class="cke_tpl_preview" role="presentation"><tr>';a.image&&b&&(d+='<td class="cke_tpl_preview_img"><img src="'+CKEDITOR.getUrl(b+a.image)+'"'+(CKEDITOR.env.ie6Compat?' onload="this.width=this.width"':"")+' alt="" title=""></td>');d+='<td style="white-space:normal;"><span class="cke_tpl_title">'+
|
||||
a.title+"</span><br/>";a.description&&(d+="<span>"+a.description+"</span>");k.getFirst().setHtml(d+"</td></tr></table>");k.on("click",function(){p(a.html)});return k}function p(a){var b=CKEDITOR.dialog.getCurrent();b.getValueOf("selectTpl","chkInsertOpt")?(c.fire("saveSnapshot"),c.setData(a,function(){b.hide();var a=c.createRange();a.moveToElementEditStart(c.editable());a.select();setTimeout(function(){c.fire("saveSnapshot")},0)})):(c.insertHtml(a),b.hide())}function i(a){var b=a.data.getTarget(),
|
||||
c=g.equals(b);if(c||g.contains(b)){var d=a.data.getKeystroke(),f=g.getElementsByTag("a"),e;if(f){if(c)e=f.getItem(0);else switch(d){case 40:e=b.getNext();break;case 38:e=b.getPrevious();break;case 13:case 32:b.fire("click")}e&&(e.focus(),a.data.preventDefault())}}}var h=CKEDITOR.plugins.get("templates");CKEDITOR.document.appendStyleSheet(CKEDITOR.getUrl(h.path+"dialogs/templates.css"));var g,h="cke_tpl_list_label_"+CKEDITOR.tools.getNextNumber(),f=c.lang.templates,l=c.config;return{title:c.lang.templates.title,
|
||||
minWidth:CKEDITOR.env.ie?440:400,minHeight:340,contents:[{id:"selectTpl",label:f.title,elements:[{type:"vbox",padding:5,children:[{id:"selectTplText",type:"html",html:"<span>"+f.selectPromptMsg+"</span>"},{id:"templatesList",type:"html",focus:!0,html:'<div class="cke_tpl_list" tabIndex="-1" role="listbox" aria-labelledby="'+h+'"><div class="cke_tpl_loading"><span></span></div></div><span class="cke_voice_label" id="'+h+'">'+f.options+"</span>"},{id:"chkInsertOpt",type:"checkbox",label:f.insertOption,
|
||||
"default":l.templates_replaceContent}]}]}],buttons:[CKEDITOR.dialog.cancelButton],onShow:function(){var a=this.getContentElement("selectTpl","templatesList");g=a.getElement();CKEDITOR.loadTemplates(l.templates_files,function(){var b=(l.templates||"default").split(",");if(b.length){var c=g;c.setHtml("");for(var d=0,h=b.length;d<h;d++)for(var e=CKEDITOR.getTemplates(b[d]),i=e.imagesPath,e=e.templates,n=e.length,j=0;j<n;j++){var m=o(e[j],i);m.setAttribute("aria-posinset",j+1);m.setAttribute("aria-setsize",
|
||||
n);c.append(m)}a.focus()}else g.setHtml('<div class="cke_tpl_empty"><span>'+f.emptyListMsg+"</span></div>")});this._.element.on("keydown",i)},onHide:function(){this._.element.removeListener("keydown",i)}}})})();
|
||||
492
web/admin/ckeditor/plugins/templates/templates/default.js
Normal file
@@ -0,0 +1,492 @@
|
||||
/*
|
||||
Copyright (c) 2003-2011, CKSource - Frederico Knabben. All rights reserved.
|
||||
For licensing, see LICENSE.html or http://ckeditor.com/license
|
||||
*/
|
||||
|
||||
CKEDITOR.addTemplates('default', {
|
||||
imagesPath: CKEDITOR.getUrl(CKEDITOR.plugins.getPath('templates') + 'templates/images/'), templates: [
|
||||
{
|
||||
title: '表格樣版1',
|
||||
image: 'tp1.gif',
|
||||
description: '條列式表格,黑色與銀色漸層色系。',
|
||||
html: '<style type="text/css"> .table2014{font-family:"微軟正黑體";border-top:1px solid #cfcfcf;border-left:1px solid #cfcfcf;letter-spacing:1px}.table2014 td{padding:10px 0;border-bottom:1px solid #cfcfcf;border-right:1px solid #cfcfcf}.table2014 .t1{background:#aebcbf;background:-moz-linear-gradient(top,#aebcbf 0,#6e7774 50%,#0a0e0a 51%,#0a0809 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#aebcbf),color-stop(50%,#6e7774),color-stop(51%,#0a0e0a),color-stop(100%,#0a0809));background:-webkit-linear-gradient(top,#aebcbf 0,#6e7774 50%,#0a0e0a 51%,#0a0809 100%);background:-o-linear-gradient(top,#aebcbf 0,#6e7774 50%,#0a0e0a 51%,#0a0809 100%);background:-ms-linear-gradient(top,#aebcbf 0,#6e7774 50%,#0a0e0a 51%,#0a0809 100%);background:linear-gradient(to bottom,#aebcbf 0,#6e7774 50%,#0a0e0a 51%,#0a0809 100%);color:#fff;text-align:center;font-size:15px;font-weight:700}.table2014 tr{background:#fff;background:-moz-linear-gradient(top,#fff 0,#e5e5e5 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#fff),color-stop(100%,#e5e5e5));background:-webkit-linear-gradient(top,#fff 0,#e5e5e5 100%);background:-o-linear-gradient(top,#fff 0,#e5e5e5 100%);background:-ms-linear-gradient(top,#fff 0,#e5e5e5 100%);background:linear-gradient(to bottom,#fff 0,#e5e5e5 100%);color:#666;text-align:center;font-size:13px;padding:10px 0}</style><table width="100%" border="0" cellpadding="0" cellspacing="0" class="table2014"> <tr> <td class="t1">標題</td> <td class="t1">年份</td> <td class="t1">作者</td> <td class="t1">位置</td> </tr> <tr> <td>文件處理</td> <td>2014-11-10</td> <td>Jon.K</td> <td>B棟10樓</td> </tr> <tr> <td>電腦更新</td> <td>2014-11-10</td> <td>吐司人</td> <td>A棟2樓</td> </tr> <tr> <td>元素製作</td> <td>2014-11-30</td> <td>小烏龜</td> <td>C棟20樓</td> </tr> <tr> <td>行銷規劃</td> <td>2014-12-14</td> <td>發發發</td> <td>C棟1樓</td> </tr> </table>'
|
||||
},
|
||||
{
|
||||
title: '表格樣版2',
|
||||
image: 'tp2.gif',
|
||||
description: '條列式表格,紅色與銀色漸層色系。',
|
||||
html: '<style type="text/css"> .table2014{font-family:"微軟正黑體";border-top:1px solid #cfcfcf;border-left:1px solid #cfcfcf;letter-spacing:1px}.table2014 td{padding:10px 0;border-bottom:1px solid #cfcfcf;border-right:1px solid #cfcfcf}.table2014 .t1{background:#ff3019;background:-moz-linear-gradient(top,#ff3019 0,#cf0404 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#ff3019),color-stop(100%,#cf0404));background:-webkit-linear-gradient(top,#ff3019 0,#cf0404 100%);background:-o-linear-gradient(top,#ff3019 0,#cf0404 100%);background:-ms-linear-gradient(top,#ff3019 0,#cf0404 100%);background:linear-gradient(to bottom,#ff3019 0,#cf0404 100%);color:#fff;text-align:center;font-size:15px;font-weight:700}.table2014 tr{background:#fff;background:-moz-linear-gradient(top,#fff 0,#e5e5e5 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#fff),color-stop(100%,#e5e5e5));background:-webkit-linear-gradient(top,#fff 0,#e5e5e5 100%);background:-o-linear-gradient(top,#fff 0,#e5e5e5 100%);background:-ms-linear-gradient(top,#fff 0,#e5e5e5 100%);background:linear-gradient(to bottom,#fff 0,#e5e5e5 100%);color:#666;text-align:center;font-size:13px;padding:10px 0}</style> <table width="100%" border="0" cellpadding="0" cellspacing="0" class="table2014"> <tr> <td class="t1">標題</td> <td class="t1">年份</td> <td class="t1">作者</td> <td class="t1">位置</td> </tr> <tr> <td>文件處理</td> <td>2014-11-10</td> <td>Jon.K</td> <td>B棟10樓</td> </tr> <tr> <td>電腦更新</td> <td>2014-11-10</td> <td>吐司人</td> <td>A棟2樓</td> </tr> <tr> <td>元素製作</td> <td>2014-11-30</td> <td>小烏龜</td> <td>C棟20樓</td> </tr> <tr> <td>行銷規劃</td> <td>2014-12-14</td> <td>發發發</td> <td>C棟1樓</td> </tr> </table>'
|
||||
},
|
||||
{
|
||||
title: '表格樣版3',
|
||||
image: 'tp3.gif',
|
||||
description: '條列式表格,藍綠色與銀色漸層色系。',
|
||||
html: '<style type="text/css"> .table2014{font-family:"微軟正黑體";border-top:1px solid #e6e3e5;border-left:1px solid #e6e3e5;letter-spacing:1px;box-shadow:0 5px 3px #e9e5e5;-webkit-box-shadow:0 1px 3px #e9e5e5;-moz-box-shadow:0 1px 3px #e9e5e5}.table2014 td{padding:10px 0;border-bottom:1px solid #e6e3e5;border-right:1px solid #e6e3e5}.table2014 .t1{background:#93cede;background:-moz-linear-gradient(top,rgba(147,206,222,1) 0,rgba(117,189,209,1) 41%,rgba(73,165,191,1) 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(147,206,222,1)),color-stop(41%,rgba(117,189,209,1)),color-stop(100%,rgba(73,165,191,1)));background:-webkit-linear-gradient(top,rgba(147,206,222,1) 0,rgba(117,189,209,1) 41%,rgba(73,165,191,1) 100%);background:-o-linear-gradient(top,rgba(147,206,222,1) 0,rgba(117,189,209,1) 41%,rgba(73,165,191,1) 100%);background:-ms-linear-gradient(top,rgba(147,206,222,1) 0,rgba(117,189,209,1) 41%,rgba(73,165,191,1) 100%);background:linear-gradient(to bottom,rgba(147,206,222,1) 0,rgba(117,189,209,1) 41%,rgba(73,165,191,1) 100%);color:#fff;text-align:center;font-size:15px;font-weight:700}.table2014 tr{background:#fff;background:-moz-linear-gradient(top,#fff 0,#e5e5e5 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#fff),color-stop(100%,#e5e5e5));background:-webkit-linear-gradient(top,#fff 0,#e5e5e5 100%);background:-o-linear-gradient(top,#fff 0,#e5e5e5 100%);background:-ms-linear-gradient(top,#fff 0,#e5e5e5 100%);background:linear-gradient(to bottom,#fff 0,#e5e5e5 100%);color:#666;text-align:center;font-size:13px;padding:10px 0}</style> <table width="100%" border="0" cellpadding="0" cellspacing="0" class="table2014"> <tr> <td class="t1">標題</td> <td class="t1">年份</td> <td class="t1">作者</td> <td class="t1">位置</td> </tr> <tr> <td>文件處理</td> <td>2014-11-10</td> <td>Jon.K</td> <td>B棟10樓</td> </tr> <tr> <td>電腦更新</td> <td>2014-11-10</td> <td>吐司人</td> <td>A棟2樓</td> </tr> <tr> <td>元素製作</td> <td>2014-11-30</td> <td>小烏龜</td> <td>C棟20樓</td> </tr> <tr> <td>行銷規劃</td> <td>2014-12-14</td> <td>發發發</td> <td>C棟1樓</td> </tr> </table>'
|
||||
},
|
||||
{
|
||||
title: '表格樣版4',
|
||||
image: 'tp4.gif',
|
||||
description: '條列式表格,欄位間隔以不同色系區格,藍色漸層色系',
|
||||
html: '<style type="text/css"> .table2014{font-family:"微軟正黑體";border-top:1px solid #e8e8e8;border-left:1px solid #e8e8e8;letter-spacing:1px;box-shadow:0 5px 3px #e9e5e5;-webkit-box-shadow:0 1px 3px #e9e5e5;-moz-box-shadow:0 1px 3px #e9e5e5}.table2014 td{padding:10px 0;border-bottom:1px solid #e8e8e8;border-right:1px solid #e8e8e8}.table2014 .t1{background:#1e5799;background:-moz-linear-gradient(top,rgba(30,87,153,1) 0,rgba(41,137,216,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(30,87,153,1)),color-stop(50%,rgba(41,137,216,1)),color-stop(51%,rgba(32,124,202,1)),color-stop(100%,rgba(125,185,232,1)));background:-webkit-linear-gradient(top,rgba(30,87,153,1) 0,rgba(41,137,216,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%);background:-o-linear-gradient(top,rgba(30,87,153,1) 0,rgba(41,137,216,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%);background:-ms-linear-gradient(top,rgba(30,87,153,1) 0,rgba(41,137,216,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%);background:linear-gradient(to bottom,rgba(30,87,153,1) 0,rgba(41,137,216,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%);color:#fff;text-align:center;font-size:15px;font-weight:700}.table2014 tr:nth-child(even){color:#666;background-color:#fff;text-align:center;font-size:13px;padding:10px 0}.table2014 tr:nth-child(odd){color:#666;background-color:#eeecec;text-align:center;font-size:13px}</style> <table width="100%" border="0" cellpadding="0" cellspacing="0" class="table2014"> <tr> <td class="t1">標題</td> <td class="t1">年份</td> <td class="t1">作者</td> <td class="t1">位置</td> </tr> <tr> <td>文件處理</td> <td>2014-11-10</td> <td>Jon.K</td> <td>B棟10樓</td> </tr> <tr> <td>電腦更新</td> <td>2014-11-10</td> <td>吐司人</td> <td>A棟2樓</td> </tr> <tr> <td>元素製作</td> <td>2014-11-30</td> <td>小烏龜</td> <td>C棟20樓</td> </tr> <tr> <td>行銷規劃</td> <td>2014-12-14</td> <td>發發發</td> <td>C棟1樓</td> </tr> </table>'
|
||||
},
|
||||
{
|
||||
title: '表格樣版5',
|
||||
image: 'tp5.gif',
|
||||
description: '條列式表格,欄位間隔以不同色系區格,橘黃色漸層色系。',
|
||||
html: '<style type="text/css"> .table2014{font-family:"微軟正黑體";border-top:1px solid #e8e8e8;border-left:1px solid #e8e8e8;letter-spacing:1px;box-shadow:0 5px 3px #e9e5e5;-webkit-box-shadow:0 1px 3px #e9e5e5;-moz-box-shadow:0 1px 3px #e9e5e5}.table2014 td{padding:10px 0;border-bottom:1px solid #e8e8e8;border-right:1px solid #e8e8e8}.table2014 .t1{background:#ffdb0f;background:-moz-linear-gradient(top,rgba(255,219,15,1) 0,rgba(237,171,7,1) 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(255,219,15,1)),color-stop(100%,rgba(237,171,7,1)));background:-webkit-linear-gradient(top,rgba(255,219,15,1) 0,rgba(237,171,7,1) 100%);background:-o-linear-gradient(top,rgba(255,219,15,1) 0,rgba(237,171,7,1) 100%);background:-ms-linear-gradient(top,rgba(255,219,15,1) 0,rgba(237,171,7,1) 100%);background:linear-gradient(to bottom,rgba(255,219,15,1) 0,rgba(237,171,7,1) 100%);color:#fff;text-align:center;font-size:15px;font-weight:700}.table2014 tr:nth-child(even){color:#666;background-color:#fff;text-align:center;font-size:13px;padding:10px 0}.table2014 tr:nth-child(odd){color:#666;background-color:#eeecec;text-align:center;font-size:13px}</style> <table width="100%" border="0" cellpadding="0" cellspacing="0" class="table2014"> <tr> <td class="t1">標題</td> <td class="t1">年份</td> <td class="t1">作者</td> <td class="t1">位置</td> </tr> <tr> <td>文件處理</td> <td>2014-11-10</td> <td>Jon.K</td> <td>B棟10樓</td> </tr> <tr> <td>電腦更新</td> <td>2014-11-10</td> <td>吐司人</td> <td>A棟2樓</td> </tr> <tr> <td>元素製作</td> <td>2014-11-30</td> <td>小烏龜</td> <td>C棟20樓</td> </tr> <tr> <td>行銷規劃</td> <td>2014-12-14</td> <td>發發發</td> <td>C棟1樓</td> </tr> </table>'
|
||||
},
|
||||
{
|
||||
title: '表格樣版6',
|
||||
image: 'tp6.gif',
|
||||
description: '條列式表格,欄位間隔以不同色系區格,金色與棕色漸層色系。',
|
||||
html: '<style type="text/css"> .table2014{font-family:"微軟正黑體";border-top:1px solid #e8e8e8;border-left:1px solid #e8e8e8;letter-spacing:1px}.table2014 td{padding:10px 0;border-bottom:1px solid #e8e8e8;border-right:1px solid #e8e8e8}.table2014 .t1{background:#f3e2c7;background:-moz-linear-gradient(top,rgba(243,226,199,1) 0,rgba(193,158,103,1) 50%,rgba(182,141,76,1) 51%,rgba(233,212,179,1) 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(243,226,199,1)),color-stop(50%,rgba(193,158,103,1)),color-stop(51%,rgba(182,141,76,1)),color-stop(100%,rgba(233,212,179,1)));background:-webkit-linear-gradient(top,rgba(243,226,199,1) 0,rgba(193,158,103,1) 50%,rgba(182,141,76,1) 51%,rgba(233,212,179,1) 100%);background:-o-linear-gradient(top,rgba(243,226,199,1) 0,rgba(193,158,103,1) 50%,rgba(182,141,76,1) 51%,rgba(233,212,179,1) 100%);background:-ms-linear-gradient(top,rgba(243,226,199,1) 0,rgba(193,158,103,1) 50%,rgba(182,141,76,1) 51%,rgba(233,212,179,1) 100%);background:linear-gradient(to bottom,rgba(243,226,199,1) 0,rgba(193,158,103,1) 50%,rgba(182,141,76,1) 51%,rgba(233,212,179,1) 100%);color:#fff;text-align:center;font-size:15px;font-weight:700}.table2014 tr:nth-child(even){color:#666;background-color:#eeecec;text-align:center;font-size:13px;padding:10px 0}.table2014 tr:nth-child(odd){color:#666;background-color:#dcd6cf;text-align:center;font-size:13px}</style> <table width="100%" border="0" cellpadding="0" cellspacing="0" class="table2014"> <tr> <td class="t1">標題</td> <td class="t1">年份</td> <td class="t1">作者</td> <td class="t1">位置</td> </tr> <tr> <td>文件處理</td> <td>2014-11-10</td> <td>Jon.K</td> <td>B棟10樓</td> </tr> <tr> <td>電腦更新</td> <td>2014-11-10</td> <td>吐司人</td> <td>A棟2樓</td> </tr> <tr> <td>元素製作</td> <td>2014-11-30</td> <td>小烏龜</td> <td>C棟20樓</td> </tr> <tr> <td>行銷規劃</td> <td>2014-12-14</td> <td>發發發</td> <td>C棟1樓</td> </tr> </table>'
|
||||
},
|
||||
{
|
||||
title: '表格樣版7',
|
||||
image: 'tp7.gif',
|
||||
description: '條列式表格,欄位間隔以不同色系區格,天空與海洋藍色漸層系列。',
|
||||
html: '<style type="text/css"> .table2014{font-family:"微軟正黑體";border-top:1px solid #e8e8e8;border-left:1px solid #e8e8e8;letter-spacing:1px}.table2014 td{padding:10px 0;border-bottom:1px solid #e8e8e8;border-right:1px solid #e8e8e8}.table2014 .t1{background:#b7deed;background:-moz-linear-gradient(top,rgba(183,222,237,1) 0,rgba(113,206,239,1) 50%,rgba(33,180,226,1) 51%,rgba(183,222,237,1) 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(183,222,237,1)),color-stop(50%,rgba(113,206,239,1)),color-stop(51%,rgba(33,180,226,1)),color-stop(100%,rgba(183,222,237,1)));background:-webkit-linear-gradient(top,rgba(183,222,237,1) 0,rgba(113,206,239,1) 50%,rgba(33,180,226,1) 51%,rgba(183,222,237,1) 100%);background:-o-linear-gradient(top,rgba(183,222,237,1) 0,rgba(113,206,239,1) 50%,rgba(33,180,226,1) 51%,rgba(183,222,237,1) 100%);background:-ms-linear-gradient(top,rgba(183,222,237,1) 0,rgba(113,206,239,1) 50%,rgba(33,180,226,1) 51%,rgba(183,222,237,1) 100%);background:linear-gradient(to bottom,rgba(183,222,237,1) 0,rgba(113,206,239,1) 50%,rgba(33,180,226,1) 51%,rgba(183,222,237,1) 100%);color:#fff;text-align:center;font-size:15px;font-weight:700}.table2014 tr:nth-child(even){background-color:#FFF;color:#666;text-align:center;font-size:13px;padding:10px 0}.table2014 tr:nth-child(odd){color:#666;background:#f7fbfc;background:-moz-linear-gradient(top,rgba(247,251,252,1) 0,rgba(217,237,242,1) 40%,rgba(173,217,228,1) 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(247,251,252,1)),color-stop(40%,rgba(217,237,242,1)),color-stop(100%,rgba(173,217,228,1)));background:-webkit-linear-gradient(top,rgba(247,251,252,1) 0,rgba(217,237,242,1) 40%,rgba(173,217,228,1) 100%);background:-o-linear-gradient(top,rgba(247,251,252,1) 0,rgba(217,237,242,1) 40%,rgba(173,217,228,1) 100%);background:-ms-linear-gradient(top,rgba(247,251,252,1) 0,rgba(217,237,242,1) 40%,rgba(173,217,228,1) 100%);background:linear-gradient(to bottom,rgba(247,251,252,1) 0,rgba(217,237,242,1) 40%,rgba(173,217,228,1) 100%);text-align:center;font-size:13px}</style> <table width="100%" border="0" cellpadding="0" cellspacing="0" class="table2014"> <tr> <td class="t1">標題</td> <td class="t1">年份</td> <td class="t1">作者</td> <td class="t1">位置</td> </tr> <tr> <td>文件處理</td> <td>2014-11-10</td> <td>Jon.K</td> <td>B棟10樓</td> </tr> <tr> <td>電腦更新</td> <td>2014-11-10</td> <td>吐司人</td> <td>A棟2樓</td> </tr> <tr> <td>元素製作</td> <td>2014-11-30</td> <td>小烏龜</td> <td>C棟20樓</td> </tr> <tr> <td>行銷規劃</td> <td>2014-12-14</td> <td>發發發</td> <td>C棟1樓</td> </tr> </table>'
|
||||
},
|
||||
{
|
||||
title: '表格樣版8',
|
||||
image: 'tp8.gif',
|
||||
description: '條列式表格,典雅綠色系漸層系列。',
|
||||
html: '<style type="text/css"> .table2014{font-family:"微軟正黑體";border-top:1px solid #e8e8e8;border-left:1px solid #e8e8e8;letter-spacing:1px}.table2014 td{padding:10px 0;border-bottom:1px solid #e8e8e8;border-right:1px solid #e8e8e8}.table2014 .t1{background-color:#c3c682;color:#fff;text-align:center;font-size:15px;font-weight:700}.table2014 tr:nth-child(even){background:#fcfff4;background:-moz-linear-gradient(top,rgba(252,255,244,1) 0,rgba(233,233,206,1) 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(252,255,244,1)),color-stop(100%,rgba(233,233,206,1)));background:-webkit-linear-gradient(top,rgba(252,255,244,1) 0,rgba(233,233,206,1) 100%);background:-o-linear-gradient(top,rgba(252,255,244,1) 0,rgba(233,233,206,1) 100%);background:-ms-linear-gradient(top,rgba(252,255,244,1) 0,rgba(233,233,206,1) 100%);background:linear-gradient(to bottom,rgba(252,255,244,1) 0,rgba(233,233,206,1) 100%);color:#666;text-align:center;font-size:13px;padding:10px 0}.table2014 tr:nth-child(odd){color:#666;background:#feffe8;background:-moz-linear-gradient(top,rgba(254,255,232,1) 0,rgba(214,219,191,1) 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(254,255,232,1)),color-stop(100%,rgba(214,219,191,1)));background:-webkit-linear-gradient(top,rgba(254,255,232,1) 0,rgba(214,219,191,1) 100%);background:-o-linear-gradient(top,rgba(254,255,232,1) 0,rgba(214,219,191,1) 100%);background:-ms-linear-gradient(top,rgba(254,255,232,1) 0,rgba(214,219,191,1) 100%);background:linear-gradient(to bottom,rgba(254,255,232,1) 0,rgba(214,219,191,1) 100%);text-align:center;font-size:13px}</style> <table width="100%" border="0" cellpadding="0" cellspacing="0" class="table2014"> <tr> <td class="t1">標題</td> <td class="t1">年份</td> <td class="t1">作者</td> <td class="t1">位置</td> </tr> <tr> <td>文件處理</td> <td>2014-11-10</td> <td>Jon.K</td> <td>B棟10樓</td> </tr> <tr> <td>電腦更新</td> <td>2014-11-10</td> <td>吐司人</td> <td>A棟2樓</td> </tr> <tr> <td>元素製作</td> <td>2014-11-30</td> <td>小烏龜</td> <td>C棟20樓</td> </tr> <tr> <td>行銷規劃</td> <td>2014-12-14</td> <td>發發發</td> <td>C棟1樓</td> </tr> </table>'
|
||||
},
|
||||
{
|
||||
title: '表格樣版9',
|
||||
image: 'tp9.gif',
|
||||
description: '雙標題條列式表格,欄位間隔以不同色系區格,灰藍科技風色系。',
|
||||
html: '<style type="text/css"> .table2014{font-family:"微軟正黑體";border-top:1px solid #dbdcdc;border-left:1px solid #dbdcdc;letter-spacing:1px;margin-top:5px}.table2014 td{padding:10px 0;border-bottom:1px solid #dbdcdc;border-right:1px solid #dbdcdc}.table2014 .t1{background:#606c88;background:-moz-linear-gradient(top,rgba(96,108,136,1) 0,rgba(63,76,107,1) 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(96,108,136,1)),color-stop(100%,rgba(63,76,107,1)));background:-webkit-linear-gradient(top,rgba(96,108,136,1) 0,rgba(63,76,107,1) 100%);background:-o-linear-gradient(top,rgba(96,108,136,1) 0,rgba(63,76,107,1) 100%);background:-ms-linear-gradient(top,rgba(96,108,136,1) 0,rgba(63,76,107,1) 100%);background:linear-gradient(to bottom,rgba(96,108,136,1) 0,rgba(63,76,107,1) 100%);color:#fff;text-align:center;font-size:15px;font-weight:700}.table2014 .t2{background:#e3e3e3;background:-moz-linear-gradient(top,#e3e3e3 0,#fcfcfc 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#e3e3e3),color-stop(100%,#fcfcfc));background:-webkit-linear-gradient(top,#e3e3e3 0,#fcfcfc 100%);background:-o-linear-gradient(top,#e3e3e3 0,#fcfcfc 100%);background:-ms-linear-gradient(top,#e3e3e3 0,#fcfcfc 100%);background:linear-gradient(to bottom,#e3e3e3 0,#fcfcfc 100%);color:#242424;text-align:center;font-size:13px;padding:10px 0}.table2014 .t3{background-color:#FFF;color:#7d7d7d;text-align:center;font-size:13px}</style> <table width="100%" border="0" cellpadding="0" cellspacing="0" class="table2014"> <tr> <td class="t1">標題</td> <td class="t1">年份</td> <td class="t1">作者</td> <td class="t1">位置</td> </tr> <tr> <td class="t2">FSK 350SB、FSK 150SB、FSK750SB</td> <td class="t3">2014-11-10</td> <td class="t3">Jon.K</td> <td class="t3">B棟10樓</td> </tr> <tr> <td class="t2">FSK 350SB、FSK 150SB、FSK750SB</td> <td class="t3">2014-11-10</td> <td class="t3">吐司人</td> <td class="t3">A棟2樓</td> </tr> <tr> <td class="t2">FSK 350SB、FSK 150SB、FSK750SB</td> <td class="t3">2014-11-30</td> <td class="t3">小烏龜</td> <td class="t3">C棟20樓</td> </tr> <tr> <td class="t2">FSK 350SB、FSK 150SB、FSK750SB</td> <td class="t3">2014-12-14</td> <td class="t3">發發發</td> <td class="t3">C棟1樓</td> </tr> </table>'
|
||||
},
|
||||
{
|
||||
title: '表格樣版10',
|
||||
image: 'tp10.gif',
|
||||
description: '雙標題條列式表格,欄位間隔以不同色系區格,紅色漸層色系。',
|
||||
html: '<style type="text/css"> .table2014{font-family:"微軟正黑體";border-top:1px solid #dbdcdc;border-left:1px solid #dbdcdc;letter-spacing:1px;margin-top:5px}.table2014 td{padding:10px 0;border-bottom:1px solid #dbdcdc;border-right:1px solid #dbdcdc}.table2014 .t1{background:#ff3019;background:-moz-linear-gradient(top,rgba(255,48,25,1) 0,rgba(207,4,4,1) 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(255,48,25,1)),color-stop(100%,rgba(207,4,4,1)));background:-webkit-linear-gradient(top,rgba(255,48,25,1) 0,rgba(207,4,4,1) 100%);background:-o-linear-gradient(top,rgba(255,48,25,1) 0,rgba(207,4,4,1) 100%);background:-ms-linear-gradient(top,rgba(255,48,25,1) 0,rgba(207,4,4,1) 100%);background:linear-gradient(to bottom,rgba(255,48,25,1) 0,rgba(207,4,4,1) 100%);color:#fff;text-align:center;font-size:15px;font-weight:700}.table2014 .t2{background:#e3e3e3;background:-moz-linear-gradient(top,#e3e3e3 0,#fcfcfc 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#e3e3e3),color-stop(100%,#fcfcfc));background:-webkit-linear-gradient(top,#e3e3e3 0,#fcfcfc 100%);background:-o-linear-gradient(top,#e3e3e3 0,#fcfcfc 100%);background:-ms-linear-gradient(top,#e3e3e3 0,#fcfcfc 100%);background:linear-gradient(to bottom,#e3e3e3 0,#fcfcfc 100%);color:#242424;text-align:center;font-size:13px;padding:10px 0}.table2014 .t3{background-color:#FFF;color:#7d7d7d;text-align:center;font-size:13px}</style> <table width="100%" border="0" cellpadding="0" cellspacing="0" class="table2014"> <tr> <td class="t1">標題</td> <td class="t1">年份</td> <td class="t1">作者</td> <td class="t1">位置</td> </tr> <tr> <td class="t2">FSK 350SB、FSK 150SB、FSK750SB</td> <td class="t3">2014-11-10</td> <td class="t3">Jon.K</td> <td class="t3">B棟10樓</td> </tr> <tr> <td class="t2">FSK 350SB、FSK 150SB、FSK750SB</td> <td class="t3">2014-11-10</td> <td class="t3">吐司人</td> <td class="t3">A棟2樓</td> </tr> <tr> <td class="t2">FSK 350SB、FSK 150SB、FSK750SB</td> <td class="t3">2014-11-30</td> <td class="t3">小烏龜</td> <td class="t3">C棟20樓</td> </tr> <tr> <td class="t2">FSK 350SB、FSK 150SB、FSK750SB</td> <td class="t3">2014-12-14</td> <td class="t3">發發發</td> <td class="t3">C棟1樓</td> </tr> </table>'
|
||||
},
|
||||
{
|
||||
title: '表格樣版11',
|
||||
image: 'tp11.gif',
|
||||
description: '雙標題條列式表格,欄位間隔以不同色系區格,黑色漸層色系。',
|
||||
html: '<style type="text/css"> .table2014{font-family:"微軟正黑體";border-top:1px solid #dbdcdc;border-left:1px solid #dbdcdc;letter-spacing:1px;margin-top:5px}.table2014 td{padding:10px 0;border-bottom:1px solid #dbdcdc;border-right:1px solid #dbdcdc}.table2014 .t1{background:#959595;background:-moz-linear-gradient(top,rgba(149,149,149,1) 0,rgba(13,13,13,1) 46%,rgba(1,1,1,1) 50%,rgba(10,10,10,1) 53%,rgba(78,78,78,1) 76%,rgba(56,56,56,1) 87%,rgba(27,27,27,1) 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(149,149,149,1)),color-stop(46%,rgba(13,13,13,1)),color-stop(50%,rgba(1,1,1,1)),color-stop(53%,rgba(10,10,10,1)),color-stop(76%,rgba(78,78,78,1)),color-stop(87%,rgba(56,56,56,1)),color-stop(100%,rgba(27,27,27,1)));background:-webkit-linear-gradient(top,rgba(149,149,149,1) 0,rgba(13,13,13,1) 46%,rgba(1,1,1,1) 50%,rgba(10,10,10,1) 53%,rgba(78,78,78,1) 76%,rgba(56,56,56,1) 87%,rgba(27,27,27,1) 100%);background:-o-linear-gradient(top,rgba(149,149,149,1) 0,rgba(13,13,13,1) 46%,rgba(1,1,1,1) 50%,rgba(10,10,10,1) 53%,rgba(78,78,78,1) 76%,rgba(56,56,56,1) 87%,rgba(27,27,27,1) 100%);background:-ms-linear-gradient(top,rgba(149,149,149,1) 0,rgba(13,13,13,1) 46%,rgba(1,1,1,1) 50%,rgba(10,10,10,1) 53%,rgba(78,78,78,1) 76%,rgba(56,56,56,1) 87%,rgba(27,27,27,1) 100%);background:linear-gradient(to bottom,rgba(149,149,149,1) 0,rgba(13,13,13,1) 46%,rgba(1,1,1,1) 50%,rgba(10,10,10,1) 53%,rgba(78,78,78,1) 76%,rgba(56,56,56,1) 87%,rgba(27,27,27,1) 100%);color:#fff;text-align:center;font-size:15px;font-weight:700}.table2014 .t2{background:#e3e3e3;background:-moz-linear-gradient(top,#e3e3e3 0,#fcfcfc 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#e3e3e3),color-stop(100%,#fcfcfc));background:-webkit-linear-gradient(top,#e3e3e3 0,#fcfcfc 100%);background:-o-linear-gradient(top,#e3e3e3 0,#fcfcfc 100%);background:-ms-linear-gradient(top,#e3e3e3 0,#fcfcfc 100%);background:linear-gradient(to bottom,#e3e3e3 0,#fcfcfc 100%);color:#242424;text-align:center;font-size:13px;padding:10px 0}.table2014 .t3{background-color:#FFF;color:#7d7d7d;text-align:center;font-size:13px}</style> <table width="100%" border="0" cellpadding="0" cellspacing="0" class="table2014"> <tr> <td class="t1">標題</td> <td class="t1">年份</td> <td class="t1">作者</td> <td class="t1">位置</td> </tr> <tr> <td class="t2">FSK 350SB、FSK 150SB、FSK750SB</td> <td class="t3">2014-11-10</td> <td class="t3">Jon.K</td> <td class="t3">B棟10樓</td> </tr> <tr> <td class="t2">FSK 350SB、FSK 150SB、FSK750SB</td> <td class="t3">2014-11-10</td> <td class="t3">吐司人</td> <td class="t3">A棟2樓</td> </tr> <tr> <td class="t2">FSK 350SB、FSK 150SB、FSK750SB</td> <td class="t3">2014-11-30</td> <td class="t3">小烏龜</td> <td class="t3">C棟20樓</td> </tr> <tr> <td class="t2">FSK 350SB、FSK 150SB、FSK750SB</td> <td class="t3">2014-12-14</td> <td class="t3">發發發</td> <td class="t3">C棟1樓</td> </tr> </table>'
|
||||
},
|
||||
{
|
||||
title: '表格樣版12',
|
||||
image: 'tp12.gif',
|
||||
description: '雙標題條列式表格,欄位間隔以不同色系區格,綠色漸層色系。',
|
||||
html: '<style type="text/css"> .table2014{font-family:"微軟正黑體";border-top:1px solid #dbdcdc;border-left:1px solid #dbdcdc;letter-spacing:1px;margin-top:5px}.table2014 td{padding:10px 0;border-bottom:1px solid #dbdcdc;border-right:1px solid #dbdcdc}.table2014 .t1{background:#9dd53a;background:-moz-linear-gradient(top,rgba(157,213,58,1) 0,rgba(161,213,79,1) 50%,rgba(128,194,23,1) 51%,rgba(124,188,10,1) 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(157,213,58,1)),color-stop(50%,rgba(161,213,79,1)),color-stop(51%,rgba(128,194,23,1)),color-stop(100%,rgba(124,188,10,1)));background:-webkit-linear-gradient(top,rgba(157,213,58,1) 0,rgba(161,213,79,1) 50%,rgba(128,194,23,1) 51%,rgba(124,188,10,1) 100%);background:-o-linear-gradient(top,rgba(157,213,58,1) 0,rgba(161,213,79,1) 50%,rgba(128,194,23,1) 51%,rgba(124,188,10,1) 100%);background:-ms-linear-gradient(top,rgba(157,213,58,1) 0,rgba(161,213,79,1) 50%,rgba(128,194,23,1) 51%,rgba(124,188,10,1) 100%);background:linear-gradient(to bottom,rgba(157,213,58,1) 0,rgba(161,213,79,1) 50%,rgba(128,194,23,1) 51%,rgba(124,188,10,1) 100%);color:#fff;text-align:center;font-size:15px;font-weight:700}.table2014 .t2{background:#e3e3e3;background:-moz-linear-gradient(top,#e3e3e3 0,#fcfcfc 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#e3e3e3),color-stop(100%,#fcfcfc));background:-webkit-linear-gradient(top,#e3e3e3 0,#fcfcfc 100%);background:-o-linear-gradient(top,#e3e3e3 0,#fcfcfc 100%);background:-ms-linear-gradient(top,#e3e3e3 0,#fcfcfc 100%);background:linear-gradient(to bottom,#e3e3e3 0,#fcfcfc 100%);color:#242424;text-align:center;font-size:13px;padding:10px 0}.table2014 .t3{background-color:#FFF;color:#7d7d7d;text-align:center;font-size:13px}</style> <table width="100%" border="0" cellpadding="0" cellspacing="0" class="table2014"> <tr> <td class="t1">標題</td> <td class="t1">年份</td> <td class="t1">作者</td> <td class="t1">位置</td> </tr> <tr> <td class="t2">FSK 350SB、FSK 150SB、FSK750SB</td> <td class="t3">2014-11-10</td> <td class="t3">Jon.K</td> <td class="t3">B棟10樓</td> </tr> <tr> <td class="t2">FSK 350SB、FSK 150SB、FSK750SB</td> <td class="t3">2014-11-10</td> <td class="t3">吐司人</td> <td class="t3">A棟2樓</td> </tr> <tr> <td class="t2">FSK 350SB、FSK 150SB、FSK750SB</td> <td class="t3">2014-11-30</td> <td class="t3">小烏龜</td> <td class="t3">C棟20樓</td> </tr> <tr> <td class="t2">FSK 350SB、FSK 150SB、FSK750SB</td> <td class="t3">2014-12-14</td> <td class="t3">發發發</td> <td class="t3">C棟1樓</td> </tr> </table>'
|
||||
},
|
||||
{
|
||||
title: '表格樣版13',
|
||||
image: 'tp13.gif',
|
||||
description: '雙標題條列式表格,欄位間隔以不同色系區格,淺藍色漸層色系。',
|
||||
html: '<style type="text/css"> .table2014{font-family:"微軟正黑體";border-top:1px solid #dbdcdc;border-left:1px solid #dbdcdc;letter-spacing:1px;margin-top:5px}.table2014 td{padding:10px 0;border-bottom:1px solid #dbdcdc;border-right:1px solid #dbdcdc}.table2014 .t1{background:#49c0f0;background:-moz-linear-gradient(top,rgba(73,192,240,1) 0,rgba(44,175,227,1) 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(73,192,240,1)),color-stop(100%,rgba(44,175,227,1)));background:-webkit-linear-gradient(top,rgba(73,192,240,1) 0,rgba(44,175,227,1) 100%);background:-o-linear-gradient(top,rgba(73,192,240,1) 0,rgba(44,175,227,1) 100%);background:-ms-linear-gradient(top,rgba(73,192,240,1) 0,rgba(44,175,227,1) 100%);background:linear-gradient(to bottom,rgba(73,192,240,1) 0,rgba(44,175,227,1) 100%);color:#fff;text-align:center;font-size:15px;font-weight:700}.table2014 .t2{background:#e3e3e3;background:-moz-linear-gradient(top,#e3e3e3 0,#fcfcfc 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#e3e3e3),color-stop(100%,#fcfcfc));background:-webkit-linear-gradient(top,#e3e3e3 0,#fcfcfc 100%);background:-o-linear-gradient(top,#e3e3e3 0,#fcfcfc 100%);background:-ms-linear-gradient(top,#e3e3e3 0,#fcfcfc 100%);background:linear-gradient(to bottom,#e3e3e3 0,#fcfcfc 100%);color:#242424;text-align:center;font-size:13px;padding:10px 0}.table2014 .t3{background-color:#FFF;color:#7d7d7d;text-align:center;font-size:13px}</style> <table width="100%" border="0" cellpadding="0" cellspacing="0" class="table2014"> <tr> <td class="t1">標題</td> <td class="t1">年份</td> <td class="t1">作者</td> <td class="t1">位置</td> </tr> <tr> <td class="t2">FSK 350SB、FSK 150SB、FSK750SB</td> <td class="t3">2014-11-10</td> <td class="t3">Jon.K</td> <td class="t3">B棟10樓</td> </tr> <tr> <td class="t2">FSK 350SB、FSK 150SB、FSK750SB</td> <td class="t3">2014-11-10</td> <td class="t3">吐司人</td> <td class="t3">A棟2樓</td> </tr> <tr> <td class="t2">FSK 350SB、FSK 150SB、FSK750SB</td> <td class="t3">2014-11-30</td> <td class="t3">小烏龜</td> <td class="t3">C棟20樓</td> </tr> <tr> <td class="t2">FSK 350SB、FSK 150SB、FSK750SB</td> <td class="t3">2014-12-14</td> <td class="t3">發發發</td> <td class="t3">C棟1樓</td> </tr> </table>'
|
||||
},
|
||||
{
|
||||
title: '表格樣版14',
|
||||
image: 'tp14.gif',
|
||||
description: '條列式表格,綠色系間隔。',
|
||||
html: '<style type="text/css"> .table2014{font-family:"微軟正黑體";border-top:1px solid #fff;border-left:1px solid #fff;letter-spacing:1px}.table2014 td{padding:10px 0;border-bottom:1px solid #fff;border-right:1px solid #fff}.table2014 .t1{background:#7fc29b;background:-moz-linear-gradient(top,#7fc29b 0,#5e9e79 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#7fc29b),color-stop(100%,#5e9e79));background:-webkit-linear-gradient(top,#7fc29b 0,#5e9e79 100%);background:-o-linear-gradient(top,#7fc29b 0,#5e9e79 100%);background:-ms-linear-gradient(top,#7fc29b 0,#5e9e79 100%);background:linear-gradient(to bottom,#7fc29b 0,#5e9e79 100%);color:#fff;text-align:center;font-size:15px;font-weight:700}.table2014 tr:nth-child(even){color:#79927f;background-color:#EAFDCF;text-align:center;font-size:13px;padding:10px 0}.table2014 tr:nth-child(odd){color:#FFF;background-color:#BCD39C;text-align:center;font-size:13px}</style> <table width="100%" border="0" cellpadding="0" cellspacing="0" class="table2014"> <tr> <td class="t1">標題</td> <td class="t1">年份</td> <td class="t1">作者</td> <td class="t1">位置</td> </tr> <tr> <td>文件處理</td> <td>2014-11-10</td> <td>Jon.K</td> <td>B棟10樓</td> </tr> <tr> <td>電腦更新</td> <td>2014-11-10</td> <td>吐司人</td> <td>A棟2樓</td> </tr> <tr> <td>元素製作</td> <td>2014-11-30</td> <td>小烏龜</td> <td>C棟20樓</td> </tr> <tr> <td>行銷規劃</td> <td>2014-12-14</td> <td>發發發</td> <td>C棟1樓</td> </tr> </table>'
|
||||
},
|
||||
{
|
||||
title: '表格樣版15',
|
||||
image: 'tp15.gif',
|
||||
description: '條列式表格,粉紅色系間隔。',
|
||||
html: '<style type="text/css"> .table2014{font-family:"微軟正黑體";border-top:1px solid #fff;border-left:1px solid #fff;letter-spacing:1px}.table2014 td{padding:10px 0;border-bottom:1px solid #fff;border-right:1px solid #fff}.table2014 .t1{background-color:#fa5e74;color:#fff;text-align:center;font-size:15px;font-weight:700}.table2014 tr:nth-child(even){color:#de7685;background-color:#fedde6;text-align:center;font-size:13px;padding:10px 0}.table2014 tr:nth-child(odd){color:#fff;background-color:#f9cad7;text-align:center;font-size:13px}</style> <table width="100%" border="0" cellpadding="0" cellspacing="0" class="table2014"> <tr> <td class="t1">標題</td> <td class="t1">年份</td> <td class="t1">作者</td> <td class="t1">位置</td> </tr> <tr> <td>文件處理</td> <td>2014-11-10</td> <td>Jon.K</td> <td>B棟10樓</td> </tr> <tr> <td>電腦更新</td> <td>2014-11-10</td> <td>吐司人</td> <td>A棟2樓</td> </tr> <tr> <td>元素製作</td> <td>2014-11-30</td> <td>小烏龜</td> <td>C棟20樓</td> </tr> <tr> <td>行銷規劃</td> <td>2014-12-14</td> <td>發發發</td> <td>C棟1樓</td> </tr> </table>'
|
||||
},
|
||||
{
|
||||
title: '表格樣版16',
|
||||
image: 'tp16.gif',
|
||||
description: '條列式表格,橘藍對比色系間隔。',
|
||||
html: '<style type="text/css"> .table2014{font-family:"微軟正黑體";border-top:1px solid #fff;border-left:1px solid #fff;letter-spacing:1px}.table2014 td{padding:10px 0;border-bottom:1px solid #fff;border-right:1px solid #fff}.table2014 .t1{background-color:#6ec5ee;color:#fff;text-align:center;font-size:15px;font-weight:700}.table2014 tr:nth-child(even){color:#fff;background-color:#ffdb6f;text-align:center;font-size:13px;padding:10px 0}.table2014 tr:nth-child(odd){color:#757575;background-color:#ffefc1;text-align:center;font-size:13px}</style> <table width="100%" border="0" cellpadding="0" cellspacing="0" class="table2014"> <tr> <td class="t1">標題</td> <td class="t1">年份</td> <td class="t1">作者</td> <td class="t1">位置</td> </tr> <tr> <td>文件處理</td> <td>2014-11-10</td> <td>Jon.K</td> <td>B棟10樓</td> </tr> <tr> <td>電腦更新</td> <td>2014-11-10</td> <td>吐司人</td> <td>A棟2樓</td> </tr> <tr> <td>元素製作</td> <td>2014-11-30</td> <td>小烏龜</td> <td>C棟20樓</td> </tr> <tr> <td>行銷規劃</td> <td>2014-12-14</td> <td>發發發</td> <td>C棟1樓</td> </tr> </table>'
|
||||
},
|
||||
{
|
||||
title: '表格樣版17',
|
||||
image: 'tp17.gif',
|
||||
description: '條列式表格樣式,欄位間隔以不同色系區格,灰色系列',
|
||||
html: '<table cellspacing="1" cellpadding="5" width="90%" align="center" summary="" border="0"><tbody><tr bgcolor="#eeeeee"><td valign="top" width="4%"><div align="center"><font class="b">1</font></div></td><td width="96%" bgcolor="#eeeeee"><font class="b">第一行文字</font></td></tr><tr bgcolor="#dddddd"><td valign="top" width="4%"><div align="center"><font class="b">2</font></div></td><td width="96%" bgcolor="#dddddd"><font class="b">第二行文字</font></td></tr><tr bgcolor="#eeeeee"><td valign="top" width="4%"><div align="center"><font class="b">3</font></div></td><td width="96%" bgcolor="#eeeeee"><font class="b">第三行文字</font></td></tr><tr bgcolor="#dddddd"><td valign="top" width="4%"><div align="center"><font class="b">4</font></div></td><td width="96%" bgcolor="#dddddd"><font class="b">第四行文字</font></td></tr><tr bgcolor="#eeeeee"><td valign="top" width="4%"><div align="center"><font class="b">5</font></div></td><td width="96%" bgcolor="#eeeeee"><font class="b">第五行文字</font></td></tr><tr bgcolor="#dddddd"><td valign="top" width="4%"><div align="center"><font class="b">6</font></div></td><td width="96%" bgcolor="#dddddd"><font class="b">第六行文字</font></td></tr><tr bgcolor="#eeeeee"><td valign="top" width="4%"><div align="center"><font class="b">7</font></div></td><td width="96%" bgcolor="#eeeeee"><font class="b">第七行文字</font></td></tr><tr bgcolor="#dddddd"><td valign="top" width="4%"><div align="center"><font class="b">8</font></div></td><td width="96%" bgcolor="#dddddd"><font class="b">第八行文字</font></td></tr></tbody></table>'
|
||||
},
|
||||
{
|
||||
title: '表格樣版18',
|
||||
image: 'tp18.gif',
|
||||
description: '圖片置左,文字資訊跟隨圖片右側,有標題及內容,可新增多組,以虛線做分隔。',
|
||||
html: '<style type="text/css"> .bx1{font-family:"微軟正黑體";font-size:14px;border-bottom:1px dashed #CCC}.bx1 .pic{float:left;margin-right:10px}.btext h3{margin-bottom:-10px}.btext p{color:#666;line-height:160%}.clearall{clear:both}</style> <div class="bx1"> <div class="pic"><img alt="【按右鍵影像屬性置入圖片】" width="100" height="100" align="left" /></div> <div class="btext"> <h3>標題文字</h3> <p>藝誠網頁設計公司打造網頁設計新視界,全力揮灑網站建置渲染力,提供您最佳的網頁設計服務品質,藝誠網頁設計公司打造網頁設計新視界,全力揮灑網站建置渲染力,提供您最佳的網頁設計服務品質。</p> </div><!--btext--> <div class="clearall"></div> </div><!--bx1--> <div class="bx1"> <div class="pic"><img style="MARGIN-RIGHT: 10px" alt="【按右鍵影像屬性置入圖片】" width="100" height="100" align="left" /></div> <div class="btext"> <h3>標題文字</h3> <p>藝誠網頁設計公司打造網頁設計新視界,全力揮灑網站建置渲染力,提供您最佳的網頁設計服務品質,藝誠網頁設計公司打造網頁設計新視界,全力揮灑網站建置渲染力,提供您最佳的網頁設計服務品質。</p> </div><!--btext--> <div class="clearall"></div> </div><!--bx1--> <div class="bx1"> <div class="pic"><img style="MARGIN-RIGHT: 10px" alt="【按右鍵影像屬性置入圖片】" width="100" height="100" align="left" /></div> <div class="btext"> <h3>標題文字</h3> <p>藝誠網頁設計公司打造網頁設計新視界,全力揮灑網站建置渲染力,提供您最佳的網頁設計服務品質,藝誠網頁設計公司打造網頁設計新視界,全力揮灑網站建置渲染力,提供您最佳的網頁設計服務品質。</p> </div><!--btext--> <div class="clearall"></div> </div><!--bx1-->'
|
||||
},
|
||||
{
|
||||
title: '表格樣版19',
|
||||
image: 'tp19.gif',
|
||||
description: '文字資訊置左,圖片跟隨右側,可新增多組。',
|
||||
html: '<style type="text/css"> .ntx{font-family:"微軟正黑體";font-size:14px;color:#666}.tix{font-family:"微軟正黑體";font-size:16px;font-weight:700;padding-bottom:5px;color:#000}</style> <table class="ntx" width="95%" border="0" cellspacing="0" cellpadding="0" align="center"><tr><td><span class="tix">標題文字</span><br><img style="MARGIN-RIGHT: 10px" alt="【按右鍵影像屬性置入圖片】" width="100" height="100" align="right" />藝誠網頁設計公司打造網頁設計新視界,全力揮灑網站建置渲染力,提供您最佳的網頁設計服務品質,藝誠網頁設計公司打造網頁設計新視界,全力揮灑網站建置渲染力,提供您最佳的網頁設計服務品質。</td></tr></table>'
|
||||
},
|
||||
{
|
||||
title: '表格樣版20',
|
||||
image: 'tp20.gif',
|
||||
description: '圖片介紹條列編排,圖片置於左方,右方為條列式文字資訊。',
|
||||
html: '<table style="margin-bottom:20px;" width="100%" border="0" cellspacing="0" cellpadding="0" align="center"> <tr> <td width="1" valign="top" style="padding-right:5px"><img alt="【按右鍵影像屬性置入圖片】" width="100" height="100" align="left" /></td> <td valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="2"> <tr> <td align="left" valign="top"><b>‧</b></td> <td align="left" valign="top">藝誠網頁設計公司打造網頁設計新視界,全力揮灑網站建置渲染力。</td> </tr> <tr> <td align="left" valign="top"><b>‧</b></td> <td valign="top">藝誠網頁設計公司打造網頁設計新視界,全力揮灑網站建置渲染力。</td> </tr> <tr> <td align="left" valign="top"><b>‧</b></td> <td valign="top">藝誠網頁設計公司打造網頁設計新視界,全力揮灑網站建置渲染力。</td> </tr> <tr> <td width="1" align="left" valign="top"><b>‧</b></td> <td valign="top">藝誠網頁設計公司打造網頁設計新視界,全力揮灑網站建置渲染力。</td> </tr> </table></td> </tr> </table> <table style="margin-bottom:20px;" width="100%" border="0" cellspacing="0" cellpadding="0" align="center"> <tr> <td width="1" valign="top" style="padding-right:5px"><img alt="【按右鍵影像屬性置入圖片】" width="100" height="100" align="left" /></td> <td valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="2"> <tr> <td align="left" valign="top"><b>‧</b></td> <td align="left" valign="top">藝誠網頁設計公司打造網頁設計新視界,全力揮灑網站建置渲染力。</td> </tr> <tr> <td align="left" valign="top"><b>‧</b></td> <td valign="top">藝誠網頁設計公司打造網頁設計新視界,全力揮灑網站建置渲染力。</td> </tr> <tr> <td align="left" valign="top"><b>‧</b></td> <td valign="top">藝誠網頁設計公司打造網頁設計新視界,全力揮灑網站建置渲染力。</td> </tr> <tr> <td width="1" align="left" valign="top"><b>‧</b></td> <td valign="top">藝誠網頁設計公司打造網頁設計新視界,全力揮灑網站建置渲染力。</td> </tr> </table></td> </tr> </table>'
|
||||
},
|
||||
{
|
||||
title: '表格樣版21',
|
||||
image: 'tp21.gif',
|
||||
description: '中英文抬頭,圖片置於左方,右方條列式介紹,可列出特點及內容,紅與黑色系。',
|
||||
html: '<style type="text/css"> .table1b{border-bottom:1px solid #c30;border-right:1px solid #c30;border-left:1px solid #c30}</style> <table width="95%" border="0" align="center" cellpadding="0" cellspacing="0" bordercolorlight="#CCCCCC" bordercolordark="#FFFFFF" bgcolor="#FFFFFF"> <tr> <td valign="top" style="padding:5px 0 5px 15px" bgcolor="#000"><font color="#CC3300" size="3"><b>ENGLISH TITTLE</b></font></td> </tr> <tr> <td valign="top" bgcolor="#cc3300" style="padding:5px 0 5px 15px"><font color="#fff" size="2"><b>中文標題</b></font></td> </tr> <tr> <td valign="top"><table class="table1b" width="100%" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td width="1" valign="top" style="padding:10px 0 10px 20px"><img style="MARGIN-RIGHT: 10px" alt="【按右鍵影像屬性置入圖片】" width="100" height="100" align="left" /></td> <td><table style="font-size:13px; color:#757575;" width="100%" border="0" align="center" cellpadding="1" cellspacing="0" bordercolorlight="#CCCCCC" bordercolordark="#FFFFFF" bgcolor="#FFFFFF"> <tr> <td width="15" align="center" valign="top">‧</td> <td valign="top">內容</td> </tr> <tr> <td align="center" valign="top">‧</td> <td valign="top">內容</td> </tr> <tr> <td align="center" valign="top">‧</td> <td valign="top">內容</td> </tr> <tr> <td align="center" valign="top">‧</td> <td valign="top">內容</td> </tr> </table></td> </tr> </table></td> </tr> </table> <p> </p>'
|
||||
},
|
||||
{
|
||||
title: '表格樣版22',
|
||||
image: 'tp22.gif',
|
||||
description: '中英文抬頭,圖片置於左方,右方條列式介紹,可列出特點及內容,橘與黑色系。',
|
||||
html: '<style type="text/css"> .table1b{border-bottom:1px solid #ffa200;border-right:1px solid #ffa200;border-left:1px solid #ffa200}</style> <table width="95%" border="0" align="center" cellpadding="0" cellspacing="0" bordercolorlight="#CCCCCC" bordercolordark="#FFFFFF" bgcolor="#FFFFFF"> <tr> <td valign="top" style="padding:5px 0 5px 15px" bgcolor="#000"><font color="#ffa200" size="3"><b>ENGLISH TITTLE</b></font></td> </tr> <tr> <td valign="top" bgcolor="#ffa200" style="padding:5px 0 5px 15px"><font color="#fff" size="2"><b>中文標題</b></font></td> </tr> <tr> <td valign="top"><table class="table1b" width="100%" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td width="1" valign="top" style="padding:10px 0 10px 20px"><img style="MARGIN-RIGHT: 10px" alt="【按右鍵影像屬性置入圖片】" width="100" height="100" align="left" /></td> <td><table style="font-size:13px; color:#757575;" width="100%" border="0" align="center" cellpadding="1" cellspacing="0" bordercolorlight="#CCCCCC" bordercolordark="#FFFFFF" bgcolor="#FFFFFF"> <tr> <td width="15" align="center" valign="top">‧</td> <td valign="top">內容</td> </tr> <tr> <td align="center" valign="top">‧</td> <td valign="top">內容</td> </tr> <tr> <td align="center" valign="top">‧</td> <td valign="top">內容</td> </tr> <tr> <td align="center" valign="top">‧</td> <td valign="top">內容</td> </tr> </table></td> </tr> </table></td> </tr> </table> <p> </p>'
|
||||
},
|
||||
{
|
||||
title: '表格樣版23',
|
||||
image: 'tp23.gif',
|
||||
description: '中英文抬頭,圖片置於左方,右方條列式介紹,可列出特點及內容,綠與黑色系。',
|
||||
html: '<style type="text/css"> .table1b{border-bottom:1px solid #8bd23f;border-right:1px solid #8bd23f;border-left:1px solid #8bd23f}</style> <table width="95%" border="0" align="center" cellpadding="0" cellspacing="0" bordercolorlight="#CCCCCC" bordercolordark="#FFFFFF" bgcolor="#FFFFFF"> <tr> <td valign="top" style="padding:5px 0 5px 15px" bgcolor="#000"><font color="#8bd23f" size="3"><b>ENGLISH TITTLE</b></font></td> </tr> <tr> <td valign="top" bgcolor="#8bd23f" style="padding:5px 0 5px 15px"><font color="#fff" size="2"><b>中文標題</b></font></td> </tr> <tr> <td valign="top"><table class="table1b" width="100%" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td width="1" valign="top" style="padding:10px 0 10px 20px"><img style="MARGIN-RIGHT: 10px" alt="【按右鍵影像屬性置入圖片】" width="100" height="100" align="left" /></td> <td><table style="font-size:13px; color:#757575;" width="100%" border="0" align="center" cellpadding="1" cellspacing="0" bordercolorlight="#CCCCCC" bordercolordark="#FFFFFF" bgcolor="#FFFFFF"> <tr> <td width="15" align="center" valign="top">‧</td> <td valign="top">內容</td> </tr> <tr> <td align="center" valign="top">‧</td> <td valign="top">內容</td> </tr> <tr> <td align="center" valign="top">‧</td> <td valign="top">內容</td> </tr> <tr> <td align="center" valign="top">‧</td> <td valign="top">內容</td> </tr> </table></td> </tr> </table></td> </tr> </table> <p> </p>'
|
||||
},
|
||||
{
|
||||
title: '表格樣版24',
|
||||
image: 'tp24.gif',
|
||||
description: '中英文抬頭,圖片置於右方,左方條列式介紹,可列出特點及內容,藍與黑色系。',
|
||||
html: '<style type="text/css"> .table1b{border-bottom:1px solid #2395ff;border-right:1px solid #2395ff;border-left:1px solid #2395ff}</style> <table width="95%" border="0" align="center" cellpadding="0" cellspacing="0" bordercolorlight="#CCCCCC" bordercolordark="#FFFFFF" bgcolor="#FFFFFF"> <tr> <td valign="top" style="padding:5px 0 5px 15px" bgcolor="#000"><font color="#2395ff" size="3"><b>ENGLISH TITTLE</b></font></td> </tr> <tr> <td valign="top" bgcolor="#2395ff" style="padding:5px 0 5px 15px"><font color="#fff" size="2"><b>中文標題</b></font></td> </tr> <tr> <td valign="top"><table class="table1b" width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td align="left" style="padding-left:10px;"><table style="font-size:13px; color:#757575;" width="100%" border="0" align="center" cellpadding="1" cellspacing="0" bordercolorlight="#CCCCCC" bordercolordark="#FFFFFF" bgcolor="#FFFFFF"> <tr> <td width="15" align="center" valign="top">‧</td> <td valign="top">內容</td> </tr> <tr> <td align="center" valign="top">‧</td> <td valign="top">內容</td> </tr> <tr> <td align="center" valign="top">‧</td> <td valign="top">內容</td> </tr> <tr> <td align="center" valign="top">‧</td> <td valign="top">內容</td> </tr> </table></td> <td width="100" align="right" style="padding:10px 0px 10px 10px"><img style="MARGIN-RIGHT: 10px" alt="【按右鍵影像屬性置入圖片】" width="100" height="100" align="left" /></td> </tr> </table></td> </tr> </table>'
|
||||
},
|
||||
{
|
||||
title: '表格樣版25',
|
||||
image: 'tp25.gif',
|
||||
description: '中英文抬頭,圖片置於右方,左方條列式介紹,可列出特點及內容,桃紅與黑色系。',
|
||||
html: '<style type="text/css"> .table1b{border-bottom:1px solid #e6087b;border-right:1px solid #e6087b;border-left:1px solid #e6087b}</style> <table width="95%" border="0" align="center" cellpadding="0" cellspacing="0" bordercolorlight="#CCCCCC" bordercolordark="#FFFFFF" bgcolor="#FFFFFF"> <tr> <td valign="top" style="padding:5px 0 5px 15px" bgcolor="#000"><font color="#e6087b" size="3"><b>ENGLISH TITTLE</b></font></td> </tr> <tr> <td valign="top" bgcolor="#e6087b" style="padding:5px 0 5px 15px"><font color="#fff" size="2"><b>中文標題</b></font></td> </tr> <tr> <td valign="top"><table class="table1b" width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td align="left" style="padding-left:10px;"><table style="font-size:13px; color:#757575;" width="100%" border="0" align="center" cellpadding="1" cellspacing="0" bordercolorlight="#CCCCCC" bordercolordark="#FFFFFF" bgcolor="#FFFFFF"> <tr> <td width="15" align="center" valign="top">‧</td> <td valign="top">內容</td> </tr> <tr> <td align="center" valign="top">‧</td> <td valign="top">內容</td> </tr> <tr> <td align="center" valign="top">‧</td> <td valign="top">內容</td> </tr> <tr> <td align="center" valign="top">‧</td> <td valign="top">內容</td> </tr> </table></td> <td width="100" align="right" style="padding:10px 0px 10px 10px"><img style="MARGIN-RIGHT: 10px" alt="【按右鍵影像屬性置入圖片】" width="100" height="100" align="left" /></td> </tr> </table></td> </tr> </table>'
|
||||
},
|
||||
{
|
||||
title: '表格樣版26',
|
||||
image: 'tp26.gif',
|
||||
description: '列表式圖文資訊,左右並排,常用於商品系統列表頁面。',
|
||||
html: '<style type="text/css"> .bul{list-style-type:none;font-family:"微軟正黑體";font-size:14px}.bul li{float:left;background-color:#f6f6f6;padding:15px 20px 5px;border-radius:7px;-webkit-border-radius:7px;-moz-border-radius:7px;margin-right:20px;margin-bottom:15px;box-shadow:2px 3px 2px #e5e5e5;-webkit-box-shadow:2px 3px 2px #e5e5e5;-moz-box-shadow:2px 3px 2px #e5e5e5}.bul div{text-align:center;margin-bottom:-10px}.bul li p{text-align:center}.stylered{color:#C33}.titext{font-weight:700;font-size:15px;margin-bottom:-10px}</style> <ul class="bul"> <li> <div><img alt="【按右鍵影像屬性置入圖片】" width="100" height="100" /></div> <p class="titext">品項名稱</p> <p><span class="stylered">200</span>元</p> </li> </ul>'
|
||||
},
|
||||
{
|
||||
title: '表格樣版27',
|
||||
image: 'tp27.gif',
|
||||
description: '交叉式圖片與文字的組合,適用於內頁常見編排。',
|
||||
html: '<style type="text/css"> table{font-family:"微軟正黑體";font-size:14px;color:#666}</style> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td><img alt="【按右鍵影像屬性置入圖片】" width="100" height="100" align="left" /></td> <td style="padding-left:10px">我們專精於網頁設計、網頁改版、網路行銷,相信我們的專業能提供最優質的網頁設計服務, 在網頁設計這條路上,我們不斷的研發與精進,提供台北、台中、高雄及全省公司最好的網頁設計服務品質。</td> </tr> </table> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td style="padding-right:10px">我們專精於網頁設計、網頁改版、網路行銷,相信我們的專業能提供最優質的網頁設計服務, 在網頁設計這條路上,我們不斷的研發與精進,提供台北、台中、高雄及全省公司最好的網頁設計服務品質。</td> <td><img alt="【按右鍵影像屬性置入圖片】" width="100" height="100" align="left" /></td> </tr> </table> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td><img alt="【按右鍵影像屬性置入圖片】" width="100" height="100" align="left" /></td> <td style="padding-left:10px">我們專精於網頁設計、網頁改版、網路行銷,相信我們的專業能提供最優質的網頁設計服務, 在網頁設計這條路上,我們不斷的研發與精進,提供台北、台中、高雄及全省公司最好的網頁設計服務品質。</td> </tr> </table>'
|
||||
},
|
||||
{
|
||||
title: '表格樣版28',
|
||||
image: 'tp28.gif',
|
||||
description: '雙欄位標題文字,表格框線為透明。',
|
||||
html: '<style type="text/css"> table{font-family:"微軟正黑體";color:#787878;font-size:14px;line-height:200%}.titb{font-size:20px;color:#000;padding-bottom:10px}</style> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td align="center" class="titb">MSN</td> <td align="center" class="titb">SKYPE</td> </tr> <tr> <td valign="top" style="padding-right:20px">若您的網址屬於新的網址,網站上線後如果您沒有主動向搜尋引擎登錄或申請「站長工具」之類的網站管理功能,並且您也沒有於其它網站或社群、論壇平台做連結曝光的話,那麼您的網站是不容易被搜尋引擎登錄的。因此,我們建議您在網站上線後,可主動向搜尋引擎登錄您的網址,可以的話,最好也申請Yahoo的站長工具及Google的網站管理員工具,並透過此工具提交您網站的SiteMap,如此一來,正常來說網站應該會在二星期左右即可被收錄,若您要查詢網站是否已被搜尋引擎收錄,可於搜尋引擎中直接輸入您的網站名稱或網址,看是否可找的到,您也可於關鍵字欄位中輸入以下指令查詢: site:www.您的網址.com.tw</td> <td valign="top"><p><span style="padding-right:20px">若您的網址屬於新的網址,網站上線後如果您沒有主動向搜尋引擎登錄或申請「站長工具」之類的網站管理功能,並且您也沒有於其它網站或社群、論壇平台做連結曝光的話,那麼您的網站是不容易被搜尋引擎登錄的。因此,我們建議您在網站上線後,可主動向搜尋引擎登錄您的網址,可以的話,最好也申請Yahoo的站長工具及Google的網站管理員工具,並透過此工具提交您網站的SiteMap,如此一來,正常來說網站應該會在二星期左右即可被收錄,若您要查詢網站是否已被搜尋引擎收錄,可於搜尋引擎中直接輸入您的網站名稱或網址,看是否可找的到,您也可於關鍵字欄位中輸入以下指令查詢: site:www.您的網址.com.tw</span></p></td> </tr> </table> <table style="margin-top:30px" width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td><span style="padding-right:20px">若您的網址屬於新的網址,網站上線後如果您沒有主動向搜尋引擎登錄或申請「站長工具」之類的網站管理功能,並且您也沒有於其它網站或社群、論壇平台做連結曝光的話,那麼您的網站是不容易被搜尋引擎登錄的。因此,我們建議您在網站上線後,可主動向搜尋引擎登錄您的網址,可以的話,最好也申請Yahoo的站長工具及Google的網站管理員工具,並透過此工具提交您網站的SiteMap,如此一來,正常來說網站應該會在二星期左右即可被收錄,若您要查詢網站是否已被搜尋引擎收錄,可於搜尋引擎中直接輸入您的網站名稱或網址,看是否可找的到,您也可於關鍵字欄位中輸入以下指令查詢: site:www.您的網址.com.tw</span></td> </tr> </table>'
|
||||
},
|
||||
{
|
||||
title: '表格樣版29',
|
||||
image: 'tp29.gif',
|
||||
description: '以CSS繪制出正圓形,可改變大小與顏色,搭配圓形內文字資訊。',
|
||||
html: '<style type="text/css"> .circle{width:150px;height:150px;border-radius:99em;background-color:#b30808;color:#FFF;text-align:center;font-size:20px;display:table-cell;vertical-align:middle;font-family:"微軟正黑體";line-height:10%}.circle h3{font-size:30px}.circle p{font-size:12px}.circle p.p1{opacity:.6}</style> <div class="circle"> <h3>Sale</h3> <p>1/20-1/22限時特價</p> <p class="p1">eztrust</p> </div>'
|
||||
},
|
||||
{
|
||||
title: '表格樣版30',
|
||||
image: 'tp30.gif',
|
||||
description: '條列式資訊,可新增或縮減,並排顯示,超出畫面即自動換行。',
|
||||
html: '<style type="text/css"> ul.gon{list-style-type:none;font-family:"微軟正黑體";font-size:14px}ul.gon li{float:left;margin-right:25px;margin-bottom:15px}.dd{font-size:20px}</style> <ul class="gon"> <li><span class="dd">‧</span> 人山人海</li> <li><span class="dd">‧</span> 人山人海</li> <li><span class="dd">‧</span> 人山人海</li> <li><span class="dd">‧</span> 人山人海</li> <li><span class="dd">‧</span> 人山人海</li> <li><span class="dd">‧</span> 人山人海</li> <li><span class="dd">‧</span> 人山人海</li> <li><span class="dd">‧</span> 人山人海</li> <li><span class="dd">‧</span> 人山人海</li> <li><span class="dd">‧</span> 人山人海</li> <li><span class="dd">‧</span> 人山人海</li> <li><span class="dd">‧</span> 人山人海</li> <li><span class="dd">‧</span> 人山人海</li> <li><span class="dd">‧</span> 人山人海</li> <li><span class="dd">‧</span> 人山人海</li> <li><span class="dd">‧</span> 人山人海</li> <li><span class="dd">‧</span> 人山人海</li> <li><span class="dd">‧</span> 人山人海</li> <li><span class="dd">‧</span> 人山人海</li> <li><span class="dd">‧</span> 人山人海</li> <li><span class="dd">‧</span> 人山人海</li> <li><span class="dd">‧</span> 人山人海</li> <li><span class="dd">‧</span> 人山人海</li> <li><span class="dd">‧</span> 人山人海</li> </ul>'
|
||||
},
|
||||
{
|
||||
title: '表格樣版31',
|
||||
image: 'tp31.gif',
|
||||
description: '條列式表格,欄位間隔以不同色系區格,藍色與綠色單層色系。',
|
||||
html: '<style type="text/css">.table2014{font-family:"微軟正黑體";border-top:1px solid #fff;border-left:1px solid #fff;letter-spacing:1px}.table2014 td{padding:10px 0;border-bottom:1px solid #fff;border-right:1px solid #fff}.table2014 .t1{background-color:#051E60;color:#fff;text-align:center;font-size:15px;font-weight:700}.table2014 tr:nth-child(even){color:#fff;background-color:#81F0E5;text-align:center;font-size:13px;padding:10px 0}.table2014 tr:nth-child(odd){color:#757575;background-color:#BDEFEB;text-align:center;font-size:13px}</style><table width="100%" border="0" cellpadding="0" cellspacing="0" class="table2014"> <tr> <td class="t1">標題</td> <td class="t1">年份</td> <td class="t1">作者</td> <td class="t1">位置</td> </tr> <tr> <td>文件處理</td> <td>2014-11-10</td> <td>Jon.K</td> <td>B棟10樓</td> </tr> <tr> <td>電腦更新</td> <td>2014-11-10</td> <td>糖果人</td> <td>A棟2樓</td> </tr> <tr> <td>元素製作</td> <td>2014-11-30</td> <td>小烏龜</td> <td>C棟20樓</td> </tr> <tr> <td>行銷規劃</td> <td>2014-12-14</td> <td>發發發</td> <td>C棟1樓</td> </tr> </table>'
|
||||
},
|
||||
{
|
||||
title: '表格樣版32',
|
||||
image: 'tp32.gif',
|
||||
description: '條列式表格,欄位間隔以不同色系區格,軍綠色系。',
|
||||
html: '<style type="text/css">.table2014{font-family:"微軟正黑體";border-top:1px solid #fff;border-left:1px solid #fff;letter-spacing:1px}.table2014 td{padding:10px 0;border-bottom:1px solid #fff;border-right:1px solid #fff}.table2014 .t1{background-color:#6c703e;color:#fff;text-align:center;font-size:15px;font-weight:700}.table2014 tr:nth-child(even){color:#fff;background-color:#c0c781;text-align:center;font-size:13px;padding:10px 0}.table2014 tr:nth-child(odd){color:#6c703e;background-color:#faffd7;text-align:center;font-size:13px}</style><table width="100%" border="0" cellpadding="0" cellspacing="0" class="table2014"> <tr> <td class="t1">標題</td> <td class="t1">年份</td> <td class="t1">作者</td> <td class="t1">位置</td> </tr> <tr> <td>文件處理</td> <td>2014-11-10</td> <td>Jon.K</td> <td>B棟10樓</td> </tr> <tr> <td>電腦更新</td> <td>2014-11-10</td> <td>糖果人</td> <td>A棟2樓</td> </tr> <tr> <td>元素製作</td> <td>2014-11-30</td> <td>小烏龜</td> <td>C棟20樓</td> </tr> <tr> <td>行銷規劃</td> <td>2014-12-14</td> <td>發發發</td> <td>C棟1樓</td> </tr> </table>'
|
||||
},
|
||||
{
|
||||
title: '表格樣版33',
|
||||
image: 'tp33.gif',
|
||||
description: '條列式表格,欄位間隔以不同色系區格,粉色雙層色系。',
|
||||
html: '<style type="text/css">.table2014{font-family:"微軟正黑體";border-top:1px solid #fff;border-left:1px solid #fff;letter-spacing:1px}.table2014 td{padding:10px 0;border-bottom:1px solid #fff;border-right:1px solid #fff}.table2014 .t1{background-color:#7cdfd7;color:#fff;text-align:center;font-size:15px;font-weight:700}.table2014 tr:nth-child(even){color:#fff;background-color:#f9cce2;text-align:center;font-size:13px;padding:10px 0}.table2014 tr:nth-child(odd){color:#e099bd;background-color:#F4F2F3;text-align:center;font-size:13px}</style><table width="100%" border="0" cellpadding="0" cellspacing="0" class="table2014"> <tr> <td class="t1">標題</td> <td class="t1">年份</td> <td class="t1">作者</td> <td class="t1">位置</td> </tr> <tr> <td>文件處理</td> <td>2014-11-10</td> <td>Jon.K</td> <td>B棟10樓</td> </tr> <tr> <td>電腦更新</td> <td>2014-11-10</td> <td>糖果人</td> <td>A棟2樓</td> </tr> <tr> <td>元素製作</td> <td>2014-11-30</td> <td>小烏龜</td> <td>C棟20樓</td> </tr> <tr> <td>行銷規劃</td> <td>2014-12-14</td> <td>發發發</td> <td>C棟1樓</td> </tr> </table>'
|
||||
},
|
||||
{
|
||||
title: '表格樣版34',
|
||||
image: 'tp34.gif',
|
||||
description: '條列式表格,欄位間隔以不同色系區格,橘灰雙層色系。',
|
||||
html: '<style type="text/css">.table2014{font-family:"微軟正黑體";border-top:1px solid #fff;border-left:1px solid #fff;letter-spacing:1px}.table2014 td{padding:10px 0;border-bottom:1px solid #fff;border-right:1px solid #fff}.table2014 .t1{background-color:#ef6e55;color:#fff;text-align:center;font-size:15px;font-weight:700}.table2014 tr:nth-child(even){color:#6b6b6b;background-color:#e2dfdf;text-align:center;font-size:13px;padding:10px 0}.table2014 tr:nth-child(odd){color:#6b6b6b;background-color:#f0f0f0;text-align:center;font-size:13px}</style><table width="100%" border="0" cellpadding="0" cellspacing="0" class="table2014"> <tr> <td class="t1">標題</td> <td class="t1">年份</td> <td class="t1">作者</td> <td class="t1">位置</td> </tr> <tr> <td>文件處理</td> <td>2014-11-10</td> <td>Jon.K</td> <td>B棟10樓</td> </tr> <tr> <td>電腦更新</td> <td>2014-11-10</td> <td>糖果人</td> <td>A棟2樓</td> </tr> <tr> <td>元素製作</td> <td>2014-11-30</td> <td>小烏龜</td> <td>C棟20樓</td> </tr> <tr> <td>行銷規劃</td> <td>2014-12-14</td> <td>發發發</td> <td>C棟1樓</td> </tr> </table>'
|
||||
},
|
||||
{
|
||||
title: '表格樣版35',
|
||||
image: 'tp35.gif',
|
||||
description: '條列式表格,欄位間隔以不同色系區格,紫灰雙層色系。',
|
||||
html: '<style type="text/css">.table2014{font-family:"微軟正黑體";border-top:1px solid #fff;border-left:1px solid #fff;letter-spacing:1px}.table2014 td{padding:10px 0;border-bottom:1px solid #fff;border-right:1px solid #fff}.table2014 .t1{background-color:#895fad;color:#fff;text-align:center;font-size:15px;font-weight:700}.table2014 tr:nth-child(even){color:#6b6b6b;background-color:#e2dfdf;text-align:center;font-size:13px;padding:10px 0}.table2014 tr:nth-child(odd){color:#6b6b6b;background-color:#f0f0f0;text-align:center;font-size:13px}</style><table width="100%" border="0" cellpadding="0" cellspacing="0" class="table2014"> <tr> <td class="t1">標題</td> <td class="t1">年份</td> <td class="t1">作者</td> <td class="t1">位置</td> </tr> <tr> <td>文件處理</td> <td>2014-11-10</td> <td>Jon.K</td> <td>B棟10樓</td> </tr> <tr> <td>電腦更新</td> <td>2014-11-10</td> <td>糖果人</td> <td>A棟2樓</td> </tr> <tr> <td>元素製作</td> <td>2014-11-30</td> <td>小烏龜</td> <td>C棟20樓</td> </tr> <tr> <td>行銷規劃</td> <td>2014-12-14</td> <td>發發發</td> <td>C棟1樓</td> </tr> </table>'
|
||||
},
|
||||
{
|
||||
title: '表格樣版36',
|
||||
image: 'tp36.gif',
|
||||
description: '條列式表格,欄位間隔以不同色系區格,深藍灰雙層色系。',
|
||||
html: '<style type="text/css">.table2014{font-family:"微軟正黑體";border-top:1px solid #fff;border-left:1px solid #fff;letter-spacing:1px}.table2014 td{padding:10px 0;border-bottom:1px solid #fff;border-right:1px solid #fff}.table2014 .t1{background-color:#2c2c74;color:#fff;text-align:center;font-size:15px;font-weight:700}.table2014 tr:nth-child(even){color:#6b6b6b;background-color:#e2dfdf;text-align:center;font-size:13px;padding:10px 0}.table2014 tr:nth-child(odd){color:#6b6b6b;background-color:#f0f0f0;text-align:center;font-size:13px}</style><table width="100%" border="0" cellpadding="0" cellspacing="0" class="table2014"> <tr> <td class="t1">標題</td> <td class="t1">年份</td> <td class="t1">作者</td> <td class="t1">位置</td> </tr> <tr> <td>文件處理</td> <td>2014-11-10</td> <td>Jon.K</td> <td>B棟10樓</td> </tr> <tr> <td>電腦更新</td> <td>2014-11-10</td> <td>糖果人</td> <td>A棟2樓</td> </tr> <tr> <td>元素製作</td> <td>2014-11-30</td> <td>小烏龜</td> <td>C棟20樓</td> </tr> <tr> <td>行銷規劃</td> <td>2014-12-14</td> <td>發發發</td> <td>C棟1樓</td> </tr> </table>'
|
||||
},
|
||||
{
|
||||
title: '表格樣版37',
|
||||
image: 'tp37.gif',
|
||||
description: '條列式表格,欄位間隔以不同色系區格,藍灰雙層色系。',
|
||||
html: '<style type="text/css">.table2014{font-family:"微軟正黑體";border-top:1px solid #fff;border-left:1px solid #fff;letter-spacing:1px}.table2014 td{padding:10px 0;border-bottom:1px solid #fff;border-right:1px solid #fff}.table2014 .t1{background-color:#4ca1e2;color:#fff;text-align:center;font-size:15px;font-weight:700}.table2014 tr:nth-child(even){color:#6b6b6b;background-color:#e2dfdf;text-align:center;font-size:13px;padding:10px 0}.table2014 tr:nth-child(odd){color:#6b6b6b;background-color:#f0f0f0;text-align:center;font-size:13px}</style><table width="100%" border="0" cellpadding="0" cellspacing="0" class="table2014"> <tr> <td class="t1">標題</td> <td class="t1">年份</td> <td class="t1">作者</td> <td class="t1">位置</td> </tr> <tr> <td>文件處理</td> <td>2014-11-10</td> <td>Jon.K</td> <td>B棟10樓</td> </tr> <tr> <td>電腦更新</td> <td>2014-11-10</td> <td>糖果人</td> <td>A棟2樓</td> </tr> <tr> <td>元素製作</td> <td>2014-11-30</td> <td>小烏龜</td> <td>C棟20樓</td> </tr> <tr> <td>行銷規劃</td> <td>2014-12-14</td> <td>發發發</td> <td>C棟1樓</td> </tr> </table>'
|
||||
},
|
||||
{
|
||||
title: '表格樣版38',
|
||||
image: 'tp38.gif',
|
||||
description: '條列式表格,欄位間隔以不同色系區格,藍灰雙層色系。',
|
||||
html: '<style type="text/css">.table2014{font-family:"微軟正黑體";border-top:1px solid #fff;border-left:1px solid #fff;letter-spacing:1px}.table2014 td{padding:10px 0;border-bottom:1px solid #fff;border-right:1px solid #fff}.table2014 .t1{background-color:#f9a9d6;color:#fff;text-align:center;font-size:15px;font-weight:700}.table2014 tr:nth-child(even){color:#6b6b6b;background-color:#e2dfdf;text-align:center;font-size:13px;padding:10px 0}.table2014 tr:nth-child(odd){color:#6b6b6b;background-color:#f0f0f0;text-align:center;font-size:13px}</style><table width="100%" border="0" cellpadding="0" cellspacing="0" class="table2014"> <tr> <td class="t1">標題</td> <td class="t1">年份</td> <td class="t1">作者</td> <td class="t1">位置</td> </tr> <tr> <td>文件處理</td> <td>2014-11-10</td> <td>Jon.K</td> <td>B棟10樓</td> </tr> <tr> <td>電腦更新</td> <td>2014-11-10</td> <td>糖果人</td> <td>A棟2樓</td> </tr> <tr> <td>元素製作</td> <td>2014-11-30</td> <td>小烏龜</td> <td>C棟20樓</td> </tr> <tr> <td>行銷規劃</td> <td>2014-12-14</td> <td>發發發</td> <td>C棟1樓</td> </tr> </table>'
|
||||
},
|
||||
{
|
||||
title: '表格樣版39',
|
||||
image: 'tp39.gif',
|
||||
description: '條列式表格,欄位間隔以不同色系區格,藍綠灰雙層色系。',
|
||||
html: '<style type="text/css">.table2014{font-family:"微軟正黑體";border-top:1px solid #fff;border-left:1px solid #fff;letter-spacing:1px}.table2014 td{padding:10px 0;border-bottom:1px solid #fff;border-right:1px solid #fff}.table2014 .t1{background-color:#138391;color:#fff;text-align:center;font-size:15px;font-weight:700}.table2014 tr:nth-child(even){color:#6b6b6b;background-color:#e2dfdf;text-align:center;font-size:13px;padding:10px 0}.table2014 tr:nth-child(odd){color:#6b6b6b;background-color:#f0f0f0;text-align:center;font-size:13px}</style><table width="100%" border="0" cellpadding="0" cellspacing="0" class="table2014"> <tr> <td class="t1">標題</td> <td class="t1">年份</td> <td class="t1">作者</td> <td class="t1">位置</td> </tr> <tr> <td>文件處理</td> <td>2014-11-10</td> <td>Jon.K</td> <td>B棟10樓</td> </tr> <tr> <td>電腦更新</td> <td>2014-11-10</td> <td>糖果人</td> <td>A棟2樓</td> </tr> <tr> <td>元素製作</td> <td>2014-11-30</td> <td>小烏龜</td> <td>C棟20樓</td> </tr> <tr> <td>行銷規劃</td> <td>2014-12-14</td> <td>發發發</td> <td>C棟1樓</td> </tr> </table>'
|
||||
},
|
||||
{
|
||||
title: '表格樣版40',
|
||||
image: 'tp40.gif',
|
||||
description: '條列式表格,欄位間隔以不同色系區格,紅灰雙層色系。',
|
||||
html: '<style type="text/css">.table2014{font-family:"微軟正黑體";border-top:1px solid #fff;border-left:1px solid #fff;letter-spacing:1px}.table2014 td{padding:10px 0;border-bottom:1px solid #fff;border-right:1px solid #fff}.table2014 .t1{background-color:#e5191a;color:#fff;text-align:center;font-size:15px;font-weight:700}.table2014 tr:nth-child(even){color:#6b6b6b;background-color:#e2dfdf;text-align:center;font-size:13px;padding:10px 0}.table2014 tr:nth-child(odd){color:#6b6b6b;background-color:#f0f0f0;text-align:center;font-size:13px}</style><table width="100%" border="0" cellpadding="0" cellspacing="0" class="table2014"> <tr> <td class="t1">標題</td> <td class="t1">年份</td> <td class="t1">作者</td> <td class="t1">位置</td> </tr> <tr> <td>文件處理</td> <td>2014-11-10</td> <td>Jon.K</td> <td>B棟10樓</td> </tr> <tr> <td>電腦更新</td> <td>2014-11-10</td> <td>糖果人</td> <td>A棟2樓</td> </tr> <tr> <td>元素製作</td> <td>2014-11-30</td> <td>小烏龜</td> <td>C棟20樓</td> </tr> <tr> <td>行銷規劃</td> <td>2014-12-14</td> <td>發發發</td> <td>C棟1樓</td> </tr> </table>'
|
||||
},
|
||||
{
|
||||
title: '表格樣版41',
|
||||
image: 'tp41.gif',
|
||||
description: '條列式表格,欄位間隔以不同色系區格,灰色雙層色系。',
|
||||
html: '<style type="text/css">.table2014{font-family:"微軟正黑體";border-top:1px solid #fff;border-left:1px solid #fff;letter-spacing:1px}.table2014 td{padding:10px 0;border-bottom:1px solid #fff;border-right:1px solid #fff}.table2014 .t1{background-color:#7a7a7a;color:#fff;text-align:center;font-size:15px;font-weight:700}.table2014 tr:nth-child(even){color:#6b6b6b;background-color:#e2dfdf;text-align:center;font-size:13px;padding:10px 0}.table2014 tr:nth-child(odd){color:#6b6b6b;background-color:#f0f0f0;text-align:center;font-size:13px}</style><table width="100%" border="0" cellpadding="0" cellspacing="0" class="table2014"> <tr> <td class="t1">標題</td> <td class="t1">年份</td> <td class="t1">作者</td> <td class="t1">位置</td> </tr> <tr> <td>文件處理</td> <td>2014-11-10</td> <td>Jon.K</td> <td>B棟10樓</td> </tr> <tr> <td>電腦更新</td> <td>2014-11-10</td> <td>糖果人</td> <td>A棟2樓</td> </tr> <tr> <td>元素製作</td> <td>2014-11-30</td> <td>小烏龜</td> <td>C棟20樓</td> </tr> <tr> <td>行銷規劃</td> <td>2014-12-14</td> <td>發發發</td> <td>C棟1樓</td> </tr> </table>'
|
||||
},
|
||||
{
|
||||
title: '表格樣版42',
|
||||
image: 'tp42.gif',
|
||||
description: '條列式表格,黑綠對比色系',
|
||||
html: '<style type="text/css">.table2014{font-family:"微軟正黑體";border-top:1px solid #02ffbe;border-left:1px solid #02ffbe;letter-spacing:1px}.table2014 td{padding:10px 0;border-bottom:1px solid #02ffbe;border-right:1px solid #02ffbe}.table2014 .t1{background-color:#00ffab;color:#000;text-align:center;font-size:15px;font-weight:700}.table2014 tr:nth-child(even),.table2014 tr:nth-child(odd){color:#16d68e;background-color:#000;text-align:center;font-size:13px}.table2014 tr:nth-child(even){padding:10px 0}</style><table width="100%" border="0" cellpadding="0" cellspacing="0" class="table2014"> <tr> <td class="t1">標題</td> <td class="t1">年份</td> <td class="t1">作者</td> <td class="t1">位置</td> </tr> <tr> <td>文件處理</td> <td>2014-11-10</td> <td>Jon.K</td> <td>B棟10樓</td> </tr> <tr> <td>電腦更新</td> <td>2014-11-10</td> <td>糖果人</td> <td>A棟2樓</td> </tr> <tr> <td>元素製作</td> <td>2014-11-30</td> <td>小烏龜</td> <td>C棟20樓</td> </tr> <tr> <td>行銷規劃</td> <td>2014-12-14</td> <td>發發發</td> <td>C棟1樓</td> </tr> </table>'
|
||||
},
|
||||
{
|
||||
title: '表格樣版43',
|
||||
image: 'tp43.gif',
|
||||
description: '條列式表格,黑黃對比色系',
|
||||
html: '<style type="text/css">.table2014{font-family:"微軟正黑體";border-top:1px solid #ffed4b;border-left:1px solid #ffed4b;letter-spacing:1px}.table2014 td{padding:10px 0;border-bottom:1px solid #ffed4b;border-right:1px solid #ffed4b}.table2014 .t1{background-color:#ffed4b;color:#000;text-align:center;font-size:15px;font-weight:700}.table2014 tr:nth-child(even),.table2014 tr:nth-child(odd){color:#ffed4b;background-color:#000;text-align:center;font-size:13px}.table2014 tr:nth-child(even){padding:10px 0}</style><table width="100%" border="0" cellpadding="0" cellspacing="0" class="table2014"> <tr> <td class="t1">標題</td> <td class="t1">年份</td> <td class="t1">作者</td> <td class="t1">位置</td> </tr> <tr> <td>文件處理</td> <td>2014-11-10</td> <td>Jon.K</td> <td>B棟10樓</td> </tr> <tr> <td>電腦更新</td> <td>2014-11-10</td> <td>糖果人</td> <td>A棟2樓</td> </tr> <tr> <td>元素製作</td> <td>2014-11-30</td> <td>小烏龜</td> <td>C棟20樓</td> </tr> <tr> <td>行銷規劃</td> <td>2014-12-14</td> <td>發發發</td> <td>C棟1樓</td> </tr> </table>'
|
||||
},
|
||||
{
|
||||
title: '表格樣版44',
|
||||
image: 'tp44.gif',
|
||||
description: '條列式表格,黑橘對比色系',
|
||||
html: '<style type="text/css">.table2014{font-family:"微軟正黑體";border-top:1px solid #ff5c0f;border-left:1px solid #ff5c0f;letter-spacing:1px}.table2014 td{padding:10px 0;border-bottom:1px solid #ff5c0f;border-right:1px solid #ff5c0f}.table2014 .t1{background-color:#ff5c0f;color:#000;text-align:center;font-size:15px;font-weight:700}.table2014 tr:nth-child(even),.table2014 tr:nth-child(odd){color:#ff5c0f;background-color:#000;text-align:center;font-size:13px}.table2014 tr:nth-child(even){padding:10px 0}</style><table width="100%" border="0" cellpadding="0" cellspacing="0" class="table2014"> <tr> <td class="t1">標題</td> <td class="t1">年份</td> <td class="t1">作者</td> <td class="t1">位置</td> </tr> <tr> <td>文件處理</td> <td>2014-11-10</td> <td>Jon.K</td> <td>B棟10樓</td> </tr> <tr> <td>電腦更新</td> <td>2014-11-10</td> <td>糖果人</td> <td>A棟2樓</td> </tr> <tr> <td>元素製作</td> <td>2014-11-30</td> <td>小烏龜</td> <td>C棟20樓</td> </tr> <tr> <td>行銷規劃</td> <td>2014-12-14</td> <td>發發發</td> <td>C棟1樓</td> </tr> </table>'
|
||||
},
|
||||
{
|
||||
title: '表格樣版45',
|
||||
image: 'tp45.gif',
|
||||
description: '條列式表格,黑青對比色系',
|
||||
html: '<style type="text/css">.table2014{font-family:"微軟正黑體";border-top:1px solid #10feee;border-left:1px solid #10feee;letter-spacing:1px}.table2014 td{padding:10px 0;border-bottom:1px solid #10feee;border-right:1px solid #10feee}.table2014 .t1{background-color:#10feee;color:#000;text-align:center;font-size:15px;font-weight:700}.table2014 tr:nth-child(even),.table2014 tr:nth-child(odd){color:#10feee;background-color:#000;text-align:center;font-size:13px}.table2014 tr:nth-child(even){padding:10px 0}</style><table width="100%" border="0" cellpadding="0" cellspacing="0" class="table2014"> <tr> <td class="t1">標題</td> <td class="t1">年份</td> <td class="t1">作者</td> <td class="t1">位置</td> </tr> <tr> <td>文件處理</td> <td>2014-11-10</td> <td>Jon.K</td> <td>B棟10樓</td> </tr> <tr> <td>電腦更新</td> <td>2014-11-10</td> <td>糖果人</td> <td>A棟2樓</td> </tr> <tr> <td>元素製作</td> <td>2014-11-30</td> <td>小烏龜</td> <td>C棟20樓</td> </tr> <tr> <td>行銷規劃</td> <td>2014-12-14</td> <td>發發發</td> <td>C棟1樓</td> </tr> </table>'
|
||||
},
|
||||
{
|
||||
title: '表格樣版46',
|
||||
image: 'tp46.gif',
|
||||
description: '條列式表格,黑紅對比色系',
|
||||
html: '<style type="text/css">.table2014{font-family:"微軟正黑體";border-top:1px solid #ff001e;border-left:1px solid #ff001e;letter-spacing:1px}.table2014 td{padding:10px 0;border-bottom:1px solid #10feee;border-right:1px solid #ff001e}.table2014 .t1{background-color:#ff001e;color:#000;text-align:center;font-size:15px;font-weight:700}.table2014 tr:nth-child(even),.table2014 tr:nth-child(odd){color:#ff001e;background-color:#000;text-align:center;font-size:13px}.table2014 tr:nth-child(even){padding:10px 0}</style><table width="100%" border="0" cellpadding="0" cellspacing="0" class="table2014"> <tr> <td class="t1">標題</td> <td class="t1">年份</td> <td class="t1">作者</td> <td class="t1">位置</td> </tr> <tr> <td>文件處理</td> <td>2014-11-10</td> <td>Jon.K</td> <td>B棟10樓</td> </tr> <tr> <td>電腦更新</td> <td>2014-11-10</td> <td>糖果人</td> <td>A棟2樓</td> </tr> <tr> <td>元素製作</td> <td>2014-11-30</td> <td>小烏龜</td> <td>C棟20樓</td> </tr> <tr> <td>行銷規劃</td> <td>2014-12-14</td> <td>發發發</td> <td>C棟1樓</td> </tr> </table>'
|
||||
},
|
||||
{
|
||||
title: '表格樣版47',
|
||||
image: 'tp47.gif',
|
||||
description: '條列式表格,黑紅對比色系',
|
||||
html: '<style type="text/css">.table2014{font-family:"微軟正黑體";border-top:1px solid #1f83ff;border-left:1px solid #1f83ff;letter-spacing:1px}.table2014 td{padding:10px 0;border-bottom:1px solid #1f83ff;border-right:1px solid #1f83ff}.table2014 .t1{background-color:#1f83ff;color:#000;text-align:center;font-size:15px;font-weight:700}.table2014 tr:nth-child(even),.table2014 tr:nth-child(odd){color:#1f83ff;background-color:#000;text-align:center;font-size:13px}.table2014 tr:nth-child(even){padding:10px 0}</style><table width="100%" border="0" cellpadding="0" cellspacing="0" class="table2014"> <tr> <td class="t1">標題</td> <td class="t1">年份</td> <td class="t1">作者</td> <td class="t1">位置</td> </tr> <tr> <td>文件處理</td> <td>2014-11-10</td> <td>Jon.K</td> <td>B棟10樓</td> </tr> <tr> <td>電腦更新</td> <td>2014-11-10</td> <td>糖果人</td> <td>A棟2樓</td> </tr> <tr> <td>元素製作</td> <td>2014-11-30</td> <td>小烏龜</td> <td>C棟20樓</td> </tr> <tr> <td>行銷規劃</td> <td>2014-12-14</td> <td>發發發</td> <td>C棟1樓</td> </tr> </table>'
|
||||
},
|
||||
{
|
||||
title: '表格樣版48',
|
||||
image: 'tp48.gif',
|
||||
description: '條列式表格,黑紫對比色系',
|
||||
html: '<style type="text/css">.table2014{font-family:"微軟正黑體";border-top:1px solid #9a50ff;border-left:1px solid #9a50ff;letter-spacing:1px}.table2014 td{padding:10px 0;border-bottom:1px solid #9a50ff;border-right:1px solid #9a50ff}.table2014 .t1{background-color:#9a50ff;color:#000;text-align:center;font-size:15px;font-weight:700}.table2014 tr:nth-child(even),.table2014 tr:nth-child(odd){color:#9a50ff;background-color:#000;text-align:center;font-size:13px}.table2014 tr:nth-child(even){padding:10px 0}</style><table width="100%" border="0" cellpadding="0" cellspacing="0" class="table2014"> <tr> <td class="t1">標題</td> <td class="t1">年份</td> <td class="t1">作者</td> <td class="t1">位置</td> </tr> <tr> <td>文件處理</td> <td>2014-11-10</td> <td>Jon.K</td> <td>B棟10樓</td> </tr> <tr> <td>電腦更新</td> <td>2014-11-10</td> <td>糖果人</td> <td>A棟2樓</td> </tr> <tr> <td>元素製作</td> <td>2014-11-30</td> <td>小烏龜</td> <td>C棟20樓</td> </tr> <tr> <td>行銷規劃</td> <td>2014-12-14</td> <td>發發發</td> <td>C棟1樓</td> </tr> </table>'
|
||||
},
|
||||
{
|
||||
title: '表格樣版49',
|
||||
image: 'tp49.gif',
|
||||
description: '條列式表格,黑桃紅對比色系',
|
||||
html: '<style type="text/css">.table2014{font-family:"微軟正黑體";border-top:1px solid #ff15c6;border-left:1px solid #ff15c6;letter-spacing:1px}.table2014 td{padding:10px 0;border-bottom:1px solid #ff15c6;border-right:1px solid #ff15c6}.table2014 .t1{background-color:#ff15c6;color:#000;text-align:center;font-size:15px;font-weight:700}.table2014 tr:nth-child(even),.table2014 tr:nth-child(odd){color:#ff15c6;background-color:#000;text-align:center;font-size:13px}.table2014 tr:nth-child(even){padding:10px 0}</style><table width="100%" border="0" cellpadding="0" cellspacing="0" class="table2014"> <tr> <td class="t1">標題</td> <td class="t1">年份</td> <td class="t1">作者</td> <td class="t1">位置</td> </tr> <tr> <td>文件處理</td> <td>2014-11-10</td> <td>Jon.K</td> <td>B棟10樓</td> </tr> <tr> <td>電腦更新</td> <td>2014-11-10</td> <td>糖果人</td> <td>A棟2樓</td> </tr> <tr> <td>元素製作</td> <td>2014-11-30</td> <td>小烏龜</td> <td>C棟20樓</td> </tr> <tr> <td>行銷規劃</td> <td>2014-12-14</td> <td>發發發</td> <td>C棟1樓</td> </tr> </table>'
|
||||
},
|
||||
{
|
||||
title: '表格樣版50',
|
||||
image: 'tp50.gif',
|
||||
description: '條列式表格,黑灰對比色系',
|
||||
html: '<style type="text/css">.table2014{font-family:"微軟正黑體";border-top:1px solid #d6d6d6;border-left:1px solid #d6d6d6;letter-spacing:1px}.table2014 td{padding:10px 0;border-bottom:1px solid #d6d6d6;border-right:1px solid #d6d6d6}.table2014 .t1{background-color:#d6d6d6;color:#000;text-align:center;font-size:15px;font-weight:700}.table2014 tr:nth-child(even),.table2014 tr:nth-child(odd){color:#d6d6d6;background-color:#000;text-align:center;font-size:13px}.table2014 tr:nth-child(even){padding:10px 0}</style><table width="100%" border="0" cellpadding="0" cellspacing="0" class="table2014"> <tr> <td class="t1">標題</td> <td class="t1">年份</td> <td class="t1">作者</td> <td class="t1">位置</td> </tr> <tr> <td>文件處理</td> <td>2014-11-10</td> <td>Jon.K</td> <td>B棟10樓</td> </tr> <tr> <td>電腦更新</td> <td>2014-11-10</td> <td>糖果人</td> <td>A棟2樓</td> </tr> <tr> <td>元素製作</td> <td>2014-11-30</td> <td>小烏龜</td> <td>C棟20樓</td> </tr> <tr> <td>行銷規劃</td> <td>2014-12-14</td> <td>發發發</td> <td>C棟1樓</td> </tr> </table>'
|
||||
},
|
||||
{
|
||||
title: '表格樣版51',
|
||||
image: 'tp51.gif',
|
||||
description: '條列式表格,藍紅漸層色系',
|
||||
html: '<style type="text/css">.table2014{font-family:"微軟正黑體";border-top:1px solid #e8e8e8;border-left:1px solid #e8e8e8;letter-spacing:1px}.table2014 td{padding:10px 0;border-bottom:1px solid #e8e8e8;border-right:1px solid #e8e8e8}.table2014 .t1{background:#ff3019;background:-moz-linear-gradient(top,#0ba1f8 0,#135485 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#0ba1f8),color-stop(100%,#e839e6));background:-webkit-linear-gradient(top,#0ba1f8 0,#e839e6 100%);background:-o-linear-gradient(top,#0ba1f8 0,#e839e6 100%);background:-ms-linear-gradient(top,#0ba1f8 0,#e839e6 100%);background:linear-gradient(to bottom,#0ba1f8 0,#e839e6 100%);color:#fff;text-align:center;font-size:15px;font-weight:700}.table2014 tr{background:#fff;background:-moz-linear-gradient(top,#fff 0,#e5e5e5 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#fff),color-stop(100%,#fff));background:-webkit-linear-gradient(top,#fff 0,#fff 100%);background:-o-linear-gradient(top,#fff 0,#fff 100%);background:-ms-linear-gradient(top,#fff 0,#fff 100%);background:linear-gradient(to bottom,#fff 0,#fff 100%);color:#666;text-align:center;font-size:13px;padding:10px 0}</style><table width="100%" border="0" cellpadding="0" cellspacing="0" class="table2014"> <tr> <td class="t1">標題</td> <td class="t1">年份</td> <td class="t1">作者</td> <td class="t1">位置</td> </tr> <tr> <td>文件處理</td> <td>2014-11-10</td> <td>Jon.K</td> <td>B棟10樓</td> </tr> <tr> <td>電腦更新</td> <td>2014-11-10</td> <td>糖果人</td> <td>A棟2樓</td> </tr> <tr> <td>元素製作</td> <td>2014-11-30</td> <td>小烏龜</td> <td>C棟20樓</td> </tr> <tr> <td>行銷規劃</td> <td>2014-12-14</td> <td>發發發</td> <td>C棟1樓</td> </tr> </table>'
|
||||
},
|
||||
{
|
||||
title: '表格樣版52',
|
||||
image: 'tp52.gif',
|
||||
description: '條列式表格,藍綠漸層色系',
|
||||
html: '<style type="text/css">.table2014{font-family:"微軟正黑體";border-top:1px solid #e8e8e8;border-left:1px solid #e8e8e8;letter-spacing:1px}.table2014 td{padding:10px 0;border-bottom:1px solid #e8e8e8;border-right:1px solid #e8e8e8}.table2014 .t1{background:#ff3019;background:-moz-linear-gradient(top,#00ff42 0,#0091cf 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#00ff42),color-stop(100%,#0091cf));background:-webkit-linear-gradient(top,#00ff42 0,#0091cf 100%);background:-o-linear-gradient(top,#00ff42 0,#0091cf 100%);background:-ms-linear-gradient(top,#00ff42 0,#0091cf 100%);background:linear-gradient(to bottom,#00ff42 0,#0091cf 100%);color:#fff;text-align:center;font-size:15px;font-weight:700}.table2014 tr{background:#fff;background:-moz-linear-gradient(top,#fff 0,#e5e5e5 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#fff),color-stop(100%,#fff));background:-webkit-linear-gradient(top,#fff 0,#fff 100%);background:-o-linear-gradient(top,#fff 0,#fff 100%);background:-ms-linear-gradient(top,#fff 0,#fff 100%);background:linear-gradient(to bottom,#fff 0,#fff 100%);color:#666;text-align:center;font-size:13px;padding:10px 0}</style><table width="100%" border="0" cellpadding="0" cellspacing="0" class="table2014"> <tr> <td class="t1">標題</td> <td class="t1">年份</td> <td class="t1">作者</td> <td class="t1">位置</td> </tr> <tr> <td>文件處理</td> <td>2014-11-10</td> <td>Jon.K</td> <td>B棟10樓</td> </tr> <tr> <td>電腦更新</td> <td>2014-11-10</td> <td>糖果人</td> <td>A棟2樓</td> </tr> <tr> <td>元素製作</td> <td>2014-11-30</td> <td>小烏龜</td> <td>C棟20樓</td> </tr> <tr> <td>行銷規劃</td> <td>2014-12-14</td> <td>發發發</td> <td>C棟1樓</td> </tr> </table>'
|
||||
},
|
||||
{
|
||||
title: '表格樣版53',
|
||||
image: 'tp53.gif',
|
||||
description: '條列式表格,桃紫紅漸層色系',
|
||||
html: '<style type="text/css">.table2014{font-family:"微軟正黑體";border-top:1px solid #e8e8e8;border-left:1px solid #e8e8e8;letter-spacing:1px}.table2014 td{padding:10px 0;border-bottom:1px solid #e8e8e8;border-right:1px solid #e8e8e8}.table2014 .t1{background:#ff3019;background:-moz-linear-gradient(top,#ff4da8 0,#6025ff 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#ff4da8),color-stop(100%,#6025ff));background:-webkit-linear-gradient(top,#ff4da8 0,#6025ff 100%);background:-o-linear-gradient(top,#ff4da8 0,#6025ff 100%);background:-ms-linear-gradient(top,#ff4da8 0,#6025ff 100%);background:linear-gradient(to bottom,#ff4da8 0,#6025ff 100%);color:#fff;text-align:center;font-size:15px;font-weight:700}.table2014 tr{background:#fff;background:-moz-linear-gradient(top,#fff 0,#e5e5e5 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#fff),color-stop(100%,#fff));background:-webkit-linear-gradient(top,#fff 0,#fff 100%);background:-o-linear-gradient(top,#fff 0,#fff 100%);background:-ms-linear-gradient(top,#fff 0,#fff 100%);background:linear-gradient(to bottom,#fff 0,#fff 100%);color:#666;text-align:center;font-size:13px;padding:10px 0}</style><table width="100%" border="0" cellpadding="0" cellspacing="0" class="table2014"> <tr> <td class="t1">標題</td> <td class="t1">年份</td> <td class="t1">作者</td> <td class="t1">位置</td> </tr> <tr> <td>文件處理</td> <td>2014-11-10</td> <td>Jon.K</td> <td>B棟10樓</td> </tr> <tr> <td>電腦更新</td> <td>2014-11-10</td> <td>糖果人</td> <td>A棟2樓</td> </tr> <tr> <td>元素製作</td> <td>2014-11-30</td> <td>小烏龜</td> <td>C棟20樓</td> </tr> <tr> <td>行銷規劃</td> <td>2014-12-14</td> <td>發發發</td> <td>C棟1樓</td> </tr> </table>'
|
||||
},
|
||||
{
|
||||
title: '表格樣版54',
|
||||
image: 'tp54.gif',
|
||||
description: '條列式表格,藍綠漸層色系',
|
||||
html: '<style type="text/css">.table2014{font-family:"微軟正黑體";border-top:1px solid #fff;border-left:1px solid #fff;letter-spacing:1px}.table2014 td{padding:10px 0;border-bottom:1px solid #fff;border-right:1px solid #fff}.table2014 .t1{background:#ff3019;background:-moz-linear-gradient(top,#075fff 0,#6025ff 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#075fff),color-stop(100%,#06ffc0));background:-webkit-linear-gradient(top,#075fff 0,#06ffc0 100%);background:-o-linear-gradient(top,#075fff 0,#06ffc0 100%);background:-ms-linear-gradient(top,#075fff 0,#06ffc0 100%);background:linear-gradient(to bottom,#075fff 0,#06ffc0 100%);color:#fff;text-align:center;font-size:15px;font-weight:700}.table2014 tr{background:#fff;background:-moz-linear-gradient(top,#fff 0,#e5e5e5 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#fff),color-stop(100%,#e5e5e5));background:-webkit-linear-gradient(top,#fff 0,#e5e5e5 100%);background:-o-linear-gradient(top,#fff 0,#e5e5e5 100%);background:-ms-linear-gradient(top,#fff 0,#e5e5e5 100%);background:linear-gradient(to bottom,#fff 0,#e5e5e5 100%);color:#666;text-align:center;font-size:13px;padding:10px 0}</style><table width="100%" border="0" cellpadding="0" cellspacing="0" class="table2014"> <tr> <td class="t1">標題</td> <td class="t1">年份</td> <td class="t1">作者</td> <td class="t1">位置</td> </tr> <tr> <td>文件處理</td> <td>2014-11-10</td> <td>Jon.K</td> <td>B棟10樓</td> </tr> <tr> <td>電腦更新</td> <td>2014-11-10</td> <td>糖果人</td> <td>A棟2樓</td> </tr> <tr> <td>元素製作</td> <td>2014-11-30</td> <td>小烏龜</td> <td>C棟20樓</td> </tr> <tr> <td>行銷規劃</td> <td>2014-12-14</td> <td>發發發</td> <td>C棟1樓</td> </tr> </table>'
|
||||
},
|
||||
{
|
||||
title: '表格樣版55',
|
||||
image: 'tp55.gif',
|
||||
description: '條列式表格,青紫漸層色系',
|
||||
html: '<style type="text/css">.table2014{font-family:"微軟正黑體";border-top:1px solid #fff;border-left:1px solid #fff;letter-spacing:1px}.table2014 td{padding:10px 0;border-bottom:1px solid #fff;border-right:1px solid #fff}.table2014 .t1{background:#ff3019;background:-moz-linear-gradient(top,#8731e5 0,#06ffc0 90%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#8731e5),color-stop(90%,#06ffc0));background:-webkit-linear-gradient(top,#8731e5 0,#06ffc0 90%);background:-o-linear-gradient(top,#8731e5 0,#06ffc0 90%);background:-ms-linear-gradient(top,#8731e5 0,#06ffc0 90%);background:linear-gradient(to bottom,#8731e5 0,#06ffc0 90%);color:#fff;text-align:center;font-size:15px;font-weight:700}.table2014 tr{background:#fff;background:-moz-linear-gradient(top,#fff 0,#e5e5e5 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#fff),color-stop(100%,#e5e5e5));background:-webkit-linear-gradient(top,#fff 0,#e5e5e5 100%);background:-o-linear-gradient(top,#fff 0,#e5e5e5 100%);background:-ms-linear-gradient(top,#fff 0,#e5e5e5 100%);background:linear-gradient(to bottom,#fff 0,#e5e5e5 100%);color:#666;text-align:center;font-size:13px;padding:10px 0}</style><table width="100%" border="0" cellpadding="0" cellspacing="0" class="table2014"> <tr> <td class="t1">標題</td> <td class="t1">年份</td> <td class="t1">作者</td> <td class="t1">位置</td> </tr> <tr> <td>文件處理</td> <td>2014-11-10</td> <td>Jon.K</td> <td>B棟10樓</td> </tr> <tr> <td>電腦更新</td> <td>2014-11-10</td> <td>糖果人</td> <td>A棟2樓</td> </tr> <tr> <td>元素製作</td> <td>2014-11-30</td> <td>小烏龜</td> <td>C棟20樓</td> </tr> <tr> <td>行銷規劃</td> <td>2014-12-14</td> <td>發發發</td> <td>C棟1樓</td> </tr> </table>'
|
||||
},
|
||||
{
|
||||
title: '表格樣版56',
|
||||
image: 'tp56.gif',
|
||||
description: '條列式表格,橘紅漸層色系',
|
||||
html: '<style type="text/css">.table2014{font-family:"微軟正黑體";border-top:1px solid #fff;border-left:1px solid #fff;letter-spacing:1px}.table2014 td{padding:10px 0;border-bottom:1px solid #fff;border-right:1px solid #fff}.table2014 .t1{background:#ff3019;background:-moz-linear-gradient(top,#ffbd05 0,#fa006e 90%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#ffbd05),color-stop(90%,#fa006e));background:-webkit-linear-gradient(top,#ffbd05 0,#fa006e 90%);background:-o-linear-gradient(top,#ffbd05 0,#fa006e 90%);background:-ms-linear-gradient(top,#ffbd05 0,#fa006e 90%);background:linear-gradient(to bottom,#ffbd05 0,#fa006e 90%);color:#fff;text-align:center;font-size:15px;font-weight:700}.table2014 tr{background:#fff;background:-moz-linear-gradient(top,#fff 0,#e5e5e5 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#fff),color-stop(100%,#e5e5e5));background:-webkit-linear-gradient(top,#fff 0,#e5e5e5 100%);background:-o-linear-gradient(top,#fff 0,#e5e5e5 100%);background:-ms-linear-gradient(top,#fff 0,#e5e5e5 100%);background:linear-gradient(to bottom,#fff 0,#e5e5e5 100%);color:#666;text-align:center;font-size:13px;padding:10px 0}</style><table width="100%" border="0" cellpadding="0" cellspacing="0" class="table2014"> <tr> <td class="t1">標題</td> <td class="t1">年份</td> <td class="t1">作者</td> <td class="t1">位置</td> </tr> <tr> <td>文件處理</td> <td>2014-11-10</td> <td>Jon.K</td> <td>B棟10樓</td> </tr> <tr> <td>電腦更新</td> <td>2014-11-10</td> <td>糖果人</td> <td>A棟2樓</td> </tr> <tr> <td>元素製作</td> <td>2014-11-30</td> <td>小烏龜</td> <td>C棟20樓</td> </tr> <tr> <td>行銷規劃</td> <td>2014-12-14</td> <td>發發發</td> <td>C棟1樓</td> </tr> </table>'
|
||||
},
|
||||
{
|
||||
title: '表格樣版57',
|
||||
image: 'tp57.gif',
|
||||
description: '條列式表格,桃紅黃漸層色系',
|
||||
html: '<style type="text/css">.table2014{font-family:"微軟正黑體";border-top:1px solid #fff;border-left:1px solid #fff;letter-spacing:1px}.table2014 td{padding:10px 0;border-bottom:1px solid #fff;border-right:1px solid #fff}.table2014 .t1{background:#ff3019;background:-moz-linear-gradient(top,#ffbd05 0,#fa006e 90%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#ffbd05),color-stop(90%,#fa006e));background:-webkit-linear-gradient(top,#ffbd05 0,#fa006e 90%);background:-o-linear-gradient(top,#ffbd05 0,#fa006e 90%);background:-ms-linear-gradient(top,#ffbd05 0,#fa006e 90%);background:linear-gradient(to bottom,#ffbd05 0,#fa006e 90%);color:#fff;text-align:center;font-size:15px;font-weight:700}.table2014 tr{background:#fff;background:-moz-linear-gradient(top,#fff 0,#e5e5e5 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#fff),color-stop(100%,#e5e5e5));background:-webkit-linear-gradient(top,#fff 0,#e5e5e5 100%);background:-o-linear-gradient(top,#fff 0,#e5e5e5 100%);background:-ms-linear-gradient(top,#fff 0,#e5e5e5 100%);background:linear-gradient(to bottom,#fff 0,#e5e5e5 100%);color:#666;text-align:center;font-size:13px;padding:10px 0}</style><table width="100%" border="0" cellpadding="0" cellspacing="0" class="table2014"> <tr> <td class="t1">標題</td> <td class="t1">年份</td> <td class="t1">作者</td> <td class="t1">位置</td> </tr> <tr> <td>文件處理</td> <td>2014-11-10</td> <td>Jon.K</td> <td>B棟10樓</td> </tr> <tr> <td>電腦更新</td> <td>2014-11-10</td> <td>糖果人</td> <td>A棟2樓</td> </tr> <tr> <td>元素製作</td> <td>2014-11-30</td> <td>小烏龜</td> <td>C棟20樓</td> </tr> <tr> <td>行銷規劃</td> <td>2014-12-14</td> <td>發發發</td> <td>C棟1樓</td> </tr> </table>'
|
||||
},
|
||||
{
|
||||
title: '表格樣版58',
|
||||
image: 'tp58.gif',
|
||||
description: '條列式表格,紫色漸層色系',
|
||||
html: '<style type="text/css">.table2014{font-family:"微軟正黑體";border-top:1px solid #fff;border-left:1px solid #fff;letter-spacing:1px}.table2014 td{padding:10px 0;border-bottom:1px solid #fff;border-right:1px solid #fff}.table2014 .t1{background:#ff3019;background:-moz-linear-gradient(top,#cf64ae 0,#3e0072 90%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#cf64ae),color-stop(90%,#3e0072));background:-webkit-linear-gradient(top,#cf64ae 0,#3e0072 90%);background:-o-linear-gradient(top,#cf64ae 0,#3e0072 90%);background:-ms-linear-gradient(top,#cf64ae 0,#3e0072 90%);background:linear-gradient(to bottom,#cf64ae 0,#3e0072 90%);color:#fff;text-align:center;font-size:15px;font-weight:700}.table2014 tr{background:#fff;background:-moz-linear-gradient(top,#fff 0,#e5e5e5 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#fff),color-stop(100%,#e5e5e5));background:-webkit-linear-gradient(top,#fff 0,#e5e5e5 100%);background:-o-linear-gradient(top,#fff 0,#e5e5e5 100%);background:-ms-linear-gradient(top,#fff 0,#e5e5e5 100%);background:linear-gradient(to bottom,#fff 0,#e5e5e5 100%);color:#666;text-align:center;font-size:13px;padding:10px 0}</style><table width="100%" border="0" cellpadding="0" cellspacing="0" class="table2014"> <tr> <td class="t1">標題</td> <td class="t1">年份</td> <td class="t1">作者</td> <td class="t1">位置</td> </tr> <tr> <td>文件處理</td> <td>2014-11-10</td> <td>Jon.K</td> <td>B棟10樓</td> </tr> <tr> <td>電腦更新</td> <td>2014-11-10</td> <td>糖果人</td> <td>A棟2樓</td> </tr> <tr> <td>元素製作</td> <td>2014-11-30</td> <td>小烏龜</td> <td>C棟20樓</td> </tr> <tr> <td>行銷規劃</td> <td>2014-12-14</td> <td>發發發</td> <td>C棟1樓</td> </tr> </table>'
|
||||
},
|
||||
{
|
||||
title: '表格樣版59',
|
||||
image: 'tp59.gif',
|
||||
description: '條列式表格,紫色漸層色系',
|
||||
html: '<style type="text/css">.table2014{font-family:"微軟正黑體";border-top:1px solid #fff;border-left:1px solid #fff;letter-spacing:1px}.table2014 td{padding:10px 0;border-bottom:1px solid #fff;border-right:1px solid #fff}.table2014 .t1{background:#ff3019;background:-moz-linear-gradient(top,#f07f0b 0,#ff12e7 90%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#f07f0b),color-stop(90%,#ff12e7));background:-webkit-linear-gradient(top,#f07f0b 0,#ff12e7 90%);background:-o-linear-gradient(top,#f07f0b 0,#ff12e7 90%);background:-ms-linear-gradient(top,#f07f0b 0,#ff12e7 90%);background:linear-gradient(to bottom,#f07f0b 0,#ff12e7 90%);color:#fff;text-align:center;font-size:15px;font-weight:700}.table2014 tr{background:#fff;background:-moz-linear-gradient(top,#fff 0,#e5e5e5 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#fff),color-stop(100%,#e5e5e5));background:-webkit-linear-gradient(top,#fff 0,#e5e5e5 100%);background:-o-linear-gradient(top,#fff 0,#e5e5e5 100%);background:-ms-linear-gradient(top,#fff 0,#e5e5e5 100%);background:linear-gradient(to bottom,#fff 0,#e5e5e5 100%);color:#666;text-align:center;font-size:13px;padding:10px 0}</style><table width="100%" border="0" cellpadding="0" cellspacing="0" class="table2014"> <tr> <td class="t1">標題</td> <td class="t1">年份</td> <td class="t1">作者</td> <td class="t1">位置</td> </tr> <tr> <td>文件處理</td> <td>2014-11-10</td> <td>Jon.K</td> <td>B棟10樓</td> </tr> <tr> <td>電腦更新</td> <td>2014-11-10</td> <td>糖果人</td> <td>A棟2樓</td> </tr> <tr> <td>元素製作</td> <td>2014-11-30</td> <td>小烏龜</td> <td>C棟20樓</td> </tr> <tr> <td>行銷規劃</td> <td>2014-12-14</td> <td>發發發</td> <td>C棟1樓</td> </tr> </table>'
|
||||
},
|
||||
{
|
||||
title: '表格樣版60',
|
||||
image: 'tp60.gif',
|
||||
description: '條列式表格,藍青色漸層色系',
|
||||
html: '<style type="text/css">.table2014{font-family:"微軟正黑體";border-top:1px solid #dfdfdf;border-left:1px solid #dfdfdf;letter-spacing:1px}.table2014 td{padding:10px 0;border-bottom:1px solid #dfdfdf;border-right:1px solid #dfdfdf}.table2014 .t1{background:#ff3019;background:-moz-linear-gradient(top,#005bff 0,#1cff33 90%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#005bff),color-stop(90%,#1cff33));background:-webkit-linear-gradient(top,#005bff 0,#1cff33 90%);background:-o-linear-gradient(top,#005bff 0,#1cff33 90%);background:-ms-linear-gradient(top,#005bff 0,#1cff33 90%);background:linear-gradient(to bottom,#005bff 0,#1cff33 90%);color:#fff;text-align:center;font-size:15px;font-weight:700}.table2014 tr{background:#fff;background:-moz-linear-gradient(top,#fff 0,#fff 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#fff),color-stop(100%,#fff));background:-webkit-linear-gradient(top,#fff 0,#fff 100%);background:-o-linear-gradient(top,#fff 0,#fff 100%);background:-ms-linear-gradient(top,#fff 0,#fff 100%);background:linear-gradient(to bottom,#fff 0,#fff 100%);color:#666;text-align:center;font-size:13px;padding:10px 0}</style><table width="100%" border="0" cellpadding="0" cellspacing="0" class="table2014"> <tr> <td class="t1">標題</td> <td class="t1">年份</td> <td class="t1">作者</td> <td class="t1">位置</td> </tr> <tr> <td>文件處理</td> <td>2014-11-10</td> <td>Jon.K</td> <td>B棟10樓</td> </tr> <tr> <td>電腦更新</td> <td>2014-11-10</td> <td>糖果人</td> <td>A棟2樓</td> </tr> <tr> <td>元素製作</td> <td>2014-11-30</td> <td>小烏龜</td> <td>C棟20樓</td> </tr> <tr> <td>行銷規劃</td> <td>2014-12-14</td> <td>發發發</td> <td>C棟1樓</td> </tr> </table>'
|
||||
},
|
||||
{
|
||||
title: '表格樣版61',
|
||||
image: 'tp61.gif',
|
||||
description: '條列式表格,桃紅漸層色系',
|
||||
html: '<style type="text/css">.table2014 td,.table2014 tr:nth-child(even){padding:10px 0}.table2014{font-family:"微軟正黑體";border-top:1px solid #e11eeb;border-left:1px solid #e11eeb;letter-spacing:1px}.table2014 td{border-bottom:1px solid #e11eeb;border-right:1px solid #e11eeb}.table2014 .t1{background:#7fc29b;background:-moz-linear-gradient(top,#e11eeb 0,#c912d2 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#e11eeb),color-stop(100%,#c912d2));background:-webkit-linear-gradient(top,#e11eeb 0,#c912d2 100%);background:-o-linear-gradient(top,#e11eeb 0,#c912d2 100%);background:-ms-linear-gradient(top,#e11eeb 0,#c912d2 100%);background:linear-gradient(to bottom,#e11eeb 0,#c912d2 100%);color:#fff;text-align:center;font-size:15px;font-weight:700}.table2014 tr:nth-child(even),.table2014 tr:nth-child(odd){color:#000;background-color:#fff;text-align:center;font-size:13px}</style><table width="100%" border="0" cellpadding="0" cellspacing="0" class="table2014"> <tr> <td class="t1">標題</td> <td class="t1">年份</td> <td class="t1">作者</td> <td class="t1">位置</td> </tr> <tr> <td>文件處理</td> <td>2014-11-10</td> <td>Jon.K</td> <td>B棟10樓</td> </tr> <tr> <td>電腦更新</td> <td>2014-11-10</td> <td>糖果人</td> <td>A棟2樓</td> </tr> <tr> <td>元素製作</td> <td>2014-11-30</td> <td>小烏龜</td> <td>C棟20樓</td> </tr> <tr> <td>行銷規劃</td> <td>2014-12-14</td> <td>發發發</td> <td>C棟1樓</td> </tr> </table>'
|
||||
},
|
||||
{
|
||||
title: '表格樣版62',
|
||||
image: 'tp62.gif',
|
||||
description: '條列式表格,藍色漸層色系',
|
||||
html: '<style type="text/css">.table2014 td,.table2014 tr:nth-child(even){padding:10px 0}.table2014{font-family:"微軟正黑體";border-top:1px solid #2193c0;border-left:1px solid #2193c0;letter-spacing:1px}.table2014 td{border-bottom:1px solid #2193c0;border-right:1px solid #2193c0}.table2014 .t1{background:#7fc29b;background:-moz-linear-gradient(top,#2aa2d0 0,#1782af 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#2aa2d0),color-stop(100%,#1782af));background:-webkit-linear-gradient(top,#2aa2d0 0,#1782af 100%);background:-o-linear-gradient(top,#2aa2d0 0,#1782af 100%);background:-ms-linear-gradient(top,#2aa2d0 0,#1782af 100%);background:linear-gradient(to bottom,#2aa2d0 0,#1782af 100%);color:#fff;text-align:center;font-size:15px;font-weight:700}.table2014 tr:nth-child(even),.table2014 tr:nth-child(odd){color:#000;background-color:#fff;text-align:center;font-size:13px}</style><table width="100%" border="0" cellpadding="0" cellspacing="0" class="table2014"> <tr> <td class="t1">標題</td> <td class="t1">年份</td> <td class="t1">作者</td> <td class="t1">位置</td> </tr> <tr> <td>文件處理</td> <td>2014-11-10</td> <td>Jon.K</td> <td>B棟10樓</td> </tr> <tr> <td>電腦更新</td> <td>2014-11-10</td> <td>糖果人</td> <td>A棟2樓</td> </tr> <tr> <td>元素製作</td> <td>2014-11-30</td> <td>小烏龜</td> <td>C棟20樓</td> </tr> <tr> <td>行銷規劃</td> <td>2014-12-14</td> <td>發發發</td> <td>C棟1樓</td> </tr> </table>'
|
||||
},
|
||||
{
|
||||
title: '表格樣版63',
|
||||
image: 'tp63.gif',
|
||||
description: '條列式表格,青藍色漸層色系',
|
||||
html: '<style type="text/css">.table2014 td,.table2014 tr:nth-child(even){padding:10px 0}.table2014{font-family:"微軟正黑體";border-top:1px solid #21f1ae;border-left:1px solid #21f1ae;letter-spacing:1px}.table2014 td{border-bottom:1px solid #21f1ae;border-right:1px solid #21f1ae}.table2014 .t1{background:#7fc29b;background:-moz-linear-gradient(top,#21f1ae 0,#3c79ff 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#21f1ae),color-stop(100%,#3c79ff));background:-webkit-linear-gradient(top,#21f1ae 0,#3c79ff 100%);background:-o-linear-gradient(top,#21f1ae 0,#3c79ff 100%);background:-ms-linear-gradient(top,#21f1ae 0,#3c79ff 100%);background:linear-gradient(to bottom,#21f1ae 0,#3c79ff 100%);color:#fff;text-align:center;font-size:15px;font-weight:700}.table2014 tr:nth-child(even),.table2014 tr:nth-child(odd){color:#000;background-color:#fff;text-align:center;font-size:13px}</style><table width="100%" border="0" cellpadding="0" cellspacing="0" class="table2014"> <tr> <td class="t1">標題</td> <td class="t1">年份</td> <td class="t1">作者</td> <td class="t1">位置</td> </tr> <tr> <td>文件處理</td> <td>2014-11-10</td> <td>Jon.K</td> <td>B棟10樓</td> </tr> <tr> <td>電腦更新</td> <td>2014-11-10</td> <td>糖果人</td> <td>A棟2樓</td> </tr> <tr> <td>元素製作</td> <td>2014-11-30</td> <td>小烏龜</td> <td>C棟20樓</td> </tr> <tr> <td>行銷規劃</td> <td>2014-12-14</td> <td>發發發</td> <td>C棟1樓</td> </tr> </table>'
|
||||
},
|
||||
{
|
||||
title: '表格樣版64',
|
||||
image: 'tp64.gif',
|
||||
description: '條列式表格,古典褐色漸層色系',
|
||||
html: '<style type="text/css">.table2014 td,.table2014 tr:nth-child(even){padding:10px 0}.table2014{font-family:"微軟正黑體";border-top:1px solid #d3d3d3;border-left:1px solid #d3d3d3;letter-spacing:1px}.table2014 td{border-bottom:1px solid #d3d3d3;border-right:1px solid #d3d3d3}.table2014 .t1{background:#7fc29b;background:-moz-linear-gradient(top,#5d2424 0,#fff6f6 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#5d2424),color-stop(100%,#fff6f6));background:-webkit-linear-gradient(top,#5d2424 0,#fff6f6 100%);background:-o-linear-gradient(top,#5d2424 0,#fff6f6 100%);background:-ms-linear-gradient(top,#5d2424 0,#fff6f6 100%);background:linear-gradient(to bottom,#5d2424 0,#fff6f6 100%);color:#fff;text-align:center;font-size:15px;font-weight:700}.table2014 tr:nth-child(even),.table2014 tr:nth-child(odd){color:#000;background-color:#fff;text-align:center;font-size:13px}</style><table width="100%" border="0" cellpadding="0" cellspacing="0" class="table2014"> <tr> <td class="t1">標題</td> <td class="t1">年份</td> <td class="t1">作者</td> <td class="t1">位置</td> </tr> <tr> <td>文件處理</td> <td>2014-11-10</td> <td>Jon.K</td> <td>B棟10樓</td> </tr> <tr> <td>電腦更新</td> <td>2014-11-10</td> <td>糖果人</td> <td>A棟2樓</td> </tr> <tr> <td>元素製作</td> <td>2014-11-30</td> <td>小烏龜</td> <td>C棟20樓</td> </tr> <tr> <td>行銷規劃</td> <td>2014-12-14</td> <td>發發發</td> <td>C棟1樓</td> </tr> </table>'
|
||||
},
|
||||
{
|
||||
title: '表格樣版65',
|
||||
image: 'tp65.gif',
|
||||
description: '條列式表格,亮黃漸層色系',
|
||||
html: '<style type="text/css">.table2014 td,.table2014 tr:nth-child(even){padding:10px 0}.table2014{font-family:"微軟正黑體";border-top:1px solid #fffc26;border-left:1px solid #fffc26;letter-spacing:1px}.table2014 td{border-bottom:1px solid #fffc26;border-right:1px solid #fffc26}.table2014 .t1{background:#7fc29b;background:-moz-linear-gradient(top,#fffc26 0,#edc712 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#fffc26),color-stop(100%,#edc712));background:-webkit-linear-gradient(top,#fffc26 0,#edc712 100%);background:-o-linear-gradient(top,#fffc26 0,#edc712 100%);background:-ms-linear-gradient(top,#fffc26 0,#edc712 100%);background:linear-gradient(to bottom,#fffc26 0,#edc712 100%);color:#000;text-align:center;font-size:15px;font-weight:700}.table2014 tr:nth-child(even),.table2014 tr:nth-child(odd){color:#000;background-color:#fff;text-align:center;font-size:13px}</style><table width="100%" border="0" cellpadding="0" cellspacing="0" class="table2014"> <tr> <td class="t1">標題</td> <td class="t1">年份</td> <td class="t1">作者</td> <td class="t1">位置</td> </tr> <tr> <td>文件處理</td> <td>2014-11-10</td> <td>Jon.K</td> <td>B棟10樓</td> </tr> <tr> <td>電腦更新</td> <td>2014-11-10</td> <td>糖果人</td> <td>A棟2樓</td> </tr> <tr> <td>元素製作</td> <td>2014-11-30</td> <td>小烏龜</td> <td>C棟20樓</td> </tr> <tr> <td>行銷規劃</td> <td>2014-12-14</td> <td>發發發</td> <td>C棟1樓</td> </tr> </table>'
|
||||
},
|
||||
{
|
||||
title: '表格樣版66',
|
||||
image: 'tp66.gif',
|
||||
description: '條列式表格,桃紅漸層色系',
|
||||
html: '<style type="text/css">.table2014 td,.table2014 tr:nth-child(even){padding:10px 0}.table2014{font-family:"微軟正黑體";border-top:1px solid #ff1085;border-left:1px solid #ff1085;letter-spacing:1px}.table2014 td{border-bottom:1px solid #ff1085;border-right:1px solid #ff1085}.table2014 .t1{background:#7fc29b;background:-moz-linear-gradient(top,#ff1085 0,#f80fba 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#ff1085),color-stop(100%,#f80fba));background:-webkit-linear-gradient(top,#ff1085 0,#f80fba 100%);background:-o-linear-gradient(top,#ff1085 0,#f80fba 100%);background:-ms-linear-gradient(top,#ff1085 0,#f80fba 100%);background:linear-gradient(to bottom,#ff1085 0,#f80fba 100%);color:#fff;text-align:center;font-size:15px;font-weight:700}.table2014 tr:nth-child(even),.table2014 tr:nth-child(odd){color:#000;background-color:#fff;text-align:center;font-size:13px}</style><table width="100%" border="0" cellpadding="0" cellspacing="0" class="table2014"> <tr> <td class="t1">標題</td> <td class="t1">年份</td> <td class="t1">作者</td> <td class="t1">位置</td> </tr> <tr> <td>文件處理</td> <td>2014-11-10</td> <td>Jon.K</td> <td>B棟10樓</td> </tr> <tr> <td>電腦更新</td> <td>2014-11-10</td> <td>糖果人</td> <td>A棟2樓</td> </tr> <tr> <td>元素製作</td> <td>2014-11-30</td> <td>小烏龜</td> <td>C棟20樓</td> </tr> <tr> <td>行銷規劃</td> <td>2014-12-14</td> <td>發發發</td> <td>C棟1樓</td> </tr> </table>'
|
||||
},
|
||||
{
|
||||
title: '表格樣版67',
|
||||
image: 'tp67.gif',
|
||||
description: '條列式表格,典雅銀灰漸層色系',
|
||||
html: '<style type="text/css">.table2014 td,.table2014 tr:nth-child(even){padding:10px 0}.table2014{font-family:"微軟正黑體";border-top:1px solid #d3d3d3;border-left:1px solid #d3d3d3;letter-spacing:1px}.table2014 td{border-bottom:1px solid #d3d3d3;border-right:1px solid #d3d3d3}.table2014 .t1{background:#7fc29b;background:-moz-linear-gradient(top,#aba0a4 0,#fff6f6 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#aba0a4),color-stop(100%,#fff6f6));background:-webkit-linear-gradient(top,#aba0a4 0,#fff6f6 100%);background:-o-linear-gradient(top,#aba0a4 0,#fff6f6 100%);background:-ms-linear-gradient(top,#aba0a4 0,#fff6f6 100%);background:linear-gradient(to bottom,#aba0a4 0,#fff6f6 100%);color:#594141;text-align:center;font-size:15px;font-weight:700}.table2014 tr:nth-child(even),.table2014 tr:nth-child(odd){color:#757575;background-color:#fff;text-align:center;font-size:13px}</style><table width="100%" border="0" cellpadding="0" cellspacing="0" class="table2014"> <tr> <td class="t1">標題</td> <td class="t1">年份</td> <td class="t1">作者</td> <td class="t1">位置</td> </tr> <tr> <td>文件處理</td> <td>2014-11-10</td> <td>Jon.K</td> <td>B棟10樓</td> </tr> <tr> <td>電腦更新</td> <td>2014-11-10</td> <td>糖果人</td> <td>A棟2樓</td> </tr> <tr> <td>元素製作</td> <td>2014-11-30</td> <td>小烏龜</td> <td>C棟20樓</td> </tr> <tr> <td>行銷規劃</td> <td>2014-12-14</td> <td>發發發</td> <td>C棟1樓</td> </tr> </table>'
|
||||
},
|
||||
{
|
||||
title: '表格樣版68',
|
||||
image: 'tp68.gif',
|
||||
description: '條列式表格,紫色漸層色系',
|
||||
html: '<style type="text/css">.table2014 td,.table2014 tr:nth-child(even){padding:10px 0}.table2014{font-family:"微軟正黑體";border-top:1px solid #9000ff;border-left:1px solid #9000ff;letter-spacing:1px}.table2014 td{border-bottom:1px solid #9000ff;border-right:1px solid #9000ff}.table2014 .t1{background:#7fc29b;background:-moz-linear-gradient(top,#710b88 0,#9000ff 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#710b88),color-stop(100%,#9000ff));background:-webkit-linear-gradient(top,#710b88 0,#9000ff 100%);background:-o-linear-gradient(top,#710b88 0,#9000ff 100%);background:-ms-linear-gradient(top,#710b88 0,#9000ff 100%);background:linear-gradient(to bottom,#710b88 0,#9000ff 100%);color:#fff;text-align:center;font-size:15px;font-weight:700}.table2014 tr:nth-child(even),.table2014 tr:nth-child(odd){color:#ac0eeb;background-color:#fff;text-align:center;font-size:13px}</style><table width="100%" border="0" cellpadding="0" cellspacing="0" class="table2014"> <tr> <td class="t1">標題</td> <td class="t1">年份</td> <td class="t1">作者</td> <td class="t1">位置</td> </tr> <tr> <td>文件處理</td> <td>2014-11-10</td> <td>Jon.K</td> <td>B棟10樓</td> </tr> <tr> <td>電腦更新</td> <td>2014-11-10</td> <td>糖果人</td> <td>A棟2樓</td> </tr> <tr> <td>元素製作</td> <td>2014-11-30</td> <td>小烏龜</td> <td>C棟20樓</td> </tr> <tr> <td>行銷規劃</td> <td>2014-12-14</td> <td>發發發</td> <td>C棟1樓</td> </tr> </table>'
|
||||
},
|
||||
{
|
||||
title: '表格樣版69',
|
||||
image: 'tp69.gif',
|
||||
description: '條列式表格,紫綠漸層色系',
|
||||
html: '<style type="text/css">.table2014{font-family:"微軟正黑體";border-top:1px solid #12f95d;border-left:1px solid #12f95d;letter-spacing:1px}.table2014 td{padding:10px 0;border-bottom:1px solid #12f95d;border-right:1px solid #12f95d}.table2014 .t1{background:#7fc29b;background:-moz-linear-gradient(top,#12f95d 0,#9000ff 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#12f95d),color-stop(100%,#9000ff));background:-webkit-linear-gradient(top,#12f95d 0,#9000ff 100%);background:-o-linear-gradient(top,#12f95d 0,#9000ff 100%);background:-ms-linear-gradient(top,#12f95d 0,#9000ff 100%);background:linear-gradient(to bottom,#12f95d 0,#9000ff 100%);color:#fff;text-align:center;font-size:15px;font-weight:700}.table2014 tr:nth-child(even){color:#0fbb91;background-color:#fff;text-align:center;font-size:13px;padding:10px 0}.table2014 tr:nth-child(odd){color:#9000ff;background-color:#fff;text-align:center;font-size:13px}</style><table width="100%" border="0" cellpadding="0" cellspacing="0" class="table2014"> <tr> <td class="t1">標題</td> <td class="t1">年份</td> <td class="t1">作者</td> <td class="t1">位置</td> </tr> <tr> <td>文件處理</td> <td>2014-11-10</td> <td>Jon.K</td> <td>B棟10樓</td> </tr> <tr> <td>電腦更新</td> <td>2014-11-10</td> <td>糖果人</td> <td>A棟2樓</td> </tr> <tr> <td>元素製作</td> <td>2014-11-30</td> <td>小烏龜</td> <td>C棟20樓</td> </tr> <tr> <td>行銷規劃</td> <td>2014-12-14</td> <td>發發發</td> <td>C棟1樓</td> </tr> </table>'
|
||||
},
|
||||
{
|
||||
title: '表格樣版70',
|
||||
image: 'tp70.gif',
|
||||
description: '條列式表格,橙紫漸層色系',
|
||||
html: '<style type="text/css">.table2014 td,.table2014 tr:nth-child(even){padding:10px 0}.table2014{font-family:"微軟正黑體";border-top:1px solid #f6dedf;border-left:1px solid #f6dedf;letter-spacing:1px}.table2014 td{border-bottom:1px solid #f6dedf;border-right:1px solid #f6dedf}.table2014 .t1{background:#7fc29b;background:-moz-linear-gradient(top,#fff1b9 0,#9000ff 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#fff1b9),color-stop(100%,#9000ff));background:-webkit-linear-gradient(top,#fff1b9 0,#9000ff 100%);background:-o-linear-gradient(top,#fff1b9 0,#9000ff 100%);background:-ms-linear-gradient(top,#fff1b9 0,#9000ff 100%);background:linear-gradient(to bottom,#fff1b9 0,#9000ff 100%);color:#fff;text-align:center;font-size:15px;font-weight:700}.table2014 tr:nth-child(even),.table2014 tr:nth-child(odd){color:#9f9f9f;background-color:#fff;text-align:center;font-size:13px}</style><table width="100%" border="0" cellpadding="0" cellspacing="0" class="table2014"> <tr> <td class="t1">標題</td> <td class="t1">年份</td> <td class="t1">作者</td> <td class="t1">位置</td> </tr> <tr> <td>文件處理</td> <td>2014-11-10</td> <td>Jon.K</td> <td>B棟10樓</td> </tr> <tr> <td>電腦更新</td> <td>2014-11-10</td> <td>糖果人</td> <td>A棟2樓</td> </tr> <tr> <td>元素製作</td> <td>2014-11-30</td> <td>小烏龜</td> <td>C棟20樓</td> </tr> <tr> <td>行銷規劃</td> <td>2014-12-14</td> <td>發發發</td> <td>C棟1樓</td> </tr> </table>'
|
||||
},
|
||||
{
|
||||
title: '表格樣版71',
|
||||
image: 'tp71.gif',
|
||||
description: '條列式表格,橙紫漸層色系',
|
||||
html: '<style type="text/css">.table2014 td,.table2014 tr:nth-child(even){padding:10px 0}.table2014{font-family:"微軟正黑體";border-top:1px solid #abb9ff;border-left:1px solid #abb9ff;letter-spacing:1px}.table2014 td{border-bottom:1px solid #abb9ff;border-right:1px solid #abb9ff}.table2014 .t1{background:#7fc29b;background:-moz-linear-gradient(top,#b4faff 0,#9000ff 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#b4faff),color-stop(100%,#9000ff));background:-webkit-linear-gradient(top,#b4faff 0,#9000ff 100%);background:-o-linear-gradient(top,#b4faff 0,#9000ff 100%);background:-ms-linear-gradient(top,#b4faff 0,#9000ff 100%);background:linear-gradient(to bottom,#b4faff 0,#9000ff 100%);color:#fff;text-align:center;font-size:15px;font-weight:700}.table2014 tr:nth-child(even),.table2014 tr:nth-child(odd){color:#9f9f9f;background-color:#fff;text-align:center;font-size:13px}</style><table width="100%" border="0" cellpadding="0" cellspacing="0" class="table2014"> <tr> <td class="t1">標題</td> <td class="t1">年份</td> <td class="t1">作者</td> <td class="t1">位置</td> </tr> <tr> <td>文件處理</td> <td>2014-11-10</td> <td>Jon.K</td> <td>B棟10樓</td> </tr> <tr> <td>電腦更新</td> <td>2014-11-10</td> <td>糖果人</td> <td>A棟2樓</td> </tr> <tr> <td>元素製作</td> <td>2014-11-30</td> <td>小烏龜</td> <td>C棟20樓</td> </tr> <tr> <td>行銷規劃</td> <td>2014-12-14</td> <td>發發發</td> <td>C棟1樓</td> </tr> </table>'
|
||||
},
|
||||
{
|
||||
title: '表格樣版72',
|
||||
image: 'tp72.gif',
|
||||
description: '條列式表格,銀灰綠字漸層色系',
|
||||
html: '<style type="text/css">.table2014 td,.table2014 tr:nth-child(even){padding:10px 0}.table2014{font-family:"微軟正黑體";border-top:1px solid #bce74c;border-left:1px solid #bce74c;letter-spacing:1px}.table2014 td{border-bottom:1px solid #bce74c;border-right:1px solid #bce74c}.table2014 .t1{background:#7fc29b;background:-moz-linear-gradient(top,#e9e9e9 0,#bbb 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#e9e9e9),color-stop(100%,#bbb));background:-webkit-linear-gradient(top,#e9e9e9 0,#bbb 100%);background:-o-linear-gradient(top,#e9e9e9 0,#bbb 100%);background:-ms-linear-gradient(top,#e9e9e9 0,#bbb 100%);background:linear-gradient(to bottom,#e9e9e9 0,#bbb 100%);color:#dbff34;text-align:center;font-size:15px;font-weight:700;text-shadow:1px 1px 0 #b4b4b4}.table2014 tr:nth-child(even),.table2014 tr:nth-child(odd){color:#9f9f9f;background-color:#fff;text-align:center;font-size:13px}</style><table width="100%" border="0" cellpadding="0" cellspacing="0" class="table2014"> <tr> <td class="t1">標題</td> <td class="t1">年份</td> <td class="t1">作者</td> <td class="t1">位置</td> </tr> <tr> <td>文件處理</td> <td>2014-11-10</td> <td>Jon.K</td> <td>B棟10樓</td> </tr> <tr> <td>電腦更新</td> <td>2014-11-10</td> <td>糖果人</td> <td>A棟2樓</td> </tr> <tr> <td>元素製作</td> <td>2014-11-30</td> <td>小烏龜</td> <td>C棟20樓</td> </tr> <tr> <td>行銷規劃</td> <td>2014-12-14</td> <td>發發發</td> <td>C棟1樓</td> </tr> </table>'
|
||||
},
|
||||
{
|
||||
title: '表格樣版73',
|
||||
image: 'tp73.gif',
|
||||
description: '條列式表格,粉色漸層色系',
|
||||
html: '<style type="text/css">.table2014 td,.table2014 tr:nth-child(even){padding:10px 0}.table2014{font-family:"微軟正黑體";border-top:1px solid #ffcdf7;border-left:1px solid #ffcdf7;letter-spacing:1px}.table2014 td{border-bottom:1px solid #ffcdf7;border-right:1px solid #ffcdf7}.table2014 .t1{background:#7fc29b;background:-moz-linear-gradient(top,#b4faff 0,#ef8fdb 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#b4faff),color-stop(100%,#ef8fdb));background:-webkit-linear-gradient(top,#b4faff 0,#ef8fdb 100%);background:-o-linear-gradient(top,#b4faff 0,#ef8fdb 100%);background:-ms-linear-gradient(top,#b4faff 0,#ef8fdb 100%);background:linear-gradient(to bottom,#b4faff 0,#ef8fdb 100%);color:#fff;text-align:center;font-size:15px;font-weight:700}.table2014 tr:nth-child(even),.table2014 tr:nth-child(odd){color:#db86de;background-color:#fff;text-align:center;font-size:13px}</style><table width="100%" border="0" cellpadding="0" cellspacing="0" class="table2014"> <tr> <td class="t1">標題</td> <td class="t1">年份</td> <td class="t1">作者</td> <td class="t1">位置</td> </tr> <tr> <td>文件處理</td> <td>2014-11-10</td> <td>Jon.K</td> <td>B棟10樓</td> </tr> <tr> <td>電腦更新</td> <td>2014-11-10</td> <td>糖果人</td> <td>A棟2樓</td> </tr> <tr> <td>元素製作</td> <td>2014-11-30</td> <td>小烏龜</td> <td>C棟20樓</td> </tr> <tr> <td>行銷規劃</td> <td>2014-12-14</td> <td>發發發</td> <td>C棟1樓</td> </tr> </table>'
|
||||
},
|
||||
{
|
||||
title: '表格樣版74',
|
||||
image: 'tp74.gif',
|
||||
description: '條列式表格,橘紅色漸層色系',
|
||||
html: '<style type="text/css">.table2014 td,.table2014 tr:nth-child(even){padding:10px 0}.table2014{font-family:"微軟正黑體";border-top:1px solid #ffcdf7;border-left:1px solid #ffcdf7;letter-spacing:1px}.table2014 td{border-bottom:1px solid #ffcdf7;border-right:1px solid #ffcdf7}.table2014 .t1{background:#7fc29b;background:-moz-linear-gradient(top,#ffd451 0,#ff50db 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#ffd451),color-stop(100%,#ff50db));background:-webkit-linear-gradient(top,#ffd451 0,#ff50db 100%);background:-o-linear-gradient(top,#ffd451 0,#ff50db 100%);background:-ms-linear-gradient(top,#ffd451 0,#ff50db 100%);background:linear-gradient(to bottom,#ffd451 0,#eff50dbf8fdb 100%);color:#fff;text-align:center;font-size:15px;font-weight:700}.table2014 tr:nth-child(even),.table2014 tr:nth-child(odd){color:#4d364e;background-color:#fff;text-align:center;font-size:13px}</style><table width="100%" border="0" cellpadding="0" cellspacing="0" class="table2014"> <tr> <td class="t1">標題</td> <td class="t1">年份</td> <td class="t1">作者</td> <td class="t1">位置</td> </tr> <tr> <td>文件處理</td> <td>2014-11-10</td> <td>Jon.K</td> <td>B棟10樓</td> </tr> <tr> <td>電腦更新</td> <td>2014-11-10</td> <td>糖果人</td> <td>A棟2樓</td> </tr> <tr> <td>元素製作</td> <td>2014-11-30</td> <td>小烏龜</td> <td>C棟20樓</td> </tr> <tr> <td>行銷規劃</td> <td>2014-12-14</td> <td>發發發</td> <td>C棟1樓</td> </tr> </table>'
|
||||
},
|
||||
{
|
||||
title: '表格樣版75',
|
||||
image: 'tp75.gif',
|
||||
description: '條列式表格,黃綠漸層色系',
|
||||
html: '<style type="text/css">.table2014 td,.table2014 tr:nth-child(even){padding:10px 0}.table2014{font-family:"微軟正黑體";border-top:1px solid #27ffbd;border-left:1px solid #27ffbd;letter-spacing:1px}.table2014 td{border-bottom:1px solid #27ffbd;border-right:1px solid #27ffbd}.table2014 .t1{background:#7fc29b;background:-moz-linear-gradient(top,#27ffbd 0,#f2ff11 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#27ffbd),color-stop(100%,#f2ff11));background:-webkit-linear-gradient(top,#27ffbd 0,#f2ff11 100%);background:-o-linear-gradient(top,#27ffbd 0,#f2ff11 100%);background:-ms-linear-gradient(top,#27ffbd 0,#f2ff11 100%);background:linear-gradient(to bottom,#27ffbd 0,#f2ff11 100%);color:#fffd0c;text-align:center;font-size:15px;font-weight:700;text-shadow:1px 1px 0 #75b440}.table2014 tr:nth-child(even),.table2014 tr:nth-child(odd){color:#2a9852;background-color:#fff;text-align:center;font-size:13px}</style><table width="100%" border="0" cellpadding="0" cellspacing="0" class="table2014"> <tr> <td class="t1">標題</td> <td class="t1">年份</td> <td class="t1">作者</td> <td class="t1">位置</td> </tr> <tr> <td>文件處理</td> <td>2014-11-10</td> <td>Jon.K</td> <td>B棟10樓</td> </tr> <tr> <td>電腦更新</td> <td>2014-11-10</td> <td>糖果人</td> <td>A棟2樓</td> </tr> <tr> <td>元素製作</td> <td>2014-11-30</td> <td>小烏龜</td> <td>C棟20樓</td> </tr> <tr> <td>行銷規劃</td> <td>2014-12-14</td> <td>發發發</td> <td>C棟1樓</td> </tr> </table>'
|
||||
},
|
||||
{
|
||||
title: '表格樣版76',
|
||||
image: 'tp76.gif',
|
||||
description: '條列式表格,紅橘漸層色系',
|
||||
html: '<style type="text/css">.table2014 td,.table2014 tr:nth-child(even){padding:10px 0}.table2014{font-family:"微軟正黑體";border-top:1px solid #ffe33b;border-left:1px solid #ffe33b;letter-spacing:1px}.table2014 td{border-bottom:1px solid #ffe33b;border-right:1px solid #ffe33b}.table2014 .t1{background:#7fc29b;background:-moz-linear-gradient(top,#ff274b 0,#eaf710 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#ff274b),color-stop(100%,#eaf710));background:-webkit-linear-gradient(top,#ff274b 0,#eaf710 100%);background:-o-linear-gradient(top,#ff274b 0,#eaf710 100%);background:-ms-linear-gradient(top,#ff274b 0,#eaf710 100%);background:linear-gradient(to bottom,#ff274b 0,#eaf710 100%);color:#fffd0c;text-align:center;font-size:15px;font-weight:700;text-shadow:1px 1px 0 #f58730}.table2014 tr:nth-child(even),.table2014 tr:nth-child(odd){color:#f67c32;background-color:#fff;text-align:center;font-size:13px}</style><table width="100%" border="0" cellpadding="0" cellspacing="0" class="table2014"> <tr> <td class="t1">標題</td> <td class="t1">年份</td> <td class="t1">作者</td> <td class="t1">位置</td> </tr> <tr> <td>文件處理</td> <td>2014-11-10</td> <td>Jon.K</td> <td>B棟10樓</td> </tr> <tr> <td>電腦更新</td> <td>2014-11-10</td> <td>糖果人</td> <td>A棟2樓</td> </tr> <tr> <td>元素製作</td> <td>2014-11-30</td> <td>小烏龜</td> <td>C棟20樓</td> </tr> <tr> <td>行銷規劃</td> <td>2014-12-14</td> <td>發發發</td> <td>C棟1樓</td> </tr> </table>'
|
||||
},
|
||||
{
|
||||
title: '表格樣版77',
|
||||
image: 'tp77.gif',
|
||||
description: '條列式表格,藍紫漸層色系',
|
||||
html: '<style type="text/css">.table2014 td,.table2014 tr:nth-child(even){padding:10px 0}.table2014{font-family:"微軟正黑體";border-top:1px solid #67d7cc;border-left:1px solid #67d7cc;letter-spacing:1px}.table2014 td{border-bottom:1px solid #67d7cc;border-right:1px solid #67d7cc}.table2014 .t1{background:#7fc29b;background:-moz-linear-gradient(top,#9455f1 0,#62e1c8 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#9455f1),color-stop(100%,#62e1c8));background:-webkit-linear-gradient(top,#9455f1 0,#62e1c8 100%);background:-o-linear-gradient(top,#9455f1 0,#62e1c8 100%);background:-ms-linear-gradient(top,#9455f1 0,#62e1c8 100%);background:linear-gradient(to bottom,#9455f1 0,#62e1c8 100%);color:#08fff9;text-align:center;font-size:15px;font-weight:700;text-shadow:1px 1px 0 #8f65ed}.table2014 tr:nth-child(even),.table2014 tr:nth-child(odd){color:#72638a;background-color:#fff;text-align:center;font-size:13px}</style><table width="100%" border="0" cellpadding="0" cellspacing="0" class="table2014"> <tr> <td class="t1">標題</td> <td class="t1">年份</td> <td class="t1">作者</td> <td class="t1">位置</td> </tr> <tr> <td>文件處理</td> <td>2014-11-10</td> <td>Jon.K</td> <td>B棟10樓</td> </tr> <tr> <td>電腦更新</td> <td>2014-11-10</td> <td>糖果人</td> <td>A棟2樓</td> </tr> <tr> <td>元素製作</td> <td>2014-11-30</td> <td>小烏龜</td> <td>C棟20樓</td> </tr> <tr> <td>行銷規劃</td> <td>2014-12-14</td> <td>發發發</td> <td>C棟1樓</td> </tr> </table>'
|
||||
},
|
||||
{
|
||||
title: '表格樣版78',
|
||||
image: 'tp78.gif',
|
||||
description: '條列式表格,銀灰藍字漸層色系',
|
||||
html: '<style type="text/css">.table2014 td,.table2014 tr:nth-child(even){padding:10px 0}.table2014{font-family:"微軟正黑體";border-top:1px solid #67d7cc;border-left:1px solid #67d7cc;letter-spacing:1px}.table2014 td{border-bottom:1px solid #67d7cc;border-right:1px solid #67d7cc}.table2014 .t1{background:#7fc29b;background:-moz-linear-gradient(top,#a3a3a3 0,#dedede 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#a3a3a3),color-stop(100%,#dedede));background:-webkit-linear-gradient(top,#a3a3a3 0,#dedede 100%);background:-o-linear-gradient(top,#a3a3a3 0,#dedede 100%);background:-ms-linear-gradient(top,#a3a3a3 0,#dedede 100%);background:linear-gradient(to bottom,#a3a3a3 0,#dedede 100%);color:#08fff9;text-align:center;font-size:15px;font-weight:700;text-shadow:1px 1px 0 #b6afaf}.table2014 tr:nth-child(even),.table2014 tr:nth-child(odd){color:#72638a;background-color:#fff;text-align:center;font-size:13px}</style><table width="100%" border="0" cellpadding="0" cellspacing="0" class="table2014"> <tr> <td class="t1">標題</td> <td class="t1">年份</td> <td class="t1">作者</td> <td class="t1">位置</td> </tr> <tr> <td>文件處理</td> <td>2014-11-10</td> <td>Jon.K</td> <td>B棟10樓</td> </tr> <tr> <td>電腦更新</td> <td>2014-11-10</td> <td>糖果人</td> <td>A棟2樓</td> </tr> <tr> <td>元素製作</td> <td>2014-11-30</td> <td>小烏龜</td> <td>C棟20樓</td> </tr> <tr> <td>行銷規劃</td> <td>2014-12-14</td> <td>發發發</td> <td>C棟1樓</td> </tr> </table>'
|
||||
},
|
||||
{
|
||||
title: '表格樣版79',
|
||||
image: 'tp79.gif',
|
||||
description: '條列式表格,藍漸層色系',
|
||||
html: '<style type="text/css">.table2014{font-family:"微軟正黑體";border-top:1px solid #67d7cc;border-left:1px solid #67d7cc;letter-spacing:1px}.table2014 td{padding:10px 0;border-bottom:1px solid #67d7cc;border-right:1px solid #67d7cc}.table2014 .t1{background:#7fc29b;background:-moz-linear-gradient(top,#0091ff 0,#1d49c4 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#0091ff),color-stop(100%,#1d49c4));background:-webkit-linear-gradient(top,#0091ff 0,#1d49c4 100%);background:-o-linear-gradient(top,#0091ff 0,#1d49c4 100%);background:-ms-linear-gradient(top,#0091ff 0,#1d49c4 100%);background:linear-gradient(to bottom,#0091ff 0,#1d49c4 100%);color:#0eff26;text-align:center;font-size:15px;font-weight:700;text-shadow:1px 1px 0 #076972}.table2014 tr:nth-child(even){color:#72638a;background-color:#f3f3f3;text-align:center;font-size:13px;padding:10px 0}.table2014 tr:nth-child(odd){color:#72638a;background-color:#fff;text-align:center;font-size:13px}</style><table width="100%" border="0" cellpadding="0" cellspacing="0" class="table2014"> <tr> <td class="t1">標題</td> <td class="t1">年份</td> <td class="t1">作者</td> <td class="t1">位置</td> </tr> <tr> <td>文件處理</td> <td>2014-11-10</td> <td>Jon.K</td> <td>B棟10樓</td> </tr> <tr> <td>電腦更新</td> <td>2014-11-10</td> <td>糖果人</td> <td>A棟2樓</td> </tr> <tr> <td>元素製作</td> <td>2014-11-30</td> <td>小烏龜</td> <td>C棟20樓</td> </tr> <tr> <td>行銷規劃</td> <td>2014-12-14</td> <td>發發發</td> <td>C棟1樓</td> </tr> </table>'
|
||||
},
|
||||
{
|
||||
title: '表格樣版80',
|
||||
image: 'tp80.gif',
|
||||
description: '條列式表格,紫橙漸層色系',
|
||||
html: '<style type="text/css">.table2014{font-family:"微軟正黑體";border-top:1px solid #f9d0a0;border-left:1px solid #f9d0a0;letter-spacing:1px}.table2014 td{padding:10px 0;border-bottom:1px solid #f9d0a0;border-right:1px solid #f9d0a0}.table2014 .t1{background:#7fc29b;background:-moz-linear-gradient(top,#df19ff 0,#fffb8a 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#df19ff),color-stop(100%,#fffb8a));background:-webkit-linear-gradient(top,#df19ff 0,#fffb8a 100%);background:-o-linear-gradient(top,#df19ff 0,#fffb8a 100%);background:-ms-linear-gradient(top,#df19ff 0,#fffb8a 100%);background:linear-gradient(to bottom,#df19ff 0,#fffb8a 100%);color:#fff76d;text-align:center;font-size:15px;font-weight:700;text-shadow:1px 1px 0 #d289c6}.table2014 tr:nth-child(even){color:#72638a;background-color:#f3f3f3;text-align:center;font-size:13px;padding:10px 0}.table2014 tr:nth-child(odd){color:#72638a;background-color:#fff;text-align:center;font-size:13px}</style><table width="100%" border="0" cellpadding="0" cellspacing="0" class="table2014"> <tr> <td class="t1">標題</td> <td class="t1">年份</td> <td class="t1">作者</td> <td class="t1">位置</td> </tr> <tr> <td>文件處理</td> <td>2014-11-10</td> <td>Jon.K</td> <td>B棟10樓</td> </tr> <tr> <td>電腦更新</td> <td>2014-11-10</td> <td>糖果人</td> <td>A棟2樓</td> </tr> <tr> <td>元素製作</td> <td>2014-11-30</td> <td>小烏龜</td> <td>C棟20樓</td> </tr> <tr> <td>行銷規劃</td> <td>2014-12-14</td> <td>發發發</td> <td>C棟1樓</td> </tr> </table>'
|
||||
},
|
||||
|
||||
|
||||
]
|
||||
});
|
||||
|
||||
BIN
web/admin/ckeditor/plugins/templates/templates/images/nopic.gif
Normal file
|
After Width: | Height: | Size: 2.1 KiB |
BIN
web/admin/ckeditor/plugins/templates/templates/images/photo.jpg
Normal file
|
After Width: | Height: | Size: 23 KiB |
|
After Width: | Height: | Size: 815 B |
|
After Width: | Height: | Size: 375 B |
|
After Width: | Height: | Size: 345 B |
|
After Width: | Height: | Size: 333 B |
|
After Width: | Height: | Size: 422 B |
|
After Width: | Height: | Size: 382 B |
|
After Width: | Height: | Size: 408 B |
|
After Width: | Height: | Size: 363 B |
|
After Width: | Height: | Size: 489 B |
|
After Width: | Height: | Size: 383 B |
|
After Width: | Height: | Size: 487 B |
BIN
web/admin/ckeditor/plugins/templates/templates/images/tp1.gif
Normal file
|
After Width: | Height: | Size: 3.6 KiB |
BIN
web/admin/ckeditor/plugins/templates/templates/images/tp10.gif
Normal file
|
After Width: | Height: | Size: 2.2 KiB |
BIN
web/admin/ckeditor/plugins/templates/templates/images/tp11.gif
Normal file
|
After Width: | Height: | Size: 3.3 KiB |
BIN
web/admin/ckeditor/plugins/templates/templates/images/tp12.gif
Normal file
|
After Width: | Height: | Size: 3.4 KiB |
BIN
web/admin/ckeditor/plugins/templates/templates/images/tp13.gif
Normal file
|
After Width: | Height: | Size: 2.1 KiB |
BIN
web/admin/ckeditor/plugins/templates/templates/images/tp14.gif
Normal file
|
After Width: | Height: | Size: 2.3 KiB |
BIN
web/admin/ckeditor/plugins/templates/templates/images/tp15.gif
Normal file
|
After Width: | Height: | Size: 1.7 KiB |
BIN
web/admin/ckeditor/plugins/templates/templates/images/tp16.gif
Normal file
|
After Width: | Height: | Size: 2.8 KiB |
BIN
web/admin/ckeditor/plugins/templates/templates/images/tp17.gif
Normal file
|
After Width: | Height: | Size: 1.5 KiB |
BIN
web/admin/ckeditor/plugins/templates/templates/images/tp18.gif
Normal file
|
After Width: | Height: | Size: 1.4 KiB |
BIN
web/admin/ckeditor/plugins/templates/templates/images/tp19.gif
Normal file
|
After Width: | Height: | Size: 1.4 KiB |
BIN
web/admin/ckeditor/plugins/templates/templates/images/tp2.gif
Normal file
|
After Width: | Height: | Size: 3.6 KiB |
BIN
web/admin/ckeditor/plugins/templates/templates/images/tp20.gif
Normal file
|
After Width: | Height: | Size: 1.4 KiB |
BIN
web/admin/ckeditor/plugins/templates/templates/images/tp21.gif
Normal file
|
After Width: | Height: | Size: 1.4 KiB |
BIN
web/admin/ckeditor/plugins/templates/templates/images/tp22.gif
Normal file
|
After Width: | Height: | Size: 1.4 KiB |
BIN
web/admin/ckeditor/plugins/templates/templates/images/tp23.gif
Normal file
|
After Width: | Height: | Size: 1.4 KiB |
BIN
web/admin/ckeditor/plugins/templates/templates/images/tp24.gif
Normal file
|
After Width: | Height: | Size: 1.4 KiB |
BIN
web/admin/ckeditor/plugins/templates/templates/images/tp25.gif
Normal file
|
After Width: | Height: | Size: 1.4 KiB |
BIN
web/admin/ckeditor/plugins/templates/templates/images/tp26.gif
Normal file
|
After Width: | Height: | Size: 1.5 KiB |
BIN
web/admin/ckeditor/plugins/templates/templates/images/tp27.gif
Normal file
|
After Width: | Height: | Size: 2.2 KiB |
BIN
web/admin/ckeditor/plugins/templates/templates/images/tp28.gif
Normal file
|
After Width: | Height: | Size: 2.2 KiB |
BIN
web/admin/ckeditor/plugins/templates/templates/images/tp29.gif
Normal file
|
After Width: | Height: | Size: 1.7 KiB |
BIN
web/admin/ckeditor/plugins/templates/templates/images/tp3.gif
Normal file
|
After Width: | Height: | Size: 4.0 KiB |
BIN
web/admin/ckeditor/plugins/templates/templates/images/tp30.gif
Normal file
|
After Width: | Height: | Size: 1.4 KiB |
BIN
web/admin/ckeditor/plugins/templates/templates/images/tp31.gif
Normal file
|
After Width: | Height: | Size: 1.8 KiB |
BIN
web/admin/ckeditor/plugins/templates/templates/images/tp32.gif
Normal file
|
After Width: | Height: | Size: 1.8 KiB |
BIN
web/admin/ckeditor/plugins/templates/templates/images/tp33.gif
Normal file
|
After Width: | Height: | Size: 1.7 KiB |
BIN
web/admin/ckeditor/plugins/templates/templates/images/tp34.gif
Normal file
|
After Width: | Height: | Size: 1.7 KiB |
BIN
web/admin/ckeditor/plugins/templates/templates/images/tp35.gif
Normal file
|
After Width: | Height: | Size: 1.7 KiB |
BIN
web/admin/ckeditor/plugins/templates/templates/images/tp36.gif
Normal file
|
After Width: | Height: | Size: 1.7 KiB |
BIN
web/admin/ckeditor/plugins/templates/templates/images/tp37.gif
Normal file
|
After Width: | Height: | Size: 1.7 KiB |
BIN
web/admin/ckeditor/plugins/templates/templates/images/tp38.gif
Normal file
|
After Width: | Height: | Size: 1.7 KiB |
BIN
web/admin/ckeditor/plugins/templates/templates/images/tp39.gif
Normal file
|
After Width: | Height: | Size: 1.7 KiB |
BIN
web/admin/ckeditor/plugins/templates/templates/images/tp4.gif
Normal file
|
After Width: | Height: | Size: 2.0 KiB |
BIN
web/admin/ckeditor/plugins/templates/templates/images/tp40.gif
Normal file
|
After Width: | Height: | Size: 1.7 KiB |
BIN
web/admin/ckeditor/plugins/templates/templates/images/tp41.gif
Normal file
|
After Width: | Height: | Size: 1.7 KiB |
BIN
web/admin/ckeditor/plugins/templates/templates/images/tp42.gif
Normal file
|
After Width: | Height: | Size: 1.7 KiB |
BIN
web/admin/ckeditor/plugins/templates/templates/images/tp43.gif
Normal file
|
After Width: | Height: | Size: 1.7 KiB |
BIN
web/admin/ckeditor/plugins/templates/templates/images/tp44.gif
Normal file
|
After Width: | Height: | Size: 1.7 KiB |
BIN
web/admin/ckeditor/plugins/templates/templates/images/tp45.gif
Normal file
|
After Width: | Height: | Size: 1.7 KiB |
BIN
web/admin/ckeditor/plugins/templates/templates/images/tp46.gif
Normal file
|
After Width: | Height: | Size: 1.7 KiB |
BIN
web/admin/ckeditor/plugins/templates/templates/images/tp47.gif
Normal file
|
After Width: | Height: | Size: 1.7 KiB |
BIN
web/admin/ckeditor/plugins/templates/templates/images/tp48.gif
Normal file
|
After Width: | Height: | Size: 1.7 KiB |
BIN
web/admin/ckeditor/plugins/templates/templates/images/tp49.gif
Normal file
|
After Width: | Height: | Size: 1.7 KiB |
BIN
web/admin/ckeditor/plugins/templates/templates/images/tp5.gif
Normal file
|
After Width: | Height: | Size: 2.5 KiB |
BIN
web/admin/ckeditor/plugins/templates/templates/images/tp50.gif
Normal file
|
After Width: | Height: | Size: 1.6 KiB |
BIN
web/admin/ckeditor/plugins/templates/templates/images/tp51.gif
Normal file
|
After Width: | Height: | Size: 2.1 KiB |
BIN
web/admin/ckeditor/plugins/templates/templates/images/tp52.gif
Normal file
|
After Width: | Height: | Size: 2.0 KiB |
BIN
web/admin/ckeditor/plugins/templates/templates/images/tp53.gif
Normal file
|
After Width: | Height: | Size: 2.0 KiB |
BIN
web/admin/ckeditor/plugins/templates/templates/images/tp54.gif
Normal file
|
After Width: | Height: | Size: 2.0 KiB |
BIN
web/admin/ckeditor/plugins/templates/templates/images/tp55.gif
Normal file
|
After Width: | Height: | Size: 2.0 KiB |
BIN
web/admin/ckeditor/plugins/templates/templates/images/tp56.gif
Normal file
|
After Width: | Height: | Size: 2.0 KiB |
BIN
web/admin/ckeditor/plugins/templates/templates/images/tp57.gif
Normal file
|
After Width: | Height: | Size: 2.0 KiB |
BIN
web/admin/ckeditor/plugins/templates/templates/images/tp58.gif
Normal file
|
After Width: | Height: | Size: 2.0 KiB |
BIN
web/admin/ckeditor/plugins/templates/templates/images/tp59.gif
Normal file
|
After Width: | Height: | Size: 2.0 KiB |
BIN
web/admin/ckeditor/plugins/templates/templates/images/tp6.gif
Normal file
|
After Width: | Height: | Size: 2.7 KiB |
BIN
web/admin/ckeditor/plugins/templates/templates/images/tp60.gif
Normal file
|
After Width: | Height: | Size: 2.0 KiB |
BIN
web/admin/ckeditor/plugins/templates/templates/images/tp61.gif
Normal file
|
After Width: | Height: | Size: 1.6 KiB |
BIN
web/admin/ckeditor/plugins/templates/templates/images/tp62.gif
Normal file
|
After Width: | Height: | Size: 2.1 KiB |
BIN
web/admin/ckeditor/plugins/templates/templates/images/tp63.gif
Normal file
|
After Width: | Height: | Size: 2.1 KiB |
BIN
web/admin/ckeditor/plugins/templates/templates/images/tp64.gif
Normal file
|
After Width: | Height: | Size: 2.0 KiB |
BIN
web/admin/ckeditor/plugins/templates/templates/images/tp65.gif
Normal file
|
After Width: | Height: | Size: 2.0 KiB |
BIN
web/admin/ckeditor/plugins/templates/templates/images/tp66.gif
Normal file
|
After Width: | Height: | Size: 2.1 KiB |
BIN
web/admin/ckeditor/plugins/templates/templates/images/tp67.gif
Normal file
|
After Width: | Height: | Size: 2.0 KiB |
BIN
web/admin/ckeditor/plugins/templates/templates/images/tp68.gif
Normal file
|
After Width: | Height: | Size: 2.1 KiB |
BIN
web/admin/ckeditor/plugins/templates/templates/images/tp69.gif
Normal file
|
After Width: | Height: | Size: 2.0 KiB |
BIN
web/admin/ckeditor/plugins/templates/templates/images/tp7.gif
Normal file
|
After Width: | Height: | Size: 3.5 KiB |
BIN
web/admin/ckeditor/plugins/templates/templates/images/tp70.gif
Normal file
|
After Width: | Height: | Size: 2.0 KiB |
BIN
web/admin/ckeditor/plugins/templates/templates/images/tp71.gif
Normal file
|
After Width: | Height: | Size: 2.0 KiB |
BIN
web/admin/ckeditor/plugins/templates/templates/images/tp72.gif
Normal file
|
After Width: | Height: | Size: 1.9 KiB |
BIN
web/admin/ckeditor/plugins/templates/templates/images/tp73.gif
Normal file
|
After Width: | Height: | Size: 1.9 KiB |
BIN
web/admin/ckeditor/plugins/templates/templates/images/tp74.gif
Normal file
|
After Width: | Height: | Size: 2.0 KiB |
BIN
web/admin/ckeditor/plugins/templates/templates/images/tp75.gif
Normal file
|
After Width: | Height: | Size: 2.0 KiB |
BIN
web/admin/ckeditor/plugins/templates/templates/images/tp76.gif
Normal file
|
After Width: | Height: | Size: 2.0 KiB |
BIN
web/admin/ckeditor/plugins/templates/templates/images/tp77.gif
Normal file
|
After Width: | Height: | Size: 2.0 KiB |
BIN
web/admin/ckeditor/plugins/templates/templates/images/tp78.gif
Normal file
|
After Width: | Height: | Size: 1.9 KiB |
BIN
web/admin/ckeditor/plugins/templates/templates/images/tp79.gif
Normal file
|
After Width: | Height: | Size: 2.0 KiB |
BIN
web/admin/ckeditor/plugins/templates/templates/images/tp8.gif
Normal file
|
After Width: | Height: | Size: 4.4 KiB |
BIN
web/admin/ckeditor/plugins/templates/templates/images/tp80.gif
Normal file
|
After Width: | Height: | Size: 2.0 KiB |
BIN
web/admin/ckeditor/plugins/templates/templates/images/tp9.gif
Normal file
|
After Width: | Height: | Size: 2.2 KiB |