店铺主页【banner增加店铺名称与网址】

2016-07-07 16:48 来源:www.chinab4c.com 作者:ecshop专家

修改store\default\top.html
1、 增加<script>
  1. <SCRIPT type=text/javascript>
  2. function addBookmark(site, url) {
  3. if (navigator.userAgent.toLowerCase().indexOf('ie') > -1) {
  4. window.external.addFavorite(url, site)
  5. } else if (navigator.userAgent.toLowerCase().indexOf('opera') > -1) {
  6. return;
  7. } else {
  8. return;
  9. }
  10. }

  11. function setCopy(_sTxt) {
  12. if (navigator.userAgent.toLowerCase().indexOf('ie') > -1) {
  13. clipboardData.setData('Text', _sTxt);
  14. alert("网址“" + _sTxt + "”\n已经复制到您的剪贴板中\n您可以使用Ctrl+V快捷键粘贴到需要的地方");
  15. } else {
  16. prompt("请复制网站地址:", _sTxt);
  17. }
  18. }
  19. </script>
复制代码
2、 取消原banner超链接
3、 增加代码<!--banner店铺名称与网址-->,拷贝相关图片
  1. <div class="banner">
  2. <!--{if $store.store_banner}-->
  3. <img src="{$store.store_banner}" alt="" width="1000" height="120" />
  4. <!--{else}-->
  5. <img src="{res file=images/banner.jpg}"/>
  6. <!--{/if}-->
  7. <!--banner店铺名称与网址-->
  8. <H2>{$store.store_name|escape}</H2>
  9. <H4>{$store.store_name|escape}</H4>
  10. <DIV class=siteurl>
  11. <!--{if $store.domain and !$subdomain_enable}-->
  12. <A title=复制地址 onclick="javascript:setCopy('http://{$store.domain|escape}.***你的域名.com');" href="javascript:;"><IMG alt=复制地址 src="{res file=icon_siteinfo.gif}"></A>
  13. <A title=加入收藏 onclick="javascript:addBookmark('{$store.store_name|escape}', 'http://{$store.domain|escape}.***你的域名.com');" href="javascript:;"><IMG alt=加入收藏 src="{res file=icon_add.gif}"></A>
  14. <A title=店铺地址 href="http://{$store.domain|escape}.***你的域名.com">http://{$store.domain|escape}.***你的域名.com</A>
  15. <!--{else}-->
  16. <A title=复制地址 onclick="javascript:setCopy('http://***你的域名***/?{$store.store_id}');" href="javascript:;"><IMG alt=复制地址 src="{res file=icon_siteinfo.gif}"></A>
  17. <A title=加入收藏 onclick="javascript:addBookmark('{$store.store_name|escape}', 'http://***你的域名***/?{$store.store_id}');" href="javascript:;"><IMG alt=加入收藏 src="{res file=icon_add.gif}"></A>
  18. <A title=店铺地址 href="?{$store.store_id}">http://***你的域名***/?{$store.store_id}</A>
  19. <!--{/if}-->
  20. </DIV>
  21. </div>
复制代码
此域名为开启了店铺地址简写之后的,各站长根据自己具体情况修改

4、 修改每一个模板文件shop.css增加店铺名称与网址样式
  1. /*
  2. * -------------------------------------------------------
  3. * ******************** 店铺名称与网址 ***********************
  4. * -------------------------------------------------------
  5. */
  6. #nav .banner H2 {
  7. MARGIN-TOP: 30px; FONT-SIZE: 20px; LEFT: 0px; COLOR: #cf521a; TEXT-INDENT: 30px; LINE-HEIGHT: 40px; FONT-FAMILY: "微软雅黑", "黑体", "宋体"; POSITION: absolute; TOP: 0px; HEIGHT: 40px
  8. }
  9. #nav .banner H4 {
  10. MARGIN-TOP: 30px; FONT-SIZE: 20px; LEFT: 0px; COLOR: #cf521a; TEXT-INDENT: 30px; LINE-HEIGHT: 40px; FONT-FAMILY: "微软雅黑", "黑体", "宋体"; POSITION: absolute; TOP: 0px; HEIGHT: 40px
  11. }
  12. #nav .banner H2 {
  13. LEFT: -1px; COLOR: #fadfd3; TOP: -1px
  14. }

  15. #nav .banner .siteurl {
  16. PADDING-RIGHT: 5px; PADDING-LEFT: 5px; BACKGROUND: #fff; FILTER: alpha(opacity=70); LEFT: 30px; PADDING-BOTTOM: 0px; LINE-HEIGHT: 22px; PADDING-TOP: 0px; POSITION: absolute; TOP: 65px; HEIGHT: 22px; -moz-opacity: 0.70; opacity: 0.70; _height: 18px
  17. }
  18. #nav .banner .siteurl:hover {
  19. FILTER: alpha(opacity=100); -moz-opacity: 1; opacity: 1
  20. }
  21. #nav .banner .siteurl IMG {
  22. MARGIN-RIGHT: 10px
  23. }
复制代码
附件里为以上用到的图片,与shop.css存放在同一目录下

效果示例



回答:
两个图片名称分别为
icon_add.gif
icon_siteinfo.gif

不错不错~~


怎么没人顶啊

原帖由 3269146 于 2009-9-17 22:31 发表
不错不错~~


怎么没人顶啊

不好意思,总觉得这样做意义不大,我想没人顶的原因也在于此
楼主是有技术的人,应该做些大家需要的东西,比如说做个首页空白的自定义挂件,可以自己填写html代码,调用论坛数据,goole广告代码等,或者到现在的需求建议活动里,看那些站长比较需要的东西,帮忙开发出来,这样大家都需要,大家也都会感谢你的。

因为网站面向的用户群不一样吧。
我网站的店主们一般都不会ps,不会设计等,对互联网也可能不是很熟悉。
所以我要为他们打造一个更简单,更实用的平台

支持一下,很不错哦


楼主 按照你的修改后点击收藏和复制无效

http://yifu.babacity.com/

Line:83
Char:9
Code:0
Error:'navigator.useragent' 为空或不是对象
网址:http://yifu.babacity.com/

可能是编号不一致造成的。


你重新重制一次<script>代码,再拷到网页里。
我下了你的页面在本地测试了,重新复制一次就好了

19lou的CSS 呵呵

学习了 太感谢了

太好了谢谢楼主

收藏学习,谢谢楼主。

不错,效果不错

这个挺不错 我来试看看^^