Span in CSS

by EpicDroid May 19th 2013, 5:46 am

How do I use <span></span> tags in CSS?

by **SLGray** May 19th 2013, 5:59 am

Those are HTML codes not CSS codes. What are you exactly trying to do?

by Ange Tuteur May 19th 2013, 6:52 am

If you're trying to create a hook in the HTML templates its pretty simple. Here is a quick example:
Span in CSS Span10

Class 'profcontent' will be used as '.profcontent' in the CSS Style sheet. The content between the span tags will only affect the profile field contents when we apply stylization changes in CSS. For the example I made this minor change:

Code:: .profcontent { color:#0000FF; }

which in turn will give me this result:
Span in CSS Ex13

by EpicDroid May 19th 2013, 7:18 am

SethC1995 wrote:If you're trying to create a hook in the HTML templates its pretty simple. Here is a quick example:

Class 'profcontent' will be used as '.profcontent' in the CSS Style sheet. The content between the span tags will only affect the profile field contents when we apply stylization changes in CSS. For the example I made this minor change:

Code:
.profcontent { color:#0000FF; }

which in turn will give me this result:

I'm trying to add a prefix on my username like [ADMIN]cloud. But when I logg in I dont have to type [ADMIN]
Any Ideas?

by Ultron's Vision May 19th 2013, 10:36 am

Code:: a[href="/u1"]:before { content: "[ADMIN] "; color: #your color here; }

Add that in your CSS Stylesheet. If you link me to your forum, I can make this even more precise.

by EpicDroid May 19th 2013, 8:29 pm

Ultron's Vision wrote:
Code:
a[href="/u1"]:before { content: "[ADMIN] "; color: #your color here; }

Add that in your CSS Stylesheet. If you link me to your forum, I can make this even more precise.

http://construction.wikiforum.net/forum

by Ultron's Vision May 19th 2013, 8:35 pm

Seemed to work, no?

If that solved it, mark this topic as solved to simplify the moderators' jobs Wink

by EpicDroid May 19th 2013, 8:36 pm

Ultron's Vision wrote:Seemed to work, no?

If that solved it, mark this topic as solved to simplify the moderators' jobs

Yes it did but one more thing, If I want it to put [Admin] before usernames in a certain usergrooup is that possible?

by Ultron's Vision May 19th 2013, 8:40 pm

Well, with jQuery, surely.

But it'd be easier if you just follow the above example and copy it with the "/u1" part changed to the respective userlink.