1 [phpBB3]How to add the color of a group , on the background . Sat Dec 29, 2012 9:02 am
Aleecs
Managers
Hello Frog , nice to meet you !Today , I will present you , how to add the color of a group on the background .
Let`s start the tutorial !
First , add the code below in : ACP ~> Display ~> Images and colours ~> Colours ~> CSS ~> Add this :
Then , add this code in ACP ~> Modules ~> Javascript Management ~> Create a new code Javascript ~> Add this :
: This code is running if you have a forum on phpBB3 platform .
Thank you for wathcing this tutorial , and good bye !
* This tutorial is created by fg-coding.net , and converted by Aleecs !
Let`s start the tutorial !
First , add the code below in : ACP ~> Display ~> Images and colours ~> Colours ~> CSS ~> Add this :
- Spoiler:
- Code:
em{font-style: normal;}
em a.group{
font-family: arial;
opacity: 0.6;
-moz-opacity: 0.6;
-khtml-opacity: 0.6;
-ms-filter: "alpha(opacity=60)";
filter:alpha(opacity=60);
color: white !important;
text-shadow: 0 0 3px black;}
em span{
margin: 0 5px;
box-shadow: 0 1px 5px rgba(0, 0, 0, 0.8) inset;
-moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.8) inset;
-webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.8) inset;
padding: 4px 8px;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-bottom: 1px solid white;
border-right: 1px solid white;}
Then , add this code in ACP ~> Modules ~> Javascript Management ~> Create a new code Javascript ~> Add this :
- Spoiler:
- Code:
$(function() {
$("em").html($("em").html().split("[").join(""));
$("em").html($("em").html().split("]").join(""));
jQuery('em a').each(function() {
var color = $(this).css("color");
$(this).wrap("<span style='background-color:" + color + ";'/>");
$(this).addClass('group');
});
});
: This code is running if you have a forum on phpBB3 platform .
Thank you for wathcing this tutorial , and good bye !
* This tutorial is created by fg-coding.net , and converted by Aleecs !