导航网页代码生成器


  • （记得存！）（没储存过不要提取）



    第一部分
    显示几个(数字)：
    {{$index}}

    第二部分
    几行： 几列：
    第{{$index+1}}行
    {{$index}}

    第三部分
    几行： 几列：
    第{{$index+1}}行
    {{$index}}

    第四部分可重复复制
    第四部分上部
    几个：
    {{$index}}

    第四部分下部
    几行： 几列：
    第{{$index+1}}行
    {{$index}}
  • <style> #owenDaoHang table tr td{text-align:center} #owenDaoHang a {text-decoration:none;color:black;} #owenDaoHang a:hover{text-decoration:underline;color: #C20C0C;} #owenDaoHang .tupian {display:inline-block;position:relative;top:-2px;vertical-align: middle;margin-right: 6px; height: 18px;} </style> <div id="owenDaoHang">
    <div style="padding:3px 0 3px 3px;border:2px #a5b3c6 solid;display:block;"> <div style="width:104px;height:39px;line-height:39px;text-align:center;cursor:pointer;display:inline-block;"> <a href="{{tr.tiaozhuan}}" title="{{tr.name1}}" target="_blank"> <img class="tupian" src="{{tr.tupian}}"/> <span>{{tr.name1}}</span> </a> </div> <div style="width:1px;height:19px;background:#e8ebef;display:inline-block;vertical-align:middle"></div> </div>
    <div style="padding:5px;border: 1px #a5b3c6 solid;display: block;margin-top:10px"> <table style="width:100%"> <tr> <td style="padding:5px;min-width:100px;"> <a href="{{tr.name1['tiaozhuan'+item.id]}}" title="{{tr.name1['name1'+item.id]}}" target="_blank"> <img class="tupian" src="{{tr.name1['tupian'+item.id]}}"/> <span>{{tr.name1['name1'+item.id]}}</span> </a> </td> </tr> </table> </div>
    <div style="padding:5px;border: 1px #a5b3c6 solid;display: block;margin:10px 0"> <div style="border-bottom:2px solid #f1f5f9;"> <div style="display:inline-block;font-weight:bold;color:#227fc6;border-bottom:2px solid #6ba1e4;padding:5px;margin-left:15px">猜你喜欢</div> </div> <div> <table style="width:100%"> <tr> <td style="padding:5px;min-width:100px;font-size:{{(item.id==howMany2_2)?'0.8em':'1em'}}"> <a style="color:{{item.id==1?('#2d87cc'):((item.id==howMany2_2)?'#999':'black')}};" href="{{tr.name1['tiaozhuan'+item.id]}}" title="{{tr.name1['name1'+item.id]}}" target="_blank"> <img class="tupian" src="{{tr.name1['tupian'+item.id]}}"/> <span>{{tr.name1['name1'+item.id]}}</span> </a> </td> </tr> </table> </div> </div>
    <div style="border:1px #a5b3c6 solid;display:block;background-color:#f3f6f8;"> <div style="padding:5px 12px;text-align:center;cursor:pointer;display:inline-block;"> <a href="{{tr.tiaozhuan}}" style="color:#258be3;" title="{{tr.name1}}" target="_blank"> <img class="tupian" src="{{tr.tupian}}"/> <span>{{tr.name1}}</span> </a> </div> </div>
    <div style="padding:5px;border: 1px #a5b3c6 solid;display: block;margin:0"> <div> <table style="width:100%"> <tr> <td style="padding:5px;min-width:100px;font-size:{{(item.id==howMany4_2)?'0.8em':'1em'}}"> <a style="color:{{item.id==1?('#2d87cc'):((item.id==howMany4_2)?'#999':'black')}};" href="{{tr.name1['tiaozhuan'+item.id]}}" title="{{tr.name1['name1'+item.id]}}" target="_blank"> <img class="tupian" src="{{tr.name1['tupian'+item.id]}}"/> <span>{{tr.name1['name1'+item.id]}}</span> </a> </td> </tr> </table> </div> </div>
    </div>