mlaurel
Forum Replies Created
-
Forum: Fixing WordPress
In reply to: allowing others to add comments to a postfound the answer, just needed to do a bit of digging
Forum: Themes and Templates
In reply to: z-index issue with footer for twenty elevenI have no way of testing with older IE browsers (yet) but I had all that working with the latest versions of IE9 FF, Chrome & WebKit.
This something I ran into a few weeks ago & bookmarked:
Forum: Themes and Templates
In reply to: z-index issue with footer for twenty elevenThis is currently how my header.php is coded from the <body> tag down since the only change I made above the </head> was to add inline CSS for a jQuery based horizontal floating menu.
<body><!-- <?php body_class(); ?> --> <div id="dImgbg"> <?php /* echo $page_id; change the bgImage depending on page. */ if ($page_id == 0) {print ("<img src='https://localhost/wordpress/wp-content/themes/ml00/images/bgMain00.jpg' id='bgImg'/>");} elseif($page_id == 4) {print ("<img src='https://localhost/wordpress/wp-content/themes/ml00/images/bgAbout.jpg' id='bgImg'/>");} elseif($page_id == 6) {print ("<img src='https://localhost/wordpress/wp-content/themes/ml00/images/bgWeb.jpg' id='bgImg'/>");} elseif($page_id == 158) {print ("<img src='https://localhost/wordpress/wp-content/themes/ml00/images/bgProject.jpg' id='bgImg'/>");} ?> </div> <!-- --> <div id="navi"> <div id="menu" class="default"> <!--code of floating bar goes here--> <?php /* Our navigation menu. If one isn't filled out, wp_nav_menu falls back to wp_page_menu. The menu assiged to the primary position is the one used. If none is assigned, the menu with the lowest ID is used. */ ?> <?php wp_nav_menu( array( 'theme_location' => 'primary' ) ); ?> <!-- #access --> </div><!-- close menu --> </div><!-- close navi --> <div id="page" class="hfeed"> <!-- deleted items --> <!-- #access --> <!-- #site-title --> <!-- #site-description --> <!-- header --> <!-- end deleted items --> <!-- #branding --> <div id="main">
After spending more time than I wanted to on modifying the theme, I wiped XAMPP & WP & moved them to a different HDD to mirror my server properly. I haven’t reinstalled the modified theme I was working on. I don’t remember if I commented out <?php body_class(); ?> to get it to work, but I THINK it (the div) still worked with it untouched.
There was a bit of cajoling on style.css to get the div to show I remember changing A LOT of background attributes to none.
Forum: Themes and Templates
In reply to: z-index issue with footer for twenty elevenI forgot to mention I heavily edited files to get the div element & its content to show- but when I did this I couldn’t get the footer to show correctly.
Forum: Themes and Templates
In reply to: z-index issue with footer for twenty eleven@halcyonweb – yes I do have that code in the header.php.
I don’t think Better Backgrounds would let me have the specific backgrounds (after looking at the description) I have designed for the pages I have for my site.
I added the following code to the header to show the appropriate background depending on the page:
<div id="dImgbg"> <?php /* echo $page_id; change bgImg depending on page. */ if ($page_id == 0) {print ("<img src='https://localhost/wordpress/wp-content/themes/ml00/images/bgMain00.jpg' id='bgImg'/>");} elseif($page_id == 4) {print ("<img src='https://localhost/wordpress/wp-content/themes/ml00/images/bgAbout.jpg' id='bgImg'/>");} elseif($page_id == 6) {print ("<img src='https://localhost/wordpress/wp-content/themes/ml00/images/bgWeb.jpg' id='bgImg'/>");} elseif($page_id == 158) {print ("<img src='https://localhost/wordpress/wp-content/themes/ml00/images/bgProject.jpg' id='bgImg'/>");} ?> </div>
I had all that working but…I just couldn’t figure out that z-index issue…perhaps I should’ve used a different theme to alter.
Time constraint made me stop “reverse engineering” 2011 & decided to not to use WP as a CMS tool- but just use it as a commenting platform instead.
Which is what I want to do & the CMS as an added bonus.
Hello all,
I’m in need of some help since I’m not getting what I would like to achieve with the background image properly.
I’m editing a local copy of 2011 as it allows you to have customized backgrounds.
However, using: Dashboard > Appearance > Background > Background Image; doesn’t “stretch or shrink” the background image. Please note, this is not the effect I’m looking for.
I would like to have the background “stretch / shrink” like this does.
I was able to do this (2nd link) by using the following codes.
CSS:
#dImgbg { position:fixed; top:0; left:0; width:100%; height:100%; overflow:hidden; z-index:0 ;} #bgImg { width:100%; height:100%;}
HTML:
<div id="dImgBg"> <img src="images/bgTmp.jpg" id="bgImg"/> </div>
Just a sidenote, I did try esmi’s suggestion;
In your stylesheet – which you should be using to load the background in the first place. Not in the markup.
but this doesn’t stretch / shrink the image either.
The problem I have, is that for some reason, when I add the CSS & HTML codes to style.css & header.php, respectively, the entire footer gets hidden “behind” <div id=”dImgBg”>.
I’ve tried adding z-index: 20 to the elements in the =Footer but that didn’t solve the problem.
Please help, I’m stuck…
Thank you
Forum: Fixing WordPress
In reply to: smaller header (not the image) and removing search fieldsearch for =Menu in style.css & i believe it’s #access
can’t remember for sure since I completely deleted the search bar in the header…look for it’s id in the HTML & it’s declaration in the CSS
japanime, I’m a fan!
Forum: Fixing WordPress
In reply to: smaller header (not the image) and removing search fieldMy, bad…&
Thank you! ??
will give it a go
Forum: Fixing WordPress
In reply to: smaller header (not the image) and removing search fieldOk, I’m gonna clarify since I had to explain myself to esmi again.
I don’t use WP’s server or editor for my personal website. I have my site hosted elsewhere. To work on my site, I installed XAMPP (Windows app) which allows my to run a server with Apache, mySQL & PHP on my PC. When I’m done editing stuff, I upload to my server.
That’s why I have no problem modifying a copy of theme 2011.
You absolutely CAN change things around in the header.
This is my site which is WIP…I currently have it with the theme I’m working on since i have a question regarding background images.
Like I said, I’m using a modified version of 2011.
@esmi, we had this discussion on a different post.
It’s not the Twenty Eleven theme itself, but a copy of it.
I’m modifying a copy of Twenty Eleven, to get a better understanding of WP. The modified theme that I’m working on isn’t on WP’s server, I’m working on it locally & am uploading it to MY own server.
So any ideas on how I can accomplish my original questions?
Forum: Fixing WordPress
In reply to: smaller header (not the image) and removing search fieldI’m not too hip on child themes since I just started using WP- so I essentially copied & modified the theme itself by renaming & removing references to “2011”.
But yes, the header is where I edited…I also checked/edited style.css as needed
Forum: Fixing WordPress
In reply to: smaller header (not the image) and removing search fieldForum: Themes and Templates
In reply to: Theme 2011 – Navigation Bar – CustomiseThank you!
I thought it was some fancy shmancy snippet of code or something…
Forum: Themes and Templates
In reply to: Theme 2011 – Navigation Bar – CustomiseI’m referring to the WP admin bar. Is there a way to disable it?