jQuery Tutorial: Scroll-down Twitter Style Information Header (Part 1)

[Dalwanaage]

yeah, i am lovin it.

[Moorag81]

opacity: 0.8;

filter: Alpha(opacity=80); /* IE8 and earlier */

this also seems to work in CSS instead of the transparent image thing

[jimjimmy1995]

Can't you just use valign?

[lordyrich]

if you dont want to deal with the whole transparent image thing just replace

background-image: url('transparent.png');

with

background-color: lightcyan;

and carry on as normal, pretty much the same outcome.

[blewis917]

Yes i would love to know to to tag photos using jquery like facebook has it.

[Maseybabes]

good vid bro

[TheOriginalVZdemon]

all php programmers i invite you to come and visit vzforumz.webs.com the newly found programming community.

[T3chnoBas3FM]

CAN SOMEONE UPLOAD THE TRANSPARENT.PNG IMAGE AND GIVE ME THE LINK??? I NEED THAT IMAGE!

[Eromelcm]

Why are you wrapping the text in another div? Also you really don't need an image to get a transparent background. Well...IE becomes a problem with transparent CSS backgrounds, then you may have to still use the image. Still try this, less html code :)

#header

{ position: absolute; top: 0px; left: 0px; width: 100%; height: 40px; line-height: 40px; overflow: hidden; text-align: center; background: rgba(0, 0, 0, 0.7);

}

[aprilbryancahiles]

for those who are confused, alex is using the external type of CSS to make it more organize and lesser code

[keithflo]

This is an excellent tutorial!!

[amosngweien1]

Alex, You Can Also No Need To Use Images Files. i found a css that works too. w3schools got it

[aprilbryancahiles]

@amosngweien1

yes, you can manipulate it using css by setting the opacity level of its division but the problem is that it doesn't support for IE

[amosngweien1]

@aprilbryancahiles

ermmm.. w3school got a script for all browser including ie.

[aprilbryancahiles]

@amosngweien1

it has a problem for the latest IE version

[cyrusxxx1]

thumbs up more jquery tutorial

[sakuraness]

Yes I agree more JQuery tutorials!

[phpacademy]

@sakuraness Coming soon!

[bohterham]

@phpacademy

yeah!

[superawesomesuperkid]

i don't care if your British or not. the "a" in opacity is LONG not short. Thank you.

[phpacademy]

@superawesomesuperkid Well, that's how I say it.

[superawesomesuperkid]

@phpacademy

That's fine, just letting you know!

[Acceptable76]

@phpacademy Yeah! Lay down the line! Kick his ass! lol jk.

[ThinkinThoed13]

@superawesomesuperkid I don't care if you're illiterate or not, "your" is incorrect.

You're welcome. :)

[superawesomesuperkid]

@ThinkinThoed13 LOL! Thank you for pointing that out to me!

[Yameki]

@superawesomesuperkid This guy is taking his time & effort to make instructional videos. That's really the only comment you got to tell him?..

[superawesomesuperkid]

@Yameki Yup! :3

[boneysin]

@superawesomesuperkid piss off superdumbasskid ... if u dnt like his accent go run around a tree wid lightning speed so u can fuck urself ... Alex is so helpful and is doing a good job ...

[jackpneedham]

@superawesomesuperkid Oh, sorry I didn't know its your job to dictate how things should be pronounced. I'm english, speaking the english language. Your (probably) american. Speaking the english language. So who has a more valid opinion: the english speaking englishman OR the english speaking american? Neither, cause face it, theres different ways to pronounce words, you have no right to tell people how to speak. Fucking retard.

[superawesomesuperkid]

@jackpneedham In case you didn't know, I said sorry in his new video.

So please, fuck off :)

[jackpneedham]

@superawesomesuperkid ooh, my bad, i didn't track every comment you've made. Meh, you say something stupid, im going to ridicule you for it, cock.

[functi0norg]

@superawesomesuperkid why u trying cus when your meant to be learning something you do know? he spends his time helping others and doesn't get paid u should have some respect

[superawesomesuperkid]

@functi0norg Wow... still arguing over a comment made 2 months ago... You must have an amazing IQ of 15!!!

[Royalllllll]

@superawesomesuperkid shut up retard..

[superawesomesuperkid]

@Royalllllll You're 7 months late, retard.

[n1tr0b]

Suggestion:

- Instead of doing another div tag in the header.. You could also use the span tag.

[R4Backup]

Thanks for posting the sourcecode on the phpacademy forum!

[RateHacker]

i have follow you from the start Phpacademy and you have learn me SO MUCH!!!

i have create a nice website because of you!!

[adamdesch]

you could use {line-height: 40px;} to vertically align your text.

[phpacademy]

There will be more jQuery tutorials in the near future!

[pjongjang]

@phpacademy Cool, great tutorials man!

[iGraphicMehedi]

@phpacademy thanks dude, really appreciate it.

[keycore89]

Thanks!

[tylerplack]

More jQuery!

[Ipodtouchreviewer300]

plz more jQuery!!!!!

[Techible]

im a master at css and html i just need to learn jquery, and i want to try ajax :P

[jmwells1]

Sweet!!!