HomeHome  SearchSearch  Rules & Guidelines  Staff List  Latest imagesLatest images  RegisterRegister  Log inLog in  
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!

Staff
Staff Updates
Important Links
Statistics
We have 1428 registered users
The newest registered user is zZbannyezZ

Our users have posted a total of 2569 messages in 157 subjects
Canvas Time

Share
 

 6 Different Headers

View previous topic View next topic Go down 
Nickolas

Nickolas
Role : Designer & Coder
Location : Somewhere
http://niq-olas.com/

6 Different Headers  Empty
PostSubject: 6 Different Headers 6 Different Headers  EmptyMon 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!
Back to top Go down
Nickolas

Nickolas
Role : Designer & Coder
Location : Somewhere
http://niq-olas.com/

6 Different Headers  Empty
PostSubject: Re: 6 Different Headers 6 Different Headers  EmptyMon 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.
Back to top Go down
Dollesque

Dollesque

6 Different Headers  Empty
PostSubject: Re: 6 Different Headers 6 Different Headers  EmptyMon 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.
Back to top Go down
Nickolas

Nickolas
Role : Designer & Coder
Location : Somewhere
http://niq-olas.com/

6 Different Headers  Empty
PostSubject: Re: 6 Different Headers 6 Different Headers  EmptyTue Feb 19, 2013 7:45 am


Preview of headers. All has been tested.
6 Different Headers  2wm3xg7
Back to top Go down
CanvasInc

CanvasInc
http://avatars.imvu.com/CanvasInc

6 Different Headers  Empty
PostSubject: Re: 6 Different Headers 6 Different Headers  EmptyTue Feb 19, 2013 12:08 pm

This code has been reviewed, approved and is open for discussion. Thanks for posting!
02/19/2013
Back to top Go down
Pantone

Pantone
Role : Designer & Coder
Location : Indianapolis, IN, USA
http://pantonedoesgraphics.tumblr.com/

6 Different Headers  Empty
PostSubject: Re: 6 Different Headers 6 Different Headers  EmptyThu Jan 16, 2014 9:19 pm

This code seriously makes a huge difference in layout making.
Makes it look so professional. Not even joking. ♥
Back to top Go down
AvaABlake

AvaABlake

6 Different Headers  Empty
PostSubject: Re: 6 Different Headers 6 Different Headers  EmptyThu 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:
Back to top Go down
Voixz

Voixz
Role : Designer & Coder
Location : United Kingdom

6 Different Headers  Empty
PostSubject: Re: 6 Different Headers 6 Different Headers  EmptyMon Jul 18, 2016 5:00 am

Question, are these headers only to be used in iFrames?
Back to top Go down
Valoish

Valoish
Role : Designer & Coder
Location : New York City
http://kyaimvu.deviantart.com

6 Different Headers  Empty
PostSubject: Re: 6 Different Headers 6 Different Headers  EmptyMon Jul 18, 2016 5:34 am

Nope~ They can be used in Dynamic Divs as well as regular Divs
Back to top Go down
Voixz

Voixz
Role : Designer & Coder
Location : United Kingdom

6 Different Headers  Empty
PostSubject: Re: 6 Different Headers 6 Different Headers  EmptyMon Jul 18, 2016 6:21 am

Alrighty, thank you very much. 6 Different Headers  2656814118
Back to top Go down
Sponsored content


6 Different Headers  Empty
PostSubject: Re: 6 Different Headers 6 Different Headers  Empty

Back to top Go down
 
6 Different Headers
View previous topic View next topic Back to top 
Page 1 of 1

Permissions in this forum:You cannot reply to topics in this forum
 :: HBAD REALM :: HBAD • Coding-
Jump to: