Sådan pifter du let UMS op i din egen browser

Hvor meget UMS bruges er forskelligt fra skole til skole og her kan elever bl.a. selv tilføje deres registreringsnummer ifm. en fast parkeringstilladelse (Tilkøb). Ligeledes er det her man som ansat bl.a. kan nulstille elevens kodeord mv. men hold da fast hvor trænger UMS til en overhaling ift. brugerflade hvor "designet" er direkte gyseligt.

Fra:

Til:

Nå, det vi skal er...

*Bemærk at dette er gået meget hurtigt og kan gøres bedre men her har du et udgangspunkt til at lave noget, som er lidt mere frisk i det.

1. Tilgå denne CSS and Javascript Injection (Virker til Chrome og den nye Edge-browser som er baseret på Chromium).
2. Tilføj og indsæt det CSS som du finder herunder:

CenterTopBar {
background-image: none;
background-image: linear-gradient(
-30deg
,#4d0000,#ed3333 49%,#e5f995);
}
.TopLeftTopBar {
background-image: none;
background-image: linear-gradient(
-30deg
,#4d0000,#ed3333 49%,#e5f995);
}
.TopRightTopBar {
background-image: none;
background-image: linear-gradient(
-30deg
,#e5f995,#ed3333 49%,#4d0000);
}
.SearchArea {
border: none
}
.SearchKnap {
border: none;
background-color: #fff;
height: 36px;
font-size: 16px;
font-weight: bold;
color: #000;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mO0/M/wHwAE6gI5WT4gzQAAAABJRU5ErkJggg==);
}
.SearchKnap:hover {
border: none;
background-color: #fff;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mM02Mj9HwAD8gHtLkUdxQAAAABJRU5ErkJggg==);
}
.SearchDropDownList {
background-color: #2cff00;
}
a.hMenuKnap {
display: block;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mO0/M/wHwAE6gI5WT4gzQAAAABJRU5ErkJggg==);
color: #000;
}
a.hMenuKnap:hover {
display: block;
height: 70px;
width: 309px;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mO0/M/wHwAE6gI5WT4gzQAAAABJRU5ErkJggg==);
color: #000;
}
.hMenuKnapIcon {
display: none;
width: 0px;
height: 0px;
}
.hMenuKnapHl {
font-size: 17px;
}
.MainContent {
background: none;
background-repeat: no-repeat;
background-position: right bottom;
}
.CenterTopBar {
background-image: url();
background-image: linear-gradient(
-30deg
,#ff2828,#ff2828 49%,#f6ff0e);
background-repeat: no-repeat;
min-width: 1000px;
}
a.hMenuKnap {
display: block;
background-image: linear-gradient(
-30deg
,#ff2828,#ff2828 89%,#f6ff0e);
color: #fff;
}
a.hMenuKnap:hover {
display: block;
background-image: linear-gradient(
-30deg
,#ff2828,#ff2828 89%,#f6ff0e);
color: #fff;
}
.SearchKnap {
border: none;
background-color: #fff;
height: 36px;
font-size: 16px;
font-weight: bold;
color: #000;
background-image: url();
}
.SearchKnap:hover {
border: none;
background-color: #cccccc;
height: 36px;
font-size: 16px;
font-weight: bold;
color: #000;
background-image: url();
}
a.hMenuKnap:link .hMenuKnapText, a.hMenuKnap:visited .hMenuKnapText, a.hMenuKnap:active.hMenuKnapText {
left: 65px;
color: #000;
}
.SearchDropDownList {
background-color: #d5d5d5;
}