The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.

background image marquee

4 posters

Go down

Solved background image marquee

Post by TheCrow Fri 5 Dec 2014 - 12:54

Hello,

I have a #brading element which i added a background image. How can i make it scroll to the left with CSS code? Is it possible? Because if i add a marquee in the template it just makes the #brading element up and alone and it marquees it and puts the rest below it. I want the background image to scroll to the left somehow using CSS. Is it possible?
TheCrow
TheCrow
Manager
Manager

Male Posts : 6898
Reputation : 794
Language : Greek, English

https://forumote.forumotion.com

Back to top Go down

Solved Re: background image marquee

Post by TheCrow Sat 6 Dec 2014 - 12:54

Bump!
TheCrow
TheCrow
Manager
Manager

Male Posts : 6898
Reputation : 794
Language : Greek, English

https://forumote.forumotion.com

Back to top Go down

Solved Re: background image marquee

Post by J0k3R^ Sat 6 Dec 2014 - 13:06

Hi, try this:

go to overall_header template, and replace the following:

Code:
<a href="/forum" title="Go to community index" rel="home" accesskey="1"><img src="http://i1179.photobucket.com/albums/x392/PiklakiNye/logo2_zps039b56f6.png" alt="Logo"></a>


with:


Code:
<a href="/forum" title="Go to community index" rel="home" accesskey="1"><marquee behavior="alternate" direction="left"><img src="http://i1179.photobucket.com/albums/x392/PiklakiNye/logo2_zps039b56f6.png" width="455" height="61" /></marquee></a>
J0k3R^
J0k3R^
Forumember

Male Posts : 742
Reputation : 28
Language : Greek > English > Russian > Spanish
Location : C:\>r00t

http://fmplanet.forumgreek.com

Back to top Go down

Solved Re: background image marquee

Post by TheCrow Sat 6 Dec 2014 - 13:16

J0k3R^ wrote:Hi, try this:

go to overall_header template, and replace the following:

Code:
<a href="/forum" title="Go to community index" rel="home" accesskey="1"><img src="http://i1179.photobucket.com/albums/x392/PiklakiNye/logo2_zps039b56f6.png" alt="Logo"></a>


with:


Code:
<a href="/forum" title="Go to community index" rel="home" accesskey="1"><marquee behavior="alternate" direction="left"><img src="http://i1179.photobucket.com/albums/x392/PiklakiNye/logo2_zps039b56f6.png" width="455" height="61" /></marquee></a>

That will detach the image and make it with marquee. What i want is the image to stay where it is and marquee left and leave the rest where they are.
background image marquee Y7OyVeF
I want that image to continue going to the left but i want the rest to stay there.
TheCrow
TheCrow
Manager
Manager

Male Posts : 6898
Reputation : 794
Language : Greek, English

https://forumote.forumotion.com

Back to top Go down

Solved Re: background image marquee

Post by Ange Tuteur Sat 6 Dec 2014 - 20:01

Hello MrMind,

Try adding this to your stylesheet :
Code:
.brading {
  background-repeat:repeat-x;
  background-size:auto 100%;
  background-position:0% 0%;
  -webkit-animation:goright 17500ms linear infinite;
          animation:goright 17500ms linear infinite;
}

@-webkit-keyframes goright {
  from { background-position:0% }
  to { background-position:500% }
}
@keyframes goright {
  from { background-position:0% }
  to { background-position:500% }
}
Ange Tuteur
Ange Tuteur
Forumaster

Male Posts : 13246
Reputation : 3000
Language : English & 日本語
Location : Pennsylvania

https://fmdesign.forumotion.com

Back to top Go down

Solved Re: background image marquee

Post by TheCrow Sun 7 Dec 2014 - 12:46

No this doesn't work! Sad
TheCrow
TheCrow
Manager
Manager

Male Posts : 6898
Reputation : 794
Language : Greek, English

https://forumote.forumotion.com

Back to top Go down

Solved Re: background image marquee

Post by Ange Tuteur Sun 7 Dec 2014 - 17:32

Remove this :
Code:
.brading {
    margin-top: -16px;
    border-bottom: 2px solid #000;
    background: url("http://i39.servimg.com/u/f39/18/45/97/69/bg511.png") no-repeat scroll 0% 0% / 100% 100% transparent;
    min-height: 64px;
}

