账号通
    

账号  

密码  

4046

查看

6

回复
主题:[求助]请问如何取消文章里的图片不随鼠标滚动而变大缩小? [收藏主题] 转到:  
leeny 当前离线

96

主题

0

广播

0

粉丝
添加关注
级别:学前班

用户积分:1496 分
登录次数:137 次
注册时间:2007/10/21
最后登录:2010/5/26
leeny 发表于:2008/10/12 22:23:00   | 只看该作者 查看该作者主题 楼主 
科汛在线网校系统

请问如何取消文章里的图片不随鼠标滚动而变大缩小?

 

    在发布一篇文章时,如果文章中有相关配图,鼠标在图片上,当鼠标中键滚动时,图片会随滚动而变大缩小,请问如何取消这功能呢? 我想图片固定大小不变。

 

 

=====================================

 

新问题:

   1、我直接去掉【文章系统】内的【内容页.html】的那段【JS代码】。  图片不会改变大小。 (请问:能去掉图片的地址连接吗?即点图片无连接)

 

   2、文章内的字体大小 不能通过【class="ArticleContent"】这段CSS 定义 字体大小   

(发现是因为css里 定义了 *{font-size:12px; margin:0px; padding:0px;},若去掉font-size:12px;文章内的字体定义正确,但默认字体的大小就不是12px了

 

             请问:如何不改变默认字体大小12px   又能自定义【class="ArticleContent"】文章内字体大小呢 ??


==================================

 
  支持(0) | 反对(0) 回到顶部顶端 回到底部底部
孤风大虾 当前离线

1700

主题

7

广播

118

粉丝
添加关注
级别:高一年

用户积分:10218 分
登录次数:451 次
注册时间:2006/3/28
最后登录:2022/3/10
孤风大虾 发表于:2008/10/13 1:49:00   | 只看该作者 查看该作者主题 沙发 

http://www.kexuncms.cn/kesioncms/mobanzhizuo_476_6250.html

 

CSS书写的一些注意部分。的教程。

 

将 * 里的字号大小控制删除,放到body里面去即可。

 

CSS演示,http://www.kexuncms.cn/image/css.css 你自己下载来看看我是怎么写的好吧。具体不说了。

 
  支持(0) | 反对(0) 回到顶部顶端 回到底部底部
leeny 当前离线

96

主题

0

广播

0

粉丝
添加关注
级别:学前班

用户积分:1496 分
登录次数:137 次
注册时间:2007/10/21
最后登录:2010/5/26
leeny 发表于:2008/10/13 0:31:00   | 只看该作者 查看该作者主题 藤椅 
科汛在线商城系统(NET)

css路径:www.xxxx.com\Images\style.css

 

 

.ArticleContent{color:#555; padding-top:8px; line-height:26px; font-size:20px;}

 

 

找了的 ,我设置的是font-size:20px; 但是字体大小显示的还是 12PX

 

 

============路径错了?============

 
  支持(0) | 反对(0) 回到顶部顶端 回到底部底部
终端传媒 当前离线

4

主题

0

广播

0

粉丝
添加关注
级别:学前班

用户积分:310 分
登录次数:10 次
注册时间:2007/12/11
最后登录:2010/1/20
终端传媒 发表于:2008/10/13 0:24:00   | 只看该作者 查看该作者主题 板凳 
科汛智能建站系统
ArticleContent  在css找到这个
 
  支持(0) | 反对(0) 回到顶部顶端 回到底部底部
leeny 当前离线

96

主题

0

广播

0

粉丝
添加关注
级别:学前班

用户积分:1496 分
登录次数:137 次
注册时间:2007/10/21
最后登录:2010/5/26
leeny 发表于:2008/10/13 0:07:00   | 只看该作者 查看该作者主题 报纸 

 

 

新问题:

   1、我直接去掉【文章系统】内的【内容页.html】的那段【JS代码】。  图片不会改变大小。 (请问:能去掉图片的地址连接吗?即点图片无连接)

 

   2、文章内的字体大小 不能通过【class="ArticleContent"】这段CSS 定义 字体大小   

(发现是因为css里 定义了 *{font-size:12px; margin:0px; padding:0px;},若去掉font-size:12px;文章内的字体定义正确,但默认字体的大小就不是12px了

 

             请问:如何不改变默认字体大小12px   又能自定义【class="ArticleContent"】文章内字体大小呢 ??

 
  支持(0) | 反对(0) 回到顶部顶端 回到底部底部
leeny 当前离线

96

主题

0

广播

0

粉丝
添加关注
级别:学前班

用户积分:1496 分
登录次数:137 次
注册时间:2007/10/21
最后登录:2010/5/26
leeny 发表于:2008/10/12 23:24:00   | 只看该作者 查看该作者主题 地板 
谢谢   【孤风大虾】   我先去试验下·················
 
  支持(0) | 反对(0) 回到顶部顶端 回到底部底部
孤风大虾 当前离线

1700

主题

7

广播

118

粉丝
添加关注
级别:高一年

用户积分:10218 分
登录次数:451 次
注册时间:2006/3/28
最后登录:2022/3/10
孤风大虾 发表于:2008/10/12 22:33:00   | 只看该作者 查看该作者主题 7楼 

去掉内容页模板中

 

=================

 

<SCRIPT language=JavaScript type=text/JavaScript>
//改变图片大小
function resizepic(o)
{
var maxwidth=550;   //定义最大宽度
var maxheight=800;  //定义最大高度
var a=new Image();
a.src=o.src
if(a.width > maxwidth)
{
  o.style.width=maxwidth;
}
if (a.height> maxheight)
{
  o.style.height=maxheight;
 }
}
//无级缩放图片大小
function bbimg(o)
{
  var zoom=parseInt(o.style.zoom, 10)||100;
  zoom+=event.wheelDelta/12;
  if (zoom>0) o.style.zoom=zoom+'%';
  return false;
}
</SCRIPT>

 

==========================

 

这段JS代码。用CSS控制图片大小。

 

附:控制复杂的“文章内容”要用到哪些CSS?

 

很多新手在文章内容页面内容的文字大小啊布局啊什么的,都搞不清楚,老是出错,而且如果样式用得不好,会导致后期维护相当麻烦,因此本人写了一段CSS供大家参考。

#article_nr { font-size:14px; line-height:200%; color:#222;text-indent:2em; width:540px; overflow:hidden;}

/* 解释,字体大小14px。现在流行。行高200%,也可以180%。建议采用百分比。文字颜色,深黑色。每段前面空两个字符,省掉每次书写内容都必须敲N次回车的麻烦。宽度540px,根据自己的需要调整。超出宽度隐藏。避免网页被撑开导致难看。 */

 #article_nr p { padding:5px 0;}

/* 解释:每段之间隔开10px,这样显示文章内容更加清晰明了,不必一段一段粘在一起。 */

 #article_nr img {width: expression(this.width > 510 ? 510: true); max-width: 510px;}
 

/* 解释,图片最宽不超过510像素。这段CSS在IE6.0以及火狐等各个浏览器都适用。注意的是,写了这一段,那么你的样式表就通过不了W3C验证了。因为EXPR是不符合标准的。是为IE特别书写的。后面的max-width才是针对火狐等各个浏览器写的。 */

#article_nr a:link,#article_nr a:visited,#article_nr a:active{color:#f60; font-size:14px;test:expression(target="_blank");}
#article_nr a:hover{color:#50AC23;font-size:14px;test:expression(target="_blank");} 
 

/*  文章中出现链接的链接样式 ,这样写的好处是不必在文章中的链接处特别控制,非常方便。由于科讯默认的文章链接是在本页打开,这点往往不方便。而每次切换到源码里面去加新窗口代码也非常麻烦。因此添加了EXPR控制新窗口打开。需要注意的是,这点只对IE有效,对火狐等浏览器无效。同样,使用了这个就无法通过W3C认证。 */

#article_nr h1,#article_nr h2,#article_nr h3,#article_nr h4,#article_nr h5 { color:red;}

/*  文章中出现H1等标签的时候标签内容显示为红色。这个是用来做文章的小标题的。一段很长的文章中使用小标题往往会给文章带来很好的视觉效果,如果愿意也可以在这里控制H1等的大小。另外需要说明的是,H1等标签标出文章中重要的小标题,会对搜索引擎带来很好的效果。另外,一般文章中使用H2-H4之间的H来控制。H1是最高级别。一般2-4即可。 */
 

其他希望各位补充。

#article_nr为我为文章内容设置的div的ID。

写法< div id="article_nr">文章内容标签< /div>

你可以更换成你习惯的名字是没关系的。

本文转自 科讯cms非官方教程资料站 原文地址:http://www.kexuncms.cn/kesioncms/mobanzhizuo_476_6192.html

 

 
  支持(0) | 反对(0) 回到顶部顶端 回到底部底部
<上一主题 | 下一主题 >
Powered By KesionCMS Version X1
厦门科汛软件有限公司 © 2006-2016 页面执行0.14063秒 powered by KesionCMS 9.0