xF2 Template Modification Group Name Styling

Pr0fesseur

Moderator
Staff member
Moderator
+Lifetime VIP+
V.I.P Member
Collaborate
Registered
Joined
Nov 20, 2019
Messages
361
Points
103

Reputation:

This Group name styling will give you a style just like @ENXF NET

1596562484197.png


Here is the code you see above
CSS:
background:
url("[COLOR=rgb(184, 49, 47)][B]YOUR PATH[/B][/COLOR]/bg13_zps2612a7c5.gif") repeat scroll 0 0%,
url("[COLOR=rgb(184, 49, 47)][B]YOUR PATH[/B][/COLOR]/bg4_zps012f7fcf.gif") repeat scroll 0 0%,
url("[COLOR=rgb(184, 49, 47)][B]YOUR PATH[/B][/COLOR]/bg5_zps9146c4c3.gif") repeat scroll 0 0;
  [COLOR=rgb(41, 105, 176)][B]color: white[/B][/COLOR][B];[/B]
font-weight: bold;
[COLOR=rgb(85, 57, 130)][B]text-shadow[/B][/COLOR]: 1px 1px 0 [COLOR=rgb(255, 0, 0)][B]#FF0000[/B][/COLOR], 1px 2px 0 [COLOR=rgb(0, 0, 0)]#000000[/COLOR], 1px 1px 6px [COLOR=rgb(139, 0, 0)][B]#8B0000[/B][/COLOR], 1px 1px 9px [COLOR=rgb(255, 0, 0)][B]#FF0000[/B][/COLOR]

And the attachments you will need to place in your installation. just replace the YOUR PATH to the correct location of these files, i would suggest the data folder somewhere.

The color:white; you see above is the main color of your text.

The
text-shadow: portion controls the text border color and the effect of the files attached. Simply find the color you Wish and change the color values to suit your needs :) The color codes you see are the ACTUAL colors of what you will get if you use this code! for example the #8B0000 is precisely this color!

~Prof
 

Attachments

  • bgimage.zip
    38.5 KB · Views: 166

gumya

Well-known member
Registered
Joined
Oct 9, 2019
Messages
131
Points
53

Reputation:

Got this error message

Oops! We ran into some problems.
Please enter valid username CSS rules.
 

Pr0fesseur

Moderator
Staff member
Moderator
+Lifetime VIP+
V.I.P Member
Collaborate
Registered
Joined
Nov 20, 2019
Messages
361
Points
103

Reputation:

show a screenshot as i cant see what your doing wrong :)
 

Pr0fesseur

Moderator
Staff member
Moderator
+Lifetime VIP+
V.I.P Member
Collaborate
Registered
Joined
Nov 20, 2019
Messages
361
Points
103

Reputation:

1596566211001.png


DONT add thecolor coding like this

only change the color values here
1596566268797.png
 

gumya

Well-known member
Registered
Joined
Oct 9, 2019
Messages
131
Points
53

Reputation:

What color should replace these to get the above results?
rangi.PNG
 

Pr0fesseur

Moderator
Staff member
Moderator
+Lifetime VIP+
V.I.P Member
Collaborate
Registered
Joined
Nov 20, 2019
Messages
361
Points
103

Reputation:

Follow my instructions above I made it easy to understand



The color:white; <<<<<<--------you see above is the MAIN COLOR of your text.

The text-shadow: portion controls the text BORDER COLOR and the effect of the files attached. Simply find the color you Wish and change the color values to suit your needs :) The color codes you see are the ACTUAL colors of what you will get if you use this code! for example the #8B0000 is precisely this color!

https://www.w3schools.com/colors/colors_picker.asp <--- use this color wheel to find the color you want to use!

1596568125935.png
 

Pr0fesseur

Moderator
Staff member
Moderator
+Lifetime VIP+
V.I.P Member
Collaborate
Registered
Joined
Nov 20, 2019
Messages
361
Points
103

Reputation:

Excellent! ya having it globally is a bit more work. I dont use it globally as its a bit too much for some themes.
It shows up in chat, in widgets, and in threads. which imho is plenty :)
 
Top