Replace with :
Code:
.brading {
  margin-top:-16px;
  border-bottom:2px solid #000;
  min-height:64px;
  background-image:url(http://i39.servimg.com/u/f39/18/45/97/69/bg511.png);
  background-repeat:repeat-x;
  background-size:auto 100%;
  background-position:0% 0%;
  -webkit-animation:goleft 17500ms linear infinite;
          animation:goleft 17500ms linear infinite;
}

@-webkit-keyframes goleft {
  from { background-position:0% }
  to { background-position:-500% }
}
@keyframes goleft {
  from { background-position:0% }
  to { background-position:-500% }
}
Ange Tuteur
Ange Tuteur
Forumaster

Male Posts : 13246
Reputation : 3000
Language : English & 日本語
Location : Pennsylvania

https://fmdesign.forumotion.com

Back to top Go down

Solved Re: background image marquee

Post by TheCrow Sun 7 Dec 2014 - 19:38

Wait, shouldn't the command be #branding?
TheCrow
TheCrow
Manager
Manager

Male Posts : 6898
Reputation : 794
Language : Greek, English

https://forumote.forumotion.com

Back to top Go down

Solved Re: background image marquee

Post by Ramdaman Sun 7 Dec 2014 - 19:43

If it's a class, then yes, # is used. If it is an ID, . is used.
Ramdaman
Ramdaman
Active Poster

Male Posts : 1615
Reputation : 99
Language : English, Albanian, Macedonian, Russian | HTML, CSS
Location : New York City

http://ndihme.forumotion.com/forum

Back to top Go down

Solved Re: background image marquee

Post by TheCrow Sun 7 Dec 2014 - 19:47

Yes, but the command id is: #branding and not .brading
TheCrow
TheCrow
Manager
Manager

Male Posts : 6898
Reputation : 794
Language : Greek, English

https://forumote.forumotion.com

Back to top Go down

Solved Re: background image marquee

Post by Ange Tuteur Sun 7 Dec 2014 - 20:00

When I inspect your forum it says it's a classname, so, I would use a period. If it was an Id, I would have used a hash.
background image marquee Captu116
Ange Tuteur
Ange Tuteur
Forumaster

Male Posts : 13246
Reputation : 3000
Language : English & 日本語
Location : Pennsylvania

https://fmdesign.forumotion.com

Back to top Go down

Solved Re: background image marquee

Post by TheCrow Sun 7 Dec 2014 - 20:02

strange to me it says id look:
background image marquee 8ovoA96

Edit: Yes you are in the Intro page. Go to the /forum and check the element! Smile
TheCrow
TheCrow
Manager
Manager

Male Posts : 6898
Reputation : 794
Language : Greek, English

https://forumote.forumotion.com

Back to top Go down

Solved Re: background image marquee

Post by TheCrow Tue 9 Dec 2014 - 19:09

bump
TheCrow
TheCrow
Manager
Manager

Male Posts : 6898
Reputation : 794
Language : Greek, English

https://forumote.forumotion.com

Back to top Go down

Solved Re: background image marquee

Post by Ange Tuteur Tue 9 Dec 2014 - 22:38

Okay, remove the codes I gave before, and replace this :
Code:
#branding {
    background: url("http://i39.servimg.com/u/f39/18/45/97/69/bg511.png") no-repeat scroll 0% 0% / 100% 100% transparent;
    border-bottom: 1px solid #1B3759;
    min-height: 64px;
}

by this :
Code:
#branding {
  margin-top:-16px;
  border-bottom:2px solid #000;
  min-height:64px;
  background-image:url(http://i39.servimg.com/u/f39/18/45/97/69/bg511.png);
  background-repeat:repeat-x;
  background-size:auto 100%;
  background-position:0% 0%;
  border-bottom:1px solid #1B3759;
  -webkit-animation:goleft 17500ms linear infinite;
          animation:goleft 17500ms linear infinite;
}

@-webkit-keyframes goleft {
  from { background-position:0% }
  to { background-position:-500% }
}
@keyframes goleft {
  from { background-position:0% }
  to { background-position:-500% }
}
Ange Tuteur
Ange Tuteur
Forumaster

Male Posts : 13246
Reputation : 3000
Language : English & 日本語
Location : Pennsylvania

https://fmdesign.forumotion.com

Back to top Go down

Solved Re: background image marquee

Post by TheCrow Tue 9 Dec 2014 - 22:54

Well unfortunately this is the result:
background image marquee JL2u5uz
TheCrow
TheCrow
Manager
Manager

Male Posts : 6898
Reputation : 794
Language : Greek, English

https://forumote.forumotion.com

Back to top Go down

Solved Re: background image marquee

Post by Ange Tuteur Wed 10 Dec 2014 - 18:11

Did it move, or what was the problem ?
Ange Tuteur
Ange Tuteur
Forumaster

Male Posts : 13246
Reputation : 3000
Language : English & 日本語
Location : Pennsylvania

https://fmdesign.forumotion.com

Back to top Go down

Solved Re: background image marquee

Post by TheCrow Thu 11 Dec 2014 - 14:04

Yeah this is solved! Thanks! I solved it! Needed some changes and it was ok!
TheCrow
TheCrow
Manager
Manager

Male Posts : 6898
Reputation : 794
Language : Greek, English

https://forumote.forumotion.com

Back to top Go down

Solved Re: background image marquee

Post by Ramdaman Thu 11 Dec 2014 - 15:35

Topic solved and archived.
Ramdaman
Ramdaman
Active Poster

Male Posts : 1615
Reputation : 99
Language : English, Albanian, Macedonian, Russian | HTML, CSS
Location : New York City

http://ndihme.forumotion.com/forum

Back to top Go down

Back to top

- Similar topics

 
Permissions in this forum:
You cannot reply to topics in this forum