Add Indicator after node title | xF 2.x.x [Deleted]

[Emre]

Emre submitted a new resource:

Add Indicator after node title | xF 2.x.x - xenForo 2.x.x version new indicator appear after node title for unread posts

Summary: A simple enhancement that will display a "New" marker after the node title of unread posts. You could enhance this further by using imagery which is your choice, basically adjust and style to your preference

Install: extra.less add;

/* xFDestek.com - Yeni mesaj belirleyici */
.node--unread .node-title:after {
    content: 'Yeni';
    color: #ffffff;
    background: #ed7a16...

Read more about this resource...

 

[ak38]

Very useful! Thanks

 

[Jordyn]

Thanks for this. I changed the code slightly for the old type look. Change the top: -2px; if you want to move it up or down.

.node--unread .node-title:after {
    content: 'NEW';
    color: rgb(255, 255, 255);
    background: rgb(203, 71, 56);
    position: relative;
    font-size: 9px;
    line-height: 2;
    padding: 0 4px;
    margin-right: 4px;
    top: -2px;
    vertical-align: middle;
}
.node--unread .node-title:after {
    content: 'NEW';
}

 

[maszd]

Thanks for this. I changed the code slightly for the old type look. Change the top: -2px; if you want to move it up or down.

.node--unread .node-title:after {
    content: 'NEW';
    color: rgb(255, 255, 255);
    background: rgb(203, 71, 56);
    position: relative;
    font-size: 9px;
    line-height: 2;
    padding: 0 4px;
    margin-right: 4px;
    top: -2px;
    vertical-align: middle;
}
.node--unread .node-title:after {
    content: 'NEW';
}

View attachment 179290

Hi,
Is there a way to make this available only to the logged in members?
iam try add .LoggedIn like this code but not work.

 

[Emre]

I've never tried anything like this before.

/* xFDestek.com - Yeni mesaj belirleyici */
<xf:if is="$xf.visitor.user_id">
.node--unread .node-title:after {
    content: 'Yeni';
    color: #ffffff;
    background: #ed7a16;
    display: inline-block;
    font-size: 9px;
    line-height: 2;
    border-radius: 3px;
    padding: 0 4px;
    margin-right: 4px;
    vertical-align: middle;
}
.node--unread .node-title:after {
    content: 'Yeni';
}
</xf:if>
/* xFDestek.com - Yeni mesaj belirleyici */

I don't know if it Works

 

[maszd]

I've never tried anything like this before.

/* xFDestek.com - Yeni mesaj belirleyici */
<xf:if is="$xf.visitor.user_id">
.node--unread .node-title:after {
    content: 'Yeni';
    color: #ffffff;
    background: #ed7a16;
    display: inline-block;
    font-size: 9px;
    line-height: 2;
    border-radius: 3px;
    padding: 0 4px;
    margin-right: 4px;
    vertical-align: middle;
}
.node--unread .node-title:after {
    content: 'Yeni';
}
</xf:if>
/* xFDestek.com - Yeni mesaj belirleyici */

I don't know if it Works

No. its doesnt work

 

[Emre]

Sorry. I don't know any other way.

 

[SyTry]

Hi,
Is there a way to make this available only to the logged in members?
iam try add .LoggedIn like this code but not work.

Did you try this :

#XF[data-logged-in="false"] {
   .yourClass {
        //your code here
   } 
}

Kullanım Tekniği - Ziyaretçilere konu ve mesajlar blur efekti ile nasıl kapatılır?

Herkese merhaba arkadaşlar; Bu dersimiz de yine XenForo data-logged-in="false" özelliğini kullanarak ziyaretçilere konu ve mesajlarınızı css özelliğini kullanarak blur efekti vermeyi göreceğiz. Bu yüzeysel bir değişimdir. Örnek: Tüm konu ve...

xentr.net

 

[Emre]

@SyTry , I couldn't think of it Thank's so much

 

[Jordyn]

Hey, what @SyTry suggested does work. Even without the class!

@maszd worth a try

#XF[data-logged-in="true"] {
.node--unread .node-title:after {
    content: 'NEW';
    color: rgb(255, 255, 255);
    background: rgb(203, 71, 56);
    position: relative;
    font-size: 9px;
    line-height: 2;
    padding: 0 4px;
    margin-right: 4px;
    top: -2px;
    vertical-align: middle;
}
.node--unread .node-title:after {
    content: 'NEW';
}
}

Hi,
Is there a way to make this available only to the logged in members?
iam try add .LoggedIn like this code but not work.

 

[Emre]

This resource has been removed and is no longer available.