HomeHome  SearchSearch  Rules & Guidelines  Staff List  MemberlistMemberlist  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 1424 registered users
The newest registered user is Virtualdoll

Our users have posted a total of 2565 messages in 156 subjects
Canvas Time
Share | 
 

 6 Different Headers

View previous topic View next topic Go down 
Nickolas

avatar
View user profile
Role : Designer & Coder
Location : Somewhere
http://niq-olas.com/

PostSubject: 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!
Back to top Go down
Nickolas

avatar
View user profile
Role : Designer & Coder
Location : Somewhere
http://niq-olas.com/

PostSubject: 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.
Back to top Go down
Dollesque

avatar
View user profile

PostSubject: 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.
Back to top Go down
Nickolas

avatar
View user profile
Role : Designer & Coder
Location : Somewhere
http://niq-olas.com/

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


Preview of headers. All has been tested.
Back to top Go down
CanvasInc

avatar
View user profile
http://avatars.imvu.com/CanvasInc

PostSubject: 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
Back to top Go down
Pantone

avatar
View user profile
Role : Designer & Coder
Location : Indianapolis, IN, USA
http://pantonedoesgraphics.tumblr.com/

PostSubject: 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. ♥

__________________________________
CanvasTutorials
ADMIN

Human Resources │ Account Activation │ Ban Control
"May the Force be with you."
Back to top Go down
AvaABlake

avatar
View user profile

PostSubject: 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:

__________________________________
Back to top Go down
Voixz

avatar
View user profile
Role : Designer & Coder
Location : United Kingdom

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

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

avatar
View user profile
Role : Designer & Coder
Location : New York City
http://kyaimvu.deviantart.com

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

Nope~ They can be used in Dynamic Divs as well as regular Divs

__________________________________
CanvasTutorials
ADMIN


Technician | Theft Council | Forum Design
"Love Truth and Pardon Error."

Back to top Go down
Voixz

avatar
View user profile
Role : Designer & Coder
Location : United Kingdom

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

Alrighty, thank you very much.
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: