Curly Container?

[Former Member]

Jun 9, 2014 9:56:37 GMT -8 David Clark said:

@womenonly, can you link me to the forum where you're working on getting this implemented so I can see where you're at so far?

David:

I have already accomplished my curly corner.

link to forum and atthismoment.proboards.com

Both forums have the curly corner.

If the code would have both, height and width then the curly corner would make for a nice dynamic container.

[David Clark]

You should be able to control the width and height of the little page curl by using this CSS at the bottom of your style sheet, @womenonly.

.curlycontainer .innerdiv {
background-size: 25px 25px;
}

Red controls the width, and green controls the height.

[Former Member]

Jun 9, 2014 13:36:50 GMT -8 David Clark said:

You should be able to control the width and height of the little page curl by using this CSS at the bottom of your style sheet, @womenonly.

.curlycontainer .innerdiv {
background-size: 25px 25px;
}

Red controls the width, and green controls the height.

David:

Thank you for your help.

The curly  corner code was added to the top of my forum's home template.

In what part of the curly corner css & html code do I add your code?

www.dynamicdrive.com/
www.dynamicdrive.com/style/csslibrary/item/curly-corner-container/

<style type="text/css">

.curlycontainer{
border: 1px solid #b8b8b8;
margin-bottom: 1em;
width: 300px;
}

.curlycontainer .innerdiv{
background: transparent url(http://i61.tinypic.com/vh9j09.png) bottom right no-repeat;
position: relative;
left: 2px;
top: 2px;
padding: 1px 4px 15px 5px;
}

</style>



<div class="curlycontainer">
<div class="innerdiv">
<b>Some title</b> <br />
Some text here.Some text here. Some text here.<br />
Some text here.Some text here. Some text here.<br />
Some text here.Some text here. Some text here.<br />
Some text here.Some text here.
</div>
</div>

[Brian]

Add it before </style> in the code you posted, @womenonly.