Skip to content

紫禁城

子衿的居宫

Archive

Category: CSS

CodeBox当代码过长时底部会出现一个水平滚动条,可这样导致高度计算错误,垂直方向也出现了一个滚动条,这本也不是什么大不了的事。
关键就在于如果只有一行代码,那这行代码就看不到了(不信你可以试试,长度只要超过页面宽度就行)

同样,设计网页时也可能会出现这种情况(IE内核)

解决方法:
1.进入后台,编辑插件,(Plugins – Editor)
(也可以用ftp软件编辑、下载下来编辑好再上传、通过WebShell编辑等)
2.打开codebox.css文件
3.找到

1
2
3
4
/* codebox */
.wp_codebox  {
……
}

4.将

1
overflow: auto;

修改成:

1
2
3
overflow-x: auto;
overflow-y: hidden;
padding-bottom: expression(this.scrollWidth > this.offsetWidth ? 15 : 0);

5.保存修改

搞定,刷新页面可看到变化。
注意:笔者写这篇文章时,WP-CodeBox最新版本为1.4.3

#left { float:left; width:200px; }
#right { float:right; width:200px;}
#middle { margin:0 205px !important; margin:0 202px; height:500px; background:#ffa;}

  <div id=”Content”>
    <div id=”left”>固定的left</div>
    <div id=”right”>固定的right</div>
    <div id=”middle”>左右width固定,中间自适应</div>
  </div>

即可实现中间width=100% – 左右~~~

如何更改带有超链接的文字显示的颜色?

如何使鼠标移动到该文字显示另一种颜色?

如何更换链接被点击后文字的颜色?

可以定义a的style:

text-decoration; 下划线

color;字体颜色

font-size;字体大小 

background-colorl字体的背景颜色

a: link 设置 a 对象在未被访问前的样式。
a: hover 设置对象在其鼠标悬停时的样式。
a: active 设置对象在被用户激活(在鼠标点击与释放之间发生的事件)时的样式
a: visited 设置 a 对象在其链接地址已被访问过时的样式

例如:

<style>
a:link {color: #FF0000}    /* 未被访问的链接 */
a:visited {color: #00FF00}  /* 已被访问的链接 */
a:hover {color: #FF00FF}    /* 当有鼠标悬停在链接上 */
a:active {color: #0000FF}  /* 被选择的链接 */
</style>

(必须依照以上顺序)

若只想改变一个div容器里style

可以这样:

#divID a:link {color: #FF0000}

Stats by WP SlimStat