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.

Change Username Font.

View previous topic View next topic Go down

Solved Change Username Font.

Post by jarn on Tue Jul 29, 2014 9:55 am

Pics:



Anyone know how to create an effect like this?

jarn
Forumember

Posts : 80
Reputation : 1
Language : English

http://cwentertainment.forummotion.com/

Back to top Go down

Solved Re: Change Username Font.

Post by TK2 on Tue Jul 29, 2014 1:32 pm

Add to your CSS:



Code:
@font-face {
  font-family: 'Open Sans Condensed';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Condensed Bold'), local('OpenSans-CondensedBold'), url(http://themes.googleusercontent.com/static/fonts/opensanscondensed/v7/gk5FxslNkTTHtojXrkp-xONSK5BxN3NFS4EJkViHIqo.woff) format('woff');
}

.body {
 font-family: 'Open Sans Condensed';
}
avatar
TK2
New Member

Posts : 1
Reputation : 1
Language : English

http://help.forumotion.com

Back to top Go down

Solved Re: Change Username Font.

Post by jarn on Tue Jul 29, 2014 10:12 pm

Nothing happened.

jarn
Forumember

Posts : 80
Reputation : 1
Language : English

http://cwentertainment.forummotion.com/

Back to top Go down

Solved Re: Change Username Font.

Post by SLGray on Tue Jul 29, 2014 10:31 pm

Add it to the top of your CSS stylesheet.


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

avatar
SLGray
Administrator
Administrator

Male Posts : 40464
Reputation : 2730
Language : English
Location : United States

https://fmthemes.forumotion.com/

Back to top Go down

Solved Re: Change Username Font.

Post by jarn on Tue Jul 29, 2014 10:57 pm

Still the same result, nothing happened.

jarn
Forumember

Posts : 80
Reputation : 1
Language : English

http://cwentertainment.forummotion.com/

Back to top Go down

Solved Re: Change Username Font.

Post by SLGray on Tue Jul 29, 2014 11:13 pm

