Thread Starter
jaybot
(@jaybot)
Okay, well I found a theme that will work for me, I just have a few questions to try and set it up like my older one.
Here is a picture of what I am trying to achieve.
http://img.skitch.com/20080623-dwix5sftpeqytq69netgxdf31k.jpg
Basically I want to do the header thing thats currently on my tumblr blog, to be the same on my wordpress blog, i don’t mind if it’s going to be a bit bigger, i was going to update it anyways.
Well, the only thing you need to worry about is that pesky sidebar. Did you want it in your WP blog? Did you want to retain a tumblog kinda look with your old design, just based on WP?
If on the other hand you wanted to port the banner and background image to WP and have all the WP’ness (sidebar goodies, etc.), then you just need to edit your stylesheet. Take a peek at the source code to see what division is holding the current banner (looks like #header). Then alter it to include your new background image and make sure the width is set. Then if there’s a wrapper division in your current theme (#page), adjust it also, to the width of your desired image. Hunt down any other declared widths and change them appropriately. Pay careful attention to the combined width of the main content area (#narrowcolumn) and the sidebar (#sidebar). You’ll likely have to adjust those downward so they are no wider than your banner image. Make sense?
Oops, don’t forget to add the purdy tiled background to your body tag in your stylesheet. 😉
Thread Starter
jaybot
(@jaybot)
I want to keep the sidebar, basically I just want to mimic the header thats on my tumblr blog, to my wordpress blog, and copy the backround on my tumblr blog, to the WP one.
Honestly, I have no idea what to look for, last time I had trouble with it, someone checked out my source and posted a code for me to place, and it worked. I’m not very fluent in HTML or anything like that, so I might have trouble finding out what to do.
P.S. And totally OT, I checked your profile. Check out William Sled’s fashion advice on YouTube. I expect he’ll have his own cable TV show any day now. Not bad for a misfit from Paducah. 😉
That’s not too hard. I’ll see if I can post exactly where you need to make your changes in the stylesheet. You will just need to take care of uploading the background image and your banner image and plugging in the sizes.
Thread Starter
jaybot
(@jaybot)
Haha, well I will be sure to check him out. =)
And thanks, if you would be able to do that, I would be totally grateful. No rush though, as I am going out, and probly wont check this till later tomorrow.
Hi Jaybot — your patience with the unpaid forum volunteers is encouraged. Please avoid the bumps for at least 24 hours. (yes, I deleted your last couple)
Thank you.
I haven’t forgotten, but I’m not where I can do anything for just a few more hours. Hang tight. 😉
Thread Starter
jaybot
(@jaybot)
Awesome, thanks a bunch.
I just finally figured out how to fix my background ;D
Okay, piece by piece. Let’s operate on your header.php file first.
Find this:
<div id="header" onclick="location.href='http://myalternativemind.net';" style="cursor:pointer;">
<h1><a href="http://myalternativemind.net">My Alternative Mind</a></h1>
<div class="description"></div>
</div>
And strip out the two divisions inside. So it looks like this:
<div id="header" onclick="location.href='http://myalternativemind.net';" style="cursor:pointer;">
</div>
Save the file. Now, go to your stylesheet (styles.css). And find this chunk, under /* Begin Structure */:
#page {
margin: 20px auto;
padding: 0;
width: 760px;
}
#header {
padding: 0;
margin: 0 auto;
height: 200px;
width: 100%;
}
For #page, change the width to match the width of your intended header graphic.
For #header, you’ll basically change it up to look like this:
#header {
padding: 0;
margin: 0 auto;
background-color: [matching bg color expressedin hex];
background-image: url(/images/[your image name]);
background-position: top left;
background-repeat: no-repeat;
background-attachment: scroll;
margin: 0 auto;
height: [height of your image, in px];
width: [width of your image, in px];
}
Make sure you upload your header image to the /images folder of your theme so the stylesheet can find it.
Then you’ll need to go through the stylesheet and make sure the widths that are 760px are changed to whatever the width of your header image is. Contact me offlist (check my profile) if you need more help.
Thread Starter
jaybot
(@jaybot)
I ended up adding the new #header part, but it got rid of my top bar.
Does anyone have any ideas as to how I can accomplish what I am trying to do?
I posted the same question, and someone replied with this… Don’t know if it’ll be much help, but maybe theirs an easier alternative?
So all you want to do is stick the top image of your old blog (with all the text – “um hello… i’m just a boy… onesickstory”) on the top of your new one? And you also want the links (Start Myspace Flickr)? Shouldn’t be too difficult.
All you need to do is to stick the image after line 18 in the header.php file of the theme you’re using (/wp-content/themes/blackletterhead/header.php) using a simple image tag: <img src=”whatever_you_call_the_image”> (using the proper path, of course).
Then you’ll need three separate images for the buttons, which you’ll do the same thing for just after the line of code that you previously put into the header.php. Image tags for all three but this time you’ll make the images links: <img src=””> for all three.
Thread Starter
jaybot
(@jaybot)
Anyone?
I did what that other person told me, and this is what I got.
http://img.skitch.com/20080626-rdn4tkpu2x26yrkicdiadtk82i.jpg
It’s kinda how I want it, but here is the set up Im looking for.
http://img.skitch.com/20080626-ecepcjyj9b7wxw9yg4ibcyiwrx.jpg
Thank you, I have to help.
