关于百度空间日志的字体大小
我在自己电脑上看我的日志字体刚刚好,但我用其他人的电脑看字体就非常小。这是为什么呢?现在我把字体改打了许多,但别人看就刚刚好。我开始也认为是浏览器的问题,我把浏览器换了好...
我在自己电脑上看我的日志字体刚刚好,但我用其他人的电脑看字体就非常小。这是为什么呢?现在我把字体改打了许多,但别人看就刚刚好。
我开始也认为是浏览器的问题,我把浏览器换了好几个还是这样的。我看其他人的空间都是正常的。我想问一下,CSS中改字体大小的代码是什么?
刚刚发现一个奇怪的问题,有些空间用浏览器改变字体大小可以,有的却不行,我的就能被改变,怎样才不能不改变呢?CSS中怎么设定。 展开
我开始也认为是浏览器的问题,我把浏览器换了好几个还是这样的。我看其他人的空间都是正常的。我想问一下,CSS中改字体大小的代码是什么?
刚刚发现一个奇怪的问题,有些空间用浏览器改变字体大小可以,有的却不行,我的就能被改变,怎样才不能不改变呢?CSS中怎么设定。 展开
3个回答
展开全部
超麻烦,得自己去试验,有空你就学学css吧。
偶自己写的,也是从菜鸟开始然后自己做了一个模版。
我最喜欢的模版地址:http://hi.baidu.com/kyzon/modify/preview/d655dc1b3c6789faae513348.css
我所有的模版:http://hi.baidu.com/sys/share/myshare/kyzon
很伤心啊,是自己原创的,花了很多心思,但是有人原样抄袭并拿去共享。
看到百度上有很多的空间设计模版,但是没有我最喜欢的。
我不喜欢花里胡哨的图案
我也不喜欢人物背景
我不喜欢深色的主题
也不希望自己的空间太绚丽
我也不喜欢鼠标变来变去
找来找去,我还是没有找到合意的模版,因此我决定自己试试。
感谢下面的资料对我提供的帮助:
1. 百度对于CSS的详细说明,其中颜色选择器是会用到的 http://www.baidu.com/search/hi/hi_css.html
2. 天涯何处写的关于如何得到他人的模版空间代码http://hi.baidu.com/mrlipeng/blog/item/70fddfcedcd31e0392457e54.html
我没有学过编程,不需要有编程的基础。
因为有既成的模版,我要做的三件事就是:
极简白模版的主题是蓝色的,抬头的图片是蓝色,链接显示字体也是蓝色。
1. 将抬头的图片改为我自己设计的;
2. 将链接显示字体该为绿色,成就我的绿色主题;
3. 原来的模版框架太小,我希望将整个框架宽度提高。
第一步换抬头图片
Photoshop是我的强项,因此这对于我来说很容易。
先将原模版上的图片另存到本地,然后用Photoshop进行编辑就可以了,这样主要是为了保证图片的宽度能和空间的框架相统一。
做好图片后,将图片放到自己的空间上,我的图片就放到http://hi.baidu.com/kyzon/album上面了,因为空间只接受网络路径上的图片,将原来的图片替换:
/*头部*/
#header{height:153px ; padding-left:120px;background:url(https://gss0.baidu.com/7LsWdDW5_xN3otqbppnN2DJv/kyzon/pic/item/54a587caaf816584c8176862.jpg
) no-repeat;margin-left:61px;margin-right:-100px} 也就是上面url后面的路径。 第二步更改字体颜色 将链接语言上的颜色由蓝色变为绿色,只改变了二种颜色,第一是显示颜色由天蓝变为绿色,第二是鼠标放上去后的文字悬浮颜色,将深蓝变为深绿。 找到颜色,例如#226DDD天蓝为显示的链接字体颜色,#445F88深蓝为链接字体颜色的悬浮颜色,将这二种颜色替换为你喜欢的颜色就可以了。 也就是下面的文字的显示颜色。 阅读全文>> 类别:心如明镜 | 编辑 | 删除 | 评论(2) | 浏览(11 ) 如果你想将文章的颜色改变,则去寻找#000,将其进行更改。 第三步更改网页框架的宽度 用查找的方式将所有的width:750px替换为:width:913px 框架变大了。不过框架应该和头部的图片宽度是对应的,如果你的头部图片宽度更改了,相应要对网页结构的框架进行调整,变大变小直到头部图像和网页结构能否效果统一。 一些小技巧: 1. 如果你想更改头部文字的字体以及离边框的距离可以找到#header进行更改 /*头部*/ #header{height:153px;background:url(https://gss0.baidu.com/7LsWdDW5_xN3otqbppnN2DJv/kyzon/pic/item/784d82526476bb0c0df3e376.jpg
) no-repeat;margin-left:0px;margin-right:0px} /*URL链接的图片为头部的背景图片*/ #header div.lc{} #header div.rc{} #header div.tit{top:55px;left:240px;line-height:50px;font-size:34px;font-family:宋体;} /*你的博客的名称,即为我的博客名“写在牛皮纸上的青葱岁月”,top为离顶部的距离,left为离左边框的距离,line-height为行距,行距一定要大于font-size,否则显示不全,font-size为字体大小,font-family为字体,这里CSS好像支持很多字体,我试过微软自带的一些字体,例如宋体、黑体等等,而且也试过方正字体,例如方正准圆简体等等,都支持,所以你可以任意的去输入你希望显示出来的字体*/ #header div.tit a.titlink{color:#fff;text-decoration:none} /*这里的color即为你的博客名称,例如我的“写在牛皮纸上的青葱岁月”的字体颜色*/ #header div.tit a.titlink:visited{color#fff;text-decoration:none} #header div.desc{top:40px;right:80px;color:#fff;font-size:14px;font-family:Kristen ITC} /*空间简介字体颜色距离的设置,例如我的“质朴 坚韧 朴实”,top为离顶部的距离,right为离右边框的距离,字体颜色,行距,字体大小,字体,这些你和博客名称一样,你都可以任意设置的*/ 2. 如果你想更改导航区域的设置,可以找到#tabline进行设置 #tabline{display:none} #tab{top:129px;background:url() no-repeat;margin-left:30px } /*主页、博客、相册……离上边框的距离,背景(这里没有设置),离左边框的距离*/ #tab a.on,#tab a.on:link,#tab a.on:visited{font-size:14px;background-color:none;color:#666} #tab a.on:hover{color:#000;background-color:none ;text-decoration:underline;} #tab span{display:none} #tab a:link{font-size:14px;color:#000;text-decoration:none;} #tab a:visited{font-size:14px;color:#000;text-decoration:none;} #tab a:hover{color:#000;background-color:none;text-decoration:underline;} /*这里面也有字体以及悬浮字体的颜色、大小的设置,都是大同小异,可以去更改你喜欢的效果*/ 3. 如何更改“最近访客”的显示效果? 我本人是不太喜欢默认的“最近访客”的显示效果的 一是:每人用的图片和颜色大小都不一致,放在博客里太花哨; 二是:默认的字体、颜色也不是我喜欢的。 不过欣慰的是我找到了一段可以更改其显示效果的代码,并进行了更改,之前的代码太过复杂,而且很多效果我并想要,所以我简单的进行了一些修改: /*最近访客-给图片加边框加滤镜*/ #mod_track .modbox table td img{width:45px!important;height:45px!important;border:#386138 2px solid;} /*这里是对“最近访客”的图片进行强制限制,无论之前你的图片的长宽比是多少,强制限制显示为:45px*45px,也就是width和height后面的显示值,当然这个大小你也可以更改为你喜欢的大小。border为图片的边框颜色和边框的宽度,我设置为2px,边框样式我选择为实线solid,如果你不喜欢可以设置为虚线dashed*/ #mod_track .modbox table td a img{filter:Gray(enabled=bEnabled) Alpha(opacity=25);-moz-opacity:0.5} /*这里对“最近访客”图片进行了静态滤镜效果,默认显示为灰度,透明值opacity我设置为了25,可以从0~100人任意更改,Gray是灰度滤镜效果,还有二种可以选择,invert和Xray*/ #mod_track .modbox table td a:hover img{filter:Gray(enabled=0) Alpha(opacity=100);-moz-opacity:1} /*这里对“最近访客”图片的悬浮效果进行了设置,也就是将鼠标移动上去时的滤镜效果*/ #mod_track .modbox table td a{text-decoration:none;color:#328932;font-family:Georgia;} /*“最近访客”的用户名文字样式,你可以更改其显示颜色和字体以及是否加下划线,以及字体是否加粗font-weight:bold为字体加粗*/ ------终于------- 终于我有了一个全新的空间!效果: 四叶草模版:http://hi.baidu.com/kyzon/modify/preview/d655dc1b3c6789faae513348.css
) no-repeat;margin-left:61px;margin-right:-100px} 也就是上面url后面的路径。 第二步更改字体颜色 将链接语言上的颜色由蓝色变为绿色,只改变了二种颜色,第一是显示颜色由天蓝变为绿色,第二是鼠标放上去后的文字悬浮颜色,将深蓝变为深绿。 找到颜色,例如#226DDD天蓝为显示的链接字体颜色,#445F88深蓝为链接字体颜色的悬浮颜色,将这二种颜色替换为你喜欢的颜色就可以了。 也就是下面的文字的显示颜色。 阅读全文>> 类别:心如明镜 | 编辑 | 删除 | 评论(2) | 浏览(11 ) 如果你想将文章的颜色改变,则去寻找#000,将其进行更改。 第三步更改网页框架的宽度 用查找的方式将所有的width:750px替换为:width:913px 框架变大了。不过框架应该和头部的图片宽度是对应的,如果你的头部图片宽度更改了,相应要对网页结构的框架进行调整,变大变小直到头部图像和网页结构能否效果统一。 一些小技巧: 1. 如果你想更改头部文字的字体以及离边框的距离可以找到#header进行更改 /*头部*/ #header{height:153px;background:url(https://gss0.baidu.com/7LsWdDW5_xN3otqbppnN2DJv/kyzon/pic/item/784d82526476bb0c0df3e376.jpg
) no-repeat;margin-left:0px;margin-right:0px} /*URL链接的图片为头部的背景图片*/ #header div.lc{} #header div.rc{} #header div.tit{top:55px;left:240px;line-height:50px;font-size:34px;font-family:宋体;} /*你的博客的名称,即为我的博客名“写在牛皮纸上的青葱岁月”,top为离顶部的距离,left为离左边框的距离,line-height为行距,行距一定要大于font-size,否则显示不全,font-size为字体大小,font-family为字体,这里CSS好像支持很多字体,我试过微软自带的一些字体,例如宋体、黑体等等,而且也试过方正字体,例如方正准圆简体等等,都支持,所以你可以任意的去输入你希望显示出来的字体*/ #header div.tit a.titlink{color:#fff;text-decoration:none} /*这里的color即为你的博客名称,例如我的“写在牛皮纸上的青葱岁月”的字体颜色*/ #header div.tit a.titlink:visited{color#fff;text-decoration:none} #header div.desc{top:40px;right:80px;color:#fff;font-size:14px;font-family:Kristen ITC} /*空间简介字体颜色距离的设置,例如我的“质朴 坚韧 朴实”,top为离顶部的距离,right为离右边框的距离,字体颜色,行距,字体大小,字体,这些你和博客名称一样,你都可以任意设置的*/ 2. 如果你想更改导航区域的设置,可以找到#tabline进行设置 #tabline{display:none} #tab{top:129px;background:url() no-repeat;margin-left:30px } /*主页、博客、相册……离上边框的距离,背景(这里没有设置),离左边框的距离*/ #tab a.on,#tab a.on:link,#tab a.on:visited{font-size:14px;background-color:none;color:#666} #tab a.on:hover{color:#000;background-color:none ;text-decoration:underline;} #tab span{display:none} #tab a:link{font-size:14px;color:#000;text-decoration:none;} #tab a:visited{font-size:14px;color:#000;text-decoration:none;} #tab a:hover{color:#000;background-color:none;text-decoration:underline;} /*这里面也有字体以及悬浮字体的颜色、大小的设置,都是大同小异,可以去更改你喜欢的效果*/ 3. 如何更改“最近访客”的显示效果? 我本人是不太喜欢默认的“最近访客”的显示效果的 一是:每人用的图片和颜色大小都不一致,放在博客里太花哨; 二是:默认的字体、颜色也不是我喜欢的。 不过欣慰的是我找到了一段可以更改其显示效果的代码,并进行了更改,之前的代码太过复杂,而且很多效果我并想要,所以我简单的进行了一些修改: /*最近访客-给图片加边框加滤镜*/ #mod_track .modbox table td img{width:45px!important;height:45px!important;border:#386138 2px solid;} /*这里是对“最近访客”的图片进行强制限制,无论之前你的图片的长宽比是多少,强制限制显示为:45px*45px,也就是width和height后面的显示值,当然这个大小你也可以更改为你喜欢的大小。border为图片的边框颜色和边框的宽度,我设置为2px,边框样式我选择为实线solid,如果你不喜欢可以设置为虚线dashed*/ #mod_track .modbox table td a img{filter:Gray(enabled=bEnabled) Alpha(opacity=25);-moz-opacity:0.5} /*这里对“最近访客”图片进行了静态滤镜效果,默认显示为灰度,透明值opacity我设置为了25,可以从0~100人任意更改,Gray是灰度滤镜效果,还有二种可以选择,invert和Xray*/ #mod_track .modbox table td a:hover img{filter:Gray(enabled=0) Alpha(opacity=100);-moz-opacity:1} /*这里对“最近访客”图片的悬浮效果进行了设置,也就是将鼠标移动上去时的滤镜效果*/ #mod_track .modbox table td a{text-decoration:none;color:#328932;font-family:Georgia;} /*“最近访客”的用户名文字样式,你可以更改其显示颜色和字体以及是否加下划线,以及字体是否加粗font-weight:bold为字体加粗*/ ------终于------- 终于我有了一个全新的空间!效果: 四叶草模版:http://hi.baidu.com/kyzon/modify/preview/d655dc1b3c6789faae513348.css
参考资料: http://hi.baidu.com/kyzon
博思aippt
2024-07-20 广告
2024-07-20 广告
博思AIPPT是基于ai制作PPT的智能在线工具,它提供了4种AI制作PPT的方式,包括AI生成大纲、AI直接生成PPT、文本生成PPT、AI提炼文档生成PPT,一站式集成多种AI生成PPT的方式,可满足办公用户的不同需求和使用场景。ai生...
点击进入详情页
本回答由博思aippt提供
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询