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.

Username font change

View previous topic View next topic Go down

Solved Username font change

Post by delicious on December 21st 2012, 5:10 pm

Hello Smile
I want to make this:

"Damon Salvatore" font is Rochester. How make this font?

and this:

"Elena Gilbert" font is 'Shadows Into Light Two'. How make this font?
I guess that, was used here http://www.google.com/webfonts and javascript... Sad

delicious
Forumember

Female Posts : 213
Reputation : 1
Language : lithuanian

http://wildchild.forumlt.com/

Back to top Go down

Solved Re: Username font change

Post by delicious on December 22nd 2012, 10:23 pm

anyone? Sad

delicious
Forumember

Female Posts : 213
Reputation : 1
Language : lithuanian

http://wildchild.forumlt.com/

Back to top Go down

Solved Re: Username font change

Post by delicious on December 25th 2012, 7:33 pm

Please, help me Crying or Very sad

delicious
Forumember

Female Posts : 213
Reputation : 1
Language : lithuanian

http://wildchild.forumlt.com/

Back to top Go down

Solved Re: Username font change

Post by Kaizer Lee on December 26th 2012, 1:43 am

Can you please link us to the site? I'm not really sure if that's possible with a forumotion site though.

Anyway, I once read a topic about it, you have to download the font in order for you to see it.

Although, judging from the font on the avatar and the the one below, I think it's in the ACP < Display < Colors where it's set and you by chance, have the font and can see it.

Kaizer Lee
Active Poster

Female Posts : 1064
Reputation : 54
Language : English, Tagalog, Spanish and Chinese
Location : Philippines

http://www.medievalchaos.net/forum

Back to top Go down

Solved Re: Username font change

Post by nextlevelgaming on December 26th 2012, 1:55 am

You can change fonts by doing so

https://developers.google.com/webfonts/

Do I need to download the font in order to use the font on my website or blog?
No. The font is available for download in case you need the font in a local program like Adobe Photoshop. To use the font on your website or blog, you can simply copy the HTML snippet available from the "Use" tab for your collection.

What browsers are supported?
The Google Web Fonts API is compatible with the following browsers:

Google Chrome: version 4.249.4+
Mozilla Firefox: version: 3.5+
Apple Safari: version 3.1+
Opera: version 10.5+
Microsoft Internet Explorer: version 6+

Direct from the site... Let us know how it goes OP

How to integrate this? well

Code:
<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Tangerine">
place this in the body of your website...

make the CSS

Code:
a[href=/u1] {
        font-family: 'Tangerine', serif;
        font-size: 12px;
        color:#ff0000;
      }

nextlevelgaming
Forumember

Male Posts : 989
Reputation : 38
Language : English|CSS|HTML5|javascript|
Location : New York

http://www.easybbtutorials.forumotion.com

Back to top Go down

Solved Re: Username font change

Post by delicious on December 26th 2012, 10:36 pm

and when I add
Code:
a[href=/u1] {
        font-family: 'Tangerine', serif;
        font-size: 12px;
        color:#ff0000;
      }
this code to CSS, what else?

delicious
Forumember

Female Posts : 213
Reputation : 1
Language : lithuanian

http://wildchild.forumlt.com/

Back to top Go down

Solved Re: Username font change

Post by nextlevelgaming on December 27th 2012, 12:03 am

That is all you will need to do basically. Make sure you add the script source for the font.

Code:
<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Tangerine">

nextlevelgaming
Forumember

Male Posts : 989
Reputation : 38
Language : English|CSS|HTML5|javascript|
Location : New York

http://www.easybbtutorials.forumotion.com

Back to top Go down

Solved Re: Username font change

Post by delicious on December 27th 2012, 9:44 am

Where do put this? in stylesheet? how? Sad

delicious
Forumember

Female Posts : 213
Reputation : 1
Language : lithuanian

http://wildchild.forumlt.com/

Back to top Go down

Solved Re: Username font change

Post by nextlevelgaming on December 27th 2012, 9:20 pm

Since you are using phpbb2 go to ACP>DISPLAY>TEMPLATES>GENERAL>OVERALL_HEADER

Place it anywhere in between the <head> CSS LINK REL HERE!</head> tags

