Good art is a taste, good design is an opinion.


Come as guest, stay as family.
Board Index

Come as guest, stay as family.


You are not connected. Please login or register

Foto

[Archived] Effect on new topic and reply



View previous topic View next topic Go down Message [Page 1 of 1]

1
Offline

  AlexSasan

avatar
Punbb Rookie
Punbb Rookie
  • Description:
Hello. I would like to help with the buttons again Topic New and Reply.
Do you know this code?



  • Information:
Forum:http://lanenicu.forum.stVersion:PUNBB
Type:Errors in codeTags:Effect,topic,reply

Powered by PunBB
Currently 0 users have thanked AlexSasan for this post:

2
Offline

  Virus

avatar
★Moderator★
★Moderator★
Hello,

Which effect are you referring to?

Powered by PunBB
Currently 0 users have thanked Virus for this post:

3
Offline

  AlexSasan

avatar
Punbb Rookie
Punbb Rookie
Buttons New Topic and Reply. Javascript or CSS code is that you take the mouse to the button, it is black.

Powered by PunBB
Currently 0 users have thanked AlexSasan for this post:

4
Offline

  Virus

avatar
★Moderator★
★Moderator★
That is simply a hover effect. Go:

Admin Panel > Display > Pictures & Colors > Colors > CSS Stylesheet

and add the below in your CSS:
Code:
.frm-buttons{transition:all 800ms ease 0!important;}
.frm-buttons:hover{background:#000!important;transition:all 800ms ease 0!important;}

Edit: I just realized that the code i send was for the buttons and not for those you want! hehe sorry!
For your buttons, because you have images you need to add an other image as soon as you hover them. Due to that you need to make black images like the blue ones you have now so we can add them as hover effect! Wink

Powered by PunBB
Currently 0 users have thanked Virus for this post:

5
Offline

  AlexSasan

avatar
Punbb Rookie
Punbb Rookie
I added that code and has no effect.
No problem, the buttons can do in Photoshop, I would like the code .. I do not really know, sorry.

Powered by PunBB
Currently 0 users have thanked AlexSasan for this post:

6
Offline

  Virus

avatar
★Moderator★
★Moderator★
As soon as you create the images, post them here to give you the code referring to each image.

Powered by PunBB
Currently 0 users have thanked Virus for this post:

7
Offline

  AlexSasan

avatar
Punbb Rookie
Punbb Rookie











Powered by PunBB
Currently 0 users have thanked AlexSasan for this post:

8
Offline

  Virus

avatar
★Moderator★
★Moderator★
Add this in your CSS and check if it is ok:
Code:
img.i_reply{background:url(http://i60.tinypic.com/11ux01g.png)no-repeat!important;transition:all 800ms ease 0!important;}
img.i_reply:hover{background:url(http://i61.tinypic.com/2jer33r.png)no-repeat!important;transition:all 800ms ease 0!important;}
img.i_post{background:url(http://i60.tinypic.com/o7q4nm.png)no-repeat!important;transition:all 800ms ease 0!important;}
img.i_post:hover{http://i61.tinypic.com/2q23a82.png)no-repeat!important;transition:all 800ms ease 0!important;}

Powered by PunBB
Currently 0 users have thanked Virus for this post:

9
Offline

  AlexSasan

avatar
Punbb Rookie
Punbb Rookie
With that code disappeared buttons.

Powered by PunBB
Currently 0 users have thanked AlexSasan for this post:

10
Offline

  Virus

avatar
★Moderator★
★Moderator★
Well i didn't have time to check it! I will be back to you later this evening with the solution of this.

Powered by PunBB
Currently 0 users have thanked Virus for this post:

11
Offline

  AlexSasan

avatar
Punbb Rookie
Punbb Rookie
Ok. thank you

Powered by PunBB
Currently 0 users have thanked AlexSasan for this post:

12
Offline

  Shadow

avatar
Administrator
Administrator
[aviso="Thread Archived"]Original poster seems to be inactive and did not respond within 7 days in this thread. Because of this, the topic has been Archived.

If you have further questions, please open a new topic.[/aviso]

Powered by PunBB
Currently 0 users have thanked Shadow for this post:

13
Offline

  Sponsored content



Powered by PunBB
Currently 0 users have thanked Sponsored content for this post:

View previous topic View next topic Back to top Message [Page 1 of 1]


Topic URL's

URL
BBcode
HTML

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