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.

Announcment, Expand forum button, Custom like button, Hover over image

4 posters

Go down

In progress Announcment, Expand forum button, Custom like button, Hover over image

Post by Rupture February 14th 2015, 11:16 pm

Link to my forum: http://www.raptorempire.com/
Hello here are a few questions...
1.) I have a problem with my announcments, if I activate it, it will show it as if it were a widget. With my special widget background image and a weird padding on top. Here is what I got for my CSS for the announcments:
Code:
/* Announcment BG */
#fa_ticker_block .module { background-color: #000000;
  background-image: none;
    padding:1px 2px!important;
    height:auto!important;
  height: 5px;
  box-shadow: 0 0 5px blue;
  -webkit-border-radius:13px;
-moz-border-radius:13px;
border-radius:12px;}

2.) I noticed yall have a nice button on your index that expands the whole forum part of the site, removing the widgets of the forum if you click on it (after the FB like button). I would very much like this!!!! Thanks!

3.) I have custom like button and I don't like how the cursor changes when I hover over it. Also, how can I make it glow when I hover over it? Here is the code I use: 
Code:
CSS:
/* Like button */
.LGlike {
  background: #105289;
  padding: 3px;
  border-radius: 4px;
  color: #fff;
  font-size: 10px;
  font-weight: bold;
  box-shadow: 0 0 15px blue;
  margin-right: 4px;
 }
 .LGvote { margin: 0 5px; }
 .LGnovote {
  filter:Alpha(opacity=50);
  opacity: 0.5;
  box-shadow: none;
  text-shadow: none;
 }

Code:
JS:
var like_version = 'phpbb3';
var DOM_IS_READY = false;
$(function(){DOM_IS_READY=true;});
var vote_singular = 'Fluff';
var vote_plural = 'Fluffs';
$.getScript('http://www.avacweb.net/like');

4.) I would like some kind of easy glow effect I can add to pictures I add on the editor (on the homepage message). On my homepage I have the pictures on there already.


THANKSSSSSS
Rupture
Rupture
Forumember

Male Posts : 328
Reputation : 6
Language : English, Español, Deutsch, Catalá
Location : Earth

http://raptorgaming.forumotion.com

Back to top Go down

In progress Re: Announcment, Expand forum button, Custom like button, Hover over image

Post by Rupture February 19th 2015, 5:43 pm

Hello, can anyone help me with any of these problems? Thanks!
Rupture
Rupture
Forumember

Male Posts : 328
Reputation : 6
Language : English, Español, Deutsch, Catalá
Location : Earth

http://raptorgaming.forumotion.com

Back to top Go down

In progress Re: Announcment, Expand forum button, Custom like button, Hover over image

Post by SLGray February 19th 2015, 7:01 pm

2.  Check the tips & tricks.  The tutorial is there.

www.help.forumotion.com/t78898-show-hide-widgets-script


Announcment, Expand forum button, Custom like button, Hover over image Slgray10

When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.
SLGray
SLGray
Administrator
Administrator

Male Posts : 51589
Reputation : 3526
Language : English
Location : United States

https://forumsclub.com/gc/128-link-directory/

Back to top Go down

In progress Re: Announcment, Expand forum button, Custom like button, Hover over image

Post by Rupture February 19th 2015, 7:15 pm

Hello @SLGray
Thanks but it does not work like on this forum, when the forum retracts back to it's original form, it does not go back correctly, the widgets get stuck on top of the forum. Please check my forum and tell me if there might be a solution. Thanks
http://www.raptorempire.com/forum
Rupture
Rupture
Forumember

Male Posts : 328
Reputation : 6
Language : English, Español, Deutsch, Catalá
Location : Earth

http://raptorgaming.forumotion.com

Back to top Go down

In progress Re: Announcment, Expand forum button, Custom like button, Hover over image

Post by SLGray February 19th 2015, 7:21 pm

I see the button to hide them, but not the button to show them again.


Announcment, Expand forum button, Custom like button, Hover over image Slgray10

