Register Members List Search Today's Posts Mark Forums Read

Reply
 
Mod Options
Custom fonts for different usergroups Details »
Custom fonts for different usergroups
Mod Version: 1.00, by leejohn02 (Member) leejohn02 is offline
Developer Last Online: Mar 2014 I like it Show Printable Version Email this Page

vB Version: 4.x.x Rating: (1 vote - 5.00 average) Installs: 5
Released: 18 Mar 2013 Last Update: Never Downloads: 0
Not Supported Template Edits  

This is my first true custom mod, this enables you to have a custom font for a certain usergroup, you can use this for as many usergroups as you like and doesnt require the viewer to have the font installed on there computer, it will kept on the server so will be available for everyone too see, so no more default fonts, hope you enjoy

First off download what font type you would like in ttf format.

Once complete open additional.css and add this at the bottom

@font-face {
font-family: Over;
src: url('Over.ttf');
}

Change the Red text to the name of your ttf file.
Upload your ttf file to the root directory of your file directory/file manager.


Next add the following

.premium {
font-family: Over; /* no .ttf */
}

If you wish to add a color make it like this

.premium {
font-family: Over; /* no .ttf */
color: #FF0000;
}

change the yellow to the color you want, and the red to the name of the TTF file

Once your complete save it and then open up the usergroup you wish to change

In the usergroup html markup add this to the first box

<span class="premium">

Add </span> to the 2nd box

And your all done

Click below for a screen shot



Glitch_guru is the one you are looking at using a custom font, this works in posts also and profiles.

Download Now

Only licensed members can download files, Click Here for more information.

Show Your Support

  • To receive notifications regarding updates -> Click to Mark as Installed.
  • This modification may not be copied, reproduced or published elsewhere without author's permission.
Comments
  #2  
Old 18 Mar 2013, 02:26
leejohn02 leejohn02 is offline
 
Join Date: Apr 2011
no comments why do i bother to share?
Reply With Quote
  #3  
Old 18 Mar 2013, 05:34
Justinphx Justinphx is offline
 
Join Date: Jan 2012
I just tried this but it didn't work.

root directory of your file directory/file manager I placed it in my /forum directory. Is this correct?

Thanks - it looks really nice in your example.
Reply With Quote
  #4  
Old 18 Mar 2013, 17:57
leejohn02 leejohn02 is offline
 
Join Date: Apr 2011
send me ur domain i will have a look for you, try putting it in the main directory, where you see the admin cp folder, not in the actual admin cp folder but in the same directory
Reply With Quote
  #5  
Old 18 Mar 2013, 19:02
Justinphx Justinphx is offline
 
Join Date: Jan 2012
Thanks. I just figured it out. I had to clear the cache. I guess Cloudflare had my template cached. Works nice and thanks for sharing. *****
Reply With Quote
  #6  
Old 16 Jun 2013, 13:48
shakir1401 shakir1401 is offline
 
Join Date: May 2013
where to find the file additional.css
Reply With Quote
  #7  
Old 18 Jun 2013, 12:25
Toorak Times's Avatar
Toorak Times Toorak Times is offline
 
Join Date: Jan 2011
Hi mate, really like this, as a publisher I have to put my hat on and think how I can best use it.
Reply With Quote
  #8  
Old 18 Jun 2013, 12:29
Toorak Times's Avatar
Toorak Times Toorak Times is offline
 
Join Date: Jan 2011
Originally Posted by shakir1401 View Post
where to find the file additional.css
In your cpanel go to Styles and Templates click on your style or the main style and go to Edit Templates look for CSS, click, you'll find it there and it's cool
Reply With Quote
Reply


Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
 
Mod Options

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off


New To Site? Need Help?

All times are GMT. The time now is 14:40.

Layout Options | Width: Wide Color: