mr-pimpen

i see a ban coming we dont need members like you to be so abusive

try this it should work just mess around with it .cForumRow .ipsDataItem_subList li a:before { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; margin-right: 2px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f1b9"; }

[data-forumid="11"] .ipsDataItem_subList.ipsList_inline li:nth-child(13):after { content: "ON"; background: green; padding: 3px 6px; } so these cedes reflect on your subforums because i dont under stand why its not working there has to be something not right

what copy of xenforo and try to disable mod security and try it again

where are u adding it did you put the codes in custom css

im not sure why its not changing your icon i just test the codes above and they are working could it be because of you theme you are using try to change your theme and test it

witch one are u trying to change

i just uploaded to the downloads just need the approve

i have andy-changeauthor-1.8 if you can use this

tutorial allowing you to add a status indicator online or offline that pulses around the avatar! In your template message_macros look for this (CTRL + F) <xf:if is="$xf.options.showMessageOnlineStatus && $user && $user.isOnline()"> <span class="message-avatar-online" data-xf-init="tooltip" title="{{ phrase('online_now')|for_attr }}"></span> </xf:if> Replace with this: <xf:if is="$user.isOnline()"> <span class="online" data-xf-init="tooltip" title="{{ phrase('online_now')|for_attr }}"><xf:avatar user="$user" size="m" defaultname="{$fallbackName}" itemprop="image" /></span> <xf:elseif is="property('dt_offline_indicator')" /> <span class="offline" data-xf-init="tooltip" title="Offline"><xf:avatar user="$user" size="m" defaultname="{$fallbackName}" itemprop="image" /></span> </xf:if> EXTRA.less /*ON||OFFLINE PULSE*/ .online { border-radius: 50px; border: 2px solid rgba(44,204,71,0.4); display: block; box-shadow: 0 0 0 rgba(44, 204, 71, 0.4); animation: pulseon 2s infinite; } .offline { border-radius: 50px; border: 2px solid rgba(204, 44, 44, 0.4); display: block; box-shadow: 0 0 0 rgba(204, 44, 44, 0.4); animation: pulseoff 2s infinite; } @-webkit-keyframes pulseon { 0% { -webkit-box-shadow: 0 0 0 0 rgba(44, 204, 71, 0.4); } 70% { -webkit-box-shadow: 0 0 0 10px rgba(204,169,44, 0); } 100% { -webkit-box-shadow: 0 0 0 0 rgba(204,169,44, 0); } } @keyframes pulseon { 0% { -moz-box-shadow: 0 0 0 0 rgba(44, 204, 71, 0.4); box-shadow: 0 0 0 0 rgba(44, 204, 71, 0.4); } 70% { -moz-box-shadow: 0 0 0 10px rgba(204,169,44, 0); box-shadow: 0 0 0 10px rgba(204,169,44, 0); } 100% { -moz-box-shadow: 0 0 0 0 rgba(204,169,44, 0); box-shadow: 0 0 0 0 rgba(204,169,44, 0); } } @-webkit-keyframes pulseoff { 0% { -webkit-box-shadow: 0 0 0 0 rgba(204, 44, 44, 0.4); } 70% { -webkit-box-shadow: 0 0 0 10px rgba(204,169,44, 0); } 100% { -webkit-box-shadow: 0 0 0 0 rgba(204,169,44, 0); } } @keyframes pulseoff { 0% { -moz-box-shadow: 0 0 0 0 rgba(204, 44, 44, 0.4); box-shadow: 0 0 0 0 rgba(204, 44, 44, 0.4); } 70% { -moz-box-shadow: 0 0 0 10px rgba(204,169,44, 0); box-shadow: 0 0 0 10px rgba(204,169,44, 0); } 100% { -moz-box-shadow: 0 0 0 0 rgba(204,169,44, 0); box-shadow: 0 0 0 0 rgba(204,169,44, 0); } } /*END*/

like to have your aviators move around slow add thiss .avatar:hover, .avatar img:hover, .img.s:hover{ -moz-transition: all 5s ease-in-out; -webkit-transition: all 5s ease-in-out; -o-transition: all 5s ease-in-out; -ms-transition: all 5s ease-in-out; transition: all 5s ease-in-out; -moz-transform: rotate(-360deg); -webkit-transform: rotate(-360deg); o-transform: rotate(-360deg); -ms-transform: rotate(-360deg); transform: rotate(-360deg); } dont have an image but it will works 1000%

To start add the code below in the chosen group: color: #FF1919; After going into the template and added to extra.less code (the " 3 " it will change your user group in question): .username .username--style3{ -webkit-animation:username--style3 5s linear infinite; -moz-animation:username--style3 5s linear infinite; -ms-animation:username--style3 5s linear infinite; -o-animation:username--style3 5s linear infinite; animation:username--style3 5s linear infinite; } @-moz-keyframes username--style3 { 0% { color: #FF1919; } 15% { color: #E019FF; } 30% { color: #4F19FF; } 45% { color: #19A7FF; } 60% { color: #19FFDC; } 75% { color: #65FF19; } 90% { color: #FFE019; } } @-webkit-keyframes username--style3 { 0% { color: #FF1919; } 15% { color: #E019FF; } 30% { color: #4F19FF; } 45% { color: #19A7FF; } 60% { color: #19FFDC; } 75% { color: #65FF19; } 90% { color: #FFE019; } } To start add the code below in the chosen group: color: #FFF; font-weight: bold; text-shadow: 1px 1px 1px #f00, 0px 0px 3px #f00, 0px 0px 5px #f00, 0px 0px 7px #f00; After going into the template and added to extra.less .username .username--style3 { -webkit-animation:username--style3 5s linear infinite; -moz-animation:username--style3 5s linear infinite; -ms-animation:username--style3 5s linear infinite; -o-animation:username--style3 5s linear infinite; animation:username--style3 5s linear infinite; } @-moz-keyframes username--style3 { 0% { text-shadow: 0px 0px 0.2em rgb(255, 0, 0), 0px 0px 0.2em rgb(255, 0, 0), 0px 0px 0.2em rgb(255, 0, 0); } 15% { text-shadow: 0px 0px 0.2em rgb(255, 0, 255), 0px 0px 0.2em rgb(255, 0, 255), 0px 0px 0.2em rgb(255, 0, 255); } 30% { text-shadow: 0px 0px 0.2em rgb(0, 0, 255), 0px 0px 0.2em rgb(0, 0, 255), 0px 0px 0.2em rgb(0, 0, 255); } 45% { text-shadow: 0px 0px 0.2em rgb(0, 255, 255), 0px 0px 0.2em rgb(0, 0, 255), 0px 0px 0.2em rgb(0, 255, 255);} 60% { text-shadow: 0px 0px 0.2em rgb(0, 255, 0), 0px 0px 0.2em rgb(0, 0, 0), 0px 0px 0.2em rgb(0, 255, 0); } 75% { text-shadow: 0px 0px 0.2em rgb(255, 255, 0), 0px 0px 0.2em rgb(255, 0, 0), 0px 0px 0.2em rgb(255, 255, 0); } 90% { text-shadow: 0px 0px 0.2em rgb(255, 0, 0), 0px 0px 0.2em rgb(255, 0, 0), 0px 0px 0.2em rgb(255, 0, 0); } } @-webkit-keyframes username--style3 { 0% { text-shadow: 0px 0px 0.2em rgb(255, 0, 0), 0px 0px 0.2em rgb(255, 0, 0), 0px 0px 0.2em rgb(255, 0, 0); } 15% { text-shadow: 0px 0px 0.2em rgb(255, 0, 255), 0px 0px 0.2em rgb(255, 0, 255), 0px 0px 0.2em rgb(255, 0, 255); } 30% { text-shadow: 0px 0px 0.2em rgb(0, 0, 255), 0px 0px 0.2em rgb(0, 0, 255), 0px 0px 0.2em rgb(0, 0, 255); } 45% { text-shadow: 0px 0px 0.2em rgb(0, 255, 255), 0px 0px 0.2em rgb(0, 0, 255), 0px 0px 0.2em rgb(0, 255, 255);} 60% { text-shadow: 0px 0px 0.2em rgb(0, 255, 0), 0px 0px 0.2em rgb(0, 0, 0), 0px 0px 0.2em rgb(0, 255, 0); } 75% { text-shadow: 0px 0px 0.2em rgb(255, 255, 0), 0px 0px 0.2em rgb(255, 0, 0), 0px 0px 0.2em rgb(255, 255, 0); } 90% { text-shadow: 0px 0px 0.2em rgb(255, 0, 0), 0px 0px 0.2em rgb(255, 0, 0), 0px 0px 0.2em rgb(255, 0, 0); } }

did the one i gave you worked so i can see if this is in the tutorials section

can you show an image so we can answer a little better

try this one [data-forumid="2"] .fa-comments:before { color: red; content: "\f0a1"; } and for your subforums you can do something like this .ipsDataItem_subList > li > a:before { font-family: 'FontAwesome'; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin-right: 3px; opacity: 0.8; line-height: 1; border-radius: 2px; color: #fff; font-size: 11px; padding: 4px 7px; } /* Administrator (Open) */ [data-forumid="3"] .ipsDataItem_subList > li:nth-child(1) a:before { content: "\f09c"; background-color: #68a72f; } /* Moderator (close) */ [data-forumid="3"] .ipsDataItem_subList > li:nth-child(2) a:before { content: "\f023"; background-color: #e14242; } /* Grafik (close) */ [data-forumid="2"] .ipsDataItem_subList > li:nth-child(3) a:before { content: "\f023"; background-color: #e14242; }

im using xenforo 214 and i have lots of extraless codes

have you updated this plugin and look and see if its conflicting with any other plugin try to disable all your plugin and just enable the add plugin

you to good luck

hop you feel better and np

it could be because you are uploading html that points to the url with your uploads witch you cant do that they do it to me sometime but i do correct my stuff

good to help you

i will try to find what you are looking for with in the week just ask me so i dont for get