The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

Span in CSS

View previous topic View next topic Go down

Solved Span in CSS

Post by EpicDroid on May 19th 2013, 5:46 am

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


Last edited by EpicDroid on May 19th 2013, 8:41 pm; edited 1 time in total

EpicDroid
New Member

Posts : 10
Reputation : 1
Language : English

Back to top Go down

Solved Re: Span in CSS

Post by SLGray on May 19th 2013, 5:59 am

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


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.


SLGray
Administrator
Administrator

Male Posts : 35661
Reputation : 2375
Language : English
Location : United States

http://fmthemes.forumotion.com/

Back to top Go down

Solved Re: Span in CSS

Post by Ange Tuteur on 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:


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:

Ange Tuteur
Forumaster

Male Posts : 13021
Reputation : 2683
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Span in CSS

Post by EpicDroid on 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?

EpicDroid
New Member

Posts : 10
Reputation : 1
Language : English

Back to top Go down

Solved Re: Span in CSS

Post by Ultron's Vision on 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.

Ultron's Vision
Forumember

Male Posts : 634
Reputation : 45
Language : English | German | HTML | JavaScript | PHP | C++ | Perl | Java
Location : Vienna, Austria

http://duelacademy.net

Back to top Go down

Solved Re: Span in CSS

Post by EpicDroid on 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

EpicDroid
New Member

Posts : 10
Reputation : 1
Language : English

Back to top Go down

Solved Re: Span in CSS

Post by Ultron's Vision on 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

Ultron's Vision
Forumember

Male Posts : 634
Reputation : 45
Language : English | German | HTML | JavaScript | PHP | C++ | Perl | Java
Location : Vienna, Austria

http://duelacademy.net

Back to top Go down

Solved Re: Span in CSS

Post by EpicDroid on 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 Wink
Yes it did but one more thing, If I want it to put [Admin] before usernames in a certain usergrooup is that possible?

EpicDroid
New Member

Posts : 10
Reputation : 1
Language : English

Back to top Go down

Solved Re: Span in CSS

Post by Ultron's Vision on 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.

Ultron's Vision
Forumember

Male Posts : 634
Reputation : 45
Language : English | German | HTML | JavaScript | PHP | C++ | Perl | Java
Location : Vienna, Austria

http://duelacademy.net

Back to top Go down

Solved Re: Span in CSS

Post by SLGray on May 19th 2013, 9:35 pm

Is this completely solved?


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.


SLGray
Administrator
Administrator

Male Posts : 35661
Reputation : 2375
Language : English
Location : United States

http://fmthemes.forumotion.com/

Back to top Go down

Solved Re: Span in CSS

Post by EpicDroid on May 20th 2013, 2:10 am

@SLGray wrote:Is this completely solved?
Yes.

EpicDroid
New Member

Posts : 10
Reputation : 1
Language : English

Back to top Go down

Solved Re: Span in CSS

Post by SLGray on May 20th 2013, 2:17 am

Topic Solved & Locked


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.


SLGray
Administrator
Administrator

Male Posts : 35661
Reputation : 2375
Language : English
Location : United States

http://fmthemes.forumotion.com/

Back to top Go down

View previous topic View next topic Back to top


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