Bitcoin Forum
April 24, 2024, 03:17:31 PM *
News: Latest Bitcoin Core release: 27.0 [Torrent]
 
   Home   Help Search Login Register More  
Pages: [1]
  Print  
Author Topic: [5$] for small css fixing  (Read 613 times)
boy130 (OP)
Sr. Member
****
Offline Offline

Activity: 616
Merit: 263



View Profile
June 27, 2017, 11:25:21 AM
Last edit: June 29, 2017, 07:21:20 PM by boy130
 #1

Hi,

I need this animated sprite to be responsive. E.g. i need that image size was not fixed but adaptable to screen size. It should be resizable animated sprite.


Fix it and give me a link with your btc address or paypal...

Thanks.

Still looking! Maybe it help: https://codepen.io/SitePoint/pen/zxXrzP
1713971851
Hero Member
*
Offline Offline

Posts: 1713971851

View Profile Personal Message (Offline)

Ignore
1713971851
Reply with quote  #2

1713971851
Report to moderator
1713971851
Hero Member
*
Offline Offline

Posts: 1713971851

View Profile Personal Message (Offline)

Ignore
1713971851
Reply with quote  #2

1713971851
Report to moderator
1713971851
Hero Member
*
Offline Offline

Posts: 1713971851

View Profile Personal Message (Offline)

Ignore
1713971851
Reply with quote  #2

1713971851
Report to moderator
"There should not be any signed int. If you've found a signed int somewhere, please tell me (within the next 25 years please) and I'll change it to unsigned int." -- Satoshi
Advertised sites are not endorsed by the Bitcoin Forum. They may be unsafe, untrustworthy, or illegal in your jurisdiction.
1713971851
Hero Member
*
Offline Offline

Posts: 1713971851

View Profile Personal Message (Offline)

Ignore
1713971851
Reply with quote  #2

1713971851
Report to moderator
1713971851
Hero Member
*
Offline Offline

Posts: 1713971851

View Profile Personal Message (Offline)

Ignore
1713971851
Reply with quote  #2

1713971851
Report to moderator
mattermaster
Sr. Member
****
Offline Offline

Activity: 476
Merit: 250


View Profile
June 27, 2017, 11:51:51 AM
Last edit: June 27, 2017, 12:32:51 PM by mattermaster
 #2

Hi, i have made it adaptive to a screen size. This image should now be opened with full screen as the visitors browser suppprts html marquee striking.
Kindly check your PM inbox for edited code i have sent you.

Here you can view it:  http://livebitcoinnews.tk/horse.html

If you want me to ride this horse faster or slower, let me know, i will do that. I know the html well

You can pay my reward here:  1JKEyhKMsuzJdbeRQ3dSUA4J3Asjb41Ly6

Thanks

boy130 (OP)
Sr. Member
****
Offline Offline

Activity: 616
Merit: 263



View Profile
June 27, 2017, 04:07:49 PM
 #3

Hi, i have made it adaptive to a screen size. This image should now be opened with full screen as the visitors browser suppprts html marquee striking.
Kindly check your PM inbox for edited code i have sent you.

Here you can view it:  http://livebitcoinnews.tk/horse.html

If you want me to ride this horse faster or slower, let me know, i will do that. I know the html well

You can pay my reward here:  1JKEyhKMsuzJdbeRQ3dSUA4J3Asjb41Ly6

Thanks

OMG what is it? It is absolutely not what I need. I asked just to make it adaptive size. You spoiled all animation.  Smiley

1. I need it in default size I already made (not full screen).

2. Animation is spoiled (in Safari browser at least). I need 1 animated horse. On your example I see a lot of moving and not animated horses O_o WTF.

It is mine HTML and I know how to change anything. I just can't make it responsive...
Joel_Jantsen
Legendary
*
Offline Offline

Activity: 1862
Merit: 1308

Get your game girl


View Profile
June 27, 2017, 07:30:19 PM
 #4

OMG what is it? It is absolutely not what I need. I asked just to make it adaptive size. You spoiled all animation.  Smiley
Don't be harsh on him,just appreciate his work even though it is not what you were looking for.
 
1. I need it in default size I already made (not full screen).

2. Animation is spoiled (in Safari browser at least). I need 1 animated horse. On your example I see a lot of moving and not animated horses O_o WTF.

It is mine HTML and I know how to change anything. I just can't make it responsive...
Your animation won't work on many other browsers.Have you tried IE,firefox ? No webkit service providers preferences are used and most of the CSS3 animation properties need to defined explicitly using webkits.I'm too lazy to look into the code,try setting max-width and max-height to 100%.
Decoded
Legendary
*
Offline Offline

Activity: 1232
Merit: 1029


give me your cryptos


View Profile
June 27, 2017, 09:55:32 PM
 #5

I'm not at home right now, so I don't think I can fully help you right now.

For animations, I wouldn't use background-image. Put the image within the div. Currently the CSS3 background-image functionality isn't what it should be.

Make the parent div display:block, and make the image itself a percentage of the height, and the width auto.

looking for a signature campaign, dm me for that
boy130 (OP)
Sr. Member
****
Offline Offline

Activity: 616
Merit: 263



View Profile
June 28, 2017, 10:40:56 AM
 #6

I'm not at home right now, so I don't think I can fully help you right now.

For animations, I wouldn't use background-image. Put the image within the div. Currently the CSS3 background-image functionality isn't what it should be.

Make the parent div display:block, and make the image itself a percentage of the height, and the width auto.

Then how is the animation will working? It is not just image it is frameset...
Joel_Jantsen
Legendary
*
Offline Offline

Activity: 1862
Merit: 1308

Get your game girl


View Profile
June 28, 2017, 12:16:06 PM
 #7

Then how is the animation will working? It is not just image it is frameset...
Yes,ignore the above post.Whatever you're doing is right but the timing function is causing is the problem as I roughly checked.I tried making the animation responsive with width and height settings,it worked but when the browser window is reshaped,the animation runs faster with multiple copies and for some reason "no-repeat" breaks the entire animation.Can you find an alternative for the timing function ?
boy130 (OP)
Sr. Member
****
Offline Offline

Activity: 616
Merit: 263



View Profile
June 28, 2017, 03:07:07 PM
 #8

Then how is the animation will working? It is not just image it is frameset...
Yes,ignore the above post.Whatever you're doing is right but the timing function is causing is the problem as I roughly checked.I tried making the animation responsive with width and height settings,it worked but when the browser window is reshaped,the animation runs faster with multiple copies and for some reason "no-repeat" breaks the entire animation.Can you find an alternative for the timing function ?

No I can't change timing function.But I found what I am looking for in this example, so you need just look into it I think: https://codepen.io/SitePoint/pen/zxXrzP
Pages: [1]
  Print  
 
Jump to:  

Powered by MySQL Powered by PHP Powered by SMF 1.1.19 | SMF © 2006-2009, Simple Machines Valid XHTML 1.0! Valid CSS!