139 posts
  • Referred between 1 and 9 users
  • Has been a member for 3-4 years
  • Exclusive Author
  • Bought between 1 and 9 items
  • Sold between 5 000 and 10 000 dollars
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
412 posts
  • Exclusive Author
  • Sold between 10 000 and 50 000 dollars
  • Bought between 100 and 499 items
  • Has been a member for 2-3 years
  • Belgium
DsignProductions says

Hi nugas,
Click here

178 posts
  • Exclusive Author
  • Sold between 50 000 and 100 000 dollars
  • Envato Studio (Microlancer) Beta Tester
  • Referred between 1 and 9 users
  • Has been a member for 2-3 years
iluzie says

Or you can use Envatitor Embedded

139 posts
  • Referred between 1 and 9 users
  • Has been a member for 3-4 years
  • Exclusive Author
  • Bought between 1 and 9 items
  • Sold between 5 000 and 10 000 dollars
nugas says

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

139 posts
  • Referred between 1 and 9 users
  • Has been a member for 3-4 years
  • Exclusive Author
  • Bought between 1 and 9 items
  • Sold between 5 000 and 10 000 dollars
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 ?

4901 posts
  • Senior Reviewer
  • Support Staff
  • Envato Staff
  • United States
  • Exclusive Author
  • Has been a member for 7-8 years
  • Sold between 5 000 and 10 000 dollars
+6 more
MarkBrodhuber Staff 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.

1543 posts AEdorde.com - After Effects Projects
  • Elite Author
  • Sold between 100 000 and 250 000 dollars
  • Exclusive Author
  • Europe
  • Referred between 1000 and 1999 users
  • Has been a member for 4-5 years
  • Bought between 50 and 99 items
  • Author had a File in an Envato Bundle
+4 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.

ColorfulUmbrella
ColorfulUmbrella Recent Posts Threads Started
271 posts
  • Envato Studio (Microlancer) Beta Tester
  • Bought between 100 and 499 items
  • Sold between 5 000 and 10 000 dollars
  • Has been a member for 1-2 years
  • Exclusive Author
  • Turkey
ColorfulUmbrella says

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

139 posts
  • Referred between 1 and 9 users
  • Has been a member for 3-4 years
  • Exclusive Author
  • Bought between 1 and 9 items
  • Sold between 5 000 and 10 000 dollars
nugas says

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

76 posts
  • Bought between 1 and 9 items
  • Exclusive Author
  • Has been a member for 1-2 years
  • Sold between 1 000 and 5 000 dollars
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