HTML

Status:
Joined: March 18, 2011
Last Seen: 3 years

Hello!
Welcome to my presentation making account for my Stardoll club, HTML♥
My main account is Chosen21 on both Witty & Stardoll.
Here, I will exhibit presentation samples, codes, & more :)
I might make a presentation blog, but I know for now, I have this witty account.
Below are just a few samples & codes. Please follow me & add a comment on any questions, suggestions, etc. that you might have.
Thanks for reading!

COLORS CODES:

Red  Orange  Yellow  Green  Blue  Purple
Pink  Gray  Black  Brown

<span style="color: RED;"><span style="font-size: 36px;"><span style="font-family: TIMES NEW ROMAN; letter-spacing: 0px; line-height: 51px;"><span style="text-shadow: 0px 0px 9px BLACK;">COLORS</span></span></span></span><br />

The words & numbers in bold in the code above are what need to be edited in order to make the text size, text shadow colors, etc. to your specifications.


Blinking Font
<span style="color: white; font-size: 50px;"><span style="text-decoration: blink;"><strong style="font-style: normal; font-weight: normal;"><span style="text-shadow: 0px 0px 5px BLACK;"><span style="font-family: 'FRENCH SCRIPT MT'; white-space: normal;"><span style="color: WHITE;">BLINKING FONT</span><br />

The words & numbers in bold in the code above are what need to be edited in order to make the text size, text shadow colors, etc. to your specifications.

BORDER CODES:
Ever since I've started my club, HTML, on Stardoll, I've been getting quite a few questions pertaining to borders. How do you do multi-borders? What kinds of borders can you create? Etc. Below are just a few border samples & codes. I hope that these answer some of your questions. Enjoy!

 


Dotted Border
<p style="border: 5px DOTTED BLACK; margin: 0px; padding: 0px; overflow: hidden; white-space: pre-wrap; word-wrap: break-word; background-color: WHITE; font-size: 10px; font-family: 'CENTURY GOTHIC'; text-align: center;">TEXT</p>
© Chosen21; Please Give Credit♥
The words & numbers in bold in the code above are what need to be edited in order to make the text size, border colors, etc. to your specifications.
 





Solid Border
<p style="border: 5px SOLID black; margin: 0px; padding: 0px; overflow: hidden; white-space: pre-wrap; word-wrap: break-word; background-color: WHITE; font-size: 10px; font-family: 'CENTURY GOTHIC'; text-align: center;">TEXT</p>
© Chosen21; Please Give Credit♥
The words & numbers in bold in the code above are what need to be edited in order to make the text size, border colors, etc. to your specifications.
 





Dashed Border
<p style="border: 3px DASHED BLACK; margin: 0px; padding: 0px; overflow: hidden; white-space: pre-wrap; word-wrap: break-word; background-color: WHITE; font-size: 10px; font-family: 'CENTURY GOTHIC'; text-align: center;">TEXT</p>
© Chosen21; Please Give Credit♥
The words & numbers in bold in the code above are what need to be edited in order to make the text size, border colors colors, etc. to your specifications.
 





Double Border
<p style="border: 7px DOUBLE BLACK; margin: 0px; padding: 0px; overflow: hidden; white-space: pre-wrap; word-wrap: break-word; background-color: WHITE; font-size: 10px; font-family: 'CENTURY GOTHIC'; text-align: center;">TEXT</p>
© Chosen21; Please Give Credit♥
The words & numbers in bold in the code above are what need to be edited in order to make the text size, text shadow colors, etc. to your specifications.
 





Ridge Border
<p style="border: 10px RIDGE BLACK; margin: 0px; padding: 0px; overflow: hidden; white-space: pre-wrap; word-wrap: break-word; background-color: WHITE; font-size: 10px; font-family: 'CENTURY GOTHIC'; text-align: center;">TEXT</p>
© Chosen21; Please Give Credit♥
The words & numbers in bold in the code above are what need to be edited in order to make the text size, text shadow colors, etc. to your specifications.
 





Outset Border
<p style="border: 10px OUTSET BLACK; margin: 0px; padding: 0px; overflow: hidden; white-space: pre-wrap; word-wrap: break-word; background-color: WHITE; font-size: 10px; font-family: 'CENTURY GOTHIC'; text-align: center;">TEXT</p>
© Chosen21; Please Give Credit♥
The words & numbers in bold in the code above are what need to be edited in order to make the text size, text shadow colors, etc. to your specifications.
 