When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.
SLGray
SLGray
Administrator
Administrator

Male Posts : 51589
Reputation : 3526
Language : English
Location : United States

https://forumsclub.com/gc/128-link-directory/

Back to top Go down

In progress Re: Announcment, Expand forum button, Custom like button, Hover over image

Post by Rupture February 19th 2015, 7:23 pm

Really? I see them both XD Why wouldn't it go back to the same place?
Rupture
Rupture
Forumember

Male Posts : 328
Reputation : 6
Language : English, Español, Deutsch, Catalá
Location : Earth

http://raptorgaming.forumotion.com

Back to top Go down

In progress Re: Announcment, Expand forum button, Custom like button, Hover over image

Post by SLGray February 19th 2015, 7:31 pm

Ok.  I can now see the show button.  So the widgets cover the last posts column?


Announcment, Expand forum button, Custom like button, Hover over image Slgray10

When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.
SLGray
SLGray
Administrator
Administrator

Male Posts : 51589
Reputation : 3526
Language : English
Location : United States

https://forumsclub.com/gc/128-link-directory/

Back to top Go down

In progress Re: Announcment, Expand forum button, Custom like button, Hover over image

Post by _Twisted_Mods_ February 19th 2015, 7:32 pm

try this for your button

Code:
<div onclick="jQuery('#right').animate({width:'toggle',opacity:'toggle'},1000); if(my_getcookie('forum-widget')=='0') { my_setcookie('forum-widget','1',0,0);jQuery('#right').attr('style','width:189px');} else { my_setcookie('forum-widget','0',1,0); jQuery('#right').attr('style','width:0px'); }" id="forum-widget" style="cursor: pointer; height: 13px; width: 16px; border-radius: 4px; position: relative; bottom: -15px; float: right; background: url(&quot;http://2img.net/i/fa/optimisation_fdf/common/arrow_rtl.png&quot;) no-repeat scroll 0px -13px rgb(245, 235, 247);"></div>
_Twisted_Mods_
_Twisted_Mods_
Helper
Helper

Male Posts : 2083
Reputation : 336
Language : English
Location : Ms

http://liquidcode.forumotion.com

Back to top Go down

In progress Re: Announcment, Expand forum button, Custom like button, Hover over image

Post by Rupture February 20th 2015, 6:48 pm

_Twisted_Mods_ wrote:try this for your button

Code:
<div onclick="jQuery('#right').animate({width:'toggle',opacity:'toggle'},1000); if(my_getcookie('forum-widget')=='0') { my_setcookie('forum-widget','1',0,0);jQuery('#right').attr('style','width:189px');} else { my_setcookie('forum-widget','0',1,0); jQuery('#right').attr('style','width:0px'); }" id="forum-widget" style="cursor: pointer; height: 13px; width: 16px; border-radius: 4px; position: relative; bottom: -15px; float: right; background: url("http://2img.net/i/fa/optimisation_fdf/common/arrow_rtl.png") no-repeat scroll 0px -13px rgb(245, 235, 247);"></div>

This doesn't expand the forum itself, it just hides the widgets.
Rupture
Rupture
Forumember

Male Posts : 328
Reputation : 6
Language : English, Español, Deutsch, Catalá
Location : Earth

http://raptorgaming.forumotion.com

Back to top Go down

In progress Re: Announcment, Expand forum button, Custom like button, Hover over image

Post by Rupture February 22nd 2015, 4:09 pm

Ok so I gave up on no.2.
Can anyone help me with the other questions? Thanks..
Rupture
Rupture
Forumember

Male Posts : 328
Reputation : 6
Language : English, Español, Deutsch, Catalá
Location : Earth

http://raptorgaming.forumotion.com

Back to top Go down

In progress Re: Announcment, Expand forum button, Custom like button, Hover over image

Post by brandon_g February 22nd 2015, 4:23 pm

What are you using for the 'announcements'? Because to me it looks like just an incredibly over sized navigation bar. Is the announcements through the 'announcements' scroll feature FM has or though CSS?
-Brandon


