Announcements |
September 13th, 2017: Adding tutorials for the badging community! We're looking for volunteers to feature and help us write guides - PM Panton to get started with our project!
July 3rd, 2017: Canvas Tutorials is currently undergoing a major revamp. Please excuse any hiccups or glitches.
Coming soon
|
About Us |
Canvas creates and supports an IMVU education environment. We offer tutorials and assistance from some of the community's most active and knowledgeable. Tutorials by users, for users!
|
400>400> Statistics | We have 1428 registered users The newest registered user is zZbannyezZ
Our users have posted a total of 2569 messages in 157 subjects
|
| | Nickolas
Role : Designer & Coder Location : Somewhere
| Subject: 6 Different Headers Mon Feb 18, 2013 5:47 am | |
| Welcome/Description:Welcome to the 6 Different Headers tutorial! Below will be the coding, the video instructions and a complimentary FAQ in case anything is unclear. Like it has been said before, if you have any questions or something is malfunctioning - please ask it. Use this thread as your blank canvas and ask any and all questions you can come up with. We hope you enjoy the tutorial! As well - if you liked the tutorial or want us to fix something, review it and let us know how it worked for you. Any Additional Information:
Questions That Have Come Up:
Reviews: Link for HEX color picking. http://www.colorpicker.com/
Fonts that you may use without extra links. - Code:
-
font-family: Georgia, serif; font-family: Century Gothic; font-family: Arial; font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif; font-family:"Times New Roman", Times, serif; font-family: Arial, Helvetica, sans-serif; font-family:"Arial Black", Gadget, sans-serif; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-family:"Comic Sans MS", cursive, sans-serif; font-family: Verdana, Geneva, sans-serif; font-family: Tahoma, Geneva, sans-serif; font-family:"Courier New", Courier, monospace; *iHae has edited the format of this post to better fit the tutorial guidelines. Once you see this note, please delete it! |
| | | Nickolas
Role : Designer & Coder Location : Somewhere
| Subject: Re: 6 Different Headers Mon Feb 18, 2013 5:47 am | |
| Rainbow panel by Dollesque/All rights reserved. Purple: HEX COLOR for your Text. Orange: ALIGNMENT for your Header to appear either of the following 3; Center, Right, Left. Green: HEX COLOR for your Header BackGround. Blue: TEXT SIZE of your Header. Red: FONT STYLE you wish to give your Header(Note: Above are various options provided by Plop). Yellow: HEX COLOR for your border line.Header 1 StyleSheet; - Quote :
- <style type="text/css">
/* For tutorial purpose Please do not claim as own Plop@CANVASForum */ h1 { color:#HEX COLOR; text-align: left; font-size:TEXT SIZEpx; font-family:FONT STYLE; border-right:1px dotted #HEX COLOR; background-color:#HEX COLOR;font-weight:normal; text-transform: blink; padding: 4px;} </style> HTML; - Quote :
- <h1>Header #1</h1>
Header 2 StyleSheet; - Quote :
- <style type="text/css">
/* For tutorial purpose Please do not claim as own Plop@CANVASForum */ h2 { color:#HEX COLOR; text-align: center; font-size:TEXT SIZEpx; font-family:FONT STYLE; border-left:3px solid #HEX COLOR;border-right:3px solid #HEX COLOR; background-color:#HEX COLOR;font-weight:normal; letter-spacing: 1px; padding: 4px;} </style> HTML; - Quote :
- <h2>Header #2</h2>
Header 3 StyleSheet; - Quote :
- <style type="text/css">
/* For tutorial purpose Please do not claim as own Plop@CANVASForum */ h3 { color:#HEX COLOR; text-align:ALIGNMENT; font-size:TEXT SIZEpx; font-family:FONT STYLE; border-left:1px dotted #HEX COLOR;border-right:1px dotted #HEX COLOR; background-color:#HEX COLOR;font-weight:normal; letter-spacing: 3px;} </style> HTML; - Quote :
- <h3>Header #3</h3>
Any questions, Just ask.
|
| | | Dollesque
| Subject: Re: 6 Different Headers Mon Feb 18, 2013 9:20 am | |
| Buenas Darlings 8O Heres some simple sheets to use and abuse as yous learn. Pwease do not claim as your own work. But, As a ref for future sheets yous may create on your own. The StyleSheet can go anywheres yous want in a Dynamic and for Iframe yous will need to add it within the source site page. The HTML ish to go within the div wheres yous will write in and noes other or it will not be read. As for Iframe it ish the same as the sheet, Has to be added within the source site page.Purple: HEX COLOR for your Text. Orange: ALIGNMENT for your Header to appear either of the following 3; Center, Right, Left. Green: HEX COLOR for your Header BackGround. Blue: TEXT SIZE of your Header. Red: FONT STYLE you wish to give your Header(Note: Above are various options provided by Plop). Yellow: HEX COLOR for your border line.Header 4 StyleSheet; - Quote :
- <style type="text/css">
/* For tutorial purpose Please do not claim as own Dollesque@CANVASForum */ h4 { color:#HEX COLOR; text-align:ALIGNMENT; font-size:TEXT SIZEpx; font-family:FONT STYLE; border-bottom:1px dotted #HEX COLOR; font-weight:normal; } </style> HTML; - Quote :
- <h4>Header #4</h4>
Header 5 StyleSheet; - Quote :
- <style type="text/css">
/* For tutorial purpose Please do not claim as own Dollesque@CANVASForum */ h5 { color:#HEX COLOR; text-align:ALIGNMENT; font-size:TEXT SIZEpx; font-family:FONT STYLE; font-weight:normal; } </style> HTML; - Quote :
- <h5>Header #5</h5>
Header 6 (This one ish a SubHeader) StyleSheet; - Quote :
- <style type="text/css">
/* For tutorial purpose Please do not claim as own Dollesque@CANVASForum */ h6 { color:#HEX COLOR; text-align:ALIGNMENT; background-color:#HEX COLOR; font-size:TEXT SIZEpx; font-family:FONT STYLE; font-weight:normal; margin:-9px 0px; letter-spacing:2px; } </style> HTML; - Quote :
- <h6>Header #6</h6>
Any questions, Just ask.
|
| | | Nickolas
Role : Designer & Coder Location : Somewhere
| | | | CanvasInc
| Subject: Re: 6 Different Headers Tue Feb 19, 2013 12:08 pm | |
| This code has been reviewed, approved and is open for discussion. Thanks for posting! 02/19/2013 |
| | | Pantone
Role : Designer & Coder Location : Indianapolis, IN, USA
| Subject: Re: 6 Different Headers Thu Jan 16, 2014 9:19 pm | |
| This code seriously makes a huge difference in layout making. Makes it look so professional. Not even joking. ♥ |
| | | AvaABlake
| Subject: Re: 6 Different Headers Thu Jun 04, 2015 7:26 pm | |
| Is it possible to do header 4 for regular text in iframes? For instance I would like the automatic default for underlined text to be underlined. But I have no idea if I have to put it in all my iframe pages or... somewhere else :phew: |
| | | Voixz
Role : Designer & Coder Location : United Kingdom
| | | | Valoish
Role : Designer & Coder Location : New York City
| Subject: Re: 6 Different Headers Mon Jul 18, 2016 5:34 am | |
| Nope~ They can be used in Dynamic Divs as well as regular Divs |
| | | Voixz
Role : Designer & Coder Location : United Kingdom
| | | | Sponsored content
| | | | |
| Permissions in this forum: | You cannot reply to topics in this forum
| |
| |
| |