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.
It's some pretty brilliant css work. Lots of div tags for that search field.
----
Powerpoint is not a design application
----
The Salon Design Tech
<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
----
The Salon Design Tech
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
----
The Salon Design Tech
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
----
The Salon Design Tech
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
----
The Salon Design Tech
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.