FM Design
Would you like to react to this message? Create an account in a few clicks or log in to continue.

IMPORTANT

FM Design is in read-only mode, please click here for more information.

Latest topics
» Forumactif Edge - Releases
by Ange Tuteur Tue 03 Sep 2019, 11:49

» GIFActif - Giphy Button for the Editor
by Ange Tuteur Wed 08 May 2019, 17:21

» Forum Closure
by Ange Tuteur Mon 01 Jan 2018, 01:28

» Chit Chat Thread
by Valoish Sun 31 Dec 2017, 19:15

» Font/Text background color.
by Valoish Sun 31 Dec 2017, 19:11

» Forumactif Messenger - Instant Message Application for Forumotion
by Wolfuryo Sun 31 Dec 2017, 18:24

» [GAME] Count to One Million!
by brandon_g Fri 29 Dec 2017, 18:58

» Post Cards
by manikbiradar Wed 20 Dec 2017, 07:50

» [GAME] Countdown from 200,000
by Valoish Wed 13 Dec 2017, 23:22

» GeekPolice Tech Support Forums - GeekPolice.net
by Dr Jay Mon 11 Dec 2017, 19:12

» Asking about some plugin for Forumotion
by Dr Jay Mon 11 Dec 2017, 19:10

» [GAME] What are you thinking right now?
by Van-Helsing Sat 09 Dec 2017, 14:51

» Widget : Similar topics
by ranbac Wed 06 Dec 2017, 18:11

» Change the Background of the Forum and put an image and how to make prefixs?
by Clement Wed 06 Dec 2017, 15:19

» Hello from Western Australia
by SarkZKalie Wed 06 Dec 2017, 05:34

Recent Tutorials
Top posting users this month

Who is online?
In total there are 18 users online :: 0 Registered, 0 Hidden and 18 Guests

None

[ View the whole list ]


Most users ever online was 515 on Tue 14 Sep 2021, 15:24

[SOLVED] "Triangle" in Topics

View previous topic View next topic Go down

J0k3R^
J0k3R^
Member
Gender : Unspecified
Posts : 17
Points : 3652
Reputation : 6
Location : Greece
Language : Greek, English, Chienese,
Browser : Browser : Mozilla Firefox Forum Version : Forum Version : Other
http://fmplanet.forumgreek.com

PostJ0k3R^ Sat 06 Dec 2014, 10:50

Hi. i would like to have something similar to this triangle in topics (see right of avatar)

[SOLVED] "Triangle" in Topics 1nyUrPU

I tried to put these codes:

Code:
.pun .post-entry {
    position: relative;
}
.pun .post-entry:after, .pun .post-entry:before {
    border-color: transparent;
    border-style: solid solid outset;
    content: " ";
    display: block;
    height: 0px;
    left: -35px;
    pointer-events: none;
    position: absolute;
    top: 55px;
}
.pun .post-entry:before {
    border-right-color: #ddd;
    border-width: 17px;
}

but i get a grey triangle which i dont really like to be honest.

[SOLVED] "Triangle" in Topics HKlmwYv

Could we change something to make it seem like the 1st image? Thanks Smile
Ange Tuteur
Ange Tuteur
Administrator
Gender : Male
Posts : 4741
Points : 12048
Reputation : 2375
Location : Pennsylvania
Language : EN, JA, FR
Browser : Browser : Brave Forum Version : Forum Version : Forumactif Edge
https://sethclydesdale.github.io/ https://twitter.com/sethc1995

PostAnge Tuteur Sat 06 Dec 2014, 15:33

Something like this ?
Code:
.pun .post-entry {
    position: relative;
}
.pun .post-entry:after, .pun .post-entry:before {
    border-color: transparent;
    border-style: solid solid outset;
    content: " ";
    display: block;
    height: 0px;
    left: -35px;
    pointer-events: none;
    position: absolute;
    top: 55px;
}
.pun .post-entry:before {
    border-right-color: #ddd;
    border-width: 17px;
}
.pun .post-entry:after {
    border-right-color: #fff;
    border-width: 15px;
    top:57px;
    left:-30px;
}
J0k3R^
J0k3R^
Member
Gender : Unspecified
Posts : 17
Points : 3652
Reputation : 6
Location : Greece
Language : Greek, English, Chienese,
Browser : Browser : Mozilla Firefox Forum Version : Forum Version : Other
http://fmplanet.forumgreek.com

PostJ0k3R^ Sun 07 Dec 2014, 01:57

cheers my friend Smile
Sponsored content

PostSponsored content

View previous topic View next topic Back to top

Create an account or log in to leave a reply

You need to be a member in order to leave a reply.

Create an account

Join our community by creating a new account. It's easy!


Create a new account

Log in

Already have an account? No problem, log in here.


Log in

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