493 lines
134 KiB
JavaScript
493 lines
134 KiB
JavaScript
/*
|
||
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>'
|
||
},
|
||
|
||
|
||
]
|
||
});
|
||
|