ohneconker

#建站合集SysAdmin

Here is a list of elements I often use in this ohneconker blog.

A Colour Filled Textbox with an Absolutely Centered Image in it

Remarque: to make a coloured box one needs html, and the markdown format inside cannot be rendered. Thus the whole thing has to be html

Effet:

💡 1. Mark darts with tailor's tacks, leaving 1/2-in. tails.

Code:

<div style="background-color: #e8f1e1; color: #000000; padding: 10px;">
💡 1. Mark darts with tailor's tacks, leaving 1/2-in. tails.

<div class="picture_div" style="margin:0px auto; text-align:center;"><img src="https://mstd.dansmonorage.blue/system/media_attachments/files/106/524/635/641/748/966/original/96b0e8622ab2b6b5.png" alt="Mark darts with tacks"></div>

</div>

A Colour-filled Textbox without Image in it

Effet:

Code:

<div style="background-color: #e1bd7d; color: #000000; padding: 10px;">
💡 1. Mark darts with tailor's tacks, leaving 1/2-in. tails.

</div>

Expandable Colour-filled Textbox

Effet:

Code:

<div style="background-color: #e8f1e1; color: #000000; padding: 10px;">
<details>
<summary> 💡  An optional vent in the back and possible locations for the zipper. In this tuto, a vent is used (see part one section 2) </summary>
A vent in the back is optional. It will allow you to walk a lot easier than if you make the skirt without it. The vent also influences where the zipper will be located. If you choose to have no vent, the default zipper location is on the side seam, and the back will be cut-on-fold. With the vent, there has to be a seam in the back piece, and the zipper will be located on that seam.
</details>
</div>

Image with caption

Effet: