And.. it's time for another PRESENTATION COLLEGE lesson (:
Do you like school? XD
Last week we learnt how to make shadows and borders ,
so now it's time for ... scroll boxes and rainbow effect ^^(:
FOLLOW the steps :
Scroll boxes:
1. go to http://htmledit.squarefree.com/
3.Just paste the scroll code :
Royal City - COPY !
This scroll box is very simple , you can make it better :
4.Please dont change part before " width: 200px; height: 200px;" cause you can destroy all . :)
as I wrote dont change before width: 200px; height: 200px; but yyou can change
width: 200px; height: 200px;
perfect width for stardoll presentation is 550px it fit best ,
5. background-color : white ;
as we learnt you can change it , use
http://www.w3schools.com/html/html_colornames.asp for color codes .
6. Dont change text-align cause i think center is best.
7.about padding : you can change 0 to any other number , if you like to .
Dont change margin :/
8.border: 2px dotted black
Do it as we did it last lesson .
My scroll box looks like this :
This scroll box is very simple , you can make it better :
4.Please dont change part before " width: 200px; height: 200px;" cause you can destroy all . :)
as I wrote dont change before width: 200px; height: 200px; but yyou can change
width: 200px; height: 200px;
perfect width for stardoll presentation is 550px it fit best ,
5. background-color : white ;
as we learnt you can change it , use
http://www.w3schools.com/html/html_colornames.asp for color codes .
6. Dont change text-align cause i think center is best.
7.about padding : you can change 0 to any other number , if you like to .
Dont change margin :/
8.border: 2px dotted black
Do it as we did it last lesson .
My scroll box looks like this :
the code is :
Royal City- copy it !
IMPORTANT : part about font-family : "Century Gothic" doesnt work.
change " to : "e;
clear?
RAINBOW EFFECT:
It's amazing , I adore it , but to do it you have to be very patient .
1. hope you 're on http://htmledit.squarefree.com/
2. and you have opened : http://www.w3schools.com/tags/ref_colorpicker.asp?colorhex=FF1493
3. Paste the code for rainbow effect ^^.
IMPORTANT : part about font-family : "Century Gothic" doesnt work.
change " to : "e;
clear?
RAINBOW EFFECT:
It's amazing , I adore it , but to do it you have to be very patient .
1. hope you 're on http://htmledit.squarefree.com/
2. and you have opened : http://www.w3schools.com/tags/ref_colorpicker.asp?colorhex=FF1493
3. Paste the code for rainbow effect ^^.
Everthing you need to change is :
background: red
you need shades of your color .
when you click on a color at
you 'll get the shades.
you can also but if you want , I dont like it at all , change :
line-height:1px
but it will lose the effect the it's bigger than 5 .
in my opinion 1 or 2px is Best (:
That's rainbow effect I've done for the club , I have no time to make new one for the Pres. college.
as you can see code is very long , look at the red scroll :P
here is the code :
I hope you'll have time to make sometimes this rainbow effect , if you only change the background it will be easy (:
See ya next saturday (:
comming squashed text andd.. extreme shadowing (:
I like extreme shadows it's perfect for the title on presentation :)
lady_sudy
WOW, thank you! (:
ReplyDelete