Loading Profile...
replacing wiki title text with image in css
I want to replace my wiki title (text) with an image using css. I can't see the relevant code using pbwiki's css editor. Any tips?
2 people have this question
I have this question, too!
Tell me when someone answers.
The more people who ask this question, the more it gets noticed.
The more people who ask this question, the more it gets noticed.
-
Inappropriate?The relevant code varies with skin and other parameters.
tip #1 Use Firefox browser and get the Web Developer extension. With this combo it's real easy to view various components of a wiki page.
tip #2 Download the CSS stylesheets used on your wiki. View source and look for <link rel="stylesheet" href=... to get the url's. Study 'm.
Good luck!
1 person says
this answers the question
-
Inappropriate?Yep, that's exactly what I did. I downloaded the css and used the WebDev extension to locate the elements I needed. Thanks for the reply!
1 person says
this answers the question
-
Inappropriate?Although each skin looks different and has different margins, for most cases, the technique will be the same because the HTML structure is identical. The header region looks something like this:
<div>
<h2>TITLE</h2>
<h3>FrontPage</h3>
...a bunch of other stuff...
</div>
You can see from this layout that one straightforward approach would be to hide the <a> inside the <h2>, insert the background image into the <h2>, and size it accordingly. There are also other approaches, but here's how that idea might start out:
<style>
#header h2 a { display:none; }
#header h2 {
background: url(/f/head.jpg);
background-repeat: no-repeat;
background-position: top left;
width: 300px;
height: 100px;
}
</style>
2 people say
this answers the question
EMPLOYEE