Saturday 7 December 2013

Step-by-step

I have exams so less time for presentations ...
 
The last few days I get a lot of mails about HTML codes, that you don't know how to use it...
For me it is very simple, but I don't know how I can explain this...I'll give it a try but don't get angry when you don't get it. I can always explain it again.


Click on read more  if you want to see how I work with the codes  


 I will explain this step by step 

1. I think about how I want my presentation. 
Example: I want a gray presentation, with a frame, text shadows, .... 

2. I start in a HTML-editor 
Tip: make an account on witty profiles; this wil be really easy for you or you can use htmledit.squarefree.com but then you already know how the codes work

If you don't know the codes by heart take my HTML pages like:
presentatiecharly.blogspot.be/p/html-code.html


3. Start with the basis: <p style=""></p> (copy this)


• I want a gray background and the HTML-code of gray(more silver) is #C0C0C0
so I type:


<p style="background-color:#C0C0C0;"></p>


 !: Never forget to connect with your piece ";"

•  I want the alignment in the center 
So I type
 
<p style="background-color:#C0C0C0;text-align: center;"></p>

•  Now I want to want to determine the width
So I type

<p style="background-color:#C0C0C0;text-align: center;width: 500px;"></p>

•  I want my presentation in the middle
So I type

<p style="background-color:#C0C0C0;text-align: center;width: 500px;margin:auto;"></p>

• I also want a frame... a dark gray one. I can choose from solid, double, dashed, dotted, outset, inset, groove, ridge.
I will take a double frame. I can also choose the thickness of the frame
So I type

<p style="background-color:#C0C0C0;text-align: center;width: 500px;margin:auto; border: double 7px #666666;"></p>

 4. Now I can write some text

<p style="background-color:#C0C0C0;text-align: center;width: 500px;margin:auto; border: double 7px #666666;">Welcome</p>

Now It Look like this:

Welcome

It's a good basis now I can do more...

5. More stuff in the presentation

Enter (new line) is in HTML <br />

<p style="background-color:#C0C0C0;text-align: center;width: 500px; border: double 7px #666666;margin:auto">Welcome <br /> On my page <br /> I hope you like it</p>


Welcome
On my page
I hope you like it
 
 Still a bit boring...
I want different sizes.. I use the second basis code: <span style="">
 
<p style="background-color:#C0C0C0;text-align: center;width: 500px; border: double 7px #666666;margin:auto">
<span style="font-size:48px;">Welcome</span><br />
<span style="font-size:20px;">On my page</span><br />
    I hope you like it</p>


Welcome
On my page
I hope you like it

Some other fonts would be good and some shadow... and text colors
For the fonts:
<span style="font-family: Mistral;">
For the shadows:
<span style="text-shadow: 0px 1px 2px black;">
For the colors:
<span style="color: cyan;">

Welcome
On my page
I hope you like it

 You can edit more if you want...

<p style="background-color:#C0C0C0;text-align: center;width: 500px; border: double 7px #666666;margin:auto">
    <span style="color:#00ffff;text-shadow: 0px 1px 2px black;"><span style="font-family: Mistral;"><span style="font-size: 48px;">Welcome</span></span></span><br />
    <span style="font-family:lucida sans unicode,lucida grande,sans-serif;"><span style="font-size: 20px;">On my page</span></span><br />
    I hope you like it</p>


13 comments:

  1. Ohh.. sorry because I was so angry :$$

    Thank you!

    ReplyDelete
    Replies
    1. did you send the angr mail on my google account?

      Delete
  2. I dont get it.. I cant put text in my scroll box! ..
    how to connect it together.....
    :(

    ReplyDelete
    Replies
    1. I don't get you XD whats your sd name i willl visit you

      Delete
    2. Well sorry! My english is bad! I dont know how to put text in my pressentation! I am Direktionerka ! How to conncect pressenation and text together..

      Delete
  3. how do you get the codes to show up on my screen PS. my name is lovecutiey39

    ReplyDelete
  4. Hello, your presentations to stardoll are amazing. I also make my own presentations and have a question, I have many packs of various sources but do not know if it gives to use them in presentations. If I put a different font it will appear when someone else visit my page on another computer?

    ReplyDelete
  5. Hello, Charly. I am a big fan of you and your blog, the presentations you make are awesome. I tried to make a presentation, but (unfortunately) I cannot change the font family. It still shows Georgia font. Could you please tell me how to put any other? Thank you.

    *I may comment again, so I'm telling you my Stardoll name to recognise me: nyfiserena8. (without the dot) Thank you.*

    ReplyDelete
  6. hey i really ♥ ur blog and i was wondering how u make ur presentations ! i have my own stardoll blog do think u could tell me how cos when it comes to prezs im rubbish ;) my stardoll is ninaisaVIP thnx

    ReplyDelete
  7. Very mature for you to put anonymous. Jealous?

    ReplyDelete
  8. Probably just jealous because they don't understand it.

    xD

    ReplyDelete
  9. can you make me a pres username: funjakje_is_cool I want a green background and it says happy new years I want a French script mt font and I want the font color to be white and I want the font to be big

    ReplyDelete
  10. im tomboyxoo i hate u charly

    ReplyDelete

Note: only a member of this blog may post a comment.