PRESENTATION COLLEGE 1st lesson;

Hello welcome to the our official blog , as I said in club I'll write here more.

But dont ask me here anything please only in club's topic.

So you're on http://htmledit.squarefree.com/ ?

You have also opened tab of http://www.w3schools.com/html/html_colornames.asp ?

Letter font/style:

Basic Fonts:

Cambria

Century gothic 

Kristen ICT

Snap ICT

Curlz mt

French Script

Vladimir Script

Vivaldi

Arial

*Chalkboard

Calibri

Fantasy

Impact

Comic sans ms

Cursive

Georgia   

YOU CAN USE ALL FONTS FROM ANY MICROSOFT WORD!

TEXT

 

Follow the steps:

-as you're on the htmledit.squarefree.com

in the first part of the page you can write your HTML code and in the white page it'll appear.

COPY this into textarea.

<br /> <span style="color: #F0000 ; font-family: "Century Gothic"; font-size: 14pt;">Write your text here.<br /> <br /> <br />

IMPORTANT : part about font-family : "Century Gothic" doesnt work. 
change " to : &quote;

Royal City club

it looks like this :

you can see the : span style:"color: #F0000 , that's letter color . 

so on http://www.w3schools.com/html/html_colornames.asp you can pick your favourite color.

exapmle : #FF1493 

if you remove " # " it will NOT work , but if you write :

... color : deeppink it'll be the same . It works only for colornames writen by the page :

are you done ?

 okay next step 

- font-family: &quot;Century Gothic&quot;? 

font of your letters . CHoose from your MS Word (change Century Gothic to your choise)

I choose MISTRAL .

got it ?

next step:

- ; font-size: 14pt ?

Just change the number ! 

Dont change anything more about the CODE cause you can destroy all previous work.

MY work looks like this :

BACKGROUND 

follow the steps :

-it 's all the same open the htmleditor page , and colornames page.

the code is different :

<p style="background: #000000; padding: 0px; margin: 0; text-align: center; line-height: 20px;">Write your text here<br /> <br /> <br />

Royal City club

 background : #000000 means color of background so you can change it at the same way as you did with text.

DONT CHANGE ANYTHING ABOUT THE CODE for now.

put text and background together and you get simply presentation. that's not hard.

code I did :

<span style="background: #E38AC2; padding: 0px; margin: 60; text-align: center; line-height: 100px;color: #C71585 ; font-family: "mistral"; font-size: 100pt;">~The end ~<br /> <br /> <br /> <br /> <br /> <br /> <br />

IMPORTANT : part about font-family : "mistral" doesnt work. 
change " to : &quote;

Royal City club

looks like :

Here is also a code but this one is more complicated , but I hope you'll know how to use it , actually I prefer this one :

<p style=" background: #000 ; padding: 0px; margin: 0; text-align: justify; line-height: 23px; color: #FF33CC; font-size: 11px;"><span style="font-size: 15pt; line-height: 200%; letter-spacing: 0pt;"><span style="font-family: century gothic;">Haii Guys , This code is maybe more complicated , but looks better , you should change only the parts we learned . if you have any questions ask me in the topic PRESENTATION COLLEGE 1st lesson !<br /> <br/>suddy :)<br />

Royal City club


next lesson comming : shadows and borders ( my favouritee)
I'm gonna to make my own videos , till then you can search on google HOW TO DRAG PRESENTATION ! :)

P.S. HTML also works on blogger , so if you're writer on a blog you can make nice signature xD

lady_sudy ♡