Get css source

Posted: Thu Feb 18, 2010 4:07 pm

This one is killing me.

I use phpbb3 and i try to get a specific css code out from it.
The problem is , phpbb3 uses dymnamic css and it loads huge css code to the browser.
This ends up with thousands of lines in several css files.
I try to use ( i think all of them) FF addons like firebug , webdev but i getting tired of it rying to find out HOW.

Does anyone have a trick or even a code to get the LOADED css for a div and what is between it.

As for an example i go add a screenshot i made from what i accomplished already.
But there's to much css loaded from phpbb3 , so it gives a bad effect on the rest of the site (css override).

osc2nuke_center_forum_block_phpBB3.png

To refer you to the correct css i need , use this link and look for the topic area under the anouncements area , where it say's

Topics-Replies-Views-Last post

Posted: Thu Feb 18, 2010 6:15 pm

I use the FireFox plugin called Web-Developer and then turn on View-Style-Information under the CSS dropdown.
This then highlights the style of whatever you hover with the mouse.
[ Only registered users can see links on this board! Get registered or login! ]

Posted: Fri Feb 19, 2010 11:12 am

yes i now , but it is a not done in my case.

i thought if there exist a snippet you can put around 2 div's and let it print/constuct the loaded css!

Thx for the response.

Posted: Fri Feb 19, 2010 11:31 am

I use firebug and right click on anything on the page and "Inspect Element"

then in the style tab you will see all associated style for that element, even has style that has been overridden (crossed out)

Posted: Fri Feb 19, 2010 3:20 pm

yes spastic i know that to , but you cant make a css of of it , becouse if you look further you see inherit css and will result in wrong css.
I'm verry aware i can get all one by one , but i dont want it like that.
And my purpose is simple.
I want to release a phpbb3 block for nuke and give options to get the same look for the block as the matching phpbb3.
I would make it easyer for anyone to implement it then.

Posted: Sat Feb 20, 2010 3:09 pm

Wow, that theme sucks. I don't think google likes it.
DL = definition list
DT = definition term
DD = definition description

When i see that code i see UL > LI > DL > DT + DD+ DD + DD

The W3C specs say: DL > DT + DD, DT + DD, DT + DD, etc.

Google reads website like you (when you disable CSS). This means Google gets the wrong impression about a list with bad definitions. At the end this should downgrade search results.

wHiTeHaT: if i were you i would design the HTML first and then write CSS to get the same effect.