Announcment, Expand forum button, Custom like button, Hover over image Brando10
Remember to mark your topic Announcment, Expand forum button, Custom like button, Hover over image Solved15 when a solution is found.
General Rules | Tips & Tricks | FAQ | Forgot Founder Password?

Announcment, Expand forum button, Custom like button, Hover over image Scre1476
Team Leader
Review Section Rules | Request A Review | Sticker Points
brandon_g
brandon_g
Manager
Manager

Male Posts : 10113
Reputation : 923
Language : English
Location : USA

https://www.broadcastingduo.com

Back to top Go down

In progress Re: Announcment, Expand forum button, Custom like button, Hover over image

Post by Rupture February 22nd 2015, 4:54 pm

Hello Brandon, 

What do you mean over-sized navi bar? I would Like to use the FM announcements feature but as I mentioned I think my normal Widgets code is messing with it. I'd just like it to display a normal announcement box without any padding. Here is the code I have for widgets:

Code:
.module {background: url("") center bottom repeat-x,url("http://i1242.photobucket.com/albums/gg529/oscar_mad_violinist/Site%20Stuff/31529a51-008c-4563-90f5-8189e4b8cf42_zpsda620c22.png") center top repeat-x;
  box-shadow: 0 0 10px blue;
  background-color: #080808;
}

.module .h3 {
  text-align:center;
  font-family: Helvetica, Papyrus !important;
  font-size: 11px;}
.sceditor-container textarea { color:#000 !important;}
Rupture
Rupture
Forumember

Male Posts : 328
Reputation : 6
Language : English, Español, Deutsch, Catalá
Location : Earth

http://raptorgaming.forumotion.com

Back to top Go down

In progress Re: Announcment, Expand forum button, Custom like button, Hover over image

Post by brandon_g February 22nd 2015, 5:04 pm

I meant that the 'announcement' is more of a series of buttons leading to different links on the site. That is what i meant by over-sized navigation bar.


Announcment, Expand forum button, Custom like button, Hover over image Brando10
Remember to mark your topic Announcment, Expand forum button, Custom like button, Hover over image Solved15 when a solution is found.
General Rules | Tips & Tricks | FAQ | Forgot Founder Password?

Announcment, Expand forum button, Custom like button, Hover over image Scre1476
Team Leader
Review Section Rules | Request A Review | Sticker Points
brandon_g
brandon_g
Manager
Manager

Male Posts : 10113
Reputation : 923
Language : English
Location : USA

https://www.broadcastingduo.com

Back to top Go down

In progress Re: Announcment, Expand forum button, Custom like button, Hover over image

Post by Rupture February 23rd 2015, 2:09 am

That's my homepage message, it's quite useful in my kind of forum because we're competitive gamers and forums arent no.1 priority, but rules are. What im talking is about the Fm announcmemts, it looks like a widget....
Rupture
Rupture
Forumember

Male Posts : 328
Reputation : 6
Language : English, Español, Deutsch, Catalá
Location : Earth

http://raptorgaming.forumotion.com

Back to top Go down

In progress Re: Announcment, Expand forum button, Custom like button, Hover over image

Post by brandon_g March 3rd 2015, 1:12 am

Oh ok, maybe @Ange Tuteur or @_Twisted_Mods_ can figure out whats wrong,  code is my weak spot (though I am working on it). Smile


Announcment, Expand forum button, Custom like button, Hover over image Brando10
Remember to mark your topic Announcment, Expand forum button, Custom like button, Hover over image Solved15 when a solution is found.
General Rules | Tips & Tricks | FAQ | Forgot Founder Password?

Announcment, Expand forum button, Custom like button, Hover over image Scre1476
Team Leader
Review Section Rules | Request A Review | Sticker Points
brandon_g
brandon_g
Manager
Manager

Male Posts : 10113
Reputation : 923
Language : English
Location : USA

https://www.broadcastingduo.com

Back to top Go down

Back to top

- Similar topics

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