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.

Changing the Announcement ticker appearance

Go down

Solved Changing the Announcement ticker appearance

Post by fr0znsky on October 26th 2011, 5:51 am

Hi,

I was wondering if it was possible to apply an image as the ticker background.
I've tried using...
Code:
#fa_ticker{
background-image: url('http://illiweb.com/fa/pbucket.gif');
}

... in the CSS stylesheet, and I get this....
Spoiler:

The problem is only the top half of the image appears and the rest is clipped off no matter what changes I make to the ticker size.
Any solutions to coding the ticker so it actually becomes the image or something... or is this a lost cause?

EDIT: Also, I forgot what the coding was to adjust the bottom-margin (more like I deleted it by accident), so I can reduce the space between the ticker and the actual forum below....

Many thanks in advance!

fr0znsky
New Member

Posts : 6
Reputation : 1
Language : English

Back to top Go down

Solved Re: Changing the Announcement ticker appearance

Post by Base on October 26th 2011, 10:23 am

Hi!

Please provide your forum URL so that we take a look. Smile
avatar
Base
Forumaster

Male Posts : 10386
Reputation : 1693
Language : English and French
Location : United Kingdom, England

http://forumotionhub.net

Back to top Go down

Solved Re: Changing the Announcement ticker appearance

Post by fr0znsky on October 26th 2011, 2:32 pm


fr0znsky
New Member

Posts : 6
Reputation : 1
Language : English

Back to top Go down

Solved Re: Changing the Announcement ticker appearance

Post by LGforum on October 26th 2011, 2:55 pm

Just add a background position to it.

Code:

#fa_ticker{
background-image: url('http://illiweb.com/fa/pbucket.gif');
background-position: top left;
}
avatar
LGforum
Hyperactive

Male Posts : 2262
Reputation : 260
Language : English
Location : UK

http://www.avacweb.com/

Back to top Go down

Solved Re: Changing the Announcement ticker appearance

Post by fr0znsky on October 26th 2011, 3:09 pm

Alrighty, thank you, that worked, but is there a way to apply the image to the border of the ticker so it looks more complete?

fr0znsky
New Member

Posts : 6
Reputation : 1
Language : English

Back to top Go down

Solved Re: Changing the Announcement ticker appearance

Post by Nera. on October 26th 2011, 3:39 pm

Hi,

Is this what you are trying to get?
http://tiki.makingforum.com/forum

Go to your overall_header template and find this:

Code:
            <!-- BEGIN switch_ticker_new -->
            <div id="fa_ticker_block" style="margin-top:4px;margin-bottom:4px;">
               <table width="100%" border="0" cellspacing="0" cellpadding="0" class="forumline">
                  <tr>
                     <td {CLASS_TABLE_TYPE} align="left" class="row1">
                        <div id="fa_ticker_container">

Replace it with this:

Code:
<!-- BEGIN switch_ticker_new -->
            <div id="fa_ticker_block" style="margin-top:4px;margin-bottom:4px;">
               <table width="100%" border="0" cellspacing="0" cellpadding="0" class="fa_ticker">
                  <tr>
                     <td {CLASS_TABLE_TYPE} align="left" class="novo">
                        <div id="fa_ticker_container">

Save and PUBLISH your template on the green cross.

Undo/delete all the things you have added so far to your CSS and add this to CSS.

Code:
.fa_ticker {
    background-image: url("http://illiweb.com/fa/pbucket.gif");
    height: 66px;
    width: 623px;
    margin: 0 auto;
}

Example of it customized & working on a phpBB2 forum:

avatar
Nera.
Energetic

Female Posts : 7078
Reputation : 2014
Language : English
Location : -

http://webartzforum.com

Back to top Go down

Solved Re: Changing the Announcement ticker appearance

Post by fr0znsky on October 26th 2011, 9:27 pm

Yes, that is exactly what I'm looking for!

I published the change to the overall_header template and I undid everything in the CSS and pasted your change. But, it's still having the image pushed down... did I do something wrong?

fr0znsky
New Member

Posts : 6
Reputation : 1
Language : English

Back to top Go down

Solved Re: Changing the Announcement ticker appearance

Post by Nera. on October 27th 2011, 1:07 am

I don't see the changes in your templates. If you did not make it you can send me the login details via PM so I can do it for you.
avatar
Nera.
Energetic

Female Posts : 7078
Reputation : 2014
Language : English
Location : -

http://webartzforum.com

Back to top Go down

Solved Re: Changing the Announcement ticker appearance

Post by fr0znsky on October 27th 2011, 6:57 am

I published the template, I even got the green text... Is there anything else I would have to do after that?

If it would not be too much of a bother, I would appreciate it if you could take a look at it. I'll send the PM.

fr0znsky
New Member

Posts : 6
Reputation : 1
Language : English

Back to top Go down

Solved Re: Changing the Announcement ticker appearance

Post by Nera. on October 27th 2011, 10:24 am

Done.

Please do change the login data you gave me to something else.

Solved?
avatar
Nera.
Energetic

Female Posts : 7078
Reputation : 2014
Language : English
Location : -

http://webartzforum.com

Back to top Go down

Solved Re: Changing the Announcement ticker appearance

Post by fr0znsky on October 27th 2011, 4:19 pm

Will do, and thank you so much!

fr0znsky
New Member

Posts : 6
Reputation : 1
Language : English

Back to top Go down

Solved Re: Changing the Announcement ticker appearance

Post by Sanket on October 27th 2011, 8:08 pm

Since this thread appears to be solved, I will archive this thread.


Sanket Smile

avatar
Sanket
ForumGuru

Male Posts : 48766
Reputation : 2828
Language : English
Location : Mumbai

http://webartzforum.com

Back to top Go down

Back to top


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