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.

"New Topic" Hover Button

View previous topic View next topic Go down

Solved "New Topic" Hover Button

Post by J0k3R^ on April 25th 2014, 6:57 pm

Hi, how can i make a "new topic" hover button?
i saw it from here:http://www.fmcodes.com/f45-forum-promotion
im using punbb Smile

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: "New Topic" Hover Button

Post by Pizza Boi on April 25th 2014, 10:28 pm

Hi Very Happy

You meant the New Topic button, right? Well, anyway, you just have to add this in your CSS but take note of the following:

1. You have to find your forum's 'New Topic' selector as it is .topic_buttons li a for Niko's forum :3
2. Please change the styles, you know the drill, lol.
3. Background-image is transparent

Now unto the code I love you

Code:
.topic_buttons li a {
-moz-border-radius: #px;
-moz-box-shadow: inset 0 #px #px rgba(color values), inset rgba(color values) 0 #px #px;
-webkit-border-radius: #px;
-webkit-box-shadow: inset 0 #px #px rgba(color values), inset rgba(color values) 0 #px #px;
background: #Color url(IMG URL) repeat-x 0 0;
border-radius: #px;
box-shadow: inset 0 #px #px rgba(color values), inset rgba(color values) 0 #px #px;
color: #color;
cursor: pointer;
display: inline-block;
font-family: Font,font,font;
font-size: #px;
font-style: normal;
font-variant: normal;
font-weight: ###;
height: #px;
line-height: #px;
min-width: ###px;
padding: 0 #px;
text-align: center;
text-shadow: 0 #px #px rgba(color values);
}
.topic_buttons li a:hover {
-moz-border-radius: #px;
-moz-box-shadow: inset 0 #px #px rgba(color values), inset rgba(color values) 0 #px #px;
-webkit-border-radius: #px;
-webkit-box-shadow: inset 0 #px #px rgba(color values), inset rgba(color values) 0 #px #px;
background: #Color url(IMG URL) repeat-x 0 0;
border-radius: #px;
box-shadow: inset 0 #px #px rgba(color values), inset rgba(color values) 0 #px #px;
color: #color;
cursor: pointer;
display: inline-block;
font-family: Font,font,font;
font-size: #px;
font-style: normal;
font-variant: normal;
font-weight: ###;
height: #px;
line-height: #px;
min-width: ###px;
padding: 0 #px;
text-align: center;
text-shadow: 0 #px #px rgba(color values);
}

Regards,
Pizza Boi

Pizza Boi
Hyperactive

Male Posts : 2016
Reputation : 160
Language : French
Location : Pizza Hut!

http://redlustempire.forumtl.com/

Back to top Go down

Solved Re: "New Topic" Hover Button

Post by J0k3R^ on April 26th 2014, 6:52 am

how can i find my selector? i tried F12 and i thought its that.pun fieldset,.pun img{ but its not. how can i find the correct one?

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: "New Topic" Hover Button

Post by Pizza Boi on April 26th 2014, 8:37 am

Hi Very Happy

Hmm... try this one? .pun .paged .posting a img.i_post You can disable your Javascripts when I'm on so I can find out for your forum, if not, I'll just install the YesScript to disable them myself.

Regards,
Pizza Boi

Pizza Boi
Hyperactive

Male Posts : 2016
Reputation : 160
Language : French
Location : Pizza Hut!

http://redlustempire.forumtl.com/

Back to top Go down

Solved Re: "New Topic" Hover Button

Post by DeathDunk98* on April 26th 2014, 11:07 am

pizza boi do you mind giving a code for hovering NEW TOPIC Icon for PHPBB2 version ?

DeathDunk98*
Forumember

Posts : 479
Reputation : 3
Language : Shqip

Back to top Go down

Solved Re: "New Topic" Hover Button

Post by Pizza Boi on April 26th 2014, 11:40 am

Hi Very Happy

Try this for phpBB2: img#i_post as its ID. IF it doesn't work, just start a New Topic for it so I'll check on it since the OP's forum version is punBB and I'd like to stick with it as much as I can.

@OP: Try removing the original image for 'New Topic' and that should work.

Regards,
Pizza Boi

Pizza Boi
Hyperactive

Male Posts : 2016
Reputation : 160
Language : French
Location : Pizza Hut!

http://redlustempire.forumtl.com/

Back to top Go down

Solved Re: "New Topic" Hover Button

Post by maxham on April 26th 2014, 4:52 pm

Hi i am trying to get this code i used on an other site to work on my forum.
It is a transparent and animated button that contains a link as you can see below.



<a href="https://forums.robertsspaceindustries.com/discussion/121191/cutouts-for-you-to-use/p1" class="holobtn"><br /><span class="holobtn-top abs-overlay trans-02s">Cut outs for you to use..</span><br /><span class="holobtn-bottom abs-overlay trans-02s"></span><br /></a>



This is how it should look.




This is what i get.




This is the link if you need to see it properly.
Click me



I was wondering if it is possible to get this to work on my forum.



Thanks.


Last edited by maxham on April 26th 2014, 5:14 pm; edited 1 time in total

maxham
New Member

Male Posts : 10
Reputation : 1
Language : English

http://luxuryyachtcleaners@yahoo.co.uk

Back to top Go down

Solved Re: "New Topic" Hover Button

Post by J0k3R^ on April 26th 2014, 5:08 pm

open your own topic with your own problems, why u post this here..? -_-

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: "New Topic" Hover Button

Post by maxham on April 26th 2014, 5:16 pm

@J0k3R^ wrote:open your own topic with your own problems, why u post this here..? -_-
sorry im a noob I thought it was ok as it was still open and about the roughly the something I will delete it
sorry mate.

maxham
New Member

Male Posts : 10
Reputation : 1
Language : English

http://luxuryyachtcleaners@yahoo.co.uk

Back to top Go down

Solved Re: "New Topic" Hover Button

Post by J0k3R^ on April 26th 2014, 5:17 pm

its okey for me, just care for next time...

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: "New Topic" Hover Button

Post by maxham on April 26th 2014, 5:25 pm

cant delete it sorry this is not like any other forum I am used to I think I got it now.

maxham
New Member

Male Posts : 10
Reputation : 1
Language : English

http://luxuryyachtcleaners@yahoo.co.uk

Back to top Go down

Solved Re: "New Topic" Hover Button

Post by SLGray on April 26th 2014, 11:30 pm

@maxham wrote:cant delete it sorry this is not like any other forum I am used to I think I got it now.
Please start your own topic. Your posts will not be deleted in this topic.


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


SLGray
Administrator
Administrator

Male Posts : 36705
Reputation : 2445
Language : English
Location : United States

http://ztwds.forumotion.com/

Back to top Go down

Solved Re: "New Topic" Hover Button

Post by Pizza Boi on April 27th 2014, 2:42 am

Hi Very Happy

Joker, do you still have this problem?

Regards,
Pizza Boi

Pizza Boi
Hyperactive

Male Posts : 2016
Reputation : 160
Language : French
Location : Pizza Hut!

http://redlustempire.forumtl.com/

Back to top Go down

Solved Re: "New Topic" Hover Button

Post by J0k3R^ on April 27th 2014, 8:01 am

yeah Pizza, i didnt make it work Smile

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: "New Topic" Hover Button

Post by Pizza Boi on April 27th 2014, 6:44 pm

Hi Very Happy

Hmm... did you delete the original image button?

Regards,
Pizza Boi

Pizza Boi
Hyperactive

Male Posts : 2016
Reputation : 160
Language : French
Location : Pizza Hut!

http://redlustempire.forumtl.com/

Back to top Go down

Solved Re: "New Topic" Hover Button

Post by J0k3R^ on April 27th 2014, 6:45 pm

what do u mean? now i only a good a simple button image for 'new topic' Smile

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: "New Topic" Hover Button

Post by Pizza Boi on April 27th 2014, 6:48 pm

Hi Very Happy

That's what's causing your problem, actually Smile . As much as possible, just have them in a normal text form.

Say, you can add something like:

Code:
content: "New Topic";
font-size: 12px;
color: red;

Regards,
Pizza Boi

Pizza Boi
Hyperactive

Male Posts : 2016
Reputation : 160
Language : French
Location : Pizza Hut!

http://redlustempire.forumtl.com/

Back to top Go down

Solved Re: "New Topic" Hover Button

Post by J0k3R^ on April 27th 2014, 6:51 pm

this is a button at "pics management" actually..
how to write text for 'new topic' at css?

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: "New Topic" Hover Button

Post by J0k3R^ on April 29th 2014, 8:54 pm

Bump

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: "New Topic" Hover Button

Post by Pizza Boi on April 30th 2014, 10:48 am

Hi Very Happy

Hmm... mate, can you consider creating a button instead?

I think this should work as our reference key: http://help.forumotion.com/post?f=#&mode=newtopic

If that doesn't, I will continue on looking into this because the best I can come up with is disabling the image but making sure I still have the selector. It's just that, the content I wanted shown isn't desirable.

Regards,
Pizza Boi

Pizza Boi
Hyperactive

Male Posts : 2016
Reputation : 160
Language : French
Location : Pizza Hut!

http://redlustempire.forumtl.com/

Back to top Go down

Solved Re: "New Topic" Hover Button

Post by Ange Tuteur on April 30th 2014, 1:02 pm

Hello,

Go to Administration Panel > Display > Templates > General > viewforum_body

Find :
Code:
<p class="posting"><a href="{U_POST_NEW_TOPIC}" accesskey="n" rel="nofollow"><img src="{POST_IMG}" class="{POST_IMG_ID}" alt="{L_POST_NEW_TOPIC}" /></a></p>

Replace by :
Code:
<p class="posting"><a href="{U_POST_NEW_TOPIC}" accesskey="n" rel="nofollow">Start New Topic</a></p>

Save and publish.


Then add the following to your CSS :
Display > colors > CSS stylesheet

Code:
p.posting a {
  color:#FFF !important;
  font-size:12px;
  font-weight:normal;
  text-decoration:none;
  background:#157;
  -webkit-box-shadow:inset 0 0 6px -3px #000;
  -moz-box-shadow:inset 0 0 6px -3px #000;
  box-shadow:inset 0 0 6px -3px #000;
  -webkit-border-radius:6px;
  -moz-border-radius:6px;
  border-radius:6px;
  display:inline-block;
  padding:10px 20px;
}

p.posting a:hover { background:#000; }

Ange Tuteur
Forumaster

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

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: "New Topic" Hover Button

Post by J0k3R^ on April 30th 2014, 1:47 pm

thank you!!!! Smile
just something more, how to change it at topics list page aswell?


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: "New Topic" Hover Button

Post by Ange Tuteur on April 30th 2014, 1:51 pm

Under :
Administration Panel > Display > Templates > General > viewforum_body

You replace both :
Code:
<p class="posting"><a href="{U_POST_NEW_TOPIC}" accesskey="n" rel="nofollow"><img src="{POST_IMG}" class="{POST_IMG_ID}" alt="{L_POST_NEW_TOPIC}" /></a></p>


by :
Code:
<p class="posting"><a href="{U_POST_NEW_TOPIC}" accesskey="n" rel="nofollow">Start New Topic</a></p>


That will change it for the topics list.

Ange Tuteur
Forumaster

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

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: "New Topic" Hover Button

Post by J0k3R^ on April 30th 2014, 1:55 pm

I did that and changed only in topics (obviously i think)




but what code to use for the topics list? not in topic msgs Smile

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: "New Topic" Hover Button

Post by Ange Tuteur on April 30th 2014, 2:03 pm

For topics, you must go here :
Administration panel > display > templates > general > viewtopic_body

Find both :
Code:
<!-- END topicpagination -->
 <p class="posting">
 <!-- BEGIN switch_user_authpost -->
 <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" class="{POST_IMG_CLASS}" alt="{L_POST_NEW_TOPIC}" /></a>&nbsp;&nbsp;
 <!-- END switch_user_authpost -->

 <!-- BEGIN switch_user_authreply -->
 <a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" class="i_reply" alt="{L_POST_REPLY_TOPIC}" /></a>
 <!-- END switch_user_authreply -->
 </p>

and replace both by :
Code:
<p class="posting">
 <!-- BEGIN switch_user_authpost -->
 <a href="{U_POST_NEW_TOPIC}" rel="nofollow">Start New Topic</a>&nbsp;&nbsp;
 <!-- END switch_user_authpost -->

 <!-- BEGIN switch_user_authreply -->
 <a href="{U_POST_REPLY_TOPIC}">Post New Reply</a>
 <!-- END switch_user_authreply -->
 </p>

Ange Tuteur
Forumaster

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

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: "New Topic" Hover Button

Post by J0k3R^ on April 30th 2014, 2:07 pm

lol! yeah mate thats what ive done.. now i only want to change it when someone goes to a category like herehttp://myplanet.forumgreek.com/f5-forum
because its still the image button there Smile

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: "New Topic" Hover Button

Post by Ange Tuteur on April 30th 2014, 2:09 pm

@Ange Tuteur wrote:Under :
Administration Panel > Display > Templates > General > viewforum_body

You replace both :
Code:
<p class="posting"><a href="{U_POST_NEW_TOPIC}" accesskey="n" rel="nofollow"><img src="{POST_IMG}" class="{POST_IMG_ID}" alt="{L_POST_NEW_TOPIC}" /></a></p>


by :
Code:
<p class="posting"><a href="{U_POST_NEW_TOPIC}" accesskey="n" rel="nofollow">Start New Topic</a></p>


That will change it for the topics list.

Ange Tuteur
Forumaster

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

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: "New Topic" Hover Button

Post by J0k3R^ on April 30th 2014, 2:11 pm

Very Happy i didnt notice this till u made it bold Very Happy
thank u once again for ur support mate

*Solved*

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: "New Topic" Hover Button

Post by Ange Tuteur on April 30th 2014, 2:15 pm

You're welcome :rose:

I thought I made mistake or something Razz

Topic solved and archived

Ange Tuteur
Forumaster

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

http://fmdesign.forumotion.com

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