大向微博客-長大樂忧伤

当前位置:网站首页 / 网页代码 / 正文

如何将系统自带话费充值框换成淘宝推广充值框,114la导航

本人也是一个小白用户,接触114导航网站也不是很久,在之前自己修改网站时,从论坛上找到很多有用的教程。但对于新手来说很多时候面临的一个问题时按照一些简化的教程修改始终出现错误,我常常遇到这种情况,后面自己学了一些基本的编程知识后发现有时候仅仅很简单的一个步骤就导致我们的修改无法继续进行下去。为了帮助新手解答一些简单的问题,同时也让互助、共享的精神继续发扬,我会将自己的一些小修改以教程的形式放到论坛,供相互参考交流。都是一些很简单的修改,高手看到的话多多指点一下我们新人,新手看到后觉得有帮助也请以后共享一些自己的小体会、小心得。总之既然大家要来做点互联网的东西,不分享、不碰撞是不会有进步的。
同时分享一句话与广大朋友共勉:“再牛逼的梦想也怕傻逼的坚持!”
我的网站,欢迎拍砖:艾部落网址导航 http://hao.ibolg.net
第一步:复制推广代码
首先进入淘宝联盟的产品页面,选择组件推广,充值框尺寸选择“巨幅210*200”,具体尺寸可根据网站具体情况选择自定义尺寸进行调节。
然后复制组件代码如下:
<iframe name="alimamaifrm" frameborder="0" marginheight="0" marginwidth="0" border="0" scrolling="no" width="210" height="200" src="http://www.taobao.com/go/app/tbk_app/chongzhi_210_200.php?pid=mm_43158275_4062948_13488513&page=chongzhi_210_200.php&size_w=210&size_h=200&stru_phone=1&stru_game=1&stru_travel=1&size_cat=std" ></iframe>



第二步:修改网页代码
将此代码添加部分内容,变化如下
</div>
<div class="chongzhi">
<iframe name="alimamaifrm"frameborder="0" marginheight="0" marginwidth="0"border="0" scrolling="no" width="218"height="200" src="<iframe name="alimamaifrm" frameborder="0" marginheight="0" marginwidth="0" border="0" scrolling="no" width="210" height="200" src="http://www.taobao.com/go/app/tbk_app/chongzhi_210_200.php?pid=mm_43158275_4062948_13488513&page=chongzhi_210_200.php&size_w=210&size_h=200&stru_phone=1&stru_game=1&stru_travel=1&size_cat=std" ></iframe>

</div>

然后打开114导航网站系统后台,进入首页模版,用上述代码替换模版中以下代码:
<ul id="tool-tab"class="clearfix">
<liid="tool-tab-def" rel="tb4" class="active">手机</li>
<lirel="tb1">机票</li>
<lirel="tb2">酒店</li>
<liid="tool-tab-last" rel="tb3">旅游</li>
</ul>
<divid="tb">
<divid="tb1" class="tbox" style="display:none;">
<formclass="plane" action="http://site.daodao.com/114la/go"accept-charset="utf-8"onsubmit="document.charset='utf-8';">
<pclass="first">
<inputtype="text" class="int_b" name="from"value="北京" />

<inputname="to" type="text" class="int_b" value="上海"/>
</p>
<p>日期
<inputtype="text" class="int" id="jp_today"name="date" />

<inputtype="submit" value="查看折扣价"style="font-size:12px;" class="btn" />
</p>
</form>
</div>
<divid="tb2" class="tbox" style="display:none">
<formclass="plane" action="http://www.daodao.com/HACSearch"accept-charset="utf-8"onsubmit="document.charset='utf-8';">
<pclass="first">城市
<input name="q"class="int_b" value="北京" style="width:40px">
价格
<selectname="l1price" style="font-size:12px; width:75px;">
<option value="0,200">0-200</option>
<optionvalue="201,500">201-500</option>
<option value="501,800">501-800</option>
<option value="800">800元以上</option>
<option value=""selected="selected">不限</option>
</select>
</p>
<p>酒店
<input name="nameContains" class="int_b"value="">

