|
Post by brann on Oct 16, 2015 15:13:39 GMT -8
Hello everyone I hope someone here can help me because I'm really confused. So my site has the premium cbox and I have been trying to filter the members names into different gradients like two colors in one name, also name the names into a italics perhaps or something . Also make the avatars into a circle and I can't do that because I'm afraid I might break the code. Please someone help me. How can I achieve this?
|
|
|
Post by Lilac ☆ on Oct 17, 2015 4:26:29 GMT -8
To change the icons into a circle:Go to Look & Feel > Edit CSS > add "border-radius:100%;" to the .pic { } code. To change the names into italics:Still at the same Edit CSS > add "font-style:italic;" to these codes: .pn_std { } .pn_reg { } .pn_mod { } .pn_adm { } To Filter the Names for a gradient:This is a lil complicated but you'll have to do it manually! That's how i did it, if anyone has an easier way please let me know tooGo to Options > Filtering: You'll have to edit each name one letter at a time: (For example) Addy: [color=#334da8]A[/color][color=#2c60ba]d[/color][color=#2472cd]d[/color][color=#1d85df]y[/color] The Addy on the left of the colon is the original word that needed to be filtered, and it would be filtered to the Addy on the right of the colon, with the color code added to it. To know what Hex code to use, I used this site to generate them! Once you have the hex codes, just add them to the [*color=] tags like you see in the example code. Remember not to add any spacings in between the tags or your names will appear with spacings as well! I hope this has been understandable and useful, and if you need help, just ask and I'll be glad to help! ^^
|
|
|
Post by brann on Oct 17, 2015 8:47:07 GMT -8
Thank you for your help I'm confused about something. I add the just only this border-radius:100%; under the other codes in .pic? That will make the avatars circle? also the italics i add them inside the curly brackets?
|
|
|
Post by Lilac ☆ on Oct 17, 2015 9:34:34 GMT -8
Yes it will! ^^
and that's right~ add them in~
|
|
|
Post by brann on Oct 17, 2015 10:14:03 GMT -8
okay, i will add them is there a specific size of the avatars that will appear? also i was wondering is there a way to possibly make the names into bold italics? perhaps? i also tried doing the filtering of names and it took me to filter rules section. is that right i add the names there? every name of the members there? Thank you so much for helping me with this
|
|
|
Post by Lilac ☆ on Oct 17, 2015 10:32:24 GMT -8
Specific size? nope! all pictures will be resized to icons~
Hm.. I can't help you for bold italics because I don't know it myself uvu italics is the furthest I can go!
and yes, for filtering, every member's name, manually! Which is why it's a little tedious uvu
No problem ^^
|
|
|
Post by brann on Oct 17, 2015 15:14:44 GMT -8
when i'm doing the filtering should i ignore the color code? and i noticed you started by Addy: and then the code should i do the same as well?
|
|
|
Post by Lilac ☆ on Oct 17, 2015 17:40:55 GMT -8
You have to replace the color code with your own. [*color=#](LETTER)[/color*] (Remove asterisks) is how the letters get their color~.
You should, but "Addy" was just an example :3. The way to present it is:
(Name): (Color-coded Name)
|
|
|
Post by brann on Oct 17, 2015 17:49:49 GMT -8
what about this code?
<div><span style="color:#040302;">S</span><span style="color:#80693d;">T</span><span style="color:#98814b;">E</span><span style="color:#b29677;">F</span><span style="color:#e7c9a8;">A</span><span style="color:#f4d6bc;">N</span></div>
|
|
|
Post by Lilac ☆ on Oct 17, 2015 18:11:30 GMT -8
Unfortunately, span does not work! you also have to use sqaure brackets [ ] instead of < >
Your code works only if it's like this:
[color=#040302]S[/color][color=#80693d]T[/color][color=#98814b]E[/color][color=#b29677]F[/color][color=#e7c9a8]A[/color][color=#f4d6bc]N[/color]
Don't forget to add a "Stefan:" in front of the code!(Or um, whatever the original name was)
|
|
|
Post by brann on Oct 18, 2015 6:39:26 GMT -8
thank you it actually worked. I have to now do the avatar thing and see if it too will work
|
|
|
Post by brann on Oct 18, 2015 13:58:24 GMT -8
Everything worked like a charm Thank you for all your help
|
|
|
Post by brann on Dec 15, 2015 0:47:33 GMT -8
Hello How can I make my cbox have well rounded boarder around the avatar? I'm in serious need of this answer also how can i increase the size of the avatars to maybe 67x67?
|
|