That crazzzzzy CSS code!

[cdog]

I was just wondering... i was playing around in dreamweaver with css and stuff on myspace profiles..

Can someone explain to me how in the heck someone knew or figured out that

table table td.text table td.text table table tbody td table, span.btext {
display: none !important;
}

would hide all of your friends?

[cdog]

Also, if you can go through and highlight the html with the proper css tags,

I'll paypal 30 bucks to the first person who can do it lol

[Jordan]

I don't get what you want... =/

[mcfox]

They used Firefox with developers toolbar and highlighted the table depths, then they used Topstyle Css editor to highlight the syntax, followed by a quick ammendment to the CSS using Firefox's web developer toolbar's 'Edit CSS' option to make certain it worked, and what do you know? It did!

Please send payment to ...

[cdog]

lol amazing how quickly i got replies =p

i'm still confused at all that jumble.

i guess i'm hopeless.

i can do php, java, etc, but not css

i'm retarded

[mcfox]

css is easier than php and java. Just think of it as a sub-routine that has inherited values.

[cdog]

but it would be pretty much impossible to figure out the nesting heirarchy without some sort of program right?

[Greg-J]

css is easier than php and java. Just think of it as a sub-routine that has inherited values.
Lies. Nothing but lies.

[Greg-J]

but it would be pretty much impossible to figure out the nesting heirarchy without some sort of program right?
The only Firefox extension you need for this is Firebug. mcfox is a sadist going through all that...

https://addons.mozilla.org/firefox/1843/

[mcfox]

Haha! No way. Topstyle is the dog's bollocks and almost writes the code for you.

[mcfox]

but it would be pretty much impossible to figure out the nesting heirarchy without some sort of program right?
Actually, once you get an eye for the code you can pretty much figure it out just by looking at the source code. I must admit though, that having a decent css editor makes life much simpler.

[Greg-J]

Haha! No way. Topstyle is the dog's bollocks and almost writes the code for you.
A whole program just for CSS!?

If there's no syntax highlighting and intellisense for at least xhtml, css, php and javascript I couldn't live with it.

But for someone who's just writing xhtml/css it looks like the cats me... err, the dog's bollocks :P

[cdog]

ok i've tried both extensions and still don't see how they got this info

table table td.text table td.text table table tbody td table

[Greg-J]

ok i've tried both extensions and still don't see how they got this info

table table td.text table td.text table table tbody td table
Click Inspect in Firebug and click the element you want. Right Click the toolbar and select CopyXPath. You should be able to figure it from there.

Alternatively, you can download this toolbar:
https://addons.mozilla.org/firefox/60/

I use that one quite a bit.

Once it's installed, press Ctrl+Shift+F. hover over the element you want and left-click. It'll list all parent elements.

[WarBud]

CSS give me fits. Its like looking at the matrix.

http://home.tiscali.nl/serenacloos/Afbeeldingen/D500/matrix_code_green.gif

[mcfox]

Alternatively, you can download this toolbar:
https://addons.mozilla.org/firefox/60/
*Cough - the one I mentioned earlier *cough

[cdog]

i'm guessing everything that's been figured out with profiles ialready is all there is?

[omen]

No way, layouts could be way more advanced in terms of looks via CSS only if time was applied.

[Greg-J]

No way, layouts could be way more advanced in terms of looks via CSS only if time was applied.
I absolutely agree. There are so many things I can think of that you could do with CSS an MySpace profiles if I had the time to play around with it.

[cdog]

i wish i had the know how of doing it, I have nothing but time.

any where i can learn more?

[Greg-J]

i wish i had the know how of doing it, I have nothing but time.

any where i can learn more?
While I wouldn't consider myself a guru (you won't see me discovering any new browser bugs), I would put myself up there as far as knowledge.

I never had any formal education in the subject, rather I taught myself simply by going to places like w3schools in the beginning, and then asked a lot of questions on a lot of different forums. I would constantly create layouts that were considered to be very difficult to create so I could get over those barriers as soon as possible.

After that it's just experience. I've probably designed somewhere in the hundreds of site layouts using css/xhtml, but I still learn something new every now and then.

My advice would be to understand the basic syntax first. Get your definitions down for selectors. Take some time to understand the hierarchy and verse yourself on the benefits and pitfalls of using position: (study z-index: at the same time) and float: as they're the most difficult to truly comprehend. Take a look at the differences between IE and FireFox and the way they render CSS as well. You'll learn to loathe IE the more you learn about CSS.

Search for the firefox plugins WebDeveloper and Firebug as well. They'll be your best friends.

[cdog]

I'm very good with html, i've done a ton myself... it's more the matter of moving individual parts of a myspace page... i guess if that makes sense.

i'll do some readin though. i would love to create an editor where you could move / hide anything.

[omen]

Go to www.digg.com, and search up the top stories for CSS. I've seen some great resources posted on there for CSS. Specifically, a great absolute/relative positioning tutorial which is what you want if you would like to move parts of the layout around.

[cdog]

Go to www.digg.com, and search up the top stories for CSS. I've seen some great resources posted on there for CSS. Specifically, a great absolute/relative positioning tutorial which is what you want if you would like to move parts of the layout around.

thanks, i guess the other problem would be the path as i posted in my first post. I'm still unclear on how to get that.

when i use greggs method i get

/html/body/table/tbody/tr/td[2]/table/tbody/tr/td[3]/table[4]/tbody/tr/td/table[2]/tbody/tr[2]/td/table/tbody/tr/td

[deep]

but it would be pretty much impossible to figure out the nesting heirarchy without some sort of program right?

wrong, I can figure it out without even any program. by just looking at the source code, it may take few mins but i did it before. but i guess using some program would be lot easier but i usually just do things manually, works for me. :)

and css is not easy. css gets complicated as u advance through.

[cheeky]

thanks, i guess the other problem would be the path as i posted in my first post. I'm still unclear on how to get that.

when i use greggs method i get

/html/body/table/tbody/tr/td[2]/table/tbody/tr/td[3]/table[4]/tbody/tr/td/table[2]/tbody/tr[2]/td/table/tbody/tr/td

yep, i get the same.. would love to know how to use this tool properly!! i'm just starting to get into coding myspace pro's myself as a pose to stealing the basics from generators and modifying it lol.

http://www.myspace.com/langy is my profile, i'm sure there's loads of faults with it in regards to unneeded code being removed etc.. i know for sure that it looks all spaced out and un-aligned when viewed in IE, whereas it looks perfect in firefox.

any tips would be great! especially sorting out that 'Copy XPath' string..

cheers

[deep]

No way, layouts could be way more advanced in terms of looks via CSS only if time was applied.

pretty much everything is figured out, the rest of it would go into div overlays which confuses the heck out of a normal myspace user since its a little complicated to edit.

there are few things you can do to change some things around like have everything in one column which is already figured out but there arent any premade layouts for it. there are already codes for almost everything but not many layouts that use that code so making layouts to use with one column would be pretty nice and can get popular *going to make one column ones when i get time*

[mcfox]

http://www.myspace.com/langy is my profile, i'm sure there's loads of faults with it in regards to unneeded code being removed etc.
Let me tell you one thing you will need to address as a matter of some urgency - the removal of all the Myspace links! That's a big no-no these days and will result in the profile being deleted.

I'm sure you'll figure it out, cheeky. ;)

[cheeky]

the myspace links? what, those being the 'home', 'browse', ... 'comedy', 'classifieds' etc? i thought i was safe so long as i'd left the advertisement and search bar visible..

[mcfox]

Yes, you need to leave all of those links in place, including the ones at the bottom of the page.

[cheeky]

can someone with a bit of knowledge save me some time, then, by telling me which classes i need to make visible in my code to show the aforementioned links? i've been trying to design a profile for a band all day and haven't been having much luck with it at all.. too many new codes and concepts for me to grasp, it's been a while lol.. plus, i've been unable to find ANY help or guides or anything on t'internet specifically for myspace music profiles - every site is made for standard myspace profiles. :(

anyone willing to help me out with MySpace Music codes, or just explaining how to use Firebug to help me identify parts of the profile to hide/tweak - then hide/tweak them - would be greatly appreciated..!