Joomla Templates Club 406,261 posts

[Sherlock Friend SherlockJoin date: September 2014Posts: 11453Downloads:0Uploads:88 Thanks: 221 Thanked: 2478 times in 2162 posts]

#278249

Hi
i viewed your site, and don’t understand what do you want more ?

[peterva Friend petervaJoin date: October 2006Posts: 41Downloads:0Uploads:0 Thanks: 6 Thanked: 9 times in 1 posts]

#278305

I started a new install. Look at this website:
http://nvandijk.com/skillstalents/

These files are changed:
box-bl.png
box-br.png
box-tl.png
box-tr.png
content-bot.png
content-center-n.png
content-center.png
content-top.png

The bottom and right side of the modules are good.
The top and left sides are not.

Thanks again for your patience nguoiabcd!!

[Sherlock Friend SherlockJoin date: September 2014Posts: 11453Downloads:0Uploads:88 Thanks: 221 Thanked: 2478 times in 2162 posts]

#278375

Hi

That problem because your images. PLease check your image by Photoshop or Firework to edit them

[peterva Friend petervaJoin date: October 2006Posts: 41Downloads:0Uploads:0 Thanks: 6 Thanked: 9 times in 1 posts]

#278701

Hi

I linked all the used PNG images in a preview html so you can see the images are fine. They all have a transparent drop shadow.
Check it here:

This is the css were I used the PNG files:

/* MODULE
--------------------------------------------------------- */
div.module h3,
div.module_text h3,
div.module_menu h3,
div.module_hilite h3,
div.ja-box-br h3 {
margin: 0 0 5px;
padding: 8px 0 2px 15px;
font-size: 175%;
}

div.module,
div.module_text,
div.module_menu,
div.module_hilite,
div.ja-box-br {
padding: 0;
float: left;
clear: both;
width: 100%;
background: url(../images/box-br.png) no-repeat bottom right;
overflow: hidden;
}

div.module div,
div.module_text div,
div.module_menu div,
div.module_hilite div,
div.ja-box-bl {
padding: 0;
background: url(../images/box-bl.png) no-repeat bottom left;
}

div.module div div,
div.module_text div div,
div.module_menu div div,
div.module_hilite div div,
div.ja-box-tr {
padding: 0;
background: url(../images/box-tr.png) no-repeat top right;
}

div.module div div div,
div.module_text div div div,
div.module_menu div div div,
div.module_hilite div div div,
div.ja-box-tl {
padding: 4px 3px 4px 4px;
background: url(../images/box-tl.png) no-repeat top left;
}

div.module div div div div,
div.module_text div div div div,
div.module_menu div div div div,
div.module_hilite div div div div {
margin: 0;
padding: 0;
background: none;
}

/* PRIMARY COLUMN
--------------------------------------------------------- */
#ja-content {
clear: both;
display: block;
float: right;
width: 72%;
background: url(../images/content-center.png) repeat-y center;
}

#ja-content-top {
background: url(../images/content-top.png) no-repeat center top;
}

#ja-content-bot {
background: url(../images/content-bot.png) no-repeat center bottom;
}


Any Ideas?

[Sherlock Friend SherlockJoin date: September 2014Posts: 11453Downloads:0Uploads:88 Thanks: 221 Thanked: 2478 times in 2162 posts]

#278775

That is right code, what do you want more ?

[peterva Friend petervaJoin date: October 2006Posts: 41Downloads:0Uploads:0 Thanks: 6 Thanked: 9 times in 1 posts]

#278807

It still looks like this:

you can Ignore http://nvandijk.com/skillstalents/ because I changed everything back to the gif files, but it still looks like this when I use the PNG’s and the above CSS..

[Sherlock Friend SherlockJoin date: September 2014Posts: 11453Downloads:0Uploads:88 Thanks: 221 Thanked: 2478 times in 2162 posts]

#278808

That only because your images, maybe you need a designer to do them

[peterva Friend petervaJoin date: October 2006Posts: 41Downloads:0Uploads:0 Thanks: 6 Thanked: 9 times in 1 posts]

#278827

I am a designer, just not a programmer.

I made copies of the gif files, deleted the background with photoshop CS3 and saved them for the web with the PNG-24 setting. Should that be a problem?

[Author]

Posts