For you CSS place that in the CSS style sheet located here

ACP>DISPLAY>COLORS>STYLESHEET

nextlevelgaming
Forumember

Male Posts : 989
Reputation : 38
Language : English|CSS|HTML5|javascript|
Location : New York

http://www.easybbtutorials.forumotion.com

Back to top Go down

Solved Re: Username font change

Post by delicious on December 28th 2012, 4:23 pm

<head><link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Tangerine"></head> - that put in OVERALL_HEADER?

delicious
Forumember

Female Posts : 213
Reputation : 1
Language : lithuanian

http://wildchild.forumlt.com/

Back to top Go down

Solved Re: Username font change

Post by Mike on December 28th 2012, 5:29 pm

you can also put it in your Javascript management and apply to all pages.

Mike
Hyperactive

Male Posts : 4242
Reputation : 466
Language : English, HTML, CSS
Location : Bozeman, Montana

Back to top Go down

Solved Re: Username font change

Post by nextlevelgaming on December 28th 2012, 9:40 pm

Yes you can place this in js management. Though anyways, go to your overall_header...find the first head tag <head> then place the link rel anywhere in there.

nextlevelgaming
Forumember

Male Posts : 989
Reputation : 38
Language : English|CSS|HTML5|javascript|
Location : New York

http://www.easybbtutorials.forumotion.com

Back to top Go down

Solved Re: Username font change

Post by nextlevelgaming on December 31st 2012, 11:59 pm

Yeah everything provided well more than enough Wink Close this rideem if the OP needs additional support they can PM me I don't care or they can PM a moderator to reopen it.

nextlevelgaming
Forumember

Male Posts : 989
Reputation : 38
Language : English|CSS|HTML5|javascript|
Location : New York

http://www.easybbtutorials.forumotion.com

Back to top Go down

Solved Re: Username font change

Post by nextlevelgaming on January 1st 2013, 8:54 pm

Yeah that is true, good thinking man lol.

nextlevelgaming
Forumember

Male Posts : 989
Reputation : 38
Language : English|CSS|HTML5|javascript|
Location : New York

http://www.easybbtutorials.forumotion.com

Back to top Go down

Solved Re: Username font change

Post by levy on January 1st 2013, 9:10 pm

So,lets start
Add in your CSS this codes

Code:
@font-face {
  font-family: 'Shadows Into Light Two';
  font-style: normal;
  font-weight: 400;
  src: local('Shadows Into Light Two'), local('ShadowsIntoLightTwo-Regular'), url(http://themes.googleusercontent.com/static/fonts/shadowsintolighttwo/v1/gDxHeefcXIo-lOuZFCn2xU9H8fLq5zs1M0-u6-ewBcM.woff) format('woff');
}

@font-face {
  font-family: 'Rochester';
  font-style: normal;
  font-weight: 400;
  src: local('Rochester'), local('Rochester-Regular'), url(http://themes.googleusercontent.com/static/fonts/rochester/v3/nE50b4-SbQ54pks-8vOplz8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}

Ok,now your forum and all users know at your forum is atached this two fonts.
Now ,lets make for username,if you use PunBB it will be easy for me.
Go again in CSS and add this code

Code:
.pun .user-ident .username {
display: block;
font-size: 20px;
font-weight: 700;
position: absolute;
text-decoration: none;
top: 0;
font-family: 'Rochester'!important;
}

With this ,first code is done ,change only font-size .


Now lest do for second code.

If you are the first user ,it will be easy

Code:
a[href="/u1"] {
font-family: 'Shadows Into Light Two';
font-size: 15px;
text-decoration: none;
}

Now : First code will make only in topic the font and the second ,anywhere is your name.

Change /u1 with what user you are ( hit his name and you will see ).

If you use other version please post ,i will fix and for others versions.

levy
Hyperactive

Male Posts : 2582
Reputation : 345
Language : Romanian, English
Location : criticize artwork, not people!

http://help.forumotion.com/

Back to top Go down

Solved Re: Username font change

Post by delicious on January 1st 2013, 10:20 pm

oh, so sorry, I forgot to replay that is solved Smile Thanks you RicYiu Smile

delicious
Forumember

Female Posts : 213
Reputation : 1
Language : lithuanian

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