Public Forums 71,145 posts

[destination_sound Friend destination_soundJoin date: January 2012Posts: 9Downloads:0Uploads:0]

#174849

my template is ja kranos, my website is forum.destinationsound.net

with firebug i am able to put a box shadow on each position individually, but it doesnt looks right and the shadows overlap on eachother. is there a way to create a new position or a div in the code that i can apply a box shadow to? also is it possible to then have it span the whole length of the site and expand and contract in length, depending on how many modules i have turned on?

i am new to all of this i hope my question makes sense

[pixelzombie Friend pixelzombieJoin date: August 2010Posts: 339Downloads:2Uploads:49 Thanks: 32 Thanked: 168 times in 107 posts]

#443442

Hi there,

what exact elements should get a box-shadow? Right now the whole site has a drop shadow applied. You’re right about the overlapping, that’s normal because this is the way css works. Please provide some detail 🙂

Thanks in advance!

Frank

[destination_sound Friend destination_soundJoin date: January 2012Posts: 9Downloads:0Uploads:0]

#443472

Since my original post I figured out a “bootleg” way to do it. I changed the CSS for every position in the template.css file. I had to move each shadow up about 40px. To make up for the missing shadow on the bottom, I moved up the footer shadows to fill in the blank. I would rather have one full layer of box-shadow under the whole site, rather than the way it is now.

Also, when updating to the next joomla release, will all of these changes be erased?

I hope this is more detail

Thanks!

[pixelzombie Friend pixelzombieJoin date: August 2010Posts: 339Downloads:2Uploads:49 Thanks: 32 Thanked: 168 times in 107 posts]

#443947

To put a box-shadow arround the whole site, you’ll have to change the whole layout of your template via the default.php file within your templates folder page. I’m pretty shure that it does not exist yet. You can copy it from

/plugins/system/jat3/jat3/base-themes/default/page/default.php

to

/templates/your_template/page/default.php

I don’t know how familiar you are with php, but the way the site is displayed is all in there. You’ll have to sourround every element by a new wrapper. I wrote an answer about the exact same issue here at the forums. I’ll let you know as soon as I find it 😉

If you update the joomla core, no template files will be removed if you stay inside your template folder.

Cheers

Frank

[swissa Friend swissaJoin date: November 2011Posts: 1955Downloads:7Uploads:277 Thanks: 175 Thanked: 717 times in 572 posts]

#444309

<em>@pixelzombie 307879 wrote:</em><blockquote>To put a box-shadow arround the whole site, you’ll have to change the whole layout of your template via the default.php file within your templates folder page. I’m pretty shure that it does not exist yet. You can copy it from

/plugins/system/jat3/jat3/base-themes/default/page/default.php

to

/templates/your_template/page/default.php

I don’t know how familiar you are with php, but the way the site is displayed is all in there. You’ll have to sourround every element by a new wrapper. I wrote an answer about the exact same issue here at the forums. I’ll let you know as soon as I find it 😉

If you update the joomla core, no template files will be removed if you stay inside your template folder.

Cheers

Frank</blockquote>

I can’t even spell php but if and when you find this Frank, I’d be interested too. (to lift my Orisite out of flat 2D look)

Gruss

[pixelzombie Friend pixelzombieJoin date: August 2010Posts: 339Downloads:2Uploads:49 Thanks: 32 Thanked: 168 times in 107 posts]

#444507

Okay, I’ve found the old post here: http://www.joomlart.com/forums/topic/how-to-get-mainnav-inside-ja-container/#post-423551
I describe how to put the mainnav into the ja-container (which will have the box-shadow applied). If you look at it and learn how it’s done, you may be able to adopt this for every other block too. Basically you’ll need to get everything that should be surrounded by a box-shadow, inside ja-container.

If you need further advice, please let me know. Note: be carefull, you can really mess up your site with this customization :p

1 user says Thank You to pixelzombie for this useful post

1. swissa

[swissa Friend swissaJoin date: November 2011Posts: 1955Downloads:7Uploads:277 Thanks: 175 Thanked: 717 times in 572 posts]

#444514

As ever Frank, you are a gentleman

I’ll have a go at getting it wrong. :-[ Isn’t that the right way to learn? On a dev site obviously……:p

Unless it is going to be much easier to add an image to run down the sides of the site – something I’ve also not done before.

I’ll take your recommendation……. 😉

Bestens

[Author]

Posts