The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.

Span in CSS

4 posters

Go down

Solved Span in CSS

Post by EpicDroid 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
avatar
EpicDroid
New Member

Posts : 10
Reputation : 1
Language : English

Back to top Go down

Solved Re: Span in CSS

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

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


Span in CSS Slgray10

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

Male Posts : 51463
Reputation : 3519
Language : English
Location : United States

https://forumsclub.com/gc/128-link-directory/

Back to top Go down

Solved Re: Span in CSS

Post 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
Ange Tuteur
Ange Tuteur
Forumaster

Male Posts : 13246
Reputation : 3000
Language : English & 日本語
Location : Pennsylvania

https://fmdesign.forumotion.com

Back to top Go down

Solved Re: Span in CSS

Post 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:
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
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?
avatar
EpicDroid
New Member

Posts : 10
Reputation : 1
Language : English

Back to top Go down

Solved Re: Span in CSS

Post 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.
Ultron's Vision
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 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
avatar
EpicDroid
New Member

Posts : 10
Reputation : 1
Language : English

Back to top Go down

Solved Re: Span in CSS

Post 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
Ultron's Vision
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 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?
avatar
EpicDroid
New Member

Posts : 10
Reputation : 1
Language : English

Back to top Go down

Solved Re: Span in CSS

Post 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.
Ultron's Vision
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 May 19th 2013, 9:35 pm

Is this completely solved?


Span in CSS Slgray10

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

Male Posts : 51463
Reputation : 3519
Language : English
Location : United States

https://forumsclub.com/gc/128-link-directory/

Back to top Go down

Solved Re: Span in CSS

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

SLGray wrote:Is this completely solved?
Yes.
avatar
EpicDroid
New Member

Posts : 10
Reputation : 1
Language : English

Back to top Go down

Solved Re: Span in CSS

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

Topic Solved & Locked


Span in CSS Slgray10

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

Male Posts : 51463
Reputation : 3519
Language : English
Location : United States

https://forumsclub.com/gc/128-link-directory/

Back to top Go down

Back to top

- Similar topics

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