风格名称:C-Vox-Catoon
风格适用版本:molyx board 2.1.4
浏览器适应度:一般,用firefox浏览时有些小错误
风格安装难度:中
风格主要色彩类型:彩色,活泼
适用分辨率:800x600 或者 1024x768
主要参照风格:6i newvbb,dv dingding-vox,pw-catoon
预览:
http://www.nowgame.cn/mbx/?styleid=9
本风格无版权,可任意传播
做得我累死。。。后面我都偷懒了--望见谅。。。
另外,风格安装了静止的vbb下拉插件,请先安装此部分
地址为
http://www.molyx.com/showthread.php?t=5545
具体修改步骤
Step 1: 修改 JS
1.1 先打开 clientscripts/global.js 文件,在最下面添加以下代码。
注意不要截断其它 function。
代码:
/*======================================================================*
|| #################################################################### ||
|| Add NewVBB Popups Menu. Hacked by NewSwim Studio's Quiescence. ||
|| #################################################################### ||
*======================================================================*/
var popups_usepopups = false;
var ignorequotechars = 0;
var vbDOMtype = '';
if (document.getElementById)
{
vbDOMtype = "std";
}
else if (document.all)
{
vbDOMtype = "ie4";
}
else if (document.layers)
{
vbDOMtype = "ns4";
}
var vBobjects = new Array();
function fetch_object(idname, forcefetch)
{
if (forcefetch || typeof(vBobjects[idname]) == "undefined")
{
switch (vbDOMtype)
{
case "std":
{
vBobjects[idname] = document.getElementById(idname);
}
break;
case "ie4":
{
vBobjects[idname] = document.all[idname];
}
break;
case "ns4":
{
vBobjects[idname] = document.layers[idname];
}
break;
}
}
return vBobjects[idname];
}
function do_an_e(eventobj)
{
if (!eventobj || is_ie)
{
window.event.returnValue = false;
window.event.cancelBubble = true;
return window.event;
}
else
{
eventobj.stopPropagation();
eventobj.preventDefault();
return eventobj;
}
}
function popups_register(controlid, nowrite, datefield)
{
if (popups_usepopups)
{
popups_doregister(controlid, nowrite, datefield);
}
}
1.2 新建一个名为 popups_menu 的 JS 文件,并储存到 clientscripts 文件夹下。然后将下面代码复制到这个文件中。
代码:
/*======================================================================*
|| #################################################################### ||
|| Copyright 2000-2005 Jelsoft Enterprises Ltd. All Rights Reserved.||
|| Powered by VBULLETIN.||
|| Add NewVBB Popups Menu. Hacked by NewSwim Studio's Quiescence. ||
|| #################################################################### ||
*======================================================================*/
<!--
var popups_usepopups = true;
var popups_registered = new Array();
var popups_initialized = new Array();
var popups_activemenus = new Array();
var popups_currentactive = false;
var slidetimer = false;
var popups_opensteps = 10;
var popups_doslide = true;
var popups_dofade = false; // can be very slow
var popups_datefields = new Array();
// #############################################################################
// another function to handle the different event models of different browsers
// and prevent event bubbling in a lesser way
function e_by_gum(eventobj)
{
if (!eventobj || is_ie)
{
window.event.cancelBubble = true;
return window.event;
}
else
{
if (eventobj.target.type == 'submit')
{
// naughty safari
eventobj.target.form.submit();
}
eventobj.stopPropagation();
return eventobj;
}
}
// #############################################################################
// get left position of elm
function fetch_object_posleft(elm)
{
var left = elm.offsetLeft;
while((elm = elm.offsetParent) != null)
{
left += elm.offsetLeft;
}
return left;
}
// #############################################################################
// get top position of elm
function fetch_object_postop(elm)
{
var top = elm.offsetTop;
while((elm = elm.offsetParent) != null)
{
top += elm.offsetTop;
}
return top;
}
// #############################################################################
function popups_doregister(controlid, nowrite, datefield)
{
if (document.getElementsByTagName)
{
var controlobj = fetch_object(controlid);
if (controlobj)
{
if (datefield)
{
popups_datefields[controlid] = datefield;
}
popups_registered[popups_registered.length] = controlid;
if (!nowrite)
{
document.write('<img src="' + IMGDIR_MISC + '/menu_open.gif" alt="" border="0" />');
}
return true;
}
}
return false;
}
// #############################################################################
// function to get the menu basename - 'menu.104' returns 'menu', 'x.menu' returns 'x'
function popups_getmenuid(controlid)
{
var dotpos = controlid.indexOf(".");
if (dotpos != -1)
{
return controlid.substr(0, dotpos);
}
else
{
return controlid;
}
}
// #############################################################################
// handle menu control mouseover events
function popups_eventhandler_mouseover(e)
{
e = do_an_e(e);
popups_hover(this);
}
// #############################################################################
// handle menu control click events
function popups_eventhandler_click(e)
{
e = do_an_e(e);
popups_open(this);
}
// #############################################################################
// close all open menus
function popups_close()
{
if (popups_currentactive)
{
for (key in popups_activemenus)
{
fetch_object(popups_getmenuid(key) + "_menu").style.display = "none";
popups_activemenus[key] = false;
}
}
popups_currentactive = false;
if (slidetimer)
{
clearTimeout(slidetimer);
slidetimer = false;
}
if (is_ie)
{
selects = document.getElementsByTagName("select");
for (var i = 0; i < selects.length; i++)
{
selects[i].style.visibility = "visible";
}
}
}
// #############################################################################
// open menu under pointer if another menu is active
function popups_hover(elm)
{
for (key in popups_activemenus)
{
if (popups_activemenus[key] == true && key != elm.id)
{
popups_open(elm);
return;
}
}
}
// #############################################################################
// detect if selectobj overlaps m
function popups_overlap(selectobj, m)
{
s = new Array();
s['L'] = fetch_object_posleft(selectobj);
s['T'] = fetch_object_postop(selectobj);
s['R'] = s['L'] + selectobj.offsetWidth;
s['B'] = s['T'] + selectobj.offsetHeight;
if (s['L'] >= m['L'] && s['L'] <= m['R'] && ((s['T'] >= m['T'] && s['T'] <= m['B']) || (s['B'] >= m['T'] && s['B'] <= m['B']))) { return true; }
else if (s['R'] >= m['L'] && s['R'] <= m['R'] && ((s['T'] >= m['T'] && s['T'] <= m['B']) || (s['B'] >= m['T'] && s['B'] <= m['B']))) { return true; }
else if (s['B'] >= m['T'] && s['T'] <= m['B'] && ((s['L'] >= m['L'] && s['L'] <= m['R']) || (s['R'] >= m['R'] && s['R'] <= m['R']))) { return true; }
else if (m['B'] >= s['T'] && m['T'] <= s['B'] && ((m['L'] >= s['L'] && m['L'] <= s['R']) || (m['R'] >= s['R'] && m['R'] <= s['R']))) { return true; }
else { return false; }
}
// #############################################################################
// open the clicked menu
function popups_open(elm)
{
var openmenu = popups_currentactive;
popups_close();
if (openmenu == elm.id)
{
// clicked element was the control for the currently open menu - exit
return false;
}
// get the id of the menu to be opened
var menuid = popups_getmenuid(elm.id) + "_menu";
var menuobj = fetch_object(menuid);
var force_right_slide = false;
if (typeof(popups_datefields[elm.id]) != "undefined")
{
force_right_slide = true;
fetch_object(elm.id + "_output").innerHTML = fetch_object(popups_datefields[elm.id]).value;
}
else
{
force_right_slide = false
}
popups_activemenus[elm.id] = true;
popups_currentactive = elm.id;
// get menu position
var leftpx = fetch_object_posleft(elm);
var toppx = fetch_object_postop(elm) + elm.offsetHeight;
// un-hide menu
menuobj.style.display = "";
var slidedir = 'left';
// attempt to keep menu on screen
if (force_right_slide || (leftpx + menuobj.offsetWidth) >= document.body.clientWidth)
{
leftpx = leftpx + elm.offsetWidth - menuobj.offsetWidth;
slidedir = "right";
}
else
{
slidedir = "left";
}
// shuffle the IE menus a bit
if (is_ie)
{
leftpx += (slidedir == "left") ? -2 : 2;
}
// set menu position
menuobj.style.left = leftpx + "px";
menuobj.style.top = toppx + "px";
if (is_ie)
{
menuarea = {
"L" : leftpx,
"T" : toppx,
"R" : leftpx + menuobj.offsetWidth,
"B" : toppx + menuobj.offsetHeight
};
selects = document.getElementsByTagName("select");
for (var i = 0; i < selects.length; i++)
{
if (popups_overlap(selects[i], menuarea))
{
selects[i].style.visibility = "hidden";
}
}
}
// slide menus open (internet explorer only)
if (popups_doslide && !is_opera && !is_ie4)
{
if (popups_dofade && is_ie)
{
menuobj.filters.item('DXImageTransform.Microsoft.alpha').opacity = 0;
}
var intervalX = Math.ceil(menuobj.offsetWidth / popups_opensteps);
var intervalY = Math.ceil(menuobj.offsetHeight / popups_opensteps);
if (slidedir == "left")
{
menuobj.style.clip = "rect(auto, 0px, 0px, auto)";
popups_slide_left(menuid, intervalX, intervalY, 0, 0, 0);
}
else
{
menuobj.style.clip = "rect(auto, auto, 0px, " + (menuobj.offsetWidth) + "px)";
popups_slide_right(menuid, intervalX, intervalY, menuobj.offsetWidth, 0, 0);
}
}
return false;
}
// #############################################################################
// internet explorer slide menu open left
function popups_slide_left(menuid, intervalX, intervalY, clipX, clipY, opacity)
{
var menuobj = fetch_object(menuid);
if (clipX < menuobj.offsetWidth || clipY < menuobj.offsetHeight)
{
if (popups_dofade && is_ie)
{
opacity += 10;
menuobj.filters.item('DXImageTransform.Microsoft.alpha').opacity = opacity;
}
clipX += intervalX;
clipY += intervalY;
menuobj.style.clip = "rect(auto, " + clipX + "px, " + clipY + "px, auto)";
slidetimer = setTimeout("popups_slide_left('" + menuid + "', " + intervalX + ", " + intervalY + ", " + clipX + ", " + clipY + ", " + opacity + ");", 0);
}
else
{
clearTimeout(slidetimer);
}
}
// #############################################################################
// internet explorer slide menu open right
function popups_slide_right(menuid, intervalX, intervalY, clipX, clipY, opacity)
{
menuobj = fetch_object(menuid);
if (clipX > 0 || clipY < menuobj.offsetHeight)
{
if (popups_dofade && is_ie)
{
opacity += 10;
menuobj.filters.item('DXImageTransform.Microsoft.alpha').opacity = opacity;
}
clipX -= intervalX;
clipY += intervalY;
menuobj.style.clip = "rect(auto, " + menuobj.offsetWidth + "px, " + clipY + "px, " + clipX + "px)";
slidetimer = setTimeout("popups_slide_right('" + menuid + "', " + intervalX + ", " + intervalY + ", " + clipX + ", " + clipY + ", " + opacity + ");", 0);
}
else
{
clearTimeout(slidetimer);
}
}
// #############################################################################
// function to navigate to the href of the first found <a> tag
function popups_navtolink(e)
{
childLinks = this.getElementsByTagName("a");
if (childLinks[0])
{
if (is_ie)
{
// use this in IE to send HTTP_REFERER
childLinks[0].click();
window.event.cancelBubble = true;
}
else
{
// other browsers can use this
if (e.shiftKey)
{
window.open(childLinks[0].href);
e.stopPropagation();
e.preventDefault();
}
else
{
window.location = childLinks[0].href;
e.stopPropagation();
e.preventDefault();
}
}
}
}
// #############################################################################
// function to toggle the background class of a menu option
function popups_switch_option_bg(e)
{
if (is_moz)
{
moz_rclick(e);
}
this.className = (this.className == "popups_option") ? "popups_hilite" : "popups_option";
popups_hand_pointer(this);
}
// #############################################################################
// function to set the cursor to be pointer/hand
function popups_hand_pointer(obj)
{
try
{
obj.style.cursor = "pointer";
}
catch(e)
{
obj.style.cursor = "hand";
}
}
// #############################################################################
// function to initialize a single menu entry
function popups_init(controlid)
{
var menuid = popups_getmenuid(controlid) + "_menu";
var menuobj = fetch_object(menuid);
if (document.getElementsByTagName && menuobj)
{
// do control object
var controlobj = fetch_object(controlid);
popups_hand_pointer(controlobj);
controlobj.unselectable = true;
controlobj.onclick = popups_eventhandler_click;
controlobj.onmouseover = popups_eventhandler_mouseover;
// don't initialize the same popup menu twice
if (typeof(popups_initialized[menuid]) != "undefined")
{
return;
}
// do popup menu object
var popupobj = fetch_object(menuid);
popupobj.style.display = "none";
popupobj.style.position = "absolute";
popupobj.style.left = "0px";
popupobj.style.top = "0px";
popupobj.onclick = e_by_gum;
// reset inner table width
var tables = popupobj.getElementsByTagName("table");
if (tables.length > 0)
{
tables[0].width = "";
}
// init popup filters (ie only)
if (is_ie)
{
popupobj.style.filter += "progid:DXImageTransform.Microsoft.alpha(enabled=1,opacity=100)";
popupobj.style.filter += "progid:DXImageTransform.Microsoft.shadow(direction=135,color=#8E8E8E,strength=3)";
}
// do menu options
var tds = popupobj.getElementsByTagName("td");
for (var i = 0; i < tds.length; i++)
{
if (tds[i].className == "popups_option")
{
tds[i].style.cursor = "default";
if (tds[i].title == "nohilite")
{
tds[i].title = "";
}
else
{
tds[i].onmouseover = popups_switch_option_bg;
tds[i].onmouseout = popups_switch_option_bg;
tds[i].onclick = popups_navtolink;
if (!is_saf && !is_kon)
{
try
{
var links = tds[i].getElementsByTagName("a");
for (var j = 0; j < links.length; j++)
{
if (typeof(links[j].onclick) == "undefined")
{
links[j].onclick = e_by_gum;
}
}
}
catch(e)
{
// hmm
}
}
}
}
else if (is_moz)
{
tds[i].onmouseover = moz_rclick;
tds[i].onmouseout = moz_rclick;
}
}
popups_initialized[menuid] = true;
}
}
function returnfalse()
{
return false;
}
function moz_rclick(e)
{
if (e.type == 'mouseover')
{
document.onclick = '';
}
else
{
document.onclick = popups_close;
}
}
// #############################################################################
// ############## Main vBulletin javascript Initialization #####################
// #############################################################################
function board_init()
{
if (is_webtv)
{
return true;
}
var imgs = null;
switch (vbDOMtype)
{
case "std": imgs = document.getElementsByTagName("img"); break;
case "ie4": imgs = document.all.tags("img"); break;
default:imgs = false;break;
}
if (imgs)
{
// set 'title' tags for image elements
for (var i = 0; i < imgs.length; i++)
{
if (!imgs[i].title && imgs[i].alt != "")
{
imgs[i].title = imgs[i].alt;
}
}
}
// init registered menus
if (popups_usepopups && popups_registered.length > 0)
{
for (i in popups_registered)
{
popups_init(popups_registered[i]);
}
// close all menus on mouse click
document.onclick = popups_close;
}
return true;
}
// -->
如果嫌这两步比较麻烦,可以用我附件 clientscripts.rar 压缩包中的文件替换原文件就是了。
Step 2: 修改语言包
2.1 打开 lang/global.php
在最下面的“);”上面添加下面代码。当然,也可以根据自己的需要改成其它的,或者添加一些新的
代码:
//add hacked lang
'_myposts'=> '我参与的主题',
'_mypostthread'=> '我发表的主题',
======================================
至此就可以了,然后按照一般的风格导入,更新缓存就可以
注意:不要优化css
title的原图