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

[CSS] Ease color change and grow on links



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

1
Offline

  Virus

avatar
★Moderator★
★Moderator★


Tutorial: Ease color change and grow on links

This tutorial will teach you easily how to make the links in your forum (categories, last post link etc...) to ease change color and grow as soon as you hover them.


--> Tutorials, tips and tricks <--
Ease color change and grow on links



- CSS
Go to:
Admin Panel > Display > Pictures and Colors > Colors > CSS Stylesheet
and paste the below code in your stylesheet:
PhpBB2, PhpBB3, Invision Versions
Code:
a:link{color:#003EC7/*blue color*/;transition:all 800ms ease 0;font-size:12px;}
a:hover{color:#B48100/*orange color*/;transition:all 800ms ease 0;font-size:14px;}

PunBB Version
Code:
.pun a:link{color:#003EC7/*blue color*/;transition:all 800ms ease 0;font-size:12px;}
.pun a:hover{color:#B48100/*orange color*/;transition:all 800ms ease 0;font-size:14px;}

Save you CSS and you are done!


- Preview





© PunBB Design


If you have any questions related to this topic create a topic with the following title:
Ease color change and grow on links

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

2
Offline

  deaneo8

avatar
V.I.P. Member
V.I.P. Member
nice topic bro

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

3
Offline

  Admin

avatar
Guest
[sucesso="Tutorial Accepted"]Tutorial accepted and points added to the user.[/sucesso]

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

4
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