Jump to content


Photo

Two background: one with tiled raster


  • Please log in to reply
4 replies to this topic

#1 lounge

lounge

    Super Member

  • Members
  • 137 posts
  • Country: Country Flag

Posted 09 November 2011 - 07:31 PM

Hi, We are moving our website from Joomla to Wordpress, and we would like to keep our 'old' background. As you can see on our Joomla website: http://dj-lounge.com there is a orange background, in combination with a raster. CSS: /* Copyright © YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */ /* Background: Skyline ----------------------------------------------------------------------------------------------------*/ @media only screen and (min-device-width: 769px) { body#page { background: #90c8e3 url(../../images/background/skyline/page.jpg) 50% 50% fixed; } #page-bg { background: url(../../images/background/skyline/raster.png) 0 0 fixed; } .wrapper { -moz-box-shadow: 0 0 15px rgba(0,0,0,0.7); -webkit-box-shadow: 0 0 15px rgba(0,0,0,0.7); box-shadow: 0 0 15px rgba(0,0,0,0.7); } } How are we able to put the 'raster' image tiled above the 'party people'?

#2 Rob

Rob

    One Smart Egg

  • Members
  • 13575 posts
  • LocationEast Coast, USA
  • Framework Version:The Latest, of course
  • Country: Country Flag

Posted 09 November 2011 - 07:46 PM

Just one dumb question on my part... but why not simply edit the image, create a layer and add the raster (grid) as a layer over it, then flatten the two making one single image for the background rather than trying to make two layered backgrounds? I'm a bit concerned because that layering is done as a proprietary code and I can't re-engineer it here.

#3 Danny

Danny

    Is Awesome!

  • Moderators
  • 15242 posts
  • LocationManchester, UK
  • Country: Country Flag

Posted 09 November 2011 - 08:11 PM

Ive done it for you, took only a few moments in photoshop.

#4 lounge

lounge

    Super Member

  • Members
  • 137 posts
  • Country: Country Flag

Posted 09 November 2011 - 09:52 PM

Awesome Danny, thank you very much!!

#5 vladoliki

vladoliki

    Newbie

  • Members
  • 7 posts
  • Country: Country Flag

Posted 02 June 2012 - 07:55 PM

There is a huge problem with flattening those two layers if you want to shrink or expand your background with screen size - patterns will be distorted on resolutions different from the native one. That's the point of using two layers.