Recent
Categories
View Replies (1)

Presence template - responsive.png

0
Votes
Undo
  1. ziggy
    ziggy
  2. Sherlock Holmes
  3. Commercial Templates
  4. Thursday, 01 November 2012
  5.  Subscribe via email
Hi!

I've bought the presence template but now I want to change the responsive.png file which is displayed at the home page. How did you create this file? Is there a possibility to display a view of my own website in the different devices? Or is there a website which creates this automatically?

Thanks for your help!
Kind Regards,
Jim
Responses (1)
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Jim

To recreate first set your Joomla Editor to CodeMirror (Site -> Global Configuration -> Default Editor). Navigate to Extensions -> Module Manager -> New -> Custom HTML, set your module position to top-2a and add the following code to the Custom Output..

<img src="http://demo.joomla51.com/0091/images/responsive.png" align="left" style="display:block; margin-top:-130px; position:relative; z-index:999;" />

<h1 style="text-align: right;">A Powerfully Responsive Joomla Template Design</h1>

<h4 style="text-align: right;">Adapts beautifully to all your mobile devices </h4>

..where margin-top:-130px; is the vertical displacement of the image. The effect works best with PNG images with a transparent background.

For product mockups similar to the example in our demo it is worth checking out http://graphicriver.net/category/graphics/product-mock-ups

Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 1
  • Page :
  • 1


There are no replies made for this post yet.
Be one of the first to reply to this post!