Stardoll Presentaion Html's

These are basic HTML codes for stardoll presentation's, to use paste the code into the editable section on htmledit.squarefree and then drag onto your stardoll presentation and save. Its pretty simple. I've made this somewhat easier by highlighting the editable areas in blue, these change the sizing, fonts, colors and styles of things. Do not edit anything that I have no highlighted blue unless you are experienced in HTML or you know what you're doing or it will cause errors in your HTML.

If you'd like to change the colour of something you can generally just type white, black, red, blue, orange etc. and you'd get that colour but if you'd like a variant of that colour I suggest pasting in the colour code instead, my favorite site for colour codes is html-color-codes.info/

When editing borders you can set the style as either dotted, dashed, double, inset, outset, groove, solid and ridge here are some examples of what each border style looks like. 1

 The width of your border is also measured in px, or instead of using px where it says for example 2px you can change that to either thin, medium or thick. Here is an example of how thick your border will turn out to be depending on what you choose.
I hope this brief explanation has helped, if you have any further questions feel free to comment here or in my guestbook


Simple Codes

Simple text code:
<p style="text-align: center"><span style="font-size: 30px; font-family: Century Gothic">Your Text Here</p>

Squashed Text:
<p style="font-size: 40px; text-align: center; letter-spacing: -0.2em">Your Text Here</p>

Text colour:
<p style="color: #736AFF; text-align: center; font-size: 50px">Your Text Here</p>

Backgrounds:
<p style="font-size: 40px; text-align: center; background-color: #000000; color: #F6358A">Black Background</p>

Borders:
<p style="text-align: center; border: 10px dotted pink;  font-size: 20px; text-shadow: 1px 1px 5px green; background-color:  violet">Your Text Here</p>

Text-Shadows:
<p style="text-shadow: 4px 4px 5px green; color: white; background-color:black; text-align: center; font-size: 30px">Your Text Here</p>

Scroll Boxes:
<p style="text-shadow: 2px 2px 2px black; color: grey; border: 2px outset grey; text-align: center; background-color: white; margin: auto; height: 300px; width: 500px; overflow: auto;"><span style="font-family: OCR A Std; font-size: 60px">Heading<br><span style="color: grey; font-family: Georgia; font-size: 18px; text-shadow: 0px 0px 3px black">Quote Here<br><span style="font-size: 12px"><br>Text Text Text<br>Text Text Text<br>Text Text Text<br>Text Text Text<br>Text Text Text<br><br>ok</p>

Middle Borders:
<p style="border: 2px dotted #000000; background-color: gray; text-align: center; margin: auto; height: 200px; width: 200px"><br><br><br><br>62karylle26's Presentations</p>

-Flashing Text-
*MOZILLA ONLY*
<p style="text-decoration: blink; text-align: center; font-size: 14px">Your flashing text here</p>

Multi-Shadows:
<p style="text-align: center; text-shadow: 0px 0px 10px black, 3px 3px 2px pink, -3px -3px 2px lime; font-size: 40px">Wow</p>

Fading Stripes: 
<p style="background: #FF1493; padding: 0px; margin: 0; text-align: center; line-height: 1px;">.</p>

Squashed Line Of Text:
<p style="line-height: 10pt; text-align: center"><span style="font size:90px"><br><br><br><br><br><br>Squashed<br>Text</p>


Multiple Borders:
<p style="border: 5px solid #FF0000; margin: 0px; padding: 0pt; line-height: 0px; text-align: center; background-color: black; color: white"><span style="font-size: 40px; font-family: script mt bold"><p style="border: 5px solid #FF9900; margin: 0px; padding: 0pt; line-height: 0px; text-align: center; background-color: black; color: white"><span style="font-size: 40px; font-family: script mt bold"><p style="border: 5px solid #FFFF00; margin: 0px; padding: 0pt; line-height: 0pt; text-align: center; background-color: black; color: white"><span style="font-size: 40px; font-family: Script MT Bold">Multiple Borders!<br> </p></p></p>

Transform turn text:
webkit-transform: rotate(-90deg)

No comments:

Post a Comment