The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

background image marquee

View previous topic View next topic Go down

Solved background image marquee

Post by Luffy on December 5th 2014, 12:54 pm

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?

Luffy
Manager
Manager

Male Posts : 4260
Reputation : 424
Language : Greek, English
Location : Greece

http://helpgr.forumgreek.com/forum

Back to top Go down

Solved Re: background image marquee

Post by Luffy on December 6th 2014, 12:54 pm

Bump!






Luffy
Manager
Manager

Male Posts : 4260
Reputation : 424
Language : Greek, English
Location : Greece

http://helpgr.forumgreek.com/forum

Back to top Go down

Solved Re: background image marquee

Post by J0k3R^ on December 6th 2014, 1:06 pm

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^
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 Luffy on December 6th 2014, 1:16 pm

@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.

I want that image to continue going to the left but i want the rest to stay there.

Luffy
Manager
Manager

Male Posts : 4260
Reputation : 424
Language : Greek, English
Location : Greece

http://helpgr.forumgreek.com/forum

Back to top Go down

Solved Re: background image marquee

Post by Ange Tuteur on December 6th 2014, 8:01 pm

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
Forumaster

Male Posts : 13028
Reputation : 2704
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: background image marquee

Post by Luffy on December 7th 2014, 12:46 pm

No this doesn't work! Sad






Luffy
Manager
Manager

Male Posts : 4260
Reputation : 424
Language : Greek, English
Location : Greece

http://helpgr.forumgreek.com/forum

Back to top Go down

Solved Re: background image marquee

Post by Ange Tuteur on December 7th 2014, 5:32 pm

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
Forumaster

Male Posts : 13028
Reputation : 2704
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: background image marquee

Post by Luffy on December 7th 2014, 7:38 pm

Wait, shouldn't the command be #branding?






Luffy
Manager
Manager

Male Posts : 4260
Reputation : 424
Language : Greek, English
Location : Greece

http://helpgr.forumgreek.com/forum

Back to top Go down

Solved Re: background image marquee

Post by Ramdaman on December 7th 2014, 7:43 pm

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

Ramdaman
Active Poster

Male Posts : 1614
Reputation : 97
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 Luffy on December 7th 2014, 7:47 pm

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






Luffy
Manager
Manager

Male Posts : 4260
Reputation : 424
Language : Greek, English
Location : Greece

http://helpgr.forumgreek.com/forum

Back to top Go down

Solved Re: background image marquee

Post by Ange Tuteur on December 7th 2014, 8:00 pm

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.

Ange Tuteur
Forumaster

Male Posts : 13028
Reputation : 2704
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: background image marquee

Post by Luffy on December 7th 2014, 8:02 pm

strange to me it says id look:


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

Luffy
Manager
Manager

Male Posts : 4260
Reputation : 424
Language : Greek, English
Location : Greece

http://helpgr.forumgreek.com/forum

Back to top Go down

Solved Re: background image marquee

Post by Luffy on December 9th 2014, 7:09 pm

bump

Luffy
Manager
Manager

Male Posts : 4260
Reputation : 424
Language : Greek, English
Location : Greece

http://helpgr.forumgreek.com/forum

Back to top Go down

Solved Re: background image marquee

Post by Ange Tuteur on December 9th 2014, 10:38 pm

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
Forumaster

Male Posts : 13028
Reputation : 2704
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: background image marquee

Post by Luffy on December 9th 2014, 10:54 pm

Well unfortunately this is the result:






Luffy
Manager
Manager

Male Posts : 4260
Reputation : 424
Language : Greek, English
Location : Greece

http://helpgr.forumgreek.com/forum

Back to top Go down

Solved Re: background image marquee

Post by Ange Tuteur on December 10th 2014, 6:11 pm

Did it move, or what was the problem ?

Ange Tuteur
Forumaster

Male Posts : 13028
Reputation : 2704
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: background image marquee

Post by Luffy on December 11th 2014, 2:04 pm

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






Luffy
Manager
Manager

Male Posts : 4260
Reputation : 424
Language : Greek, English
Location : Greece

http://helpgr.forumgreek.com/forum

Back to top Go down

Solved Re: background image marquee

Post by Ramdaman on December 11th 2014, 3:35 pm

Topic solved and archived.

Ramdaman
Active Poster

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

http://ndihme.forumotion.com/forum

Back to top Go down

View previous topic View next topic Back to top


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