Discuz!官方免费开源建站系统

 找回密码
 立即注册

QQ登录

只需一步,快速开始

搜索

[求助] 我的discuz学习使用笔记,同各位网友分享。

[复制链接]
黄埔会 发表于 2016-9-28 09:49:06 | 显示全部楼层 |阅读模式
首先欢迎大家光临我的小站(www.huangpuhui.org),希望大家多提意见,谢谢。
下面是我学习和使用discuz的笔记。


Discuz手机触屏版的图片尺寸显示修改。

      可能是出于节省流量的考虑,DZ手机触屏版把图片搞得非常小。首先在上传的时候,生成一张手机版缩略图,这个图的尺寸很小,就算在模板上放大尺寸,也会变模糊。然后在手机模板上,图片的高和宽设置得非常小,140像素这样,也就是电脑版游客看小图的那么小一丁点。
这些都是可以调整的,因为服务器上有原图。调整方法:格东站长网
1、后台设置,后台--全局--上传设置--基本设置,是否生成手机版缩略图,选否
2、触屏版图片尺寸设置,打开\template\default\touch\forum\discuzcode.htm文件,找

$fix = count($post[imagelist]) == 1 ? 140 : 83;
复制代码
改为
$fix = count($post[imagelist]) == 1 ? 650 : 800;
复制代码
也就是把140的小图改为宽650高800这样,差不多是最大屏幕的手机的实际尺寸。这里建议电脑版的图片上传时就设置最大宽度不超过700,不然加载速度会很慢。
然后再找
$mobilethumburl = $attach['attachimg'] && $_G['setting']['showimages'] && (!$attach['price'] || $attach['payed']) && ($_G['group']['allowgetimage'] || $_G['uid'] == $attach['uid']) ? getforumimg($attach['aid'], 0, 140, 140, 'fixnone') : '' ;

复制代码
改为
$mobilethumburl = $attach['attachimg'] && $_G['setting']['showimages'] && (!$attach['price'] || $attach['payed']) && ($_G['group']['allowgetimage'] || $_G['uid'] == $attach['uid']) ? getforumimg($attach['aid'], 0, 650, 800, 'fixnone') : '' ;
复制代码
3、CSS设置,打开\static\image\mobile\style.css,找

.plc .pi .message img,.plc .pi .img_one img { margin:0px 4px 0px 0; max-width:140px; max-height:140px; }
复制代码
改为

.plc .pi .message img,.plc .pi .img_one img {max-width:98%; display:block;vertical-align: middle;margin-bottom:4px;}
复制代码
看到没有,CSS也限制了高和宽,改为按屏幕尺寸的百分比来显示。为了不撑破,别搞100%了,98%就足够了。


更新模板缓存,触屏版的图片就正常了。


 楼主| 黄埔会 发表于 2016-9-28 09:56:04 | 显示全部楼层
二、一个漂亮的二级导航代码

使用安装:

后台—运营—站点广告—全局页头二级导航栏广告


代码如下:



本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有账号?立即注册

x
回复

使用道具 举报

 楼主| 黄埔会 发表于 2016-9-28 09:57:39 | 显示全部楼层
本帖最后由 黄埔会 于 2016-9-28 10:02 编辑



二、一个漂亮的二级导航代码

使用安装:

后台—运营—站点广告—全局页头二级导航栏广告

