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.