The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.

Hexagon Avatar

2 posters

Go down

Hexagon Avatar Empty Hexagon Avatar

Post by Luis Ferreira 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;
}
}
avatar
Luis Ferreira
Forumember

Posts : 53
Reputation : 1
Language : Poruguese

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

Back to top Go down

Hexagon Avatar Empty Re: Hexagon Avatar

Post by Sir. Mayo 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
Sir. Mayo
Forumember

Male Posts : 980
Reputation : 90
Language : English, Some french.
Location : you can also reach me on snoonet's irc server. I idle in #Techsupport Username is Vault108

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

Back to top Go down

Hexagon Avatar Empty Re: Hexagon Avatar

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

avatar
Luis Ferreira
Forumember

Posts : 53
Reputation : 1
Language : Poruguese

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

Back to top Go down

Back to top

- Similar topics

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