代码如下:
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http:///TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
  5. <title>无标题文档</title>
  6. <style type="text/css">
  7. <!--
  8. .comiis_nav {
  9. BACKGROUND: #f7f9fb url(comiis_bato/comiis_navbg.jpg) repeat-x;
  10. border: 1px solid #E2EAF1;
  11. border-top: 0px solid #E2EAF1;
  12. HEIGHT: 57px;
  13. width: 947px;
  14. overflow: hidden;
  15. padding-left: 10px;
  16. background: #F7F9FB url(http://www.aiqingxuanyan.com) repeat-x;
  17. }
  18. .nav_ico01 {
  19. BACKGROUND: url(http://bbs.171633.com/data/attachment/forum/201305/26/211340bxl392lyy3iuy7e7.jpg.thumb.jpg) no-repeat;
  20. background: url(http://bbs.171633.com/data/attachment/forum/201305/26/211340bxl392lyy3iuy7e7.jpg.thumb.jpg) no-repeat;
  21. }
  22. .nav_ico02 {
  23. BACKGROUND: url(http://bbs.171633.com/data/attachment/forum/201305/26/211344blq330lr0b00flf5.jpg.thumb.jpg) no-repeat;
  24. background: url(http://bbs.171633.com/data/attachment/forum/201305/26/211344blq330lr0b00flf5.jpg.thumb.jpg) no-repeat;
  25. }
  26. .nav_ico03 {
  27. BACKGROUND: url(http://bbs.171633.com/data/attachment/forum/201305/26/211347yv1xgdrgpriy0ppg.jpg.thumb.jpg) no-repeat;
  28. background: url(http://bbs.171633.com/data/attachment/forum/201305/26/211347yv1xgdrgpriy0ppg.jpg.thumb.jpg) no-repeat;
  29. }
  30. .nav_ico04 {
  31. BACKGROUND: url(http://bbs.171633.com/data/attachment/forum/201305/26/211351ulcbyb0bp2yyzm05.jpg.thumb.jpg) no-repeat;
  32. background: url(http://bbs.171633.com/data/attachment/forum/201305/26/211351ulcbyb0bp2yyzm05.jpg.thumb.jpg) no-repeat;
  33. }
  34. * {
  35. word-wrap: break-word;
  36. }
  37. div {
  38. display: block;
  39. }
  40. body, input, button, select, textarea {
  41. font: 12px/1.5 Tahoma,'Microsoft Yahei','Simsun';
  42. color: #444;
  43. }
  44. .comiis_nav dt {
  45. WIDTH: 207px;
  46. HEIGHT: 50px;
  47. FLOAT: left;
  48. overflow: hidden;
  49. padding-left: 48px;
  50. padding-top: 6px;
  51. }
  52. dt {
  53. display: block;
  54. }
  55. element.style {
  56. width: 130px;
  57. }
  58. .comiis_nav dt li {
  59. LINE-HEIGHT: 22px;
  60. WIDTH: 65px;
  61. FLOAT: left;
  62. HEIGHT: 22px;
  63. overflow: hidden;
  64. }
  65. ul, li {
  66. list-style: none;
  67. }
  68. body, ul, ol, li, dl, dd, p, h1, h2, h3, h4, h5, h6, form, fieldset, .pr, .pc {
  69. margin: 0;
  70. padding: 0;
  71. }
  72. li {
  73. display: list-item;
  74. text-align: -webkit-match-parent;
  75. }


  76. -->
  77. </style>

  78. </head>

  79. <body>


  80. <div class="comiis_nav">
  81. <DT class=nav_ico01>
  82. <LI><A  target=_blank>招聘信息</A> </LI>
  83. <LI><A  target=_blank>程序发布</A> </LI>
  84. <LI><A  target=_blank>插件Hack</A> </LI>
  85. <LI><A  target=_blank>安装使用</A> </LI>
  86. <LI><A  target=_blank>模板风格</A> </LI>
  87. <LI><A  target=_blank>材料之家</A> </LI></DT>
  88. <DT class=nav_ico02>
  89. <LI><A  target=_blank>网站交易</A> </LI>
  90. <LI><A  target=_blank>域名买卖</A> </LI>
  91. <LI><A  target=_blank>软件下载</A> </LI>
  92. <LI><A  target=_blank>社区中介</A> </LI>
  93. <LI><A  target=_blank>PS交流</A> </LI>
  94. <LI><A  target=_blank>联盟信息</A> </LI></DT>
  95. <DT class=nav_ico03>
  96. <LI><A  target=_blank>精美贴图</A> </LI>
  97. <LI><A  target=_blank>新闻视频 </A> </LI>
  98. <LI><A  target=_blank>时尚生活</A> </LI>
  99. <LI><A  target=_blank>娱乐八卦</A> </LI>
  100. <LI><A  target=_blank>技术交流</A> </LI>
  101. <LI><A  target=_blank>网站建立</SPAN></A></li>
  102. </dt>
  103. <dt class="nav_ico04" style="width:130px;">
  104. <LI><A  target=_blank>论坛站务</A> </LI>
  105. <LI><A  target=_blank>投诉维权</A> </LI>
  106. <LI><A  target=_blank>疑难求助</A> </LI>
  107. <LI><A target=_blank>交换链接</font></a></li>
  108. </dt>
  109. </div>
  110. </body>
  111. </html> </P>
复制代码



本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有账号?立即注册

x
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

手机版|小黑屋|Discuz! 官方站 ( 皖ICP备16010102号 )star

GMT+8, 2024-11-24 09:07 , Processed in 0.031375 second(s), 5 queries , Gzip On, Redis On.

Powered by Discuz! X3.4

Copyright © 2001-2023, Tencent Cloud.

快速回复 返回顶部 返回列表