Not sure this belongs here
SloYerRoll (75 points) | Mon, 2007-11-19 15:51Sick of me yet :)
I'm don't think this really belongs here, but I don't belong to many other places that would know about something like this, so even a finger in the right direction would help so much! (no not that finger..)
http://www.krop.com/ (best viewed through FF)
Type in the search box and you’ll see an “animation” in the background.
How do you make this happen? I just want to make it work on a single page before I proceed further.
Thanks so much in advance for your help.
Cheers,
*I have a specific animated gif if there’s someone out there gracious enough to help me make this happen.
Commenting on this Forum topic is closed.
It's some pretty brilliant css work. Lots of div tags for that search field.
----
Powerpoint is not a design application
----
Dirt and Rust
<br /> /* krop_search_form */<br /> #krop_search_form<br /> {<br /> clear: both;<br /> width: 585px;<br /> padding: 0 23px;<br /> }</p> <p>#krop_search_form .input_text<br /> {<br /> width: 555px;<br /> padding: 10px 15px;<br /> font-size: 2.1em;<br /> color: #F8320D;<br /> background: #fff url(cssimg/search_input_text.gif) no-repeat 0 0;<br /> }</p> <p>#krop_search_form.searching .input_text<br /> {<br /> color: #E57A66;<br /> background: #fff url(cssimg/search_input_text_candy.gif) no-repeat 0 0 !important;<br /> }------------
Perfectly Lost Designs
------------
Perfectly Lost Designs
I think that HTML is asp.net generated...
----
Powerpoint is not a design application
----
Dirt and Rust
I see that:
important;
in CS allot. Is CSS sometimes a bit sloppy since it's such a loose language? Most of the code I know doesn't need for me to tell it something like that. If I want it to be important, I just put the code in the "right" place...
I d/l the site into Dw and yanked the CSS. (what you posted Seraphim, but I need to learn to do this NEway)
I'm a web design noob & learning my way around Dw, but the syntax makes perfect sense. So I'm already over the major block of learning websites.
I'm gonna goof around w/ this for a day or so, then I may come back w/ questions.
Cheers,
-Jon
If you're a noob then you're definitely jumping in the deep end of the pool on this one. :) This code is pretty advanced.
----
Powerpoint is not a design application
----
Dirt and Rust
Ya, I'm always biting off more than I can chew..
I like challenges. Forces me to grow whether I like it or not.
Cheers,
-Jon
Challenges are fine, just don't forget the basics. There's more to web design than css/asp search fields. :) (Could be php too).
Go to www.w3schools.com for more.
----
Powerpoint is not a design application
----
Dirt and Rust
I agree with Natobasso.
It's not that this isn't a good "challenge", but learning how to do this doesn't provide you will the fundamentals of CSS - what you need when applying CSS to websites in the long run. I would start out with something more basic - not a good-looking gadget or techy fad. (Not saying this is completely in that category, but it's not very applicable.)
------------
Perfectly Lost Designs
So is that or is that not an animated gif?
This way I can at least start on the right path before I come crawling back for help ;)
P.S. Nato.. Thanks for the link. Anything like that is waarmly welcomed.
It's just an image. Doesn't look animated to me.
----
Powerpoint is not a design application
----
Dirt and Rust
Thanks Natobasso.
It's animated. http://www.krop.com/media/css/cssimg/search_input_text_candy.gif
------------
Perfectly Lost Designs
So how hard do would you say this little project I'm creating for myself actually is? (1-10 scale)
I don't have a need to have this now, I really want to learn it since I think it's a great little tool to have in ones aresonal.