Presentation#1004: How to make a presentation with a background picture

Welcome Text

Click on read more to learn how to change it

This is the code
<span id="Charly" style="box-shadow: 0px 0px 7px #000000; display: block; font-size: 14px; height: 500px; margin: auto; overflow: hidden; width: 500px; z-index: 2;" title=""><img src="" height="500" style="opacity: 1; z-index: 2;" width="500" /><span id="Charly" style="font-family: impact;font-size: 60px;display: block; height: 80px; margin-left: 28px; margin-top: -470px; opacity: 0.9; overflow: hidden; padding: 1px; text-align: center; text-shadow: 2px 2px #000000; width: 430px; z-index: 1;"><span id="Charly" style="color: darkgrey;">Welcome<span style="display: none;"> </span></span></span></span></span><span id="Charly" style="background-color: white; color: black; display: block; font-family: Century gothic; font-size: 14px; height: 300px; margin-left: 70px; margin-top: 20px; opacity: 0.5; overflow-x: hidden; overflow-y: scroll; padding: 1px; text-align: center; width: 380px; z-index: 1;" title="">Text</span></span><br />
<br />

Of course you don't want one with my picture, so you have to change it.
1 Change the link of the picture
You need the URL-link of your picture and past it in the code
2 width and height
I took 500x500px because it is a squared picture, if you use a pictue that you took in a chat room you can change the height and width
3 Background color of the scroll box
Change it in the color you want
4 colors
Change them if you want
5 font + font size
You can change the font
6 text shadow and box shadow
7 he opacity
How light you want it. you can choose 0.1 till 1

Play with all the codes and your presentation will be awesome
If you don't get it, say it in a comment so I can make a video for you
If you know about HTML you can add more like shadows, cursors, special backgrounds...
Remember If you delete the photo on stardoll, the photo will be gone of your presentation

No comments:

Post a Comment