Tip: Animate your search box (Removed)

[Glenn Lynch]

Tip removed. If you wan't the tip check it out at Jensocial's VIP club! :)

 

I didn't know it was from Jensocial VIP club! :( I removed it because it wouldn't be fair for Jen or Elson. Sorry for posting the other codes. I really don't want any trouble like being called a thief, I just want a good reputation around here. Thanks for pointing that out! I felt really bad when I found out about this. Please accept my Apology! :)

 

PS: I would also be removing the code from my site to respect the VIP rules of Jensocial.

 

Sincerely,

Glenn Lynch

[Elson Tan]

isnt this from jensocial vip club?

[Ceddy J]

That's not a good look if that's the case.

[Fire-Tech]

Yes it is here,...it's even your tip Elson. Imagine that. This is the second VIP tip that I know of that has been given out.

Just like this VIP tip that Alex made was re-posted here. This might be how you may feel if others are re-posting your work. A lot of people won't say anything about people taking code as their own, but it's been happening a lot lately. We all help each other out, but if we are going to Firebug other sites, verify where the code originated before re-posting it please......

[Glenn Lynch]

I didn't know it was from Jensocial VIP club! :( I removed it because it wouldn't be fair for Jen or Elson. Sorry for posting the other codes. I really don't want any trouble like being called a thief, I just want a good reputation around here. Thanks for pointing that out! I felt really bad when I found out about this. Please accept my Apology! :)

PS: I would also be removing the code from my site to respect the VIP rules of Jensocial.

 

Sincerely,

Glenn Lynch

 

[soaringeagle]

besides  reposting other peoples code theres a much simpler way to do this with simple css

no need to use javascript at all

[Patrick Chappelle]

Unconscionable! Will there never come and end to this kind of blatant thievery!

It's one thing to share code, another to steal the work of others and pretend it is your own creation. I despise liars and thieves!

[Jordon McGee (Jords)]

Here we go again, it's like illegal resale around here. Just realized who was reselling Jens tips for like 20 bucks. (Saw a discussion on that a month or so ago). Saddening the poor ethics this community is starting to see creep in.

[Patrick Chappelle]

You figured out who the $20.00 man is, eh? Yes, that was me who posted that discussion about the rampant thievery going on here at Ning lately. The quality of Ning network creators is on a serious downward spiral these days.

[Glenn Lynch]

I didn't know it was from Jensocial VIP club! :( I removed it because it wouldn't be fair for Jen or Elson. Sorry for posting the other codes. I really don't want any trouble like being called a thief, I just want a good reputation around here. Thanks for pointing that out! I felt really bad when I found out about this. Please accept my Apology! :) 

PS: I would also be removing the code from my site to respect the VIP rules of Jensocial.

 

Sincerely,

Glenn Lynch

[Jordon McGee (Jords)]

Yeppers, found em for free lol! Yeah, I'm cautious when people who are rarely on creators all of a sudden show themselves and have a sudden instant knowledge of Ning and plethora of tips. Then suddenly a few months in they disappear. Its like they screen for hacks/tips and try to make a quick market off of them or something.

[Patrick Chappelle]

If people were asking you for the tip, the right thing to do would to have been to refer them to JenSocial. But I guess expecting you to do the right thing is beyond your ability to live up to.

[soaringeagle]

besides heres a real animation

i'll be writing this freeform and not testing it so forgive any typos or glitches

@-webkit-keyframes searchmove {
0%, 100% {
-webkit-transform: translatex(0) skewx(0);
}
17% {
-webkit-transform: translatex(24px) skewx(4deg);
}

92% {
-webkit-transform: translatex(-24px) skewx(-4deg);
}
}
@-moz-keyframes searchmove {
0%, 100% {
-moz-transform: translatex(0) skewx(0);
}
17% {
-moz-transform: translatex(24px) skewx(4deg);
}

92% {
-moz-transform: translatex(-24px) skewx(-4deg);
}
}
@-ms-keyframes searchmove {
0%, 100% {
-ms-transform: translatex(0) skewx(0);
}
17% {
-ms-transform: translatex(24px) skewx(4deg);
}

92% {
-ms-transform: translatex(-24px) skewx(-4deg);
}
}
@-o-keyframes searchmove {
0%, 100% {
-o-transform: translatex(0) skewx(0);
}
17% {
-o-transform: translatex(24px) skewx(4deg);
}

92% {
-o-transform: translatex(-24px) skewx(-4deg);
}
}
@keyframes searchmove {
0%, 100% {
transform: translatex(0) skewx(0);
}
17% {
transform: translatex(24px) skewx(4deg);
}

92% {
transform: translatex(-24px) skewx(-4deg);
}
}

#xn_bar #xn_bar_menu_search_query  {
-webkit-animation-name: searchmove;
-webkit-animation-timing-function: ease-in-out;
-webkit-animation-iteration-count: infinite;
-webkit-animation-duration: 2s;
-moz-animation-name: searchmove;
-moz-animation-timing-function: ease-in-out;
-moz-animation-iteration-count: infinite;
-moz-animation-duration: 2s;
-ms-animation-name: searchmove;
-ms-animation-timing-function: ease-in-out;
-ms-animation-iteration-count: infinite;
-ms-animation-duration: 2s;
-o-animation-name: searchmove;
-o-animation-timing-function: ease-in-out;
-o-animation-iteration-count: infinite;
-o-animation-duration: 2s;
animation-name: searchmove;
animation-timing-function: ease-in-out;
animation-iteration-count: infinite;
animation-duration: 2s;
}

now this is an animation it doesnt do exactly what your (or  jenns i mean) tip does which is a transition not animation

it transitions from 1 state to another  based on mouse input

the same can be done on hover with transition from state to state like my tip that roundes the corners on hover

which you could replace widening instead

this transitions the module searches rounding them on hover

div.xg_module_body form p.left input.textfield:hover 
{-moz-border-radius:10px; 
-webkit-border-radius:10px;
 border-radius:10px; 
opacity:0.82; 
 -webkit-transition:all 1s ease-out;
 -moz-transition:all 1s ease-out;}

not a true animation wich  animations run independent of input and run 
along a timeline based on states at key frames
this is just a simple transition or transformation from 1 state to another

i added these just so anyone visiting this thread wont feel 
ripped off at least there is actual not stolen code here

ps im a membee of jenns vip
i no longer use any of her tips in the original
 form and only 1 or 2 that i modified myself but 
wouldnt share the modified versions outside vip
people pay for thiose tips
and i pay even tho i dont y=use any just cause when i get stumped with an issue
 i cant figure out jenn always has an answer when noone else does

all code in her vip group should be considered 
copywritten and using it  or sharing it without permision 
 can be connsidered
 piracy subject to prosecution or civil suite
just food for thought in the future