• Daily Support was created for Forumotion support, troubleshooting your problems with your computer, with your network or with your life. We offer graphic design services like graphic creations, good tutorials and many others! I hope you like this theme, i worked a lot to make it.
    Look at our new code! This is a nice loading screen for all versions Very Happy Read more
    Look at our new code! This is a nice Windows 8 Styled navigation bar! Read more
    Look at our new code! This is a code for partner, similary to our partner script! You have to choose your forum version, from the next list...Read more.
Daily Support ™

Tutorials, protection, discussions, graphic design, forumotion help, codes, gaming, roleplay, counter-strike 1.6, metin2, mt2, cs 1.6, cs 1.6 codes, mt2 codes, powerfull forum


You are not connected. Please login or register

Image for every group

View previous topic View next topic Go down  Message [Page 1 of 1]

1 Image for every group
on Mon Sep 09, 2013 6:06 am
avatar

LolWesta

DailySupport Winner

DailySupport Winner
avatar
Posts : 74
Daily Points : 2608
Likes : 2
Warns : One warn
punBB
View user profile
Hello! I want to add for every group a image to the corner of the message like here:


My version of forum is punBB!


2 Re: Image for every group
on Mon Sep 09, 2013 7:56 am
avatar

Dishonored

Webmaster

Webmaster
avatar
Posts : 450
Daily Points : 735
Likes : 34
Warns : No warnings
punBB
View user profile
Hello.
http://www.daily-support.org/t20-bold-for-staff-members - you just have to modify some CSS codes.
From:
Code:
.bold .postbody{
font-family: arial black;
font-decoration: bold;
}
It will become:
Code:

.bold .postbody{
background-image: url('Rank image') no-repeat!important;
background-position-x: 100%!important;
background-position: 100% 0%!important;
}
Make another functions for each rank.
Example:
Code:

$(document).ready(function(){
$('.postmain').has('.daily').addClass('bold');
$('.postmain').has('.daily2').addClass('bold2');
});
etc..
And you ranks will be:
Code:
<div class="daily">Rank</div>
<div class="daily2">Rank2</div>
And CSS:
Code:

.bold .postbody{
background-image: url('Rank image') no-repeat!important;
background-position-x: 100%!important;
background-position: 100% 0%!important;
}
.bold2 .postbody{
background-image: url('Rank image') no-repeat!important;
background-position-x: 100%!important;
background-position: 100% 0%!important;
}





3 Re: Image for every group
on Mon Sep 09, 2013 8:59 am
avatar

LolWesta

DailySupport Winner

DailySupport Winner
avatar
Posts : 74
Daily Points : 2608
Likes : 2
Warns : One warn
punBB
View user profile
Thank's dude! Solved!


4 Re: Image for every group
on Mon Sep 09, 2013 9:01 am
avatar

Hauvën

Moderator

Moderator
avatar
Posts : 73
Daily Points : 113
Likes : 4
Warns : No warnings
phpBB3
View user profile
This topic was solved. I'll lock and arhive this!


5 Re: Image for every group

Sponsored content

Sponsored content


View previous topic View next topic Back to top  Message [Page 1 of 1]

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