Pages

Guide for Presentations (updated)

Here are some basic codes for presentations, I know many struggle with "backgrounded" presentations, I did at the start but I slowly figured it out for myself! :D
Here are some basic codes, You can experiment with the parts hilighted in purple and blue
IF YOU WANT TO CHANGE THE COLOURS OF THE PRESENTATION
CLICK HERE FOR A LIST OF COLOUR CHARTS Just remove the "00000" part of the presentation and replace it with a code from the HTML Colour chart.
NEVER USED HTML , HTML HELP: All you do is go to this website and copy & paste a code in that is where you can edit colours etc.
DON'T KNOW HOW TO DRAG PRESENTATIONS??
LOOK AT THIS POST
Simple text code:
<p style="text-align: center"><span style="font-size: 30px; font-family: Century Gothic">Add text here! (:</p>

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

-Text color-
<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">This is a black background :P</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 Box:


<p style="text-shadow: 2px 2px 2px black; color: #F52887; border: 10px double #8D38C9; text-align: center; background-color: #3BB9FF; margin: auto; height: 250px; width: 400px; overflow: auto;"><span style="font-family: Haettenschweiler; font-size: 80px">Heading<br><span style="color: lime; font-family: Georgia; font-size: 14px; text-shadow: 0px 0px 3px red">About me<br><span style="font-size: 20px"><br>Text Text Text<br>Text Text Text<br>Text Text Text<br>Text Text Text<br>Text Text Text<br><br></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></p>




Flashing Text:
Firefox only
<p style="text-decoration: blink; text-align: center; font-size: 14px"> 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>






Sqashed Line Of Text:

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

Multiple border

<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>
If you now have a basic understanding of how to  make your own presentations its time to add copyright!!
I would like to thank HOLLY3633 for showing me how to do this part(Just so you know I didn't write anything)
Okay, so you use html to make your presentations right? :] Well, when your making the presentation, just before you add the writing, put this code to have it tagged: 

text-align: " title=" Made 100% by YOUR USERNAME GOES HERE"; 

But first, You put it in between other the other codes, for example, you have this code infront of the writing first, like for example, the colour code: 

<span style='color: #000000;'>

Then you put the tagged code between the colour code there like ths:
 (Bold ​part is the tagged code, that’s where you'd place it for it to work)

<span style="color: #000000; text-align: center;" title="Made 100% by USERNAME GOES HERE";">
  
Except here, at the end of the tagged code you need to make sure to add another  " at the end for it to work ;]
I made a quick Example;
Hover your mouse over this presentation and you will see it has a copyright
This is a black background :P

1 comment:

  1. this is sooo annoying i cannot work out how to do it!! where on earth do you put your copyright thingy WHERE DO YOU PUT IT IT'S NOT CLEAR!!!! sorry i get SO stressed!!!

    ReplyDelete