Bord Boxen
Die Bord Boxen sind die EK Boxen, nur das die Funktion Border-radius hinzugefügt wurde.
Schritt 1:
- Gehe auf "Design einstellen",
- Dann auf "Erweiterte Einstellungen"
- In "Text über Design ...
- ... und suche diesen Code:
Schritt 1:
- Gehe auf "Design einstellen",
- Dann auf "Erweiterte Einstellungen"
- In "Text über Design ...
- ... und suche diesen Code:
/* Aussehen der Boxen Boxen */
.boxen {
width: 90%;
min-height: 100px;
padding: 10px;
margin-top: 30px;
background-color: #DCC006;
border: 1px solid #c9c9c9;
overflow: hidden;
transition: all 0.5s linear 0s;
}
/* Aussehen Balken mit Ueberschrift */
.boxen h2 {
background-color: #F5F2F2;
color: black;
font-size: 14px;
margin: -10px 0px 20px -20px;
width: 270px;
padding-left: 30px;
box-shadow: 3px 5px 10px 5px #F5F2F2;
}
.boxen:hover {
background-color: #1275B3;
transition: all 0.5s linear 0s;
}
.boxen {
width: 90%;
min-height: 100px;
padding: 10px;
margin-top: 30px;
background-color: #DCC006;
border: 1px solid #c9c9c9;
overflow: hidden;
transition: all 0.5s linear 0s;
}
/* Aussehen Balken mit Ueberschrift */
.boxen h2 {
background-color: #F5F2F2;
color: black;
font-size: 14px;
margin: -10px 0px 20px -20px;
width: 270px;
padding-left: 30px;
box-shadow: 3px 5px 10px 5px #F5F2F2;
}
.boxen:hover {
background-color: #1275B3;
transition: all 0.5s linear 0s;
}
Den Orangen Bereich müssen wir erneuern.
Schritt 2:
Nach "transition: all 0.5s linear 0s; kommt dieser Code
border-radius: 10px 10px 10px 10px;
Schritt 3:
Als letztes muss dieser Code in der "Rechten Box" eingefügt werden:
Die Überschrift und den Textinhalt kannst du jetzt auch bearbeiten.
Diese Boxen basieren auf den Code von Clean-test.de.tl
Als letztes muss dieser Code in der "Rechten Box" eingefügt werden:
<div class="boxen"> <h2>Überschrift</h2> Hier Dein Inhalt Box 1 </div> <div class="boxen"> <h2>Überschrift</h2> Hier Dein Inhalt Box 2 </div> <div class="boxen"> <h2>Überschrift</h2> Hier Dein Inhalt Box 3 </div>
Die Überschrift und den Textinhalt kannst du jetzt auch bearbeiten.
Diese Boxen basieren auf den Code von Clean-test.de.tl