淡淡的艳舞

Opera blog 简明攻略

Friday, 26. May 2006, 13:20:19

本人能力有限,其他内容请以相关英文单词进行搜索.模版源码中如果没有相关属性,都可以自行添加,如COLOR,FONT SIZE等.因为IE和Firefox的浏览效果和Opera有很多不同,具体原因我就不说了,很多在Opera中能正常显示的效果在其他浏览器中却是不支持的,所以大家改模版时多试试不同的方式.相关英文教程和豆豆收集的工具和教程,另外推荐一个CSS学习教程.

最新模版的源代码点击查看(07.5.7 整理)

条目
一.基础知识
什么是CSS语言?
CSS语言的基本语法怎么表达?
Blog自定义界面怎么进入？.
如何获取官方模版的源代码?
如何使用自己定义的代码？
自定义时常用的字符含义

二.自定义BLOG模版- 顶部部分
如何自定义首栏?
如何定义标题文字以及背景图片?
如何设定标题文字的位置及背景图片的显示高度?
如何定义副标题属性?
如何定义菜单栏文字属性和背景?

三、自定义BLOG模版- 内容部分
如何更改整个页面的背景及文字属性?
如何改变Blog页面的背景颜色和文字对齐方式?
如何更改Blog页面修饰用的侧边条属性?
如何改变已发布文章的标题大小和颜色?
如何改变已发布文章标题下的日期字体大小及颜色和标签的颜色?
如何修改置顶主题标识的相关属性?
如何改变页面底部RSS按钮的相关颜色?

四.自定义BLOG模版- 侧边栏部分
如何定义侧边栏的修饰物及相关背景?
如何设定侧边文字链接的颜色和字体大小?
如何更改侧边栏标题的属性?
如何更改侧边栏容器的背景?
怎么样改变日历的相关属性?
如何修改ALBUM SLIDESHOW相关属性?
如何定义侧边栏的个人头像相关内容?

五.补充内容
如何移动模版中的相关元素?
如何改变页面元素的显示宽度?
如何移动侧栏的位置?
如何改变已发布日志的背景?
如何修改日志中链接的默认颜色?
如何修改侧栏链接框单独的背景?
如何用背景图替代日志间的分割线?
如何使日志中文章的首字大写?

日志发布的相关技巧

如果用IE浏览"播放代码"显示不完全的状态,请下载code.txt
如何在日志中插入音乐?

<OBJECT align="left"classid="CLSID:22d6f312-b0f6-11d0-94ab-0080c74c7e95" id="MediaPlayer0"<object type="application/x-mplayer2" width="400" height="60"><param name="fileName" value="音乐网址" /><param name="autostart" value="0" /><param name="ShowStatusBar" value="1" /></object>

这段代码会影响排版,但可以显示音乐联接状况.

<embed name="fileName" width="350" height="65" src="音乐网址" type="application/x-mplayer2" autostart="0" loop="1" controls="ControlPanel" >

这段代码对排版没有影响,如果要显示音乐/视频信息，就用 ShowDisplay="1".

上面两段代码中"1"代表允许,"0"代表禁止,把 width 和 height 改成 0 就可以实现隐藏播放界面,loop代表循环.只对MP3和WMA有效,别的格式没有测试过.

如何在日志中播放器Real格式?

<OBJECT id="RAOCX"classid="clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA" width="400" height="300"><param name="AUTOSTART" value="-1"><param name="CONTROLS" value="imagewindow"><param name="CONSOLE" value="Clip1"></OBJECT><embed src="网址" type="audio/x-pn-realaudio-plugin" console="Clip1" controls="ControlPanel,StatusBar" height="60" width="275" autostart="true"" width=218 height=30 controls="PositionSlider"console="Clip1">

如何在日志中插入FLASH?

完整代码
<OBJECT CLASSID="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"CODEBASE="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0"WIDTH="480" HEIGHT="360"><PARAM NAME=quality VALUE=high><PARAM NAME="SRC" VALUE="Flash网址"><EMBED QUALITY=high PLUGINSPAGE="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash"TYPE="application/x-shockwave-flash"WIDTH="480" HEIGHT="360" SRC="Flash网址"> </EMBED></OBJECT>

简化代码
<EMBED QUALITY=high PLUGINSPAGE="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" TYPE="application/x-shockwave-flash"WIDTH="500"HEIGHT="200" SRC="Flash地址"> </EMBED></OBJECT>

WIDTH 和 HEIGHT 可以设定FLASH的界面大小.

以上代码如果无法使用,请去掉其间的空白处.

下北 GLORY DAYS自娱 - 水晶跳棋

Comments

1 2 3 4 Next »

aster_alpinus # 31. May 2006, 05:51

谢谢！学了很多！
有个问题，改了这么多，在发布新日志页里，New blog post标题栏的颜色没有变，是为什么呢？

cyberghost # 31. May 2006, 08:46

这个是设置里的内容,我也不知道怎么改,我猜想可能改不了吧,这个和BLOG日志没有关系吧.

C.Liu # 16. June 2006, 14:03

请问，如何在Opera Blog中加入播放器？

Anonymous # 18. June 2006, 14:02

Anonymous writes:

学到很多东西，原来博客这么好玩!

C.Liu # 22. June 2006, 13:02

RM播放器代码

 <OBJECT 
 class 
width="400" height="300">
<param name="AUTOSTART" value="-1">
<param name="CONTROLS" value="imagewindow">
<param name="CONSOLE" value="Clip1">
</OBJECT>
<embed src="网址" type="audio/x-pn-realaudio-plugin" 
console="Clip1" controls="ControlPanel,StatusBar" 
height="60" width="275" autostart="true"
" width=218 height=30 controls="PositionSlider" console="Clip1">

CFI # 25. June 2006, 09:36

谢谢！收藏了！

ashleespace # 5. July 2006, 06:54

谢谢啦
我的空间也可以有自己的背景音乐了

ashleespace # 5. July 2006, 06:56

谢谢啊
我的空间也有自己的背景音乐了

joean127 # 17. July 2006, 18:10

蛮详细的教程，不错哦，辛苦了！

Lokkafung # 28. July 2006, 10:00

请教一下：怎样单独得对文章中的链接的颜色进行定义？

sq1022 # 3. August 2006, 16:41

太棒了,我参照你的教程,把我的blog改成我要的样子了!

cyberghost # 5. August 2006, 06:05

请教一下：怎样单独得对文章中的链接的颜色进行定义？

_____________________________________________

这个比较方便,我举个例子:

[URL=网址][COLOR=颜色值]链接名称[/COLOR][/URL]

红色的链接
MYBLOG

如果把COLOR和URL位置换过后,颜色定义就不会起作用-__-

gongteng # 7. August 2006, 08:41

loop="10"就是音乐循环了

rainstar # 7. August 2006, 11:40

我用你的方法在日志里插入音乐，可是，用ie打开，可以看到播放器，听到音乐，用opera打开就既听不到也看不到，晕啊

ring~oh~ring # 8. August 2006, 06:22

请问怎么删除

cyberghost # 8. August 2006, 07:31

我用你的方法在日志里插入音乐，可是，用ie打开，可以看到播放器，听到音乐，用opera打开就既听不到也看不到，晕啊

----------------------------------------------------------------------
代码我在opera中没有问题,查看有没有多余的空格.

试试重新安装各类流媒体软件,在高级-程序中,把MMS和RTSP协议改成WMP或者REALPLAYER为默认播放器.

______________________________________________________________________

请问怎么删除

----------------------------------------------------------------------

是指删除文章吗?
进入Archive选项,右上角有个Edit&Delete选项,进入后可修改删除文章.

rainstar # 8. August 2006, 08:53

代码我在opera中没有问题,查看有没有多余的空格.

试试重新安装各类流媒体软件,在高级-程序中,把MMS和RTSP协议改成WMP或者REALPLAYER为默认播放器.
－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－
谢谢。但，是这个样子，你能到我的blog看一下么？有段代码在外面，我删除的话，好像也不影响播放，在ie里

rainstar # 8. August 2006, 08:53

另外，我怎么没有Archive选项？

cyberghost # 8. August 2006, 09:18

Preferences选项进入后,在最下面Archive前面打上勾,SAVE 后就可以在页面上显示这个选项.

你的代码有问题,我进去后你BLOG上隐藏的播放器在播放,但显示的播放软件是停止的.

仔细检查下你的播放代码,就该是代码的问题,我估计你是用了两段代码,一段就够用了.

rainstar # 8. August 2006, 09:37

弱弱地问一声，你的这段代码后面是不是少了点什么？<OBJECT align="left"classid="CLSID:22d6f312-b0f6-11d0-94ab-0080c74c7e95" id="MediaPlayer0"
另外我没有设置成自动播放，自动播放的是另一篇日志里的播放器，你说的隐藏的播放器在播放会不会是听成那个了？

cyberghost # 8. August 2006, 09:58

代码都是网上找的,我又试了下,没有问题.

其实我早已说过了,如果有问题,去掉代码中的分行或者空白就可以了,就是这个原因.

rainstar # 8. August 2006, 10:07

那我去掉吧，非常感谢！

cyberghost # 8. August 2006, 10:28

^_^

Lokkafung # 8. August 2006, 10:36

请教一下：怎样单独得对文章中的链接的颜色进行定义？

_____________________________________________

这个比较方便,我举个例子:

链接名称

红色的链接
MYBLOG

如果把COLOR和URL位置换过后,颜色定义就不会起作用-__-

————————————————————————————————————————————

我的本意是在CSS中对文章中的链接进行定义，现在已经对Opera blog的CSS有了基本的了解了，到处去翻人家的CSS看～～呵呵

cyberghost # 8. August 2006, 10:46

我也有好多天没碰BLOG了,也要好好学了.

希望大家BLOG玩得高兴.

Anonymous # 10. August 2006, 09:57

Anonymous writes:

颜色值是去哪边查的阿？麻烦给个链接，谢啦

cyberghost # 10. August 2006, 10:13

请用"网页颜色"为关键词在GOOGLE上搜寻;Fireworks和Photoshop也可查颜色值.

或者试试这个取色小软件

eleven-mimi # 10. August 2006, 12:33

我把自己的图片链接换上去了，可是显示不正常阿，就一小块图片缩在右上角，这是怎么回事啊？麻烦抽空解答，谢谢：）

Anonymous # 10. August 2006, 12:52

Anonymous writes:

谢谢你啊，那个取色小软件很好用：）

cyberghost # 10. August 2006, 13:36

我把自己的图片链接换上去了，可是显示不正常阿，就一小块图片缩在右上角，这是怎么回事啊？麻烦抽空解答，谢谢：）

----------------------------------------------------------------------
是指修改模版还是指发布文章时的显示问题? 请说的具体点.

eleven-mimi # 11. August 2006, 01:57

是修改模版时候的问题

cyberghost # 11. August 2006, 03:28

看了你的BLOG,应该是TOP的背景图片和原来默认的背景图片大小不一致的原因.
你的模版默认的TOP背景图应是这个背景图片 852x182 的分辨率.

只要把自定义的图片改成一样的分辨率就可以了.如果这样显示还有问题,换种显示的代码.

eleven-mimi # 11. August 2006, 06:09

谢谢，可是为什么我把图片改成852*182以后，上传分辨率就变掉了，555~~

cyberghost # 11. August 2006, 07:27

opera的空间对上传的图片会自动限制大小,去Flickr申请个图片空间吧,很好用.

eleven-mimi # 11. August 2006, 08:10

非常感谢，呵呵：）

lordmaske # 21. August 2006, 06:33

认真学习

Piggys # 22. August 2006, 05:07

在blog里直接插入<script>可以吗？
为什么我这样就成了一大段代码的原文字？

cyberghost # 22. August 2006, 09:30

是不是JAVA语言?这个不支持.

not_layla # 24. August 2006, 21:12

看不懂．．怎么办．．．．

cyberghost # 25. August 2006, 00:51

看不懂．．怎么办．．．．
--------------------
不用把代码看明白,
找到要改的地方就可以.我也只是略懂一些HTML的语言.

本来改模版就是很烦的一件事,多试试,改错了大不了推倒重来

demiy # 26. August 2006, 04:05

请问“定义主体只要找到 #topbar 与之相关的部分.
#topbar {……”在哪找呀？

cyberghost # 26. August 2006, 04:12

如何获取官方模版的源代码?
官方共有13个模版,大致五种风格. 第一个模版本的源代码地址为 http://my.opera.com/community/css/users/1/main.css 知道了第一个,后面的就不难推出,按照模版排列的顺序(从左往右,从上往下),数字递进就可以.比如,我用的是第9个模版,那么源码网址为 http://my.opera.com/community/css/users/9/main.css
------------------------------------------------------------------
在你用的模版源码中找,修改好后与原来的代码一起用就可以了.

蚁妹儿 # 26. August 2006, 12:24

请教一下，我把日历的背景色改了，可星期标识的背景还是以前的颜色，有什么办法可以改一下吗？谢谢！

cyberghost # 26. August 2006, 13:38

请教一下，我把日历的背景色改了，可星期标识的背景还是以前的颜色，有什么办法可以改一下吗？谢谢！
-------------------------------------------------------------
找到下面这段代码,如果没有background这个属性,自己加进去就可以了,然后填上自己喜欢的颜色.
#calendar th {
font-size:10px;
line-height:18px;
height:18px;
text-align:center;
background:颜色代码
}

蚁妹儿 # 27. August 2006, 08:33

不好意思,再次麻烦,星期标识的边框如何取消呀,谢谢!

cyberghost # 27. August 2006, 09:29

#calendar {
border-spacing:1px;
clear:both;
margin-bottom:15px;
width:190px;
font-size:10px;
background:#DCEBE0 url();
border-bottom:1px solid #dbdbd5;
}

-----------------------------------------------------------------
border-spacing:1px;改成0px.同样,没有的话就自己加.

蚁妹儿 # 27. August 2006, 14:13

我试了，可还是有，是不是还要在哪改颜色啊，谢谢！

cyberghost # 27. August 2006, 14:27

对了,你不要用我给你的代码,用自己模版的代码,有点区别的.

以#calendar 为关键词,找到后改就可以了.

我这里没有问题.
刷新我的页面看看,没有边框了.

你用的是哪个模版?我帮你看看.

蚁妹儿 # 27. August 2006, 14:41

我用的是豆豆的蓝色心情,她设置的是不显示日历,我是后来自己加上慢慢改的.

cyberghost # 27. August 2006, 15:09

我刚才看了下你用的那个官方模版源码,和我用的有点不同.

再把#calendar 下面的
border-bottom改成0PX.

----------------------------------

另,我只是参照官方源码,如果自己编的CSS代码可能区别更多.
你可以自己试试改,一般与border属性有关,把与calendar相关的border属性都改成0PX看看,记得做好原来的代码存档.

一个一个改,看看有什么变化.

1 2 3 4 Next »

Showing comments 1 - 50 of 167.