Opera 官方中文社区

[philade]

排版修改中~~

用过白菜版对他的BBcode的工具栏印象很不错，以前俄版的OperaAC也用过，现一步一步在教你移植过来

appearance.png

修改时注意：
记得修改menu ，toolbar，皮肤时关闭opera
另外注意保存的编码是UTF-8,不然可能会出现乱码的情况

Step1.修改menu

找到你使用的menu文件，打开~不知道在哪里的，点击这里
在最后面添加以下内容，之后保存退出~~~对分布做了一下修改，把常用的几个颜都移动到了下方

[UBB Paragraph menu]
Item, "普通" = Go to page, "javascript:ujs_bbcode_tag('[p]')",,,"普通"
Item, "标题一"="Go to page, "javascript:ujs_bbcode_tag('[h1]','[/h1]')",,, "标题一""
Item, "标题二"="Go to page, "javascript:ujs_bbcode_tag('[h2]','[/h2]')",,, "标题二""
Item, "标题三"="Go to page, "javascript:ujs_bbcode_tag('[h3]','[/h3]')",,, "标题三""
Item, "标题四"="Go to page, "javascript:ujs_bbcode_tag('[h4]','[/h4]')",,, "标题四""
Item, "标题五"="Go to page, "javascript:ujs_bbcode_tag('[h5]','[/h5]')",,, "标题五""
Item, "标题六"="Go to page, "javascript:ujs_bbcode_tag('[h6]','[/h6]')",,, "标题六""


[UBB Color menu]
Item,"SkyBlue       天蓝"         = Go to page, "javascript:ujs_bbcode_tag('[color=SkyBlue]')",,, "bb_color_SkyBlue"
Item,"RoyalBlue    品蓝"     = Go to page, "javascript:ujs_bbcode_tag('[color=RoyalBlue]')",,, "bb_color_RoyalBlue"
Item,"DarkBlue     深蓝"        = Go to page, "javascript:ujs_bbcode_tag('[color=DarkBlue]')",,, "bb_color_DarkBlue"
-------1
Item,"Orange       橙色"            = Go to page, "javascript:ujs_bbcode_tag('[color=Orange]')",,, "bb_color_Orange"
Item,"OrangeRed 橙红"   = Go to page, "javascript:ujs_bbcode_tag('[color=OrangeRed]')",,, "bb_color_OrangeRed"
Item,"Crimson      猩红"         = Go to page, "javascript:ujs_bbcode_tag('[color=Crimson]')",,, "bb_color_Crimson"
Item,"FireBrick  耐火砖"     = Go to page, "javascript:ujs_bbcode_tag('[color=Firebrick]')",,, "bb_color_Firebrick"
-------2
Item,"LimeGreen  酸橙绿"     = Go to page, "javascript:ujs_bbcode_tag('[color=LimeGreen]')",,, "bb_color_LimeGreen"
Item,"SeaGreen    海洋绿"      = Go to page, "javascript:ujs_bbcode_tag('[color=SeaGreen]')",,, "bb_color_SeaGreen"
Item,"DeepPink    深粉"        = Go to page, "javascript:ujs_bbcode_tag('[color=DeepPink]')",,, "bb_color_DeepPink"
Item,"Tomato      番茄"          = Go to page, "javascript:ujs_bbcode_tag('[color=Tomato]')",,, "bb_color_Tomato"
Item,"Coral          珊瑚"           = Go to page, "javascript:ujs_bbcode_tag('[color=Coral]')",,, "bb_color_Coral"
Item,"Indigo        靛青"          = Go to page, "javascript:ujs_bbcode_tag('[color=Indigo]')",,, "bb_color_Indigo"
Item,"SandyBrown沙棕"      = Go to page, "javascript:ujs_bbcode_tag('[color=SandyBrown]')",,, "bb_color_SandyBrown"
Item,"Sienna       褐色"            = Go to page, "javascript:ujs_bbcode_tag('[color=Sienna]')",,, "bb_color_Sienna"
Item,"Chocolate 巧克力"     = Go to page, "javascript:ujs_bbcode_tag('[color=Chocolate]')",,, "bb_color_Chocolate"
Item,"Teal           蓝绿"          = Go to page, "javascript:ujs_bbcode_tag('[color=Teal]')",,, "bb_color_Teal"
Item,"Silver         银白"        = Go to page, "javascript:ujs_bbcode_tag('[color=Silver]')",,, "bb_color_Silver"
Item,"DarkRed    深红"       = Go to page, "javascript:ujs_bbcode_tag('[color=DarkRed]')",,, "bb_color_DarkRed"
Item,"Brown       棕色"           = Go to page, "javascript:ujs_bbcode_tag('[color=Brown]')",,, "bb_color_Brown"
--------3
Item,"Gray        灰色"            = Go to page, "javascript:ujs_bbcode_tag('[color=Gray]')",,, "bb_color_Gray"
Item,"Purple     紫色"          = Go to page, "javascript:ujs_bbcode_tag('[color=Purple]')",,, "bb_color_Purple"
Item,"White      纯白"           = Go to page, "javascript:ujs_bbcode_tag('[color=White]')",,, "bb_color_White"
Item,"Yellow     纯黄"          = Go to page, "javascript:ujs_bbcode_tag('[color=Yellow]')",,, "bb_color_Yellow"
Item,"Blue        纯蓝"            = Go to page, "javascript:ujs_bbcode_tag('[color=Blue]')",,, "bb_color_Blue"
Item,"Green     纯绿"           = Go to page, "javascript:ujs_bbcode_tag('[color=Green]')",,, "bb_color_Green"
Item,"Red        纯红"             = Go to page, "javascript:ujs_bbcode_tag('[color=Red]')",,, "bb_color_Red"

[UBB Back Color menu]
Item,"SkyBlue    天蓝"         = Go to page, "javascript:ujs_bbcode_tag('[backcolor=SkyBlue]')",,, "bb_color_SkyBlue"
Item,"RoyalBlue 品蓝"     = Go to page, "javascript:ujs_bbcode_tag('[backcolor=RoyalBlue]')",,, "bb_color_RoyalBlue"
Item,"DarkBlue   深蓝"        = Go to page, "javascript:ujs_bbcode_tag('[backcolor=DarkBlue]')",,, "bb_color_DarkBlue"
---------1
Item,"Orange       橙色"            = Go to page, "javascript:ujs_bbcode_tag('[backcolor=Orange]')",,, "bb_color_Orange"
Item,"OrangeRed 橙红"       = Go to page, "javascript:ujs_bbcode_tag('[backcolor=OrangeRed]')",,, "bb_color_OrangeRed"
Item,"Crimson      猩红"         = Go to page, "javascript:ujs_bbcode_tag('[backcolor=Crimson]')",,, "bb_color_Crimson"
Item,"FireBrick   耐火砖"     = Go to page, "javascript:ujs_bbcode_tag('[backcolor=Firebrick]')",,, "bb_color_Firebrick"
---------2
Item,"LimeGreen 酸橙绿"     = Go to page, "javascript:ujs_bbcode_tag('[backcolor=LimeGreen]')",,, "bb_color_LimeGreen"
Item,"SeaGreen   海洋绿"      = Go to page, "javascript:ujs_bbcode_tag('[backcolor=SeaGreen]')",,, "bb_color_SeaGreen"
Item,"DeepPink   深粉"        = Go to page, "javascript:ujs_bbcode_tag('[backcolor=DeepPink]')",,, "bb_color_DeepPink"
Item,"Tomato     番茄"          = Go to page, "javascript:ujs_bbcode_tag('[backcolor=Tomato]')",,, "bb_color_Tomato"
Item,"Coral         珊瑚"           = Go to page, "javascript:ujs_bbcode_tag('[backcolor=Coral]')",,, "bb_color_Coral"
Item,"Indigo       靛青"          = Go to page, "javascript:ujs_bbcode_tag('[backcolor=Indigo]')",,, "bb_color_Indigo"
Item,"SandyBrown 沙棕"      = Go to page, "javascript:ujs_bbcode_tag('[backcolor=SandyBrown]')",,, "bb_color_SandyBrown"
Item,"Sienna      褐色"            = Go to page, "javascript:ujs_bbcode_tag('[backcolor=Sienna]')",,, "bb_color_Sienna"
Item,"Chocolate 巧克力"     = Go to page, "javascript:ujs_bbcode_tag('[backcolor=Chocolate]')",,, "bb_color_Chocolate"
Item,"Teal           蓝绿"          = Go to page, "javascript:ujs_bbcode_tag('[backcolor=Teal]')",,, "bb_color_Teal"
Item,"Silver         银白"        = Go to page, "javascript:ujs_bbcode_tag('[backcolor=Silver]')",,, "bb_color_Silver"
Item,"DarkRed    深红"       = Go to page, "javascript:ujs_bbcode_tag('[backcolor=DarkRed]')",,, "bb_color_DarkRed"
Item,"Brown       棕色"           = Go to page, "javascript:ujs_bbcode_tag('[backcolor=Brown]')",,, "bb_color_Brown"
---------3
Item,"Gray       灰色"            = Go to page, "javascript:ujs_bbcode_tag('[backcolor=Gray]')",,, "bb_color_Gray"
Item,"Purple    紫色"          = Go to page, "javascript:ujs_bbcode_tag('[backcolor=Purple]')",,, "bb_color_Purple"
Item,"White     纯白"           = Go to page, "javascript:ujs_bbcode_tag('[backcolor=White]')",,, "bb_color_White"
Item,"Yellow    纯黄"          = Go to page, "javascript:ujs_bbcode_tag('[backcolor=Yellow]')",,, "bb_color_Yellow"
Item,"Blue       纯蓝"            = Go to page, "javascript:ujs_bbcode_tag('[backcolor=Blue]')",,, "bb_color_Blue"
Item,"Green    纯绿"           = Go to page, "javascript:ujs_bbcode_tag('[backcolor=Green]')",,, "bb_color_Green"
Item,"Red       纯红"             = Go to page, "javascript:ujs_bbcode_tag('[backcolor=Red]')",,, "bb_color_Red"

[UBB Font menu]
Item, "宋体"   = "Go to page, "javascript:ujs_bbcode_tag('[font=宋体]')",,,"
Item, "新宋体"   = "Go to page, "javascript:ujs_bbcode_tag('[font=新宋体]')",,,"
Item, "仿宋_GB2312"   = "Go to page, "javascript:ujs_bbcode_tag('[font=仿宋_GB2312]')",,,"
Item, "黑体"   = "Go to page, "javascript:ujs_bbcode_tag('[font=黑体]')",,,"
Item, "Arial"   = "Go to page, "javascript:ujs_bbcode_tag('[font=Arial]')",,,"
Item, "Comic &Sans MS"   = "Go to page, "javascript:ujs_bbcode_tag('[font=Comic &Sans MS]')",,,"
Item, "Courier"   = "Go to page, "javascript:ujs_bbcode_tag('[font=Courier]')",,,"
Item, "Impact"   = "Go to page, "javascript:ujs_bbcode_tag('[font=Impact]')",,,"
Item, "Tahoma"   = "Go to page, "javascript:ujs_bbcode_tag('[font=Tahoma]')",,,"
Item, "Verdana"   = "Go to page, "javascript:ujs_bbcode_tag('[font=Verdana]')",,,"
Item, "Wingdings"   = "Go to page, "javascript:ujs_bbcode_tag('[font=Wingdings]')",,,"

[UBB Size menu]
Item, "+1"="Go to page, "javascript:ujs_bbcode_tag('[size=1]')",,, "size1""
Item, "+2"="Go to page, "javascript:ujs_bbcode_tag('[size=2]')",,, "size2""
Item, "+3"="Go to page, "javascript:ujs_bbcode_tag('[size=3]')",,, "size3""
Item, "+4"="Go to page, "javascript:ujs_bbcode_tag('[size=4]')",,, "size4""
Item, "+5"="Go to page, "javascript:ujs_bbcode_tag('[size=5]')",,, "size5""
Item, "+6"="Go to page, "javascript:ujs_bbcode_tag('[size=6]')",,, "size6""
Item, "+7"="Go to page, "javascript:ujs_bbcode_tag('[size=7]')",,, "size7""


Step2.修改toobar文件
找到你的toolbar文件，打开~不知道在哪里的，点击这里
搜索[Document View Toolbar.content]，删除里面的内容，用以下代码替代

Button0, "粗体"="Go to page, "javascript:ujs_bbcode_tag('[b]')", , , "bb_b""
Button1, "斜体"="Go to page, "javascript:ujs_bbcode_tag('[i]')", , , "bb_i""
Button2, "下划线"="Go to page, "javascript:ujs_bbcode_tag('[u]')", , , "bb_u""
Button3, "删除线"="Go to page, "javascript:ujs_bbcode_tag('[strike]')", , , "bb_s""
Spacer4, , 16
Button5, "字体"="Show hidden popup menu, "UBB Font menu", , "字体", "bb_font""
Button6, "字体大小"="Show hidden popup menu, "UBB Size menu", , "字体大小", "bb_fontsize""
Button7, "段落"="Show hidden popup menu, "UBB Paragraph menu", , "段落", "bb_para""
Button8, "字体颜色"="Show hidden popup menu, "UBB Color menu", , "字体颜色", "bb_fontcolor""
Button9, "背景色"="Show hidden popup menu, "UBB Back Color menu", , "背景色", "bb_backcolor""
Spacer10, , 16
Button11, "引用"="Go to page, "javascript:ujs_bbcode_tag('[quote]')", , , "bb_quote""
Button12, "代码"="Go to page, "javascript:ujs_bbcode_tag('[ssscode]')", , , "bb_code""
Spacer13, , 16
Button14, "链接"="Go to page, "javascript:ujs_bbcode_tag('[url]')", , , "bb_link""
Button15, "图片"="Go to page, "javascript:ujs_bbcode_tag('[img]')", , , "bb_img""
Spacer16, , 16
Button17, "有序列表OL"="Go to page, "javascript:ujs_bbcode_tag('[list=1][li]','[/li][/list]')", , , "bb_li""
Button18, "无序列表UL"="Go to page, "javascript:ujs_bbcode_tag('[list][li]','[/li][/list]')", , , "bb_ul""

注意：
1.Button12里的ssscode，换成code。（因为论坛BBCode的关系，不该就排不了版）
2.BBcode工具栏，其实就是查看栏

---

看到有人需要html按钮，找了几个按钮，希望有用~~~（继续添加在后面）

Button21, "<b>"="Go to page, "javascript:ujs_bbcode_tag('<b>')", "<b>", "<b>", "bb_b""
Button22, "<i>"="Go to page, "javascript:ujs_bbcode_tag('<i>')", "<i>", "<i>", "bb_i""
Button23, "<u>"="Go to page, "javascript:ujs_bbcode_tag('<u>')", "<u>", "<u>", "bb_u""
Button24, "<s>"="Go to page, "javascript:ujs_bbcode_tag('<s>')", "<s>", "<s>", "bb_s""
Button25, "<font color>"="Go to page, "javascript:ujs_bbcode_tag('<font color=\x22\x22>')", "<font color>", "<font color>", "bb_color""
Button26, "<img src>"="Go to page, "javascript:ujs_bbcode_tag('<img src=\x22','\x22>')", "<img src>", "<img src>", "bb_img""
Button27, "<code>"="Go to page, "javascript:ujs_bbcode_tag('<code>')", "<code>", "<code>", "bb_code""
Button28, "<quote>"="Go to page, "javascript:ujs_bbcode_tag('<blockquote>')", "<quote>", "<quote>", "bb_quote""
Button29, "<a href>"="Go to page, "javascript:void(inivar='%c')", "<a href>", "<a href>", "bb_url" & Go to page, "javascript:var url='';try{if(inivar.search(/^[a-z]{3,5}:\/\/|^opera:[a-z/]/i) != -1){url=inivar};inivar=null}catch(e){url=''};ujs_bbcode_tag('<a href=\x22'+url+'\x22>')""
Spacer30, , 16
Button31, "preview"="Go to page, "javascript:(function(){var b,x,l,t,n,h,v;b=document.getElementById('ujs_pv');if(b){b.parentNode.removeChild(b);return};x=lastFocusedT;l=x.offsetLeft;t=x.offsetTop;n=x;while(n.offsetParent){n=n.offsetParent;l+=n.offsetLeft;t+=n.offsetTop;};h=x.value.replace(/\n/g,'<br>').replace(/\[url=(.*?)\](.*?)\[\/url\]/gi,'<a href=\x22$1\x22>$2</a>').replace(/\[(color=.*?)\](.*?)\[\/color\]/gi,'<font $1>$2</font>').replace(/\[(\/?)quote\]/gi,'<$1blockquote>').replace(/\[(\/?)([bius]|code|hr|sup|sub)\]/gi,'<$1$2>').replace(/\[img\](.*?)\[\/img\]/gi,'<img src=\x22$1\x22>');v=document.createElement('div');v.id='ujs_pv';v.style='position:absolute;left:'+l+'px;top:'+t+'px;height:'+(x.offsetHeight-2)+'px;width:'+(x.offsetWidth-10)+'px;overflow:auto;background:white;padding:0 4px;border:1px solid gray;';v.innerHTML=h;document.documentElement.appendChild(v)})()", , "Preview", "Search""


Step3.修改皮肤
1.将附件里的BBcode文件夹，放到opera/skin里的standard_skin.zip里面
2.打开standard_skin.zip里的skin.ini，在最后添加如下代码

bb_bbcode       =bbcode/bbcode.png
bb_b                 =bbcode/b.png
bb_i                 =bbcode/i.png
bb_s                 =bbcode/s.png
bb_u                 =bbcode/u.png
bb_quote         =bbcode/quote.png
bb_code           =bbcode/code.png
bb_color         =bbcode/color.png
bb_cut             =bbcode/cut.png
bb_copy           =bbcode/copy.png
bb_paste         =bbcode/paste.png
bb_li               =bbcode/li.png
bb_ul               =bbcode/ul.png
bb_para           =bbcode/paragraph.png
bb_bb_normal  =bbcode/justify.png
bb_center       =bbcode/center.png
bb_left           =bbcode/left.png
bb_right         =bbcode/right.png
bb_backcolor =bbcode/backcolor.png
bb_font           =bbcode/font.png
bb_fontsize    =bbcode/fontsize.png
bb_fontcolor =bbcode/fontcolor.png
bb_link           =bbcode/link.png
bb_img             =bbcode/img.png

bb_color_Blue             =bbcode/Color_Blue.png
bb_color_Brown           =bbcode/Color_Brown.png
bb_color_Chocolate   =bbcode/Color_Chocolate.png
bb_color_Coral           =bbcode/Color_Coral.png
bb_color_Crimson       =bbcode/Color_Crimson.png
bb_color_DarkBlue     =bbcode/Color_DarkBlue.png
bb_color_DarkRed       =bbcode/Color_DarkRed.png
bb_color_DeepPink     =bbcode/Color_DeepPink.png
bb_color_Firebrick   =bbcode/Color_Firebrick.png
bb_color_Gray             =bbcode/Color_Gray.png
bb_color_Green           =bbcode/Color_Green.png
bb_color_Indigo         =bbcode/Color_Indigo.png
bb_color_LimeGreen   =bbcode/Color_LimeGreen.png
bb_color_Orange         =bbcode/Color_Orange.png
bb_color_OrangeRed   =bbcode/Color_OrangeRed.png
bb_color_Purple         =bbcode/Color_Purple.png
bb_color_Red               =bbcode/Color_Red.png
bb_color_RoyalBlue   =bbcode/Color_RoyalBlue.png
bb_color_SandyBrown =bbcode/Color_SandyBrown.png
bb_color_SeaGreen     =bbcode/Color_SeaGreen.png
bb_color_Sienna         =bbcode/Color_Sienna.png
bb_color_Silver         =bbcode/Color_Silver.png
bb_color_SkyBlue       =bbcode/Color_SkyBlue.png
bb_color_Teal             =bbcode/Color_Teal.png
bb_color_Tomato         =bbcode/Color_Tomato.png
bb_color_White           =bbcode/Color_White.png
bb_color_Yellow         =bbcode/Color_Yellow.png


Step4.添加javascript，和BBcode按钮,设置
1.将BBcode.js放到你的js目录下，不知道路径的点击这里
bbcode.js在附件里

---

2.添加按钮（点击或拖拽到工具栏上）
其实这个按钮默认就有，下面的是换了一下图标
UBB工具栏
UBB Toolbar

button.png

---

3.之后进入外观》工具栏》点击查看栏，按图修改

toolbar.png

Step5.OVER
OK，你的BBcode工具栏大功告成了~
再次感谢ezibo

[Csineneo]

谢谢分享

[autoxbc]

收了备用，之前用的是俄版。

[saga2008]

很不错，不过喜欢简单的恢复。

[ezibo]

弄这点代码不费事，
辛苦的是那些图标啊

[ttttaaaa]

谢谢分享
说明也很详细- -

[togofree]

自己移植

[Jeanette]

哈哈，好漂亮哦，很喜欢！那么好的东西，我居然刚刚看到~~~

[往事随风]

终于搞

定

了

[pinkone]

我想做面板不做工具栏可以不 15寸液晶

[心灵代码]

我可　找到实用的新货了。
跟以前　法师的教程不大一样了。

[心灵代码]

那请教大侠：

<P><EMBED title=dvubb width=1 height=1 type=application/x-mplayer2 autoplay="false" filename="音乐地址"showdisplay="0" showc showstatusbar="0" showgotobar="0" autostart="TRUE" playcount="0" volume="0"></EMBED></P>

这样的代码，如何搞去进呢，刚才试了一下，

搞成了：Button18, "透明音乐代码", 100, 2, , 0="Go to page, "javascript:ujs_bbcode_tag('[<P><EMBED title=dvubb width=1 height=1 type=application/x-mplayer2 autoplay="false" filename="]')", , , "bb_"showdisplay="0" showc showstatusbar="0" showgotobar="0" autostart="TRUE" playcount="0" volume="0"></EMBED></P>""
没有成功.

[DemoJameson]

这样的代码，如何搞去进呢

Go to page, "javascript:ujs_bbcode_tag('<P><EMBED title=dvubb width=1 height=1 type=application/x-mplayer2 autoplay=%22false%22 filename=%22','%22 showdisplay=%220%22 showc showstatusbar=%220%22 showgotobar=%220%22 autostart=%22TRUE%22 playcount=%220%22 volume=%220%22></EMBED></P>');"

[心灵代码]

这样的代码，如何搞去进呢

Go to page, "javascript:ujs_bbcode_tag('<P><EMBED title=dvubb width=1 height=1 type=application/x-mplayer2 autoplay=%22false%22 filename=%22','%22 showdisplay=%220%22 showc showstatusbar=%220%22 showgotobar=%220%22 autostart=%22TRUE%22 playcount=%220%22 volume=%220%22></EMBED></P>');"

多谢，成功了。好用多了，武器又升级了。高手　就是高手。

佩服　。

[敏感词]

挑现成的白菜梆子路过~

[lm91128]

10.0没有Document View Toolbar.content？怎么办。。。

[autoxbc]

一个工具栏没有修改过在用户自己的 standard_toolbar(1).ini 中就没有相关字段，把查看栏显示出来拖拽几个按钮就有了。

[一月三十一日郎]

有点瑕疵啊，缺少了个图标~怎样给加上？

[autoxbc]

Opera 10 内嵌了 html 编辑工具，目前只能用在写邮件中，不过其中的图标可以放在 bbcode 工具栏，皮肤中的 html_compose 就是相关资源，引用时的名字可以在 skin.ini 中查找。添加超链接可以用 Mail Compose Link，就像这样 。

[qq75711705]

顶楼主...太好用了!