<inputtype="submit" value=" "class="btn" style="width:70px;" />
<inputtype="hidden" name="m" value="13078" />
</p>
</form>
</div>
<divid="tb3" class="tbox" style="display:none">
<formclass="plane" action="http://www.daodao.com/Search"onsubmit="daodao.searchTravel(); return false;">
<pclass="first">城 市
<inputtype="text" id="daodao_travel_q" class="int_b" name="q"value="北京" />
</p>
<p>关键字
<inputclass="int_b" id="daodao_travel_k" value="">

<inputtype="submit" value="旅游搜索"style="height:22px; width:70px;" class="btn" />
<inputtype="hidden" name="m" value="13078" />
</p>
</form>
</div>
<divid="tb4" class="tbox"style="margin-left:-5px;">
<formclass="plane" action="http://cz.115.com/"method="post" target="_blank">
<pclass="first">
<selectname="parvalue" style="font-size:12px; padding:1px;">
<option value="300">300</option>
<option selected="selected" value="100">100</option>
<option value="50">50</option>
<option value="30">30</option>
</select>
<inputtype="text" class="int_b" name="mobile"maxlength="11" value="请输入手机号码"onclick="(this.value == '请输入手机号码')?this.value='':this.focus()"onblur="this.value==''?this.value='请输入手机号码':this.value =this.value" style="width:88px;color:#666;font-size:12px;*line-height:16px;"/>
<inputtype="submit" value="充值"style="height:22px; width:38px;" class="btn" />
<inputtype="hidden" name="ac" value="topup_submit"/>
<input type="hidden"name="source" value="114la" />
</p>
<pstyle="text-align:center;"><spanclass="red">1</span>分钟到账 最低<spanclass="red">9.85</span> <ahref="http://www.915.com" class="red">915淘号</a></p>
</form>
</div>
</div>
</div>
然后保存更改。
注意:需要同时替换普通模版和宽频模版中相应的内容



第三步:修改网页CSS
通过ftp打开首页对应的css文件,具体路径为查看网页模版的第九行代码,比如我选用的是绿色,我的CSS路径就为public/home/style/new_green/base.css
进入base.css文件后,用此代码:
#chongzhi{ border-bottom:1px solid#6dba2b;}
替换以下代码:
#cate ul#tool-tab {height:28px; padding:0;}
#tool-tab{ border-left:none; border-right:none;}
#tool-tabli { cursor:pointer; font-size:14px; height:28px; line-height:28px; width:54px;text-align:center;}
#tool-tabli.active { height:29px;width:55px;background-position:0 -676px;}
#tool-tabli#tool-tab-def,#tool-tab li#tool-tab-last { width:55px}
#tool-tabli#tool-tab-def.active { margin-left:0;background-position:right -607px;}
#tool-tabli#tool-tab-last {background-position:20px 20px;}
#tool-tabli#tool-tab-last.active {background-position:left -607px; width:56px;}
#tb{ font-size:12px; padding:12px 0 4px 10px;}
.tbox{ height:58px; overflow:hidden;}
.plane.int_b,.plane .int { width:65px; color:#015BAB;font-size:12px;}
.plane.int { width:68px;}
.planep.first { margin-bottom:10px;}
.plane.btn { padding:0; width:80px; height:20px; font-size:12px;}
然后静态生成网站就搞定了。效果图如下:

推荐阅读

文章标签: 推广 话费充值框 换成 淘宝 充值框

版权声明: 本站所有主题由该文章作者发表,该文章作者与長大樂忧伤享有文章相关版权。
本帖可能有部分转自其它媒体,并不代表本站赞同其观点和对其真实性负责,如有侵犯,请告知,将及时予与删除并致歉。

本文链接: http://www.ibolg.net/wangyedaima/chongzhi.html,尊重共享,欢迎转载!

分享本文:

QR:  如何将系统自带话费充值框换成淘宝推广充值框,114la导航
呃 本文暂时没人评论 来添加一个吧

发表评论

必填

选填

选填

必填

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

分享:

支付宝

每日领红包