bbPress ShowcasebbPress Showcase

bbPress Showcase » bbPress Themes

1. Achilleus
   

   new member
   Joined: Aug '08
   Posts: 1

   offline

   Reputation:2

    

   I need to make my installation of bbpress look exactly like my installation of wordpress, I don't want the users to even notice that they are on entirely different software. I imagine that is the goal for a lot of people.

   However, I cannot find where to put a simple background image!

   http://www.achilleustechnologies.com/images/ss.tiff
   http://www.achilleustechnologies.com/images/gp.tiff

   I need it to look like that. The 200px high 980px wide gradient with the curved corners, that's the image I need to be at the beginning of the page. I don't know why it's not showing up, I've tried making all the background colors transparent, tried putting the background-image: in the #wrapper, #header, and the #main id's and none of them will show my image. I've triple checked the URL to the image and re-copypasted it straight from the wordpress stylesheet(which uses exact http:// paths for all my images). There is nothing wrong with my syntax.

   So I'm asking here if anybody on here might now which ID or class I'm supposed to put it in to acheive this effect? I'm modifying the default theme so I'm sure most are familiar with that type of process.

   Posted 2 years ago #
2. _ck_
   

   senior admin
   Joined: Jul '06
   Posts: 732

   offline

   Reputation:783

    

   You need better tools to do that kind of work, then it becomes easy.

   Install firefox and then install CSSViewer:
   https://addons.mozilla.org/en-US/firefox/addon/2104

   When you toggle it on, you can mouse-over any object and see the CSS behind it. The web developer toolbar has something like it too, but I like CSSViewer better:
   https://addons.mozilla.org/en-US/firefox/addon/60

   Also handy is a real-time CSS editor so you can try different properties on different elements to see which one affects it: http://editcss.mozdev.org/
   Again, there are other tools that do that like Web Developer, but I like that one better.

   Last but not least, I find the JSView plugin very handy which immediately lets you see any external stylesheet (not inline) or even javascript that is affecting the page by indicating in the status bar there are external files loading - which you can click on to see:
   https://addons.mozilla.org/en-US/firefox/addon/2076

   Note there are bookmarklets to do similar things but they don't work as smoothly or easily - for example the Edit Styles and Computed Styles:
   https://www.squarefree.com/bookmarklets/webdevel.html#edit_styles

   So using those three tools you can dissect virtually any webpage to see how things are done. Then using the tabs in firefox you can easily hop back and forth to see if everything matches up.

   Posted 2 years ago #
3. _ck_
   

   senior admin
   Joined: Jul '06
   Posts: 732

   offline

   Reputation:783

    

   Also, typically with the problem you are having there is something overriding what you are trying to place, a couple of levels higher.

   For example (and this is definitely NOT the correct answer, just an example) you might find that placing the background on #main might not work. Because it's being overridden by #wrapper #header #main (all as one reference).

   Last but not least, you do NOT have to use the class and id names used in bbPress. Nothing else references them but your own stylesheet. In theory you can copy the html blocks along with their classes and ID's over to bbPress as long as you put the correct PHP functions inside the those html blocks and make sure you leave the action hooks intact (ie. do_action('bb_head',''); and do_action('bb_foot','');

   Posted 2 years ago #
4. _ck_
   

   senior admin
   Joined: Jul '06
   Posts: 732

   offline

   Reputation:783

    

   I see you marked this as resolved so I hope you were able to find your answer! Good luck!

   This is a demo of the bbPress Signatures plugin!
   If you use my plugins, please considering donating to help continue their development.

   Posted 2 years ago #

RSS feed for this topic