139 posts
  • Has referred 1+ members
  • Has sold $5,000+ on Envato Market
  • Has collected 1+ items on Envato Market
  • Has been part of the Envato Community for over 3 years
+1 more
nugas says

Hi, I’‘ve seen ppl inserting all sorts of html codes (i guess) to show facebook, social media networks and their other portfolio snaps on the item details page when we scroll down. I have very little and un-experienced knowledge of html coding. Does it require html coding? is there any good reference to build something like this ?

Thanks, sagun

DsignProductions
DsignProductions Recent Posts Threads Started
415 posts
  • Has sold $10,000+ on Envato Market
  • Has collected 100+ items on Envato Market
  • Sells items exclusively on Envato Market
  • Has been part of the Envato Community for over 3 years
+1 more
DsignProductions says

Hi nugas,
Click here

183 posts
  • Has referred 1+ members
  • Has sold $40,000+ on Envato Market
  • Has been a beta tester for an Envato feature
  • Made it to the Authors' Hall of Fame
+3 more
iluzie says

Or you can use Envatitor Embedded

139 posts
  • Has referred 1+ members
  • Has sold $5,000+ on Envato Market
  • Has collected 1+ items on Envato Market
  • Has been part of the Envato Community for over 3 years
+1 more
nugas says

Thanks iluzie very very much !!!, Im testing this.

139 posts
  • Has referred 1+ members
  • Has sold $5,000+ on Envato Market
  • Has collected 1+ items on Envato Market
  • Has been part of the Envato Community for over 3 years
+1 more
nugas says

But I think the best way to do is design the page in dreamweaver and copy/paste the code.. can i do this ?

4905 posts
  • Has referred 1+ members
  • Has sold $5,000+ on Envato Market
  • Has collected 100+ items on Envato Market
  • Member of the Envato Team
+9 more
MarkBrodhuber Envato team says

Designing in Dreamweaver and pasting over won’t work all that well. Mainly because Dreamweaver will treat the page as a complete site, where as our item pages only allow for images with links to be added. Basically when you create a new file in DW, it’s going to give you the full < HTML > structure, and in our pages you’ll only be able to add images.

So rather than designing it as a full site, think of each of these buttons or areas as just images that link to something. To add an image here just use the normal IMG tag, and if you want it to link to somewhere wrap it with a link tag. For example:

<a href="link goes here"><img src="URL of image goes here" /></a>

This will insert an image that’s being hosted somewhere else on the net into your item page and then link that image to whatever address you put in the a href.

1555 posts AEdorde.com - After Effects Projects
  • Elite Author: Sold more than $75,000 on Envato Market
  • Has sold $125,000+ on Envato Market
  • Has referred 1000+ members
  • Sells items exclusively on Envato Market
+8 more
dorde says

Nugas, Mark told you everything with one line of code. That’s it :)
One more important info if you want perfectly arranged images: images shouldn’t be more than 616 pixels width. If you want to place 2 images in row, 313px is not the way because there is small space of 4px between images, so images should be 306px width.
For 3 images width should be: (616-2×4)/3= 202pix etc…
And one useful link for testing: http://revaxarts-themes.com/envatitor/ it’s almost wysiwyg preview.

272 posts
  • Has sold $5,000+ on Envato Market
  • Has collected 100+ items on Envato Market
  • Has been part of the Envato Community for over 1 year
  • Sells items exclusively on Envato Market
+1 more
modeon says

Im using Envatitor. but http://www.w3schools.com/html/html_examples.asp is excellent. thank you all

139 posts
  • Has referred 1+ members
  • Has sold $5,000+ on Envato Market
  • Has collected 1+ items on Envato Market
  • Has been part of the Envato Community for over 3 years
+1 more
nugas says

Thanks to everybody for your replies. I’ll be trying shortly.

77 posts
  • Has been part of the Envato Community for over 1 year
  • Located in Argentina
  • Has sold $1,000+ on Envato Market
  • Has collected 10+ items on Envato Market
+1 more
Coreaux says

Nugas, Mark told you everything with one line of code. That’s it :)
One more important info if you want perfectly arranged images: images shouldn’t be more than 616 pixels width. If you want to place 2 images in row, 313px is not the way because there is small space of 4px between images, so images should be 306px width.
For 3 images width should be: (616-2×4)/3= 202pix etc…
And one useful link for testing: http://revaxarts-themes.com/envatitor/ it’s almost wysiwyg preview.

Thanks so much my friend, that s exactly what I was looking for, you are awesome !

by
by
by
by
by
by