1.谁可以教我弄一下网易的学院博客啊?
2.如何能将百度空间弄得人见人爱?
3.å
¬å¸ç½ç«å¦ä½å¶ä½ï¼
4.å¦ä½å»ºä¸ªäººç½ç«ï¼
谁可以教我弄一下网易的博客啊?
博客状态栏特效代码大全:/u/beb
博客特效代码大全:/u/beb
博客文字特效代码大全:/u/beb
博客导航链接特效大全:/u/beb
博客鼠标特效代码大全:/u/bebz
博客分割线大全:/u/bebem
博客写字板素材大全:/u/bebel
新浪博客背景代码大全:/u/bebej
新浪博客素材鼠标指针大全:/u/bebei
博客flash特效以及地址大全:/u/bebeg
博客flash挂件素材大全:/u/bebeh
QQ空间代码│非主流:/u/bebbq
博客更改文章列表处的文字颜色代码:/u/bebbr
博客更换留言处的代码:/u/bebbs
博客免费网络书签登陆入口:/u/beb
博客精巧实用IP地址查询代码:/u/beb
迎接奥运会到计时免费代码:/u/beb
博客免费论坛登陆口代码:/u/beb
博客在线天气预报免费代码:/u/beb
博客六种天气预报代码:/u/beba
博客算卦的小东西:/u/beb
关于在您主页怎样加入别人主页的链接:/u/bebb
博客滚动的文本框代码:/u/bebc
博客QQ及时通话:/u/bebe
状态栏文字从右往左移动:/u/bebm
博客电脑算命代码:/u/bebo
纯真网络显示IP地址代码:/u/bebn
上下滚动的代码:/u/bebp
博客滚动公告的代码:/u/bebq
左右飘动的代码:/u/bebr
博客不停滚动文字的代码:/u/bebv
博客文字特殊效果代码:/u/bebz
上飘动的文字代码:/u/bebw
在上写文章的代码:/u/bebx
博客竖排显示文字代码:/u/beby
关于在旁边写文章的代码:/u/beb
两种状态栏上的文字代码:/u/beb
博客天气预报代码:/u/beb
在博客加入你自己的视频:/u/beb
涂鸦留言板的代码:/u/beb
国外的一款涂鸦板代码:/u/beb
博客绝对定位代码:/u/beb
博客停留时间代码:/u/beb
右上角翻页效果代码:/u/beb
首页模板全部透明的代码:/u/bebr
QQ星座Flash代码:/u/beba
个性公告栏代码:/u/bebb
图文友情链接的美丽效果:/u/bebc
两款幻灯片的代码:/u/bebh
自定义导航栏源代码:/u/bebg
滚动文字的友情链接代码:/u/bebf
一款漂亮的链接栏代码:/u/bebe
博客自动跳转到另外一个页面:/u/beb
博客荧光棒鼠标指针:/u/beb
博客加高首页横幅的代码:/u/beb
几款QQ空间开场flash地址及代码:/u/beb
博客鼠标指针后飘动的文字:/u/beb
模糊文字的特效:/u/bebx
博客链接变色的代码:/u/bebw
博客触到链接是出现虚线的代码:/u/bebv
博客从底部弹出的小窗口代码:/u/bebu
博客阅读式公告栏代码:/u/bebt
博客探照灯效果:/u/bebs
如何能将百度空间弄得人见人爱?
本文为Monyer原创,转载请声明作者!源码否则将视为抄袭
本文主作者:Monyer 辅作者:s 、学院 ganq 1月日更新
Monyer:这不是源码一篇高深的文章,也不是学院长篇大论,css能手请略过本文。源码在线会员管理 源码
最近monyer访问某些朋友空间总感觉很不适应,学院感觉某些地方似乎有什么毛病,源码但又说不好。学院于是源码打开他们的css源代码来看,还真发现了些问题,学院这里简单共享一下,源码希望有此毛病的学院朋友能够稍微借鉴一下!
一、源码css代码的学院次序不对
或许在你的印象中,css是无序的,可以随意掺插,其实这种想法是错误的。如果你的css代码含有多个相同的属性,但每一个属性都有不同的值,那么浏览器会选择哪个呢?譬如:
body{ background-color:red}
body{ background-color:blue}
body{ background-color:green}
body{ background-color:white}
body{ background-color:black}
这段代码如果你测试后,你会知道你页面的最终的背景颜色会是黑色。当然没有人会傻到对一个标签给两个样式属性的,但是凯雷德源码
a:visited{ color:#fff}
a:hover{ color:#}
你一定是常用的,而且你也一定知道visited指的是访问过的链接的颜色,hover是当鼠标放在链接上的颜色。但是你在编写css有没有留意一定要让每个标签链接属性的visited写在hover的前面呢?其原理是一样的,如果你写在后面,它的颜色就会把hover的颜色覆盖掉,那样的话当你鼠标不管是否放在链接上,链接的颜色都是访问过的颜色而不会改变。事实上他们的顺序为
a:link {
color: #;
}
a:visited {
color: #;
}
a:hover {
color: #;
}
a:active {
color: #;
}
二、色彩搭配失误
Monyer告诉你的第二点就是:如果你的空间背景为黑色,那么你的空间就不应该有黑色或是灰色之类的文字出现;如果你空间为红色,就不应该有红色或是粉色文字出现......否则你的空间虽然漂亮,但是你别想让别人看到字,那么你的空间还有什么吸引力可言呢?
另外一个问题就是大部分人的空间背景颜色太重了,这样当别人看起来会感觉眼睛很难受,其实下面这些颜色都是可以让人感到心情愉悦的
上面为Monyer为你总结背景颜色,下面为s为你总结的文字颜色
Main
颜色列表
#cc
#ff
#
#
#
#
#
#
#
#
#
#cc
#
#
Balance
颜色列表
#ccffcc
#cccc
#
#cccc
#ffff
#ffffcc
#ffcc
#cc
#cc
#ffcccc
#ffccff
#cc
#cc
#ffcc
#
#cccc
#ccffff
#cc
#ccccff
#cccccc
#cc
#
ganq的古典型色彩
你会发现文字颜色应该是那种比较重的颜色,而背景颜色是那种比较轻的颜色,这样搭配起来,会有一个很好的对比度,别人看起来会感到很舒服。你不认为这样和谐的布局就像维也纳殿堂里优美的画卷,而不是街头的顺手涂鸦么?
好的颜色搭配会使更多的人喜欢上你的空间,这点毋庸质疑!绝杀主图源码Monyer不好说自己这个空间颜色搭配好不好,不过我知道目前百度空间中默默使用我模版的空间不下个,而这其中甚至没有一丁点的宣传,Monyer亦没有通过共享模版共享过(但是我曾对代码开源过)。
这并不说明我怎么样,而是说明好的颜色搭配会是人赏心悦目!
三、不要在空间大面积放一闪一闪的
这点应该是网页设计师都忌讳的问题。
闪意味着吸引人的注意力,所以合理的在页面放在一个或几个“闪”,会使用户迅速注意到你希望他们注意的地方。
但如果你的页面全部是“闪”,那么用户就会连他原有的注意力都分散掉,最终可能他连你页面的文章标题是什么都没有看就匆匆退出了——过多的“闪”会令人达到难以忍受的地步!
所以这里Monyer提示您:不要把百度博客搞得跟qq空间似的大闪特闪。
四、合理搭配背景与透明的关系
很多空间都把版块设为透明,这样别人就能看到他的赏心悦目的背景。
这里Monyer给大家讲一个故事,这个故事是我们老师曾经讲过的一位外国雕塑师的,不过我忘记是谁了:故事中的那位雕塑师做了一位思想家的塑像,几乎是perfect,所有观赏的github源码离线修改人都不由得赞叹,雕像的神情啊等等。但是当雕塑师问“你们认为这座雕像最好的地方是什么地方?”,大家不约而同地说手雕的好,连皱纹和血管都能看见。于是雕塑师笑了笑,回屋里拿把斧子,一下子把雕像的手剁掉了。他说“我本想让你们看的是这个思想家的精神,但你们只看见了手,既然手夺去了你们的目光,那么这就是它的最大的缺陷”。
Monyer想问大家一句——你让别人看的是你的漂亮背景呢?还是你辛辛苦苦写的精彩文章呢?如果你的漂亮背景夺去了众人的目光,使他们来不及去观赏你精彩的文章,那么你是否会忍痛割爱,把背景去掉呢?
大家看到Monyer目前的页面和公布的模版有点不一样,那个css显示出来比这个漂亮很多——原因是,那个css中的文字大小为px;我目前的文字大小为px;这个是在三英告诉我我页面的文字太小,看起来很费劲后,我进行改变的!因为我想让人看的是我的文字——我辛辛苦苦一字一字打出来的文字——每一个经过认真思考的文字,而不是我的页面布局。
大家因为没有做过网页设置,所有对网页所忌讳的车位摇号源码东西还不是十分了解。其实透明背景是完全可行的做法,但是是否会影响页面要看你选择的是什么背景。一、背景图不能大于k(按目前的网络网速);二、背景图主颜色不能超过三种,一旦你的背景图颜色过多,就是所谓的“花”,“花”由于有各种颜色,势必会有一部分与你的文字部分产生冲突,导致这部分文字看不见或看不清。这样也是用户对你的文章兴趣大大降低;三、背景图要柔和,并和页面上的其他颜色严重区分开,大家知道Monyer在浏览部分人空间怎么看他的文章么?——ctrl+a全选来看。因为我感觉文章很精彩,但是他空间的字体又的确无法看清,有时候只好舍去。
大家可以去看看曾经年少轻狂的日子的空间,颜色搭配就不错,有韩国网站韵味,但是她也犯了一条忌讳——导航条的背景有多k(其实应该保持在~k左右正常),所以偶尔访问她的空间会先黑一下,然后才会显示。不过好在她的页面也非常简洁,没有过多的零碎东西,使整个空间加载并没有受多大影响。
五、空间布局
一般的空间分为两栏或者三栏,我们称文章列表那栏为主栏,另外一栏或两栏为副栏。
这里先说一下所有人的习惯问题——由于长时间使用windows系统,我们养成的一个通病就是,一般我们习惯于把鼠标放在屏幕的右边,并且在右边的上半部。
所以文章只需要看不需要点,而我们希望用户点击的部分一般是副栏。如果你的副栏在右侧,这样用户点击就有一个最短距离问题。而如果你的副栏在左侧的话,这个距离显然会大大拉长。这是其一
其二,现在没有滚轮的鼠标应该快绝迹了吧!我不知道你在滚动屏幕的时候是拖动右侧的滚动条还是用滚轮,但是我知道大部分人还是用滚轮的。这样你在某些版块中加入scrolling显然很不合适,因为用户滚动滚轮时会滚动外部的滚动条(除非他把鼠标放在该模块里,但是你是博主,不要逼迫用户做他不想做的事),所以不管他喜不喜欢拖动,都得去拖动。而且如果该版块位于屏幕的右侧的话,则正好处于Monyer所说的鼠标经常活动范围内,用户在这部分空间最爱做的事是滚动滚轮,而你的这一创举会妨碍他继续“滚”下去(因为当滚到该版块时,要等该版块滚动完毕,才会接着去滚动全屏);如果是友情链接,你不采用滚动会给你的盟友带来很大的访问量,事物是互利的,他的访问量应该不会影响你的博客发展吧!
其三,如果你的版块中的链接过于密集,Monyer恳请您请一定要加上hover属性,这样有利于用户进行选择性点击
六、鼠标样式选择
为了使空间更加美观,大家都在用奇形怪状的鼠标样式。懂系统的人应该知道,其实并不是整个鼠标都是触点的,它的触点只在于一点。我们一般使用的系统鼠标图标时,触点都在最顶尖的那一点上。但是最近访问某些人空间时却发现他的空间里的鼠标图标的触点却不再它所显示的触点上,所以造成第二页面无法打开——除非你十分熟悉该样式的触点在哪里!
所以Monyer奉劝大家赶快选择那些触点明确的鼠标图标,你的访问量正在悄悄流失,你知道么?
七、Monyer认为需要用css美化的地方
第一个地方是播放器
其实我认为一定需要用css美化的地方有播放器,因为如果仅播放音乐,那块黑色的区域实在不是我们想要的,我们完全可以通过css属性把它去掉,下面简单给一下几种代码,方便大家使用!
我的播放器#phx{ FILTER: Alpha(Opacity=, FinishOpacity=, Style=2, StartX=, StartY=, FinishX=0, FinishY=0)gray(); WIDTH: px; HEIGHT: px}
透明灰:
#phx{ FILTER: Alpha(Opacity=, FinishOpacity=, Style=2, StartX=, StartY=, FinishX=0, FinishY=0)gray(); WIDTH: px; HEIGHT: px}
透明蓝:
#phx{ FILTER: Alpha(Opacity=, FinishOpacity=, Style=2, StartX=, StartY=, FinishX=0, FinishY=0); WIDTH: px; HEIGHT: px}
透明黑:
#phx{ FILTER: Alpha(Opacity=, FinishOpacity=, Style=2, StartX=, StartY=, FinishX=0, FinishY=0)xray; WIDTH: px; HEIGHT: px
透明棕:
#phx{ FILTER: Alpha(Opacity=, FinishOpacity=, Style=0, StartX=0, StartY=0, FinishX=0, FinishY=0) invert(); WIDTH:%; HEIGHT: px}
第二个需要美化的地方包括 ganq 帮我们想到文章行距、首行缩进 和我引申的文字间距
文章行距与首行缩进
用过word的朋友都知道,文章行高设置在1.5倍左右时,阅读起来是很舒适的。而百度默认的行高为1(即没有行距),并且没有提供设置文章行高的功能,遗憾的是发帖助手也没有提供这样的功能。我在这里提供两种设置文章行高的方法。
1.用发帖助手的[源代码]功能在,段落标号里加上行高参数,例如<p style="LINE-HEIGHT:1.5">,其中“1.5”代表行距为1.5倍。(这个有些麻烦,需要每次手动更改,但是好处就是有可定制性,建议你用第二条方法!)
2.在css代码的文章内容部分加上行高参数,例如#m_blog div.cnt p{ line-height:%;} /*文章内容行高为1.5倍*/ 。特别注意加在#m_blog div.cnt里是无效的。
上小学时,语文老师就教给我们,文章开头要空两格。这里提出两点注意。
1.建议使用全角空格两个“ ”,而不是普通空格“ ”。(提示:如果你用智能ABC,这个空格可以通过输入“v”得到,同样建议利用下面的第二种方法)
2.可用上述方法在css中批量加首行自动缩进两个全角空格,例如
#m_blog div.cnt p{ TEXT-INDENT:2em;}
文字间距
我们知道文字与文字之间如果挨得太近,我们看起来就会很累眼睛,合理地调整文字与文字之间的距离会使用户看起来更舒服。而这个css属性为“letter-spacing”,对于中国用户,最好的间距是“2.4pt”。但这里Monyer推荐为2.0即可,例如:#m_blog div.cnt{ letter-spacing:2.0pt;}
所以以上三个对文字的css美化可以总结为:
#m_blog div.cnt{ letter-spacing:2.0pt;}
#m_blog div.cnt p{ line-height:%;TEXT-INDENT:2em;}
好了就这些,Monyer这里仅仅假设你已经学会css并如果对博客进行架构与美化,通过更改css的排列次序、进行必要的色彩搭配、选择性放闪动、合理搭配背景与透明之间的关系、空间布局、鼠标图标的选择、必要的美化地方,来教会你如何利用已经学会的css知识来使你的百度博客空间变得更加完美,并不是单纯的css技巧,关于css的技巧,你可以查看CSS十大密技。
更多请看:/monyer/blog/item/6c0dbbdcdad.html
å ¬å¸ç½ç«å¦ä½å¶ä½ï¼
å ¬å¸ç½ç«ï¼ä»¥ç¨å¡ç§å»ºç«ä¸ºä¾ï¼å ·ä½æ¥éª¤æ¯ï¼
1ãé¦å 注åå¡ç§å»ºç«è´¦æ·ï¼å¹¶å¼å§éæ©ç½ç«æ¨¡æ¿ã
模æ¿ç±»ååç §ä¸ªäººå好æè å ¬å¸éæ±ï¼éå®æ¨¡æ¿åç¹å»å¿«é建ç«ï¼è¿å ¥ç½ç«ç¼è¾çé¢ï¼å¼å§ç½ç«ç¼è¾ã
模æ¿æä½ç±»ä¼¼äºPPTæ´æ¢ï¼æ³¨æå¾çæ´æ¢éä¿æåç´ å¤§å°ä¸åå¾ä¸è´ï¼å¦åè°æ´å¾ç大å°ä¼è®©å°ç½éº»çªçã
2ãè´ä¹°ç©ºé´ã
ç½ç«æçå®æåï¼å¦æè§å¾æ»¡æï¼å°±å¯ä»¥å¼å§ä¸ä¸æ¥æä½ï¼æå¼ç½ç«åè½å级çé¢ï¼éæ©è´ä¹°ç½ç«ä¼åï¼ä¸ªäººè§å¾å¯¹äºæ»¡è¶³åºæ¬éæ±æ¥è¯´ï¼ç½ç«å ¥é¨çåºæ¬å¤ç¨äºï¼ç½ç«æå¡å å«ç©ºé´åæå¡å¨ï¼ä¸éè¦åé¢å¤è´ä¹°ã
3ãè´ä¹°ç½ç«ååã
ç¹å»ä¼ä¸ä¸å¿-åå管çï¼è¿å ¥ååè´ä¹°çé¢ï¼è¾å ¥ä½ æ³è¦çååï¼ç³»ç»ä¼èªå¨æ£æµæ¯å¦è½å¤æ³¨åï¼éæ¥å°è¯ï¼éå®æ»¡æçåååç¹å»è´ä¹°ï¼è´¹ç¨å¤§çº¦å¨æ¯å¹´-å å·¦å³ã
4ãå®å认è¯ã
ç¹å»åå管ç-å®å认è¯ï¼æç §æ示填å认è¯ä¿¡æ¯ï¼ä¸è¬ä¸ä¸ªå·¥ä½æ¥ä¼éè¿è®¤è¯ï¼æ³¨æä¿¡æ¯å¡«ååç¡®ï¼åªæä¸æ¬¡å 费修æ¹æºä¼ã
5ã工信é¨å¤æ¡ã
ç¹å»åå管ç-工信é¨å¤æ¡å¼å§è¿è¡ä¿¡æ¯å¤æ¡
å¦å®å¡«å个人åä¼ä¸ä¿¡æ¯ï¼æ³¨æä»ç»é 读æ示信æ¯ï¼ä¸¥æ ¼æç §æ示信æ¯å»å
æ¯å¦éè¦å置审æ¹éå¦ï¼è¿ä¸ç¹å°¤å ¶éè¦ï¼å置审æ¹æç»éè¦ä¸ä¸äººå£«å»åï¼æ®é建ç«ä¹æ¶åä¸å°è¿äºã
工信é¨å¤æ¡ä¿¡æ¯æ¯è¾ç¹çï¼ä¸æ¥ä¸æ¥å¡«åï¼æ交认è¯éè¦ä¸ªå·¥ä½æ¥ï¼å¦æ被æåäºå°±éè¦åç个工ä½æ¥ï¼ææ¯å¤©å·¦å³å®æç认è¯ã
éè¿åç¹å»è§£æååå³å¯å¼å§ä½¿ç¨ã
6ãå ¬å®é¨å¤æ¡ã
è¿ä¸é¡¹å¤æ¡å¯¹äºç»å¤§å¤æ°ç½ç«æ¥è¯´æ¯ä¸éè¦åçï¼å®æ工信é¨å¤æ¡ä¹ååå就已ç»å¯ä»¥ä½¿ç¨äºï¼é¨åå°åºè¦æ±å¿ é¡»è¿è¡å ¬å®é¨å¤æ¡ï¼é£å°±æç §ç¨åºå»èµ°
线ä¸æ交å¤æ¡ç³è¯·ï¼å¡«åå¤æ¡ä¿¡æ¯ï¼ç±å½å°å ¬å¸é¨é¨å®æé¢è®¿ï¼åéæ 误åå®æå ¬å®é¨å¤æ¡ã
7ãç½ç«æ¥å¸¸ç®¡çã
ç¹å»ç½ç«ç®¡ç-çµèç/ææºçå°±å¯ä»¥è¿å ¥ç½ç«å 容æççé¢ï¼ç¹å»ç½ç«ç®¡çåè½è¿è½å¤å¯¹ç«ç¹è®¿é®éè¿è¡åæã
0代ç è½»æ¾å»ºç«ï¼ç¹å»è¿éè·åç²¾ç¾ç½ç«æ¨¡æ¿ï¼å¡ç§å»ºç«
å¦ä½å»ºä¸ªäººç½ç«ï¼
ç°å¨åç½ç«åºè¯¥æ¯æ§ä»·æ¯æé«çä¸ä¸ªå®£ä¼ æ¹æ³äºã
å¾å¤æ°äººä¸ç¥éä»åªéå ¥æã
å ¶å®ï¼åç½ç«æ2个åææ¡ä»¶ï¼ä¸ä¸ªæ¯ç½ç«ç©ºé´ï¼ä¸ä¸ªæ¯ç½ç«çåå
ç½ç«ç©ºé´ä¸è¬å为å½å 空é´åå½å¤ç©ºé´ï¼å½å 空é´å¯¹äºå½å ç人æ¥è¯´é度æ´å¿«ï¼ä½æ´è´µï¼ä¸éè¦å¤æ¡ï¼å½å¤ç©ºé´é度ä¸åå½å 空é´ï¼ä½æ¯ä¸éè¦å¤æ¡ï¼ä¸é常便å®ã
ç°å¨æ¯è¾æµè¡çè¿æé¦æ¸¯ä¸»æºãé度ä»äºå½å åå½å¤ä¹é´ãä»·æ ¼åå½å æå¹³ãä½æ¯ä¸éè¦å¤æ¡ãæ个人æ¥è¯´æ¯æ¯è¾æ¨èå½å¤çåé¦æ¸¯ç主æºçã
ä¸è¬æ们åç½ç«ä¼æéæ±æéï¼
ä¸è¬åä¼ä¸ç½ç«ï¼ä¸ªäººç½ç«ï¼å¤è´¸ç½ç«æè ä¸äºæ¿ä¸å°å¤æ¡å·çç½ç«ï¼æ们é½ä¼ä½¿ç¨å½å¤ç空é´ãæèªå·±æ%çç«ç¹é½æ¯ç¨çå½å¤ç空é´ã
ä¸è¬å¨åå°æ¹ç½ç«çæ¶åæ们ä¼éæ©å½å ç空é´ã
åç½ç«ä¸å ±å æ¬ä¸ä¸ªè´¹ç¨ã
é¤äºä¸é¢è¯´çç½ç«ç©ºé´åç½ç«ååéè¦è±è´¹ä¹å¤ï¼è¿æä¸ä¸ªç½ç«å¶ä½è´¹ç¨ã
ä½å¦æä½ æ¿æèªå·±åç½ç«çè¯ï¼è¿ä¸ªè´¹ç¨å¾å¤§ç¨åº¦ä¸å¯ä»¥çå»ï¼ä¸è¿èªå·±åçè¯ä¼è±è´¹ä½ 大éçæ¶é´åç²¾åï¼è¿ä¸ä¸å®è½å¤å好ã è¿ä¹æ¯æéæéãåæ£åªè¦èªå·±æäºç©ºé´åååï¼ççæç¨ä¹æ¯è½å¦ä¼æä¹æ建好ä¸ä¸ªç½ç«çã
æ»ä¹ï¼ä½ è¦æ¯æ¿ä¸å®ä¸»æä¹°ä»ä¹ä¸»æºæè æ¾è°åç½ç«å¢ï¼æå¯ä»¥åæå¤å¹´çç»éªæ¨èä¸äºç»ä½ ã
è¿æä»ä¹çé®çè¯å¯ä»¥è¿½é®æã9级ç¾åº¦ä¸å®¶äººæ§å解çé®é¢ã
/view/.html