Karierter Block

Wichtig: Dieses Design basiert auf dem Standarddesign!

Ein originelles Collegeblockdesign - für JEDE Yooco-Community!

Hier gibts alle Grafiken, die dafür benötigst!

Live-Vorschau: hier.

» Unglaublich vielfältig » Wie ein echter Collegeblock

Diese CSS-Codes musst du einfach unter Design bearbeiten bei Eigenes CSS (für Profis) einfügen, damit das Design richtig funktioniert:

/* Header vergrößern */
#head {
height: 170px;
}
/* Navi vergrößern */
#mainbar {
height: 35px;
}
/* Navi zusammenruecken */
#mainbar ul li a {
font-size: 13px;
padding-top: 12px;
}
/* Logo verschieben*/
#head_left img {
padding-top: 5px;
}
/* Wiederholung des Hauptbereichs(Content) */
#content {
background-repeat: repeat-y;
background-position: bottom;
}
/* Leiste unter der Navi */
#breadcrumb {
background-image: url(https://thenumbers.yooco.de/uploads/s3/images/website/1575172/image/blockcontentkariert.png);
}
/* Hover-Button der Hauptnavi */
#mainbar ul li a:hover {
background-image: url(https://thenumbers.yooco.de/uploads/s3/images/website/1575172/image/navihover2.png);
background-color: transparent;
border-color: transparent;
}
/* Aktiver Button der Hauptnavi */
#mainbar ul li a.active {
background-image: url(https://thenumbers.yooco.de/uploads/s3/images/website/1575172/image/navihover2.png);
background-color: transparent;
border-color: transparent;
text-decoration: underline;
}
/* Mein Account Button */
.dynamic-tab-pane-control .tab-row .tab a {
background-image: url(https://thenumbers.yooco.de/uploads/s3/images/website/1575172/image/MeinAccount.png);
color: #000000;
text-shadow: 0 0 0.5em #fff, 0 0 0.5em #fff, 0 0 0.5em #fff;
}
/* Mein Account Hover-Button */
.dynamic-tab-pane-control .tab-row .tab a:hover {
background-image: url(https://thenumbers.yooco.de/uploads/s3/images/website/1575172/image/MeinAccount.png);
color: #a10101;
text-shadow: 0 0 0.5em #fff, 0 0 0.5em #fff, 0 0 0.5em #fff;
}
/* Mein Account aktiver Button */
.dynamic-tab-pane-control .tab-row .tab.selected a, .dynamic-tab-pane-control .tab-row .tab.selected a:hover {
background-image: url(https://thenumbers.yooco.de/uploads/s3/images/website/1575172/image/MeinAccountAktiv.png);
color: #000000;
text-shadow: 0 0 0.5em #fff, 0 0 0.5em #fff, 0 0 0.5em #fff;
}