网络城邦▼
上一篇 回创作行表 下一篇   字体:
善哉!好用!!想试?请!!! 浏览1258丨回应0丨推荐12
2006/05/27 02:47:04

网志文章「文字连接 hover 遇鼠色变」在 content 设置的方法
引用文章【 网志风格CSS结构图解

这篇文章的目的是讲:上一行的「链结」和下一行的,鼠标 hover 效果不同!
          怎么作?怎样「一劳永逸」在「网志设置」里作出来?
引用文章【 网志风格CSS结构图解
讲的是整体结构,关于 content 是以主页为例,因此没提到文章区块:

文章标题浏览0丨回应0丨推荐0
year/mm/dd 00:00:00
登录才看得到的 管理 链结 → 新建更改删除文章管理

<span id="mainbody">
城邦「志士」创作文章或贴入或上传的属性
</span>

( 网志分类文章组合 )

1)网志「创作文章」区块的标题和「右上丨右下」设备细节
2)城邦「志士」在默认的 mainbody 中自定义 css 属性的区块名称
以上未知,能在主页玩设置,未必能在网志玩文章。

现在,咱「喜欢玩耍」的,先不管那些需要「处心积虑」做的事!
动手 ~~ 让鼠标碰到有链结的文字 ── 就可看到随之「色变」了。
嘿嘿! 【 网志风格CSS结构图解 】 和 ( 网志分类文章组合 ) 居然也不同!
因为:这两样东西的属性,是由不重名目的 css 管理的。


OK,本文尝试分享的心得是:
   新功能》网志风格大变身 + 网志主页自定义显示 ← 用在 content 里面!
   使咱所用 mainbody 区块可因有这「自定义显示」而发生上行的小小作用。


方法:做右图所示第 3 项任务

也就是在右图所示白色区域内,
把必要的设置「贴进去」就好。


必须特别指出

链引在此
所见右图

尚未征询同意
属于不法取用

如果图片消失;请点击图块位置,可到出处去看。
欲知详情如何,也请造访出处──以便深入了解。


那么,「必要的设置」是什么?又须「贴」在哪儿呢?
其实,很容易:「必要的设置」就是下行框内的那三行红字罢了!
/* -----------------【属性区】(如需更改浮动定位应与直式导览行区块配合)--------------------- */

/* 属性区块 */
#content {
float: left; /* 靠左浮动定位 */
}
/* 20060526 自加:网志内文链结变色 */
#content .user a:link {color: #274D74; /* 连接文字的新色 */}
#content .user a:hover {color: #4180C0; /* 鼠标碰到的变色 */}
#content .user a:visited {color: #274D74; /* 按过访后的颜色 */}

/* 利用 <span class="user">整篇文章</span> 在原始档追补这设置*/
/* 贴文《改用纯文字版编辑》就是用上一行「包夹全文」即可 */
/* 若用 <div class="user">文章</div> 会使文字变小。 */



/* 对比色大标题 */
#content .main-topic {
贴用,也简单 ── 先参考【 新功能》网志主页自定义显示 】看明白── 然后:
进入「网志设置」在「编辑自定义样式」有连串符号和帮助的区块里,
找到 /* 属性区块 */ 这段落,在 #content {} 下方,把那三行
贴在 /* 对比色大标题 */ 这一行上面就行了。

建议:把上行「蓝 & 红」共七行,都贴进去。
原因:一旦忘记贴了什么进去,或需视图用途,可以看到记录和帮助。
提醒:
1)贴新文章前:
  先按 <>用《切换HTML原始码》贴入以下卷标:
  <span class="user"><P>整篇文章贴此</P></span>
(首尾间整行贴入后,毋需存成草稿;迳回《改用HTML版编辑》写作,无妨。)
  或用《改用纯文字版编辑》贴入以上卷标
(首尾间整行贴入后,宜先存成草稿,再回《改用HTML版编辑》写作,无妨。)

2)贴新文章时:
  把整篇文章放在其间,文章中的「文字连接」就会遇鼠色变了。
(只贴红卷标在「做成连接的文字」前后也行,那可能一篇文章里要贴很多次。)
  (而且,那几个「做成连接的文字」若已在 div 卷标里,这么作,仍不会变色。)
  偷懒法:进入原始档或纯文字编辑器,只在文章的最前端贴
      首卷标 <span class="user"> 就好,不贴尾卷标。

3)也可以用 <div> </div> 包夹文章,但其间文字会变小。
(就像以上有写 #content .user 设置的那个框,文字明显小些;这行也是。)
  这,是和「遇鼠色变」不相关的 CSS 现象。
<div>就像这行,写在 DIV 卷标里面的文字,级数明显变小。</div>
  只要填上 style="FONT-SIZE: 1em" 属性就「恢复」了,像这行。

4)只要一句 ↓ 就OK!以上都不必看!!
  <a class="main-text" href="url">文字连接</a>
  内文「文字连接」效果和「文章分类」一样,如下!


善哉!好用!!想试?请!!!
( 网络信息网页设计 )
回应 推荐文章 转寄 打印 添加我的文摘
上一篇 回创作行表 下一篇  

引用
引用网址:http://blog.udn.com/article/trackback.jsp?uid=jannwu&aid=288190