's */ } .top-left2, .bottom-left2 { margin-right: 12px; /* CHANGE: replace by the width of one of your corners */ } .top-right2, .bottom-right2 { margin-left: 12px; /* CHANGE: replace by the width of one of your corners */ margin-top: -12px; /* CHANGE: replace by the height of one of your corners */ } .top-right2 { background-position: 100% 0; /* DNC: position right corner at right side, no vertical changes */ } .bottom-left2 { background-position: 0 -12px; /* CHANGE: replace second number by negative height of one of your corners */ } .bottom-right2 { background-position: 100% -12px; /* CHANGE: replace second number by negative height of one of your corners */ } .inside2 { margin-left: 12px; /* CHANGE: replace by the width of one of your corners */ margin-right: 12px; /* CHANGE: replace by the width of one of your corners */ background: #000; /* YCC: background-color of the inside */ /* YCC: default text-color of the inside */ padding-left: 10px; /* YCC: all texts at some distance of the left border */ padding-right:10px; /* YCC: all texts at some distance of the right border */ text-align: left; /* YCC: position of all texts inside */ } .inside2 h1 { font-size:24px; text-transform: uppercase; color: #ffcb05; height:24px; margin-top:-12px; font-weight: normal; } .notopgap2 { margin-top: 0; width:0; font-size:0; } /* DNC: to avoid splitting of the box */ .nobottomgap2 { margin-bottom: 0;width:0; font-size:0; } /* DNC: to avoid splitting of the box */ .insideleft2, .insideright2 { background-image: url('borders-lr-double2.png'); /* CHANGE: path and name of your image2 */ background-repeat: repeat-y; /* DNC: to pile the image2 as much as needed */ } .insideright2 { background-position: 100% 0; } /* DNC: position right corner */