Inset Border
<p style="border: 10px INSET BLACK; margin: 0px; padding: 0px; overflow: hidden; white-space: pre-wrap; word-wrap: break-word; background-color: WHITE; font-size: 10px; font-family: 'CENTURY GOTHIC'; text-align: center;">TEXT</p>
© Chosen21; Please Give Credit♥
The words & numbers in bold in the code above are what need to be edited in order to make the text size, text shadow colors, etc. to your specifications.
 



MULTI-BORDERS:
So, I've gotten loads of questions asking how to do multi-borders.
The wait is now over ;) Multi-borders are a tad bit more difficult than normal borders. I'll be providing step-by-step instructions on how to do multi-borders:

♦ Open up an html editor, such as http://htmledit.squarefree.com/, which is an excellent website for html editing.

♦ Copy & paste the html code that I have provided just for you below into the html editor.
♦ Start editing the border colors, border names, background colors, etc.
Sound pretty easy for far?

♦ Once that you've edited everything as far as your border to your specifications, you have o do the entire presentation as far as what you want to say in the html editor. If all you do is drag the border to Stardoll & start writing everythign that you want in your presentation there, it won't work. All the words will do is cut off.
♦ Once you've finished your presentation in the html editor, you drag it to your Stardoll presentation, save, & voila♥

<p style="border: 10px SOLID #000000; margin: 0pt; padding: 0px; background: rgb(0, 0, 0) none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; text-align: center; line-height: 0px;"><span style="color: rgb(255, 255, 255); font-family: &quot;&quot;; font-size: 39pt; letter-spacing: -6.8pt; text-shadow: 2px -2px 2px;"><p style="border: 10px SOLID #000000; margin: 0pt; padding: 0px; background: rgb(0, 0, 0) none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; text-align: center; line-height: 0px;"><span style="color: rgb(255, 255, 255); font-family: &quot;&quot;; font-size: 39pt; letter-spacing: -6.8pt; text-shadow: 2px -2px 2px;"><p style="border: 10px SOLID #000000; margin: 0pt; padding: 0px; background: rgb(0, 0, 0) none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; text-align: center; line-height: 0px;"><span style="color: rgb(255, 255, 255); font-family: CENTURY GOTHIC;; font-size: 39pt; letter-spacing: 0.8pt; text-shadow: 2px 8px 2px WHITE ;">♥Chosen21

I WILL POST SAMPLES SOON; BE PATIENT

HOW TO CREATE PRESENTATIONS:
This is a simple lesson how to make presentations.
This is mostly for beginners♥


♦ If you already don't have Mozilla Firefox, DOWNLOAD IT.
Here's the link>>
http://www.mozilla.com/en-US/firefox/
If you just try & do your presentation in plain old Internet Explorer or even Google Chrome, the blinking text & text shadow effects won't show. It'll look all plain. If you have a multi-border & view it in Internet Explorer or Google Chrome, it will looks prety trashy. You can't drag in either one. It's just overall a bad deal. Mozilla Firefox is the best for making presentations. Don't worry, millions have it & it's SAFE♥
♦ Open up http://htmledit.squarefree.com/,  & 'HTML' on wittyprofiles.com
♦ Copy & paste one of the html codes that I have provided or even one of your own in the html editor.
♦ Change the border & background colors to your specifications
{same with the text effects ^}

♦ Highlight the entire html code & copy & paste it to your Stardoll presentation. Save the html code in your presentation.
♦ The border won't show up when you save it. Press 'edit' &
the border should show up.

♦ For simple borders, you don't need to do the entire presentation inthe html editor & drag it to your Stardoll presentation. You can simply just drag the border to Stardoll & do everything there if you want.
♦ Dragging is simple if you already didn't know. You highlight whatever you'd like to drag & right click on it, holding it until a little circle with a slash in it shows up. That will indicate when you can drag. Make sure that you drag it directly to your Stardoll presentation though :)
♦ Now you can start making your presentation. I hope that these instructions are clear enough! If not, feel free to contact me on my Stardoll account, Chosen21, or just leave a comment here.

LASTLY:
I hope that all of the smaples, instructions, & codes help you to create unique & outstanding presentations! I take all questions, comments, & suggestions. I would also love it if you would leave credit on your presentation to me♥ I've worked hard to create all of this, including the club. If you fail to leave VISIBLE credit, I have ways to find out whether or not it's a presentation of mine or not >:} Overall, it's a joy helping you guys, thanks for viewing.


-Danielle
 

Quotes by HTML