Register Members List Search Today's Posts Mark Forums Read

Reply
 
Mod Options
@font-face & @keyframes Details »
@font-face & @keyframes
Mod Version: 1.0.1, by Elite_360_ (Coder) Elite_360_ is offline
Developer Last Online: Apr 2019 I like it Show Printable Version Email this Page

vB Version: 4.2.0 Rating: (3 votes - 5.00 average) Installs: 16
Released: 07 Dec 2012 Last Update: 12 Dec 2012 Downloads: 48
Not Supported DB Changes Uses Plugins Auto-Template Additional Files  

Mark As Installed = Support
will be compatible with
e360 - Username Html MarkUp 4.x.x Version 1.2.0
and e360 - Username Prefix with Html MarkUp (Clan Tags) 4.x.x Version 1.2.0

For Version Information And Features for Next Version: Go to Post #2

Only Tested on 4.2.0

Description:

Adds 6 New BBcodes For Use and can use custom @font-face and @KeyFrame Effects
Adds an IE LeightBox Warning for IE 6,7,8 and 9 to upgrade browser or get Google Chrome Frame for IE 6,7,8 and 9.
(The LeightBox Warning only shows For IE 6,7,8 and 9 Unless the have Google Chrome Frame for IE)

1.Outline Text Effect, this is achieve by CSS
2.Color Outline Text Effect, this is achieve by CSS
3.Neon Lights Text Effect (also fades in and out), this is achieve by CSS and @font-face
4.Blinking Text Effect, this is achieve by CSS
5.Fire Animation Text Effect, this is achieve by CSS
6.Sparkles Text Effect, this is achieve by images

If you dont like any of the bbcode you can delete them by going to
AdminCP >Custom BB Codes > BB Code Manager
But try them out first before you delete them

Neon Lights Text Effect
you can use for colors red,yellow,green,purple,blue,orange And pink for this effect.
(For option use lowercase letters only!)

Color Outline Text Effect
you can use for colors blue,lime,yellow,red,magenta,cyan,purple,hotpink,navy,green and orange for this effect.
(For option use lowercase letters only!)

Sparkles Text Effect
You can use 1-7 for this effect.

@font-face compatible with all browsers except Opera Mini, and IE6.

@KeyFrame compatible with Firefox,Chrome,Safari,Opera,iOS Safari,Android Browser,Blackberry Browser and IE10 except Opera Mini, IE 6,7,8 and 9, But some will still work with IE 9.

@KeyFrame Can be compatible with all IE browsers, If they Have Google Chrome Frame for IE 6,7,8 and 9.

Adds 20 New Fonts the 20th one use for Neon Lights Text Effect
Digital-7
Transformers Movie
X-Files
Top Secret Bold
Super Mario Bros
Kingthings Christmas2
Army
BatmanForeverAlternate
Blade Runner Movie Font
BLiNG RiNG
Coca Cola ii
Graffogie
Most Wazted
Harry Potterregular
STARWARS
Compacta Black BT
Blood Thirsty
Chinese Take Away
North Side

Installation or Update:

1. BackUp Your DataBase

2. Upload e360mods folder to your forum root

3. Import the product-e360_font_face product file via AdminCP > Plugin System > Manage Products > [Add/Import Product]

4. IF YOU WANT TO USE THEM ON THE CKEDITOR Go to AdminCP > Styles & Templates > Style Manager > Your Style > Toolbar Menu Options > and add to Available Fonts from the new fonts that are in the font text (Text Document)

5. Go to AdminCP > Setting > Options > e360 @font-face Leightbox > and Enable IE LeightBox Warning?

6. If You have dark Style Go to AdminCP > Style Manager > Your Style > Style Variable Editor > e360_FontFace and config Outline Color to white and Outline Font Color to black

7.Now if you have your own server or VPS add this
(This is for people with Google Chrome Frame for IE so it will work on your site)

For Apache, httpd.conf

Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.


For IIS 7.0 and greater, you can set the header in a web.config

Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

if you dont have your own server add this to the top of your headinclude Template

Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.


You Can Read more about Google Chrome Frame Here

8. If you want to add your own custom @font-face's and @KeyFrame's
add the CSS in the template e360_at-ff-kf-additional.css and your custom fonts to the folder root /e360mods/@font_face/custom_fonts (Folder custom_fonts)
for custom font make sure you have all 4 font files (eot,woff,ttf,svg)

This is a good place for font generator (Here) if you have a font file it will generator the css and the other 3 font files for you. You just have to edit the css a little bit

Example:

Here's want in the CSS file fontsquirrel generates (Make Perfect CSS)
(NOTE THIS IS AN EXAMPLE)

Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.


now add this e360mods/@font_face/custom_fonts/ to your this css and make it looks like this
(NOTE THIS IS AN EXAMPLE)

Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

and add the CSS code above to the e360_at-ff-kf-additional.css template
(NOTE THIS IS AN EXAMPLE)

and just upload all 4 font files (eot,woff,ttf,svg) to your forum root /e360mods/@font_face/custom_fonts (Folder custom_fonts)
IF YOU WANT TO USE THEM ON THE CKEDITOR add the font name Compacta Black BT to AdminCP > Styles & Templates > Style Manager > Your Style > Toolbar Menu Options > and add to Available Fonts
(NOTE THIS IS AN EXAMPLE)

Download Now

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

Screenshots

Click image for larger version

Name:	font-face0.jpg
Views:	148
Size:	49.4 KB
ID:	142855   Click image for larger version

Name:	font-face1.jpg
Views:	149
Size:	153.4 KB
ID:	142856   Click image for larger version

Name:	font-face3.jpg
Views:	81
Size:	44.6 KB
ID:	142857   Click image for larger version

Name:	font-face2.jpg
Views:	120
Size:	26.6 KB
ID:	142858  

Click image for larger version

Name:	font-face4.jpg
Views:	90
Size:	2.3 KB
ID:	142859   Click image for larger version

Name:	font-face5.jpg
Views:	93
Size:	22.3 KB
ID:	142860   Click image for larger version

Name:	font-face6.jpg
Views:	114
Size:	92.8 KB
ID:	142861  

Show Your Support

  • To receive notifications regarding updates -> Click to Mark as Installed.
  • If you like this modification support the author by donating.
  • This modification may not be copied, reproduced or published elsewhere without author's permission.
Comments
  #2  
Old 07 Dec 2012, 03:15
Elite_360_'s Avatar
Elite_360_ Elite_360_ is offline
 
Join Date: Nov 2012
Version Information:

v1.0 - Dec 6 2012
-First version
v1.0.1
-Fix bug: bbcode was not installing

Last edited by Elite_360_; 12 Dec 2012 at 16:53.
Reply With Quote
  #3  
Old 10 Dec 2012, 14:46
Toorak Times's Avatar
Toorak Times Toorak Times is offline
 
Join Date: Jan 2011
WOW...we have just figured out how to upload 4 fonts to our WYSIWIG and I see this. Thank you mate, 11 am tomorrow when my developer gets here I'm pointing him straight to it and see what he thinks. can we upload other fons through this mod of our own choice?

Cheers
Reply With Quote
  #4  
Old 10 Dec 2012, 14:49
Silverrain Silverrain is offline
 
Join Date: Apr 2012
Excuse me but where is this?

4. IF YOU WANT TO USE THEM ON THE CKEDITOR Go to AdminCP > Style Manager > Your Style > Toolbar Menu Options > and add the new fonts that are in the font text (Text Document)

I cant find Toolbar Menu Options in VB 4.2.0 ... and i have german version too. Can you help me with that?
Reply With Quote
  #5  
Old 10 Dec 2012, 15:45
Elite_360_'s Avatar
Elite_360_ Elite_360_ is offline
 
Join Date: Nov 2012
Originally Posted by Toorak Times View Post
WOW...we have just figured out how to upload 4 fonts to our WYSIWIG and I see this. Thank you mate, 11 am tomorrow when my developer gets here I'm pointing him straight to it and see what he thinks. can we upload other fonts through this mod of our own choice?

Cheers
you can add as many fonts as you want as long as you upload the 4 font files for that font (eot,woff,ttf,svg) so it can work with all the different browser out there
you dont really even need this mod to upload new fonts you could just add the CSS to additional.css and it wil work just as the same you would need your CSS to point to the font file
Originally Posted by Silverrain View Post
Excuse me but where is this?

4. IF YOU WANT TO USE THEM ON THE CKEDITOR Go to AdminCP > Style Manager > Your Style > Toolbar Menu Options > and add the new fonts that are in the font text (Text Document)

I cant find Toolbar Menu Options in VB 4.2.0 ... and i have german version too. Can you help me with that?
Admincp > Styles & Templates > Style Manager > Your Style > Toolbar Menü Optionen (Wird in dem Dropdown BE) > um verfügbare Fonts hinzuzufügen

Last edited by Elite_360_; 10 Dec 2012 at 16:02.
Reply With Quote
  #6  
Old 10 Dec 2012, 18:32
Silverrain Silverrain is offline
 
Join Date: Apr 2012
http://s1.directupload.net/images/121210/qhjqi6qk.png



Wo finde ich es?

please help me
Reply With Quote
  #7  
Old 10 Dec 2012, 19:05
Elite_360_'s Avatar
Elite_360_ Elite_360_ is offline
 
Join Date: Nov 2012
Originally Posted by Silverrain View Post
bbcode schaltfläche einstellungen
Attached Images
File Type: jpg fontsetting.jpg (66.7 KB, 16 views)
Reply With Quote
  #8  
Old 11 Dec 2012, 17:23
Silverrain Silverrain is offline
 
Join Date: Apr 2012
Vielen Dank! Dieser Schritt hat geklappt. Ich werd allerdings durch deine Erklärung nicht schlau. Ich habe es installiert und die Schriften sind alle sichtbar. Allerdings werden sie nicht Fehlerfrei dargestellt. Wenn ich unter Custom BB-Code reinschaue, sehe ich dort leider nix.. und auch die neuen Knöpfe im CKeditor kann ich nicht sehen.
Reply With Quote
  #9  
Old 11 Dec 2012, 18:13
Elite_360_'s Avatar
Elite_360_ Elite_360_ is offline
 
Join Date: Nov 2012
Originally Posted by Silverrain View Post
Vielen Dank! Dieser Schritt hat geklappt. Ich werd allerdings durch deine Erklärung nicht schlau. Ich habe es installiert und die Schriften sind alle sichtbar. Allerdings werden sie nicht Fehlerfrei dargestellt. Wenn ich unter Custom BB-Code reinschaue, sehe ich dort leider nix.. und auch die neuen Knöpfe im CKeditor kann ich nicht sehen.
i dont speech germen but i used google translate to read this can you show a screenshot?
Reply With Quote
  #10  
Old 12 Dec 2012, 15:16
Silverrain Silverrain is offline
 
Join Date: Apr 2012
The fonts are all visible now thank you!. However, the Custom-BB-Code-Button in CKeditor will not show up. ... I cant see this on my Forum from your pictures.

BBcode:

http://s1.directupload.net/images/121212/kqm6pofk.png

CKeditor:

http://s1.directupload.net/images/121212/cqhcgsiz.png
Reply With Quote
  #11  
Old 12 Dec 2012, 15:24
Silverrain Silverrain is offline
 
Join Date: Apr 2012
Adds 6 New BBcodes For Use and can use custom @font-face and @KeyFrame Effects
Adds an IE LeightBox Warning for IE 6,7,8 and 9 to upgrade browser or get Google Chrome Frame for IE 6,7,8 and 9.
(The LeightBox Warning only shows For IE 6,7,8 and 9 Unless the have Google Chrome Frame for IE)


I have installed it. But there are no Custom-BB-Codes
Reply With Quote
  #12  
Old 12 Dec 2012, 15:44
Elite_360_'s Avatar
Elite_360_ Elite_360_ is offline
 
Join Date: Nov 2012
Originally Posted by Silverrain View Post
Adds 6 New BBcodes For Use and can use custom @font-face and @KeyFrame Effects
Adds an IE LeightBox Warning for IE 6,7,8 and 9 to upgrade browser or get Google Chrome Frame for IE 6,7,8 and 9.
(The LeightBox Warning only shows For IE 6,7,8 and 9 Unless the have Google Chrome Frame for IE)


I have installed it. But there are no Custom-BB-Codes
try to uninstall product-e360_font_face.xml then reinstall product-e360_font_face.xml

if that dont work do you have bbcode table in your database or is you database written in German?
Reply With Quote
  #13  
Old 12 Dec 2012, 16:00
Silverrain Silverrain is offline
 
Join Date: Apr 2012
Hi there ! . I have tried to reinstall your product. But it dousn`t work

My Version of Vbulletin was in English. But i have used a German Language pack to translate all in German. I dont know if the Database is translated too, or just some Phrases. But i have many other Addons, and they are working too, so i dont know if thats the cause

I dont know what is going on

In my other post above, i have posted some pictures.
Reply With Quote
  #14  
Old 12 Dec 2012, 16:05
Elite_360_'s Avatar
Elite_360_ Elite_360_ is offline
 
Join Date: Nov 2012
Originally Posted by Silverrain View Post
Hi there ! . I have tried to reinstall your product. But it dousn`t work

My Version of Vbulletin was in English. But i have used a German Language pack to translate all in German. I dont know if the Database is translated too, or just some Phrases. But i have many other Addons, and they are working too, so i dont know if thats the cause

I dont know what is going on

In my other post above, i have posted some pictures.
try to uninstall first product-e360_font_face.xml then reinstall product-e360_font_face.xml
Reply With Quote
  #15  
Old 12 Dec 2012, 16:10
Silverrain Silverrain is offline
 
Join Date: Apr 2012
i have done this step , but nothing change
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 20:51.

Layout Options | Width: Wide Color: