Need better solution – transparency, template, background
-
Hi everyone!
Looking for a better solution to my current wordpress page project.I have started with an artisteer template that i’ve built myself.
The page has a vertical menu in a block on the left side – pretty uncomplicated.The problems begin in the main article/page area. I want to have a per-page changeable background image (solved with plugin “Custom Post Background”). On top of the background I want three templates that each have different sized semi-transparent layers that contain all text on the page (one with a column like area, one that covers most of the background image – and one that is suitable for image gallery on top of the semitransparent area (which in turn lies on top of the background)).
At the moment I am struggling with creating and controlling the semi-transparent areas with some divs I have added to the style.css.
div.backgroundtransp { width:100%; height:630px; } div.transbox { width:210px; height:630px; margin-top:-40px; background-color:#000000; opacity:0.7; filter:alpha(opacity=70); /* For IE8 and earlier */ }
One of the problems with this solution is that the end-user of the site cannot handle html at all – so I’ve been trying to create different templates but that doesn’t seem to work since the divs need to be in the post itself (if I add the divs in the template it applies to the whole page (including the vertical menu) and breaks the page layout).
I have also had a look at adding buttons that add the divs as some kind of shortcode. (so that the end-user would click on a specific button in the editor to mark the page as being one with for example the large semi-transparent layer before writing the text itself). That solution might work – but in a way it is asking for trouble if the end-user for example clicks on two buttons or whatever.
I believe that there are much more elegant solutions to this problem – and I really hope that someone out there might be able to point me in the right direction. Hope my description wasn’t too cryptic.
Any help much appreciated!
- The topic ‘Need better solution – transparency, template, background’ is closed to new replies.