CSS template (same as my last) with bg images instead of colors)

This specific css is for Ilovewolves3, but if you'd like to use this template and put in your own BG images and font/border color feel free to.

Code is at the bottom of the page

need any help making your own just ask

BEFORE YOU POST YOUR CODE

"click splt summary at cursor" post in SECOND box

do not remove credits

show me your bio after using this, I'd love to see what you did with it!



TITLE


Pelt | Antlers | Mask | Magic








TITLE


Name:
Age:
Size:
Pictogram:
Gender:
Sexuality:
Scent:
Speaks in:

Relationships
text

Art
[url=profile link]username[/url] [url=image url]x[/url]





TITLE


Appearance:
text

Personality:
text

History
text

In the forest
text

Role Play
text






Original Template Design © Mizu-chan
Codes found here
Glowing text code found here
Content ideas found here
Background image stock found here



<center><div style="width:750px; height: 1200px; overflow:auto; background-image:url('http://i1113.photobucket.com/albums/k516/MyouBade/1ef4b60f-f9dd-4819-bc19-c82ddf0d27b0_zps40ed01cd.jpg');
background-repeat:no-repeat;
padding-left:20px;text-align:justify; font: verdana 10px;-moz-border-radius: 100px 100px;border-radius: 100px 100px;border: 2px solid #FFF26B"><br />
<center><span style="text-shadow: #FFF26B 1px 1px 5px; color: #FFEE2A; font:italic small-caps bold 48px/54px Garamond, Georgia, Times, Serif;width:200px;">TITLE</span>
</center>
<table style="border:hidden">
<tr>
<td>
<center><div style="width:650px; height: 400px; overflow:auto; background-image:url('http://i1113.photobucket.com/albums/k516/MyouBade/tansparency650x400_zps9fd8c85a.png');
background-repeat:no-repeat;
padding-left:20px;text-align:justify; font: verdana 10px;-moz-border-radius: 100px 100px;border-radius: 100px 100px;border: 2px solid #FFF26B"><br /><center style="color: #FFEE2A;"> <b>Pelt | Antlers | Mask | Magic
</b>
</center>

</center>
</div>
</div>
</td>
<table style="border:hidden">
<tr>
<td>
<center><div style="width:300px; height: 400px; overflow:auto; background-image:url('http://i1113.photobucket.com/albums/k516/MyouBade/transparency_zpsdbaf64c4.png');
background-repeat:no-repeat;
padding-left:20px;;text-align:justify; font: verdana 10px;-moz-border-radius: 100px 100px;border-radius: 100px 100px; overflow:scroll;border: 2px solid #FFF26B"><br /><center style="color: #FFEE2A; text-shadow: #FFF26B 1px 1px 5px;"> <b>TITLE</b>
</center>
<left style="color: #FFEE2A">
<b>Name:</b>
<b>Age:</b>
<b>Size:</b>
<b>Pictogram:</b>
<b>Gender:</b>
<b>Sexuality:</b>
<b>Scent:</b>
<b>Speaks in:</b>

<b>Relationships</b>
text 

<b>Art</b>
[url=profile link]username[/url] [url=image url]x[/url] 

</left>
</div>
</div>
</td>
<td>
<center><div style="width:300px; height: 400px; overflow:auto; background-image:url('http://i1113.photobucket.com/albums/k516/MyouBade/transparency_zpsdbaf64c4.png');
background-repeat:no-repeat;
padding-left:20px;;text-align:justify; font: verdana 10px;-moz-border-radius: 100px 100px;border-radius: 100px 100px;overflow:scroll;border: 2px solid #FFF26B"><br /><center style="color: #FFEE2A; text-shadow: #FFF26B 1px 1px 5px;"> <b>TITLE</b>
</center>
<left style="color: #FFEE2A">
<b>Appearance:</b>
text

<b>Personality:</b>
text 

<b>History</b>
text

<b>In the forest</b> 
text

<b>Role Play</b>
text 

</left>
</div>
</div>
</td>
</tr>
</table>


<center>Original Template Design © [*url=http://www.endlessforest.org/community/mizuchan]Mizu-chan[*/url]
Codes found [*url=http://www.endlessforest.org/community/useful-css-codes]here[*/url]
Glowing text code found [*url=http://www.endlessforest.org/community/glowing-text-code]here[*/url]
Content ideas found [*url=http://www.endlessforest.org/community/lady-pond-lily]here[*/url]
Background image stock found [*url=http://www.hdwallpaperspics.com/starry-night-sky-wallpapers.html]here[*/url]</center>
</div>
Osmotious's picture

haha! i just edited the old

haha! i just edited the old one adding images in, if only i would have waited. Hey thanks for these templates, it helps out the new CSS-ers like myself. A question, how do i make invisible scroll bars?
add me on discord: Krisaur#9391

Your welcome lol, I'd like to

Your welcome lol, I'd like to see what you've done .3.

also I'm not sure about invisible scrollbars yet that's a tad out of my league. I'm working on trying to get one of the codes I've found to work. I will make and update on both my template's once I've figured it out.

(someone just gave me advice on it, if it works I will have the template uploaded here soon)
Osmotious's picture

sure here you go. This was

sure here you go. This was the bio i was working on with the old CSS, instead of each box having an image i gave them transparent backgrounds and it just shows the main background from the back.
http://endlessforest.org/community/osmotious-bio
add me on discord: Krisaur#9391

It looks good, but why is the

It looks good, but why is the image above the top box instead of inside? If you want it outside and don't plan on filling that space you can resize the box to only take up as much space as needed.

And you character is awesome o3o

(btw how you make box transparent just remove the bg?)
Osmotious's picture

the way i make a box

the way i make a box transparent was by adding an extra ## in front of the fill color. It happened on accident.

And thank you. I also am planning on filling that box, eventually it's just my mind was tired of numbers and letters lol.
add me on discord: Krisaur#9391

Oh lol, I see. And cool I'll

Oh lol, I see. And cool I'll have to try that sometime.