23 December 2009

jimdo代码：诸葛草帽电脑工作室（一）模板主代码

前几天写好的这篇文章突然不可以显示了，点击进入那篇文站界面什么都没有了，郁闷T_T，没办法，只好再写一次了。我的网站模板主代码是小卒居给我的，在这里谢谢喽，呵呵，共享你的代码不要见怪啊。

不多说了，代码如下：

   

html：

<div id="container">
    <table width="960" border="0" cellpadding="0" cellspacing="0">
        <tbody>
            <tr>
                <td>
                    <table width="100%" border="0" cellpadding="0" cellspacing="0">
                        <tr>
                            <td align="left" height="25">
                                欢迎光临小站
                            </td>
                            <td align="right">
                                <a href="#" onclick="window.external.AddFavorite('http://bmy.jimdo.com', '网站'); return false;">收藏本站</a> | <a href="#" onclick=
                                "this.style.behavior='url(#default#homepage)';this.setHomePage('http://bmy.jimdo.com/'); return false;">设为主页</a> |
                            </td>
                        </tr>
                    </table>
                </td>
            </tr>

            <tr>
                <td>
                    <table width="100%" border="0" cellpadding="0" cellspacing="0">
                        <tr>
                            <td bgcolor="#CCCCCC" height="1">
                            </td>
                        </tr>
                    </table>
                </td>
            </tr>
        </tbody>
    </table>

    <table width="960" border="0" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF">
        <tr>
            <td>
                <div id="header">
                    <img src="http://www24.jimdo.com/usertemplates/1288255/img/logo1.gif" alt="" />
                </div>
            </td>
            <td>
            </td>
        </tr>
    </table>

    <div id="navigation">
        <var>navigation[1|2|3]</var>
    </div>

    <table width="960" border="0" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF">
        <tr>
            <!-- 左中心区 -->

            <td width="774" height="100%" align="left">
                <div id="content">
                    <var>content</var>
                </div>
            </td>
            <td width="186" height="100%" valign="top">
                <!-- 右 -->

                <table border="0" cellpadding="0" cellspacing="0" width="186">
                    <tbody>
                        <tr>
                            <td align="left">
                                <script type="text/javascript">
//<![CDATA[
var domainroot="at8.jimdo.com"　　
function Gsitesearch(curobj){ 　　curobj.q.value="site:"+domainroot+" "+curobj.qfront.value 　　} 　　
//]]>
</script>　　
                                <form action="http://www.Google.com/search" target="_blank" method="get" onsubmit="Gsitesearch(this)">
                                    　　
                                    <p>
                                        <input name="q" type="hidden" /> <input name="qfront" type="text" style="width:120px" /> <input type="submit" value="本站搜索" />
                                    </p>
                                    　　
                                </form>
                            </td>
                        </tr>

                        <tr>
                            <td bgcolor="#FFA500">
                                <span style="color: #ffffff; font-size:13px;"><strong>&#160;小卒居最近更新贴</strong></span>
                            </td>
                        </tr>

                        <tr>
                            <td height="15">
                            </td>
                        </tr>

                        <tr>
                            <td>
                                <a href="http://at8.jimdo.com/2009/10/14/%E7%B2%BE%E5%93%81%E5%AF%BC%E8%88%AA%E8%8F%9C%E5%8D%95%E4%BB%A3%E7%A0%81/">jimdo非常棒的绿色下拉透明菜单</a>
                            </td>
                        </tr>

                        <tr>
                            <td>
                                <a href=
                                "http://at8.jimdo.com/2009/10/14/%E5%A6%82%E4%BD%95%E8%87%AA%E5%AE%9A%E4%B9%89jimdo%E6%A8%A1%E6%9D%BF-%E4%BA%94-%E5%AF%BC%E8%88%AA%E8%8F%9C%E5%8D%95%E7%9A%84%E6%A8%AA%E6%8E%92%E4%B8%8E%E7%AB%96%E6%8E%92/"
                                target="_blank">jimdo导航菜单的横排与竖排</a>
                            </td>
                        </tr>

                        <tr>
                            <td>
                                <a href=
                                "http://at8.jimdo.com/2009/10/14/%E4%BA%8C-%E5%A6%82%E4%BD%95%E8%87%AA%E5%AE%9A%E4%B9%89jimdo%E6%A8%A1%E6%9D%BF-%E5%9B%9B-%E5%B9%BF%E5%91%8A%E7%9B%92%E7%9A%84%E7%A7%BB%E5%8A%A8%E5%8F%8A%E7%A9%BA%E7%99%BD%E5%A1%AB%E5%85%85/"
                                target="_blank">jimdo广告盒的移动及空白填充</a>
                            </td>
                        </tr>

                        <tr>
                            <td>
                                <a href=
                                "http://at8.jimdo.com/2009/10/14/%E4%B8%80-%E5%A6%82%E4%BD%95%E8%87%AA%E5%AE%9A%E4%B9%89jimdo%E6%A8%A1%E6%9D%BF-%E4%BA%8C-%E4%B8%80%E4%B8%AA%E6%B7%98%E5%AE%9D%E5%AE%A2%E7%BD%91%E7%AB%99%E6%A8%A1%E6%9D%BF%E4%BB%A3%E7%A0%81/"
                                target="_blank">jimdo一个淘宝客网站模板代码</a>
                            </td>
                        </tr>

                        <tr>
                            <td>
                                <a href=
                                "http://at8.jimdo.com/2009/10/14/%E5%A6%82%E4%BD%95%E8%87%AA%E5%AE%9A%E4%B9%89jimdo%E6%A8%A1%E6%9D%BF-%E5%85%AD-head%E9%83%A8%E5%88%86%E5%9B%BE%E7%89%87%E7%9A%84%E4%BF%AE%E6%94%B9%E6%96%B9%E6%B3%95/"
                                target="_blank">jimdoHEAD部分图片的修改方法</a>
                            </td>
                        </tr>

                        <tr>
                            <td>
                                <a href=
                                "http://at8.jimdo.com/2009/10/14/%E5%A6%82%E4%BD%95%E8%87%AA%E5%AE%9A%E4%B9%89jimdo%E6%A8%A1%E6%9D%BF-%E4%B8%83-%E5%AF%BC%E8%88%AA%E8%8F%9C%E5%8D%95%E7%9A%84%E8%A3%85%E9%A5%B0/"
                                target="_blank">jimdo导航菜单的装饰和修改</a>
                            </td>
                        </tr>

                        <tr>
                            <td>
                                <a href="http://at8.jimdo.com/2009/10/14/%E4%B8%8D%E6%96%AD%E5%A4%9A%E5%8F%98%E7%9A%84%E5%9B%BE%E7%89%87%E5%AF%BC%E8%88%AA%E4%BB%A3%E7%A0%81/" target=
                                "_blank">jimdo图片轮换播放代码/</a>
                            </td>
                        </tr>

                        <tr>
                            <td>
                                <a href=
                                "http://at8.jimdo.com/2009/10/14/%E8%85%BE%E8%AE%AFqq%E7%BD%91%E9%A1%B5%E5%9C%A8%E7%BA%BF%E5%AE%A2%E6%9C%8D-%E9%9A%8F%E7%BD%91%E9%A1%B5%E6%BB%9A%E5%8A%A8%E6%9D%A1%E4%B8%8A%E4%B8%8B%E7%A7%BB%E5%8A%A8%E7%9A%84%E6%95%88%E6%9E%9C/"
                                target="_blank">jimdo腾讯QQ网页在线客服代码</a>
                            </td>
                        </tr>

                        <tr>
                            <td>
                                <a href="http://at8.jimdo.com/2009/11/04/tbkbhp/" target="_blank">jimdo用户很喜欢宝贝横排代码</a>
                            </td>
                        </tr>

                        <tr>
                            <td>
                                <a href="http://at8.jimdo.com/2009/11/04/tbkbhp/" target="_blank">jimdo中俩款用于广告盒旁代码</a>
                            </td>
                        </tr>

                        <tr>
                            <td>
                                <a href="http://at8.jimdo.com/2009/10/20/%E5%BC%95%E7%94%A8-%E8%A1%A8%E6%A0%BC%E4%BB%A3%E7%A0%81-%E6%A0%87%E7%AD%BE%E5%8F%8A%E5%B1%9E%E6%80%A7/" target=
                                "_blank">jimdo引用 表格代码、标签及属性</a>
                            </td>
                        </tr>

                        <tr>
                            <td>
                                <a href="http://at8.jimdo.com/2009/11/02/wymsyjyh/" target="_blank">jimdo页面描述之探讨-小卒居</a>
                            </td>
                        </tr>

                        <tr>
                            <td>
                                <a href="http://at8.jimdo.com/2009/11/02/jimdopaiban/" target="_blank">jimdo排版颜色边框背景问题小结</a>
                            </td>
                        </tr>

                        <tr>
                            <td height="10">
                            </td>
                        </tr>

                        <tr>
                            <td bgcolor="#FFA500">
                                <span style="color: #ffffff; font-size:13px;"><strong>&#160;jimdo淘宝客源码</strong></span>
                            </td>
                        </tr>

                        <tr>
                            <td height="10">
                            </td>
                        </tr>

                        <tr>
                            <td>
                                <a href="http://at8.jimdo.com/2009/11/11/bhtpdm/" target="_blank" class="">仿新浪的flash 轮换广告代码</a>
                            </td>
                        </tr>

                        <tr>
                            <td>
                                <a href="http://at8.jimdo.com/2009/10/14/%E7%B2%BE%E5%93%81%E5%AF%BC%E8%88%AA%E8%8F%9C%E5%8D%95%E4%BB%A3%E7%A0%81/" target="_blank">非常棒的绿色下拉透明 菜单</a>
                            </td>
                        </tr>

                        <tr>
                            <td>
                                <a href=
                                "http://at8.jimdo.com/2009/10/14/%E5%A6%82%E4%BD%95%E8%87%AA%E5%AE%9A%E4%B9%89jimdo%E6%A8%A1%E6%9D%BF-%E4%BA%94-%E5%AF%BC%E8%88%AA%E8%8F%9C%E5%8D%95%E7%9A%84%E6%A8%AA%E6%8E%92%E4%B8%8E%E7%AB%96%E6%8E%92/"
                                target="_blank">jimdo淘宝客导航菜单的横排与竖排</a>
                            </td>
                        </tr>

                        <tr>
                            <td>
                                <a href="http://at8.jimdo.com/2009/10/13/%E8%90%A8%E8%8F%B2%E5%A3%AB%E5%A4%A7%E5%A4%AB%E4%BC%BC%E7%9A%84/" target="_blank">淘宝客去哪推广（新手推广必看） 1</a>
                            </td>
                        </tr>

                        <tr>
                            <td>
                                <a href="http://at8.jimdo.com/2009/10/13/%E6%B7%98%E5%AE%9D%E5%AE%A2%E5%8E%BB%E5%93%AA%E6%8E%A8%E5%B9%BF-%E6%96%B0%E6%89%8B%E6%8E%A8%E5%B9%BF%E5%BF%85%E7%9C%8B-2/"
                                target="_blank">淘宝客去哪推广（新手推广必看）2</a>
                            </td>
                        </tr>

                        <tr>
                            <td>
                                <a href="http://at8.jimdo.com/2009/10/13/%E6%B7%98%E5%AE%9D%E5%AE%A2%E5%8E%BB%E5%93%AA%E6%8E%A8%E5%B9%BF-%E6%96%B0%E6%89%8B%E6%8E%A8%E5%B9%BF%E5%BF%85%E7%9C%8B-3/"
                                target="_blank">淘宝客去哪推广（新手推广必看）3</a>
                            </td>
                        </tr>

                        <tr>
                            <td>
                                <a href=
                                "http://at8.jimdo.com/2009/10/14/%E4%B8%80-%E5%A6%82%E4%BD%95%E8%87%AA%E5%AE%9A%E4%B9%89jimdo%E6%A8%A1%E6%9D%BF-%E4%BA%8C-%E4%B8%80%E4%B8%AA%E6%B7%98%E5%AE%9D%E5%AE%A2%E7%BD%91%E7%AB%99%E6%A8%A1%E6%9D%BF%E4%BB%A3%E7%A0%81/"
                                target="_blank">很好的淘宝客网站模板代码</a>
                            </td>
                        </tr>

                        <tr>
                            <td>
                                <a href=
                                "http://at8.jimdo.com/2009/10/14/%E4%B8%80-%E5%A6%82%E4%BD%95%E8%87%AA%E5%AE%9A%E4%B9%89jimdo%E6%A8%A1%E6%9D%BF-%E4%BA%8C-%E4%B8%80%E4%B8%AA%E6%B7%98%E5%AE%9D%E5%AE%A2%E7%BD%91%E7%AB%99%E6%A8%A1%E6%9D%BF%E4%BB%A3%E7%A0%81/"
                                target="_blank">超漂亮淘宝客网站模板代码</a>
                            </td>
                        </tr>

                        <tr>
                            <td>
                                <a href="http://at8.jimdo.com/2009/10/29/egnzjtkym/" target="_blank">易购女装街API淘宝客源码</a>
                            </td>
                        </tr>

                        <tr>
                            <td>
                                <a href="http://at8.jimdo.com/2009/10/29/qxcjwd" target="_blank">清新超级稳定的淘客API程序</a>
                            </td>
                        </tr>

                        <tr>
                            <td>
                                <a href="http://at8.jimdo.com/2009/10/29/yjwydcx/" target="_blank">月赚万元淘宝客API程序高级版</a>
                            </td>
                        </tr>

                        <tr>
                            <td>
                                <div id="sidebar">
                                    <var>sidebar</var>
                                </div>
                            </td>
                        </tr>
                    </tbody>
                </table>
            </td>
        </tr>
    </table>

    <div id="footer">
        <div class="gutter">
            <var>footer</var>
        </div>
    </div>
</div>

 

css代码：

                            /*  Typo
----------------------------------------------- */

a:link, a:visited
{
 text-decoration: underline;
 color:#EC4413;
}
a:active {  text-decoration: underline; }
a:hover { text-decoration:none; }


h1 { font:bold 18px/140% "Trebuchet MS", Verdana, sans-serif; }
h2 { font:bold 14px/140% "Trebuchet MS", Verdana, sans-serif; }

p { font: 11px/140% Verdana, Geneva, Arial, Helvetica, sans-serif;}

/*  Layout
----------------------------------------------- */

    body
{
       text-align:left;
       background: #fff;
}

#container
{
       margin:0px auto;
       width:710px;
       background:#fff;
}

#header
{
       margin:0px auto;
}

#content
{
       width:710px;
       float:left;
       margin: 0px auto;
       background:#fff;
}

#navigation
{
       margin:0px auto;
       width:960px;
       float:left;
       background: url(1349038004.png) #FFA500;
     
}
#sidebar
{
       width:170px;
       float:left;
       margin:0px;
}


#footer .gutter
{
       background:#fff;
       padding:20px;
       margin: 0px auto;
}

/*  Navigation
----------------------------------------------- */

ul#mainNav1
{
        margin: 0px auto;
}

ul#mainNav1 li
{
        float:left;
        margin:0px auto;
        list-style:none;
}

ul#mainNav1 li a
{
        font:bold 13px/180% 宋体;
        text-decoration: none;
        display:block;
        border-right:2px solid #fff;
        color:#fff;
}

ul#mainNav1 li a { padding:5px 20px 5px 20px; }

ul#mainNav1 a:hover{color:#0f0;}

ul#mainNav1 a.current { font-weight:bold; color:#0f0;}            

 

很多，看晕了没？接下来就是一步一步改造成自己的喽。。。        

Tags: 资讯知识, 网站代码, jimdo, 分页4

Write a comment

Comments: 2
  • #1

    masthome (Friday, 31 December 2010 12:47)

    不错哦，我也是小卒居给的哦

  • #2

    诸葛草帽 (Monday, 03 January 2011 09:35)

    回复masthome：嗯，我学习自定义jimdo小卒居给了我很大帮助