勿忘婷日志 - 善良懒女孩作图小屋 - 非常折磨视觉设计网

超可爱手绘素材

2008-08-30 23:47:58

非常可爱的手绘素材，转自嘉嘉的论坛

如何去掉超级链接的下划线

2008-01-15 11:20:43

呵呵，刚刚弄懂了一个小问题，就是如何去掉超级链接的下划线。
　　下面将举三个实例来说明如何控制超链接的下划线。用记事本打开网页源代码(也可以先用IE打开网页，然后点击IE菜单栏的“查看→源文件，找到以下代码：
<html>
<head>
<title>工作</title>
</head>
<body>
……
</body>
</html>

找到<head>和</head>这两句了吗？样式表语句就加在它们中间。如下：

<html>
<head>
<style>a{TEXT-DECORATION:none}</style>
</head>
<body>

仅仅加入<style>a{TEXT-DECORATION:none}</style>这一句就去掉超链接下划线了，这是个最简单的例子，你试着这样做就会成功的。

二、上面的例子只是告诉你如何一次性去掉超链接下划线，如果你的网页当中有的超链接需要下划线，有的不需要，该怎么办呢？首先你要构思好，你的网页中的超链接大部分是有下划线的，还是没下划线的？

·如果大部分超链接不要下划线，就可以加入<style>a{TEXT-DECORATION:none}</style>这一句，然后在少数要下划线的超链接里加上后面这句：<a href=****><u>文字</a>，它就有下划线了。

·如果大部分超链接都要下划线，就可以不要加入前面提到的这句。把它改为：<style>.n{TEXT-DECORATION:none}</style>，注意：n前面有个点，它表示类选择符，然后在网页的超链接当中可以多次引用，就可单独去掉个别超链接了，例如：

<a class=n href=http://www.gcyyl.51.net>工作</a>
<a class=n href=http://www.gcyyl.51.net>那年，在大山脚下</a>

三、如何让超链接去掉下划线，鼠标停留在上面时有下划线？

可以改为这句：<style>a{TEXT-DECORATION:none}a:hover{TEXT-DECORATION:underline}</style>
说明，a表示超链接，a:hover在样式表里属于伪类，表示鼠标悬停时候的状态。

查看(13) 评论(0) 收藏分享管理

ps自制浪漫圣诞树

2007-12-09 17:31:10

本教程主要应用新建调整图层结合海洋波纹滤镜的运用，调出圣诞气氛色调。
原图

效果图 1

效果图 2

1、找天空素材置于背景上，用魔棒选取背景白色部分，然后按Ctrl+shift+i反选，并在天空层进行蒙板。

2、点击图层－新建调整图层－通道混合器，如图设置，得灰度图像，并按Ctrl+Shift+Alt+E盖印图层，得到图层4。

3、点击图层－新建调整图层－曲线，进行调整图层，如图效果：

4、盖印图层，并进行滤镜－锐化－USM锐化2遍，得到比较清晰图像。

5、对当前图层进行色彩平衡，点击图层－新建调整图层－色彩平衡，中间调和阴影，大致色彩就出来了，以后部分是细节的调整，大家可以自由发挥。

6、进行亮度/对比度并进行蒙板，范围如图的蚂蚁线部分，之后进行色彩平衡，并使之为剪切蒙板（在色彩平衡层和亮度对比度之间按下ALT键）

7、把天空素材复制至如图位置进行色彩平衡。

8、进行曲线调整和可选颜色的调整。

9、对蒙板内进行色相/饱和度和亮度对比度的调节。

10、复制地面，做滤镜－扭曲－海洋波纹，修复地面，最后再适量的USM锐化，加框完成。

查看(144) 评论(2) 收藏分享管理

教程备注:
（1）：本教程适合有一定网站或photoshop使用基础人士观看。
（2）：由于网站设计比较复杂，我们已经尽量缩短教程时长和大小，以方便各位网友观看。
（3）：如果您对本教程有意见，请直接联系ljidc@sina.com.cn
（4）：如果您有任何不理解本教程之处，请联系：ljidc@sina.com.cn
（5）：如果您对本教程观看细则有任何意见，请直接联系Ljidc@sina.com.cn 谢谢合作！

·[第一节课]：门户型网站框架与配色
　[要点]：
　一:关于门户网站框架.
　二:关于门户网站配色.
　三:关于门户型网站(林都网)的框架设计.
　四:关于门户型网站(林都网)的配色.

·[第二节课]:绘制框架与配色方法
　[要点]：
　一:网站框架草图绘制.
　二:网站配色的想法.

·[第三节课]:林都网背景美化方法
　[要点]：
　一:介绍三种常用的背景的美化方法和技巧.
　二:实际操作部分,将用Photoshop 8.0cs讲解背景美化方法.

·[第四节课]:林都网前景美化
　主要介绍Photoshop矩形工具,与平滑,和效果内阴影的使用.

·[第五节课]:绘制头部按钮的底部
　介绍”钢笔尖工具”的使用,以及渐变的使用.

·[第六节课]:林都网圆型按钮美化
　介绍:圆型工具,三色渐变,倒影效果,镶嵌效果.

·[第七节课]:站标美化
　介绍：站标美化

·[第八节课]:个性字体设计
　一：介绍：主要讲解尾巴字制作方法

·[第九节课]：头部进一步美化
　一：介绍：
　1:美化圆形按钮，增加镶嵌效果，美化PNG图片。
　2:美化个性字体“林都网”
　3:增加”伊春网”小LOGO
　4:美化林都网，网址
　5:增加LOGO倒影效果.
　6:增加头部图案.

·[第十节课]：网站导航美化
　渐变+高光的美化方式，主要是利用渐变来美化导航。
　[要点]利用矩形工具绘制导航框架。

·[第十一节课]：网站美化与内容模拟
　在绘制网站的时候，模拟已经制作完毕的网站上面显示的一些信息。

·[第十二节课]：搜索设计-内容模拟-搜索设计
　[要点]设计搜索，主要应用的效果是：渐变叠加，高光等。内容模拟：模拟，搜索名，表单，选框，还需要设计一个搜索按钮。

查看(20) 评论(1) 收藏分享管理