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.
The forum of the forums
5 posters

    Username font change

    delicious
    delicious
    Forumember


    Female Posts : 213
    Reputation : 1
    Language : lithuanian

    Solved Username font change

    Post by delicious December 21st 2012, 8:10 pm

    Hello Smile
    I want to make this:
    Username font change 5Y6vb
    "Damon Salvatore" font is Rochester. How make this font?

    and this:
    Username font change Pyfjr
    "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
    delicious
    Forumember


    Female Posts : 213
    Reputation : 1
    Language : lithuanian

    Solved Re: Username font change

    Post by delicious December 23rd 2012, 1:23 am

    anyone? Sad
    delicious
    delicious
    Forumember


    Female Posts : 213
    Reputation : 1
    Language : lithuanian

    Solved Re: Username font change

    Post by delicious December 25th 2012, 10:33 pm

    Please, help me Crying or Very sad
    Kaizer Lee
    Kaizer Lee
    Active Poster


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

    Solved Re: Username font change

    Post by Kaizer Lee December 26th 2012, 4: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.
    nextlevelgaming
    nextlevelgaming
    Forumember


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

    Solved Re: Username font change

    Post by nextlevelgaming December 26th 2012, 4: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;
          }
    delicious
    delicious
    Forumember


    Female Posts : 213
    Reputation : 1
    Language : lithuanian

    Solved Re: Username font change

    Post by delicious December 27th 2012, 1:36 am

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


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

    Solved Re: Username font change

    Post by nextlevelgaming December 27th 2012, 3: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">
    delicious
    delicious
    Forumember


    Female Posts : 213
    Reputation : 1
    Language : lithuanian

    Solved Re: Username font change

    Post by delicious December 27th 2012, 12:44 pm

    Where do put this? in stylesheet? how? Sad
    nextlevelgaming
    nextlevelgaming
    Forumember


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

    Solved Re: Username font change

    Post by nextlevelgaming December 28th 2012, 12:20 am

    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
    delicious
    delicious
    Forumember


    Female Posts : 213
    Reputation : 1
    Language : lithuanian

    Solved Re: Username font change

    Post by delicious December 28th 2012, 7:23 pm

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


    Male Posts : 4255
    Reputation : 471
    Language : English, HTML, CSS
    Location : Loveland, Colorado

    Solved Re: Username font change

    Post by Mike December 28th 2012, 8:29 pm

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


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

    Solved Re: Username font change

    Post by nextlevelgaming December 29th 2012, 12:40 am

    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
    nextlevelgaming
    Forumember


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

    Solved Re: Username font change

    Post by nextlevelgaming January 1st 2013, 2:59 am

    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
    nextlevelgaming
    Forumember


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

    Solved Re: Username font change

    Post by nextlevelgaming January 1st 2013, 11:54 pm

    Yeah that is true, good thinking man lol.
    levy
    levy
    Hyperactive


    Male Posts : 2631
    Reputation : 350
    Language : English, Romanian
    Location : Romania

    Solved Re: Username font change

    Post by levy January 2nd 2013, 12:10 am

    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.
    delicious
    delicious
    Forumember


    Female Posts : 213
    Reputation : 1
    Language : lithuanian

    Solved Re: Username font change

    Post by delicious January 2nd 2013, 1:20 am

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

      Current date/time is September 22nd 2024, 5:31 pm