Usuario:Coordinador/monobook.css
De Wikipedia
(Diferencia entre revisiones)
| Revisión de 20:35 8 abr 2007 Coordinador (Discusión | contribuciones) ← Ir a diferencia anterior |
Revisión de 20:36 8 abr 2007 Coordinador (Discusión | contribuciones) Ir a siguiente diferencia → |
||
| Línea 53: | Línea 53: | ||
| font-size:smaller; | font-size:smaller; | ||
| } | } | ||
| + | </pre> | ||
| And the javascript: | And the javascript: | ||
| - | + | <pre> | |
| // ============================================================ | // ============================================================ | ||
| // BEGIN Dynamic Navigation Bars (experimantal) | // BEGIN Dynamic Navigation Bars (experimantal) | ||
| Línea 166: | Línea 167: | ||
| // END Dynamic Navigation Bars | // END Dynamic Navigation Bars | ||
| // ============================================================ | // ============================================================ | ||
| + | |||
| + | </pre> | ||
| + | |||
| + | (Both from Monobook.css and Monobook.js on en:wikipedia [[User:AzaToth|AzaToth]] 17:05, 30 January 2006 (UTC) | ||
| + | |||
| + | :Hm, I tried it with [[User:Patrick/monobook.js]] and [[User:Patrick/monobook.css]] on meta, but it does not work.--[[User:Patrick|Patrick]] 02:13, 31 January 2006 (UTC) | ||
| + | |||
| + | ::Oops, I forgot the addLoadEvent: | ||
| + | <pre>function addLoadEvent(func) | ||
| + | { | ||
| + | if (window.addEventListener) | ||
| + | window.addEventListener("load", func, false); | ||
| + | else if (window.attachEvent) | ||
| + | window.attachEvent("onload", func); | ||
| + | } | ||
Revisión de 20:36 8 abr 2007
/* Standard Navigationsleisten, aka box hiding thingy from .de.*/
div.Boxmerge, div.NavFrame {
margin: 0px;
padding: 2px;
border: 1px solid #aaaaaa;
text-align: center;
border-collapse: collapse;
font-size: 95%;
} div.Boxmerge div.NavFrame {
border-style: none;
border-style: hidden;
} div.NavFrame + div.NavFrame {
border-top-style: none;
border-top-style: hidden;
} div.NavPic {
background-color: #ffffff;
margin: 0px;
padding: 2px;
float: left;
} div.NavFrame div.NavHead {
height: 1.6em;
font-weight: bold;
font-size: 100%;
background-color: #efefef;
position:relative;
} div.NavFrame p {
font-size: 100%;
} div.NavFrame div.NavContent {
font-size: 100%;
} div.NavFrame div.NavContent p {
font-size: 100%;
} div.NavEnd {
margin: 0px;
padding: 0px;
line-height: 1px;
clear: both;
} a.NavToggle {
position:absolute;
top:0px;
right:3px;
font-weight:normal;
font-size:smaller;
} </pre> And the javascript:
// ============================================================
// BEGIN Dynamic Navigation Bars (experimantal)
// set up the words in your language
var NavigationBarHide = '[ Hide ]';
var NavigationBarShow = '[ Show ]';
// set up max count of Navigation Bars on page,
// if there are more, all will be hidden
// NavigationBarShowDefault = 0; // all bars will be hidden
// NavigationBarShowDefault = 1; // on pages with more than 1 bar all bars will be hidden
var NavigationBarShowDefault = 1;
// shows and hides content and picture (if available) of navigation bars
// Parameters:
// indexNavigationBar: the index of navigation bar to be toggled
function toggleNavigationBar(indexNavigationBar)
{
var NavToggle = document.getElementById("NavToggle" + indexNavigationBar);
var NavFrame = document.getElementById("NavFrame" + indexNavigationBar);
if (!NavFrame || !NavToggle) {
return false;
}
// if shown now
if (NavToggle.firstChild.data == NavigationBarHide) {
for (
var NavChild = NavFrame.firstChild;
NavChild != null;
NavChild = NavChild.nextSibling
) {
if (NavChild.className == 'NavPic') {
NavChild.style.display = 'none';
}
if (NavChild.className == 'NavContent') {
NavChild.style.display = 'none';
}
}
NavToggle.firstChild.data = NavigationBarShow;
// if hidden now
} else if (NavToggle.firstChild.data == NavigationBarShow) {
for (
var NavChild = NavFrame.firstChild;
NavChild != null;
NavChild = NavChild.nextSibling
) {
if (NavChild.className == 'NavPic') {
NavChild.style.display = 'block';
}
if (NavChild.className == 'NavContent') {
NavChild.style.display = 'block';
}
}
NavToggle.firstChild.data = NavigationBarHide;
}
}
// adds show/hide-button to navigation bars
function createNavigationBarToggleButton()
{
var indexNavigationBar = 0;
// iterate over all < div >-elements
for(
var i=0;
NavFrame = document.getElementsByTagName("div")[i];
i++
) {
// if found a navigation bar
if (NavFrame.className == "NavFrame") {
indexNavigationBar++;
var NavToggle = document.createElement("a");
NavToggle.className = 'NavToggle';
NavToggle.setAttribute('id', 'NavToggle' + indexNavigationBar);
NavToggle.setAttribute('href', 'javascript:toggleNavigationBar(' + indexNavigationBar + ');');
var NavToggleText = document.createTextNode(NavigationBarHide);
NavToggle.appendChild(NavToggleText);
// Find the NavHead and attach the toggle link (Must be this complicated because Moz's firstChild handling is borked)
for(
var j=0;
j < NavFrame.childNodes.length;
j++
) {
if (NavFrame.childNodes[j].className == "NavHead") {
NavFrame.childNodes[j].appendChild(NavToggle);
}
}
NavFrame.setAttribute('id', 'NavFrame' + indexNavigationBar);
}
}
// if more Navigation Bars found than Default: hide all
if (NavigationBarShowDefault < indexNavigationBar) {
for(
var i=1;
i<=indexNavigationBar;
i++
) {
toggleNavigationBar(i);
}
}
}
addLoadEvent(createNavigationBarToggleButton);
// END Dynamic Navigation Bars
// ============================================================
(Both from Monobook.css and Monobook.js on en:wikipedia AzaToth 17:05, 30 January 2006 (UTC)
- Hm, I tried it with User:Patrick/monobook.js and User:Patrick/monobook.css on meta, but it does not work.--Patrick 02:13, 31 January 2006 (UTC)
- Oops, I forgot the addLoadEvent:
function addLoadEvent(func)
{
if (window.addEventListener)
window.addEventListener("load", func, false);
else if (window.attachEvent)
window.attachEvent("onload", func);
}