Code:
@font-face {
  font-family: 'Open Sans Condensed';
  font-style: normal;
  font-weight: 700;
  src:
 local('Open Sans Condensed Bold'), local('OpenSans-CondensedBold'),
url(http://themes.googleusercontent.com/static/fonts/opensanscondensed/v7/gk5FxslNkTTHtojXrkp-xONSK5BxN3NFS4EJkViHIqo.woff)
 format('woff');
}

.body {
 font-family: 'Open Sans Condensed' !important;


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

avatar
SLGray
Administrator
Administrator

Male Posts : 40464
Reputation : 2730
Language : English
Location : United States

https://fmthemes.forumotion.com/

Back to top Go down

Solved Re: Change Username Font.

Post by jarn on Tue Jul 29, 2014 11:18 pm

''Detected error
We have counted a different number of "{" and of "}". It means your CSS risks to be not valid and will not be posted correctly on your forum.

We advise you to reread your code.''

That popped up after I put in the code.

jarn
Forumember

Posts : 80
Reputation : 1
Language : English

http://cwentertainment.forummotion.com/

Back to top Go down

Solved Re: Change Username Font.

Post by Luffy on Wed Jul 30, 2014 3:11 am

Hello,

SLGray forgot to close the last code. Please replace his code with the below:
Code:
@font-face {
  font-family: 'Open Sans Condensed';
  font-style: normal;
  font-weight: 700;
  src:
 local('Open Sans Condensed Bold'), local('OpenSans-CondensedBold'),
url(http://themes.googleusercontent.com/static/fonts/opensanscondensed/v7/gk5FxslNkTTHtojXrkp-xONSK5BxN3NFS4EJkViHIqo.woff)
 format('woff');
}

.body {
 font-family: 'Open Sans Condensed' !important;
}





avatar
Luffy
Manager
Manager

Male Posts : 4825
Reputation : 486
Language : Greek, English
Location : Greece

http://vibes.forumotion.com/

Back to top Go down

Solved Re: Change Username Font.

Post by jarn on Wed Jul 30, 2014 3:56 am

The error is gone, but there is still no change. I think maybe I'm doing something wrong. My CSS stylesheet looks like this.

Code:
    @font-face {
      font-family: 'Open Sans Condensed';
      font-style: normal;
      font-weight: 700;
      src:
    local('Open Sans Condensed Bold'), local('OpenSans-CondensedBold'),
    url(http://themes.googleusercontent.com/static/fonts/opensanscondensed/v7/gk5FxslNkTTHtojXrkp-xONSK5BxN3NFS4EJkViHIqo.woff)
    format('woff');
    }

    .body {
    font-family: 'Open Sans Condensed' !important;
    }

.circular {
   width: 75px;
   height: 75px;
   border-radius: 150px;
   -webkit-border-radius: 150px;
   -moz-border-radius: 150px;
   background: url(http://link-to-your/image.jpg) no-repeat;
   box-shadow: 0 0 8px rgba(0, 0, 0, .8);
   -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .8);
   -moz-box-shadow: 0 0 8px rgba(0, 0, 0, .8);
   }


jarn
Forumember

Posts : 80
Reputation : 1
Language : English

http://cwentertainment.forummotion.com/

Back to top Go down

Solved Re: Change Username Font.

Post by SLGray on Wed Jul 30, 2014 4:05 am

Do you have that font in your font library on your computer?

This is how it should look - https://www.google.com/fonts/specimen/Open+Sans+Condensed .


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

avatar
SLGray
Administrator
Administrator

Male Posts : 40464
Reputation : 2730
Language : English
Location : United States

https://fmthemes.forumotion.com/

Back to top Go down

Solved Re: Change Username Font.

Post by jarn on Wed Jul 30, 2014 4:21 am

Yes, I'm sure I have the font. Is there anything else that could be the problem?

jarn
Forumember

Posts : 80
Reputation : 1
Language : English

http://cwentertainment.forummotion.com/

Back to top Go down

Solved Re: Change Username Font.

Post by SLGray on Wed Jul 30, 2014 4:24 am

Code:
    @font-face {
      font-family: 'Open Sans Condensed';
      font-style: normal;
      font-weight: 700;
    }

    .body {
     font-family: 'Open Sans Condensed' !important;
    }



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

avatar
SLGray
Administrator
Administrator

Male Posts : 40464
Reputation : 2730
Language : English
Location : United States

https://fmthemes.forumotion.com/

Back to top Go down

Solved Re: Change Username Font.

Post by jarn on Wed Jul 30, 2014 4:42 am

Still nothing. Does this mean I don't have the original font installed?

jarn
Forumember

Posts : 80
Reputation : 1
Language : English

http://cwentertainment.forummotion.com/

Back to top Go down

Solved Re: Change Username Font.

Post by SLGray on Wed Jul 30, 2014 1:33 pm

Have you tried adding the font here?

Administration Panel > Display > Colors & Pictures > Colors
The font options are in the first section box.


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

avatar
SLGray
Administrator
Administrator

Male Posts : 40464
Reputation : 2730
Language : English
Location : United States

https://fmthemes.forumotion.com/

Back to top Go down

Solved Re: Change Username Font.

Post by Ange Tuteur on Wed Jul 30, 2014 11:45 pm

Try this :
Code:
@font-face {
  font-family: 'Open Sans Condensed';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Cond Light'), local('OpenSans-CondensedLight'), url(http://themes.googleusercontent.com/static/fonts/opensanscondensed/v7/gk5FxslNkTTHtojXrkp-xF1YPouZEKgzpqZW9wN-3Ek.woff) format('woff');
}

* { font-family:'Open Sans Condensed' }
avatar
Ange Tuteur
Forumaster

Male Posts : 13176
Reputation : 2879
Language : EN10, FR5
Location : Macungie, PA

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Change Username Font.

Post by jarn on Thu Jul 31, 2014 5:39 am

That worked, although it changed the entire font of the forum, not only the usernames. Is there any way for it to work only on usernames and not the whole forum?

jarn
Forumember

Posts : 80
Reputation : 1
Language : English

http://cwentertainment.forummotion.com/

Back to top Go down

Solved Re: Change Username Font.

Post by Japorized on Thu Jul 31, 2014 6:01 am

Just a suggestion but this method will be slightly tedious.
You can add everyone into a certain group and give them all a certain hex color.
With that, add in
Code:
a span[style="color:#000000"] strong {
  /* font-family and other styles go here */
}

The downside to this is that everyone's username will be under the strong font-weight, and you might have to repeat the code for users who already have another color to their usernames.

As I said, this is just a suggestion. Hopefully the someone else can come up with a better idea from this.
avatar
Japorized
Forumember

Male Posts : 310
Reputation : 3
Language : English
Location : Malaysia

http://infinityhub.ace.st

Back to top Go down

Solved Re: Change Username Font.

Post by Ange Tuteur on Thu Jul 31, 2014 6:11 am

Of course Wink

Replace the CSS I gave you by :
Code:
@font-face {
  font-family: 'Open Sans Condensed';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Cond Light'), local('OpenSans-CondensedLight'), url(http://themes.googleusercontent.com/static/fonts/opensanscondensed/v7/gk5FxslNkTTHtojXrkp-xF1YPouZEKgzpqZW9wN-3Ek.woff) format('woff');
}

a[href^="/u"] { font-family:'Open Sans Condensed' }
avatar
Ange Tuteur
Forumaster

Male Posts : 13176
Reputation : 2879
Language : EN10, FR5
Location : Macungie, PA

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Change Username Font.

Post by jarn on Thu Jul 31, 2014 6:26 am

Thanks! Just one more thing though - is there a way to make the letters in capitals like in the original post without having to manually change every name to caps?

jarn
Forumember

Posts : 80
Reputation : 1
Language : English

http://cwentertainment.forummotion.com/

Back to top Go down

Solved Re: Change Username Font.

Post by Japorized on Thu Jul 31, 2014 6:34 am

Code:
a[href^="/u"]::first-letter {
text-transform:capitalize;
}

See if this works
avatar
Japorized
Forumember

Male Posts : 310
Reputation : 3
Language : English
Location : Malaysia

http://infinityhub.ace.st

Back to top Go down

Solved Re: Change Username Font.

Post by jarn on Thu Jul 31, 2014 6:37 am

It didn't work, unfortunately.

jarn
Forumember

Posts : 80
Reputation : 1
Language : English

http://cwentertainment.forummotion.com/

Back to top Go down

Solved Re: Change Username Font.

Post by Japorized on Thu Jul 31, 2014 6:56 am

Hmm... Then try this.
Create a new javascript file and apply it to all pages.
Code:
$(document).ready(function(){
    $('a[href^="/u"]').addClass("capitalize");
});
Then go to your CSS stylesheet
Code:
.capitalize {
text-transform: capitalize;
}
Here's a sample of it working
http://jsfiddle.net/JnY65/
avatar
Japorized
Forumember

Male Posts : 310
Reputation : 3
Language : English
Location : Malaysia

http://infinityhub.ace.st

Back to top Go down

Solved Re: Change Username Font.

Post by jarn on Thu Jul 31, 2014 8:09 am

Nothing happened. But wouldn't your solution only make the first letter capitalized since it says "Test" rather than "TEST"?

jarn
Forumember

Posts : 80
Reputation : 1
Language : English

http://cwentertainment.forummotion.com/

Back to top Go down

Solved Re: Change Username Font.

Post by Japorized on Thu Jul 31, 2014 8:15 am

Oh, ahaha. Sorry. My bad.
Then you won't need all the jQuery.
Just change
Code:
a[href^="/u"] {
  font-family:'Open Sans Condensed';
}
to
Code:
a[href^="/u"] {
  font-family:'Open Sans Condensed';
  text-transform: capitalize;
}
will do.

Hope this helps now. Smile
avatar
Japorized
Forumember

Male Posts : 310
Reputation : 3
Language : English
Location : Malaysia

http://infinityhub.ace.st

Back to top Go down

Solved Re: Change Username Font.

Post by jarn on Thu Jul 31, 2014 8:37 am

I did a quick google search. If I change it from 'capitalize' to 'uppercase', it works. Thanks for the help guys, you can lock this now!

jarn
Forumember

Posts : 80
Reputation : 1
Language : English

http://cwentertainment.forummotion.com/

Back to top Go down

Solved Re: Change Username Font.

Post by Ange Tuteur on Thu Jul 31, 2014 10:20 am

Topic archived

Have a good day. ^^
avatar
Ange Tuteur
Forumaster

Male Posts : 13176
Reputation : 2879
Language : EN10, FR5
Location : Macungie, PA

http://fmdesign.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