About Us rollover icons

Rate this topic: Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.1.00 out of 6 based on 1 vote(s)
GK User
Fri Jun 14, 2013 1:26 am
Reply with quote
Report this post
Hi,

where images of icons after profile is "roll-overed" can be found? Because I want to change google plus to gmail (for example)... And another idea is to add "link" icon (What we do and after image is hovered icon link is shown).

Thanks for help in advance!
User avatar
Senior Boarder

GK User
Fri Jun 14, 2013 2:27 am
Reply with quote
Report this post
See following link on how to add an extra item, in this case Pinterent was added.

https://www.gavick.com/forums/creativit ... 44#p126544

Regarding icons they are not images, they are icons from fontawesome icon font.

See css/gk.stuff.css around line 998 following is what makes the icons.
Code: Select all
.gkTeamOverlay a[data-type="fb"]:before {
   content: '\f09A';
}

.gkTeamOverlay a[data-type="twitter"]:before {
   content: '\f099';
}

.gkTeamOverlay a[data-type="gplus"]:before {
   content: '\f0d5';
}


More codes for icons can be found in following link.

http://astronautweb.co/snippet/font-awesome/
http://fortawesome.github.io/Font-Awesome/cheatsheet/

See you around...
User avatar
Platinum Boarder

GK User
Fri Jun 14, 2013 11:57 am
Reply with quote
Report this post
normanUK wrote:See following link on how to add an extra item, in this case Pinterent was added.

https://www.gavick.com/forums/creativit ... 44#p126544

Regarding icons they are not images, they are icons from fontawesome icon font.

See css/gk.stuff.css around line 998 following is what makes the icons.
Code: Select all
.gkTeamOverlay a[data-type="fb"]:before {
   content: '\f09A';
}

.gkTeamOverlay a[data-type="twitter"]:before {
   content: '\f099';
}

.gkTeamOverlay a[data-type="gplus"]:before {
   content: '\f0d5';
}


More codes for icons can be found in following link.

http://astronautweb.co/snippet/font-awesome/
http://fortawesome.github.io/Font-Awesome/cheatsheet/

See you around...


Great, great! For now I just need max 3 icons so I switched this content code. Nice combination with font awesome, thanks again for help!
User avatar
Senior Boarder

GK User
Fri Jun 14, 2013 12:01 pm
Reply with quote
Report this post
No problem at all, see you around...
User avatar
Platinum Boarder


cron