Fresh Rounded
Wichtig: Dieses Design basiert auf dem Rounded-Template
Verbesserung des Templates Rounded!
Hier gibts alle Grafiken, die dafür benötigst!
Du kannst für jeden Bereich eine eigene Farbe einstellen, da die transparenten Grafiken für die Schatten und Lichtreflexe sorgen.
Anpassungsbeispiel: hier.
» Rundum anpassbar! » Eigene Farben einstellbar!
Diese CSS-Codes musst du einfach unter Design bearbeiten bei Eigenes CSS (für Profis) einfügen, damit das Design richtig funktioniert:
h1 { /* Überschrift 1 */
font-size: 22px;
font-weight: normal;
color: #313131;
padding: 0px 0px 8px 0px;
}
h2 { /* Überschrift 2 */
font-size: 19px;
font-weight: normal;
color: #313131;
padding: 0px 0px 8px 0px;
}
h3 { /* Überschrift 3 */
font-size: 17px;
font-weight: normal;
color: #313131;
padding: 0px 0px 8px 0px;
}
h4 { /* Überschrift 4 */
font-size: 15px;
font-weight: normal;
color: #313131;
padding: 0px 0px 8px 0px;
}
#container { /* Gesamte Box */
width: 800px;
border: solid 0.01em #a1a1a1;
}
#head { /* Header */
width: 740px;
height: 160px;
}
#mainbar { /* Navigation */
width: 800px;
box-shadow: none;
border: solid 0.01em #a1a1a1;
border-width: 0.01em 0 0.01em 0;
}
/* Ausgewählter Link - Mein Account */
.dynamic-tab-pane-control .tab-row .tab.selected a {
padding-top: 7px;
}
.boxItemTitle span { /* Boxentitel */
color: #313131;
font-size: 14px;
padding: 8px !important;
}
a[href="/impressum.html"]:before { /* Impressumsymbol */
content: url(https://s3.yooco-static.de/s3/images/website/1575172/image/Rounded/Impressum.png);
vertical-align: middle;
}
a[href="/datenschutz.html"]:before { /* Datenschutzsymbol */
content: url(https://s3.yooco-static.de/s3/images/website/1575172/image/Rounded/lock-icon.png);
vertical-align: middle;
}
a[href="/abuse.html"]:before { /* Missbrauchsymbol */
content: url(https://s3.yooco-static.de/s3/images/website/1575172/image/Rounded/missbrauch.png);
vertical-align: middle;
}
a[href="/agb.html"]:before { /* AGB-Symbol */
content: url(https://s3.yooco-static.de/s3/images/website/1575172/image/Rounded/paragraph.png);
vertical-align: middle;
}
a[href="/agb.html"], a[href="/abuse.html"], a[href="/datenschutz.html"], a[href="/impressum.html"] {
text-decoration: none !important;
}
#newHeaderLoggedin {
background-color: rgba(255,255,255,0.5);
padding: 5px;
border-radius: 7px;
width: 230px;
float: right;
border: 2px solid rgba(255,255,255,0.5);
}
font-size: 22px;
font-weight: normal;
color: #313131;
padding: 0px 0px 8px 0px;
}
h2 { /* Überschrift 2 */
font-size: 19px;
font-weight: normal;
color: #313131;
padding: 0px 0px 8px 0px;
}
h3 { /* Überschrift 3 */
font-size: 17px;
font-weight: normal;
color: #313131;
padding: 0px 0px 8px 0px;
}
h4 { /* Überschrift 4 */
font-size: 15px;
font-weight: normal;
color: #313131;
padding: 0px 0px 8px 0px;
}
#container { /* Gesamte Box */
width: 800px;
border: solid 0.01em #a1a1a1;
}
#head { /* Header */
width: 740px;
height: 160px;
}
#mainbar { /* Navigation */
width: 800px;
box-shadow: none;
border: solid 0.01em #a1a1a1;
border-width: 0.01em 0 0.01em 0;
}
/* Ausgewählter Link - Mein Account */
.dynamic-tab-pane-control .tab-row .tab.selected a {
padding-top: 7px;
}
.boxItemTitle span { /* Boxentitel */
color: #313131;
font-size: 14px;
padding: 8px !important;
}
a[href="/impressum.html"]:before { /* Impressumsymbol */
content: url(https://s3.yooco-static.de/s3/images/website/1575172/image/Rounded/Impressum.png);
vertical-align: middle;
}
a[href="/datenschutz.html"]:before { /* Datenschutzsymbol */
content: url(https://s3.yooco-static.de/s3/images/website/1575172/image/Rounded/lock-icon.png);
vertical-align: middle;
}
a[href="/abuse.html"]:before { /* Missbrauchsymbol */
content: url(https://s3.yooco-static.de/s3/images/website/1575172/image/Rounded/missbrauch.png);
vertical-align: middle;
}
a[href="/agb.html"]:before { /* AGB-Symbol */
content: url(https://s3.yooco-static.de/s3/images/website/1575172/image/Rounded/paragraph.png);
vertical-align: middle;
}
a[href="/agb.html"], a[href="/abuse.html"], a[href="/datenschutz.html"], a[href="/impressum.html"] {
text-decoration: none !important;
}
#newHeaderLoggedin {
background-color: rgba(255,255,255,0.5);
padding: 5px;
border-radius: 7px;
width: 230px;
float: right;
border: 2px solid rgba(255,255,255,0.5);
}