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.

Hexagon Avatar

View previous topic View next topic Go down

Hexagon Avatar

Post by Luis Ferreira on December 2nd 2015, 4:30 pm

Forum version : Phpbb2
Position : Administrator
Concerned browser(s) : Google Chrome
Who the problem concerns : all
Forum link : http://gamemunity.team-talk.net/

I want to make profile image an hexagon but its not working Sad heres some code

Code:
.post .poster-profile a img {
#hexagon {
   width: 100px;
   height: 55px;
   background: white;
   position: relative;
}
#hexagon:before {
   position: absolute;
   top: -25px;
   left: 0;
   width: 0;
   height: 0;
   border-left: 50px solid transparent;
   border-right: 50px solid transparent;
   border-bottom: 25px solid white;
}
#hexagon:after {
   position: absolute;
   bottom: -25px;
   left: 0;
   width: 0;
   height: 0;
   border-left: 50px solid transparent;
   border-right: 50px solid transparent;
   border-top: 25px solid white;
}
}

Luis Ferreira
Forumember

Posts : 53
Reputation : 1
Language : Poruguese

http://gamemunity.team-talk.net/

Back to top Go down

Re: Hexagon Avatar

Post by Sir. Mayo on December 6th 2015, 7:23 am

Hello,
Where did you find this code?

Was it a guide on the forum somewhere?
Could you post where you found it.
Thanks
Sir.Mayo

Sir. Mayo
Forumember

Male Posts : 961
Reputation : 84
Language : English, Some french.
Location : Working 11Pm-7Am EST I will try to respond ASAP

http://sir-mayo.forumotion.com/

Back to top Go down

Re: Hexagon Avatar

Post by Luis Ferreira on December 6th 2015, 5:37 pm


Luis Ferreira
Forumember

Posts : 53
Reputation : 1
Language : Poruguese

http://gamemunity.team-talk.net/

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