Posted: Sat Jun 13, 2009 3:31 pm Post subject: Product Page Coding Help -- Resolution has been announced!
The Product Detail Page Update has been announced! Check your product pages now to preview the resolution to this issue before it rolls out to the general users on July 15th. Thank you for your forbearance and all the assistance while this was being worked out.
We have started this thread to clarify and provide help for any confusion or difficulties arising from the recent Product Page Coding changes.
We have resolved the issue affecting Product Pages. We are now working on implementing a new policy for Product Pages that will ensure flexibility for our Creators as well as safety for everyone.
For now, all previously submitted Product Pages with dynamic content and JavaScript currently in the Product Catalog will continue to function. However, any new submissions or edits to existing Product Pages can no longer include any dynamic content. This may include code that you obtained from a third party website to customize your page, such as Youtube videos or JavaScript.
We will automatically reject product submissions that violate these terms, so you will know immediately if your page includes any dynamic content.
As mentioned above, this is not the final solution. We’re still working on a longer term policy that combines flexibility and safety, and we’ll make sure to keep you updated. Please be assured that any future changes should not result in issues similar to those experienced over the past few days.
Again, we truly apologize for the inconvenience caused by this issue, and we appreciate your patience as we worked to correct the issue.
Update with additional clarification:
To clarify for those of you requesting more explanation around what can no longer be used in your Product Pages, please see the good/bad examples below. The bad will result in your submission being rejected:
GOOD:
<img src=”http://www.myhost.com/this-is-good/please-do-this.jpg”>
<img src=”http://www.myhost.com/this is bad/do not use spaces.jpg”>
<style>
body, html {
background-image: url ('http://static.flickr.com/my_picture.jpg');
background-color: Black;
}
<style> #imvustylez_style {display: none;}
body { background: url('sad.gif'); background-color: Black !important; }</style>
Paragraphing and Breaks
Code:
<p></p>
<br>
DarkAngel5 wrote:
Here is a useable product pic, page back ground and banner solution ***If you create folders in Photobucket and name them with a space you will get the 20%. Example "My Pictures" To avoid the 20% please do not name your Photobucket folders with spaces:
Those using websites that gen a code for you will need to learn how to code pages until IMVU gets the product page lay out ready for every level.
It’s very easy. Copy the code below. Save it. Use it to add pics. Each time you need to add a pic replace the old “direct link” with the new one.
<img src="Paste direct link here">
Page back grounds are really easy to. Host your desired background on photobucket. Save this code and direct link your picture code below.
Banners are done the same way. Just type your manufacturers id below and host your picture on photobucket then paste in your direct link.
Banners: <center><A HREF="http://www.imvu.com/catalog/index.php/manufacturers_id/PUT your number here" TARGET="_blank"><IMG SRC="Direct Link here "></A>
DelicateAutumnBloom wrote:
Also, here's the code for the try it button, thanks to Rudgar originally and Taterbugz for pointing me in the right direction.
Code:
<a id="tryitfurniture" href="imvu:PeerReview?mcg=0&pid=item#here" title="3D-Preview of this product - works even with rooms and furniture">
<img src="uploadedTRYITbuttongifhere" alt="3D-Preview" />
</a>
Hellstrong wrote:
http://www.w3schools.com/ is a nice place to start.
Theres many ways to code the same result, familiarize yourself with the most effective ways
Also id like to say im almost done with my new salespage Gen =D
have some new feature on it too ^^
and its compatible with new imvu rules, well probably more layouts to come, keep an eye on group, site or homepage =D it will be up by tomorrow (unless i fall asleep and sleep all day long....)
oh and maybe handy for people that have trouble with some coding, this whas a try out when i had trouble submitting my salespages,
it got a lot of css in it, banner code, and stuff, so you can look at the source if you have trouble with one of those things to see an example
Salespage<-- Iframe<-- _________________ MY NAME DOES NOT HAVE A CAPITAL "S" ! !
Joined: 16 Mar 2007 Posts: 16 Location: New Zealand
Posted: Sat Jun 13, 2009 3:57 pm Post subject:
Hellstrong wrote:
Good post MinhyrdinWindrose =D
Also id like to say im almost done with my new salespage Gen =D
have some new feature on it too ^^
and its compatible with new imvu rules, well probably more layouts to come, keep an eye on group, site or homepage =D it will be up by tomorrow (unless i fall asleep and sleep all day long....)
oh and maybe handy for people that have trouble with some coding, this whas a try out when i had trouble submitting my salespages,
it got a lot of css in it, banner code, and stuff, so you can look at the source if you have trouble with one of those things to see an example
Salespage<-- Iframe<--
<style type="text/css">
body {
background-color:#000000;
}
</style>
#000000 = black. Change the value to another color.
Background image within the Product Page:
Code:
<style type="text/css">
body {
background:#000000 url(your_img_url_here) no-repeat top left;
}
</style>
#000000 = black. Change the value to another color.
no-repeat = Image will display one time. If you want it to repeat horizontally replace it with "repeat-x"; if vertically replace with "repeat-y"; to repeat horizontally and vertically replace with "repeat".
top left: Where the background image will start from. For complete list try w3schools.
1. The URL to point to your Catalog (2 times)
2. Image URL to your banner's URL (2 times)
3. "SubtlyCharmed Products" to whatever you want (4 times)
4. width="335px" to your banner's width (3 times)
4. height="110px" to your banner's height (2 times)
*Please note: While target="_blank" and border="0" are not XHTML compliant, I left them in since people prefer it that way.
=====================
=====================
Metallic Text Inside Product Page Description Area:
Code:
<span>Met</span>allic
or
<span>met</span>allic
With the <span> tags the word "Metallic" will display as is:
Quote:
Metallic
or
metallic
I'll add more later. Hopefully this will help. _________________ 0‾o żuʍop ǝpısdn pǝuɹnʇ plɹoʍ ǝɥʇ sɐɥ
Last edited by on Mon Jul 06, 2009 3:35 am; edited 10 times in total
Posted: Sat Jun 13, 2009 5:48 pm Post subject: Thanks for Help
Omg how can I join all of this correct information if I don't understand almost nothing about codes, I'm trying to join but I'm afraid will not work..I'm just following my feeling...omg! thank you so much! Hi SubtlyCharmed, How are you hun? I would like my background changed too, but the background out of the boxes...I mean the main background of the page catalog! sorry my bad english...but I'm so anxious and sad at the same time...and confused too!! _________________
Hey, WMaggyMW : Unfortunately, how we code our Product pages will change from now on. We'll have to make an adjustment because we won't be able to code outside the Product Description. IMVU is working on it and maybe in the future we will be able to. However, as of right now our codes will be strictly inside the Product page.
For more information take a look at IMVU's Blog. _________________ 0‾o żuʍop ǝpısdn pǝuɹnʇ plɹoʍ ǝɥʇ sɐɥ
[b]Thank you so much hun..ok! So I just need place thr url of the background inside the box of the product description! I'm using the long good code that is in green letters (from Unravel)! well on that code I need to put the url pic in two places right??
And i'm using another shorts codes from DarkAngel5 (thank you sweetie)...
This one:
<style> #imvustylez_style {display: none;}
body { background: url('sad.gif'); background-color: Black !important; }</style>
But what for if I can't use the IMVUStylez anymore? thank you for your help Subtlycharmed that it means that we can't change the font colors of the catalog too? right? ok, sad yet but better now!
Joined: 18 Dec 2007 Posts: 102 Location: New Zealand
Posted: Sat Jun 13, 2009 6:29 pm Post subject:
bleah.. imma put on my dunce hat and stop deving.. i dont understand any of it..lol.. such is life.. stupid codes _________________ If you put your foot in it, be sure it's your best foot.
Posted: Sat Jun 13, 2009 6:29 pm Post subject: Just one more guidline
and if We want only a black background in the background of the product description?? What We can do here in this code?? I need all balck by now!! thank you so much
Add the code below at the top of your page. Oh, make sure to replace "your_img_url_here" with your image URL.
SubtlyCharmed wrote:
Background within the Product Page:
Code:
<style type="text/css">
body {
background:#000000 url(your_img_url_here) no-repeat top left;
color:#ffffff;
font-size:.9em;
}
img {
border:0;
}
</style>
#000000 = black. You can change the value to another color.
no-repeat = Image will display one time. If you want it to repeat horizontally replace it with "repeat-x"; if vertically replace with "repeat-y"; to repeat horizontally and vertically replace with "repeat".
top left: Where the background image will start from. For complete list try w3schools.
color = whatever font color you want.
font-size = size of the font. I like .9em but try 1em or whatever. You can also use pixels like "11px" or "13px".
Posted: Sat Jun 13, 2009 6:32 pm Post subject: Re: Just one more guidline
WMaggyMW wrote:
[color=darkblue]and if We want only a black background in the background of the product description?? What We can do here in this code?? I need all balck by now!! thank you so much
This one:
<style type="text/css">
body {
background-color: #000000;
}
</style>
That is really all you need to make your background black. _________________ 0‾o żuʍop ǝpısdn pǝuɹnʇ plɹoʍ ǝɥʇ sɐɥ
All times are GMT - 8 Hours Goto page 1, 2, 3 ... 18, 19, 20Next
Page 1 of 20
You can post new topics in this forum You can reply to topics in this forum You cannot edit your posts in this forum You cannot delete your posts in this forum You cannot vote in polls in this forum
Centralizing new information as it becomes available is a good thing!
FAQ
Memberlist
Usergroups
Register
Profile
Log in for private messages