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 1428 registered users
The newest registered user is zZbannyezZ

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

 Product Pages

View previous topic View next topic Go down 
CanvasInc

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

PostSubject: Product Pages Thu May 09, 2013 10:28 am

Welcome/Description:

Welcome to the second version of the IMVU product page tutorial!
In this tutorial we will be demonstrating how to use a full color background
versus making a full-screen (900px) image. With this method you can make
your product previews with a transparent background and give you product
page an overall cleaner look and feel!

Software Used In This Tutorial:
• Microsoft Notepad/Mac TextEdit
• Gimp 2.6

Links Used In This Tutorial:
Please note you will need the product page in which you wish to edit open in a different browser window/tab.
Online Image Map Editor

Any Additional Information:

This tutorial doesn't have a set of video instructions, if you would like to request
the video for this tutorial please let a moderator know!
Back to top Go down
CanvasInc

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

PostSubject: Re: Product Pages Thu May 09, 2013 10:29 am

Written Instructions:

If You Just Want To Know How To Get the Color:
To just add full color to your page background you simply
add the below code to the top of your product page coding:

Code:
<style type="text/css">
body {
background-color: #787878;
}
</style>

Coding for plain image product page:
Code:
<style type="text/css">
body {
background-color: #787878;
}
</style>

<center>

<img src="IMAGE_LINK">



</center>

Coding for iFrame Product Page:
Code:
<style type="text/css">
body {
background-color: #787878;
}
</style>

<center>

<img src="IMAGE_LINK" width="900" height="900" border="0" usemap="#ImageMap1">



</center>
Back to top Go down
 
Product Pages
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: