Latest topics
» [HELP] About Profile Cover Code
by MaHwOs Yesterday at 18:54

» bloquer un membre
by berlingo Fri 17 Nov 2017, 18:19

» IconSkouliki Graphics
by skouliki Fri 17 Nov 2017, 03:54

» [IN PROGRESS] Can this code work on pun version
by skouliki Thu 16 Nov 2017, 03:50

» Auto-suggest @mentions as You Type
by skouliki Wed 15 Nov 2017, 14:56

» [TUTORIAL] [ALL VERSIONS] Warning before posting
by demon99 Wed 15 Nov 2017, 08:12

» About Add Reply & New Topic button (popup form)
by omarpop23 Mon 13 Nov 2017, 20:31

» Hello everyone this is Adam from France
by Adam Mon 13 Nov 2017, 13:32

» Add a login popup for the toolbar
by Ape Sun 12 Nov 2017, 18:41

» Post a message automatically when locking a topic
by ThunderTB Sun 12 Nov 2017, 13:51

» Control pannel issue
by Ange Tuteur Sun 12 Nov 2017, 09:49

» BUG... forum members birthday's
by Ape Sat 11 Nov 2017, 11:44

» Display a Preview of Groups on Hover
by ThunderTB Fri 10 Nov 2017, 21:56

» Search box only visible on hover
by Ange Tuteur Mon 06 Nov 2017, 09:57

» [GAME] Animal Game
by SLGray Sun 05 Nov 2017, 15:04

Recent Tutorials
Who is online?
In total there are 9 users online :: 0 Registered, 0 Hidden and 9 Guests :: 1 Bot

None

[ View the whole list ]


Most users ever online was 172 on Fri 19 Feb 2016, 05:17

tutorial in french language ?

View previous topic View next topic Go down

avatar
jlmic
Member
Title :
Gender : Male
Posts : 15
Points : 320
Reputation : 5
Language : fr-10 Eng-4
Browser : Browser : Brave Forum Version : Forum Version : Forumactif Edge
Awards :
View all awards
View user profile http://tutos-a-migau.forumactif.com/

Postjlmic on Fri 10 Mar 2017, 02:42

hello

i created a tutorial to explain how to have font Awesome icon before the title of forum or(and) category
but it's in french
if i translate it in english i"m afraid that everybody laughs and I am not sure that everyone understands
Do you want it (in french) anyway or not ?

if you want to see it, i posted the tutorial in my friend's forum @Milouze14
i'm not sure i have permission to post a link, so i hide it



have a good day

--------

thanks for your job
see you soon Very Happy
avatar
Ange Tuteur
Administrator
Title :
Coffee Addict
Gender : Male
Age : 22
Posts : 4712
Points : 9586
Reputation : 2341
Location : Macungie, PA
Language : EN10, FR5
Browser : Browser : Brave Forum Version : Forum Version : Forumactif Edge
Awards :
View all awards
View user profile https://github.com/SethClydesdale https://twitter.com/sethc1995

PostAnge Tuteur on Fri 10 Mar 2017, 10:04

Hi,

I like the tutorial, it's a nice tip ! Wink

If you want, I can translate the tutorial for you, OR you can translate it yourself and I'll proofread it for you. I used to translate tutorials from the FdF all the time for our English support forum ( it's how I learned the small amount of French I know Razz ), and help proofread tutorials translated by our pro-admin, so I have no problem with helping. Let me know Thumb right

P.S.
There's no problem with sharing the link to the original tutorial.
avatar
jlmic
Member
Title :
Gender : Male
Posts : 15
Points : 320
Reputation : 5
Language : fr-10 Eng-4
Browser : Browser : Brave Forum Version : Forum Version : Forumactif Edge
Awards :
View all awards
View user profile http://tutos-a-migau.forumactif.com/

Postjlmic on Fri 10 Mar 2017, 12:49

hello

it's too difficult for me to translate the tutorial and you will spend more time correcting it than translating it

if you want to do it yourself, you can Bow 1 and you can also post it here (no problem)

i like to share and it will be the first time that one of my tutorials will be translated into English Huzzah

It is unfortunate that most of my tutorials are in video (of course in french)

have a good day

--------

thanks for your job
see you soon Very Happy
avatar
DDril

Title :
Gender : Unspecified
Posts : 30
Points : 1349
Reputation : 16
Language : French & English
Browser : Browser : Google Chrome Forum Version : Forum Version : Forumactif Edge
Awards :
View all awards
View user profile

PostDDril on Fri 10 Mar 2017, 15:24

If you want, I can help a little with the translation of the tutorial.

Best regard
avatar
jlmic
Member
Title :
Gender : Male
Posts : 15
Points : 320
Reputation : 5
Language : fr-10 Eng-4
Browser : Browser : Brave Forum Version : Forum Version : Forumactif Edge
Awards :
View all awards
View user profile http://tutos-a-migau.forumactif.com/

Postjlmic on Sat 11 Mar 2017, 03:37

hello

i translate it but i need html "on" here to send some html code like this

Code:
<i style="font-size:48px; color:red" class="fa"></i>
i put it "on" in my profile but it doesn't work

so ........... here is my translation

 how to make Awesome icons to each category title or forum

 Awesome what is it?
and although this is
<i style="font-size:48px; color:red" class="fa"></i>
that you can view in several ways
to the size you want


color you want






and you can change the size and color for each icon

here's a preview of what it gives a forum



1) go to this page and you'll find plenty of icons http://fontawesome.io/icons/

by clicking on an icon of your choice a window will open where you will see this kind of code

Code:
<i class="fa fa-free-code-camp" aria-hidden="true"></i>

replace

Code:
aria-hidden="true"

by

Code:
style="font-size:48px;color:yellow"

font-size: 48px replace 48px by the size of your choice (to put before the title of a forum I suggest 24px)

color: yellow replace the yellow color code of your choice

so you need to get this

Code:
<i class="fa fa-free-code-camp" style="font-size:24px;color:green">
the result will



the establishment now

General / Categories and forums
click each category or forum, or you want to add your icon and paste the code previously obtained before the title, taking care to leave two spaces between the code and the title
like this


Code:
 <i class="fa fa-free-code-camp" style="font-size:24px;color:green">  LE titre DE MON FORUM


Remember to register by clicking

here it is over

this trick has been done on the version of EDGE
for other versions may need to be added in the stylesheet this


display / Images and Colors / Colours / Style Sheet


Code:
@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css)


Last edited by jlmic on Tue 14 Mar 2017, 00:02; edited 1 time in total

--------

thanks for your job
see you soon Very Happy
avatar
Ange Tuteur
Administrator
Title :
Coffee Addict
Gender : Male
Age : 22
Posts : 4712
Points : 9586
Reputation : 2341
Location : Macungie, PA
Language : EN10, FR5
Browser : Browser : Brave Forum Version : Forum Version : Forumactif Edge
Awards :
View all awards
View user profile https://github.com/SethClydesdale https://twitter.com/sethc1995

PostAnge Tuteur on Mon 13 Mar 2017, 15:26

@jlmic ah it's looking good so far. Wink

For the icons, you can use bbcode :
Code:
[font=FontAwesome][size=24][color=#ff0000][/color][/size][/font]


You can also select the icons from this option on the editor :
avatar
jlmic
Member
Title :
Gender : Male
Posts : 15
Points : 320
Reputation : 5
Language : fr-10 Eng-4
Browser : Browser : Brave Forum Version : Forum Version : Forumactif Edge
Awards :
View all awards
View user profile http://tutos-a-migau.forumactif.com/

Postjlmic on Mon 13 Mar 2017, 23:53

@Ange Tuteur wrote:
For the icons, you can use bbcode :

hello

I did not think about it lol!

post edited ......................
and about translation ?

--------

thanks for your job
see you soon Very Happy
avatar
Ange Tuteur
Administrator
Title :
Coffee Addict
Gender : Male
Age : 22
Posts : 4712
Points : 9586
Reputation : 2341
Location : Macungie, PA
Language : EN10, FR5
Browser : Browser : Brave Forum Version : Forum Version : Forumactif Edge
Awards :
View all awards
View user profile https://github.com/SethClydesdale https://twitter.com/sethc1995

PostAnge Tuteur on Thu 16 Mar 2017, 11:41

You did pretty well, considering you've not used English in awhile. Wink I made a few corrections which I've listed below. ( In strikes )

@jlmic wrote:How to make add Font Awesome icons to each category title or forum.

What is Font Awesome what is it?
and although this is
<i style="font-size:48px; color:red" class="fa"></i>
that you can view in several ways


You can change this
Code:
<i style="font-size:48px; color:red" class="fa"></i>
to display several icons.

to in the size you want


and color you want



and you can change the size and color for each icon

here's a preview of what it gives you on a forum



1) Go to this page and you'll find plenty of icons http://fontawesome.io/icons/

by clicking on an icon of your choice a window will open where you will see this kind of code

Code:
<i class="fa fa-free-code-camp" aria-hidden="true"></i>

replace

Code:
aria-hidden="true"

by

Code:
style="font-size:48px;color:yellow"

font-size: 48px replace 48px by the size of your choice (to put before the title of a forum I suggest 24px)

color: yellow replace the color yellow with a color color code of your choice

so you need to get this

Code:
<i class="fa fa-free-code-camp" style="font-size:24px;color:green">
the result will look like the icon below



the establishment now Adding the icons to forums

General / Categories and forums
click each category or forum, or you want to add your icon and paste the code previously obtained before the title, taking care to leave two spaces between the code and the title
like this

Code:
 <i class="fa fa-free-code-camp" style="font-size:24px;color:green">  Title of My Forum


Remember to register by clicking click save when you're finished.

here it is over And you're done!

this trick has been done on the version of EDGE
for other versions you may need to be addedadd the code below in the stylesheet this


display / Images and Colors / Colours / Style Sheet


Code:
@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css)

Here's the tutorial with the corrections :
Code:
How to  add Font Awesome icons to each category title or forum.

What is Font Awesome ?

You can change this [table class="inline-code"][tr][td][code]<i style="font-size:48px; color:red" class="fa"></i>[/code][/td][/tr][/table] to display several icons.

[b] in the size you want[/b]
[font=FontAwesome][size=16][color=red][/color][/size][/font]  [font=FontAwesome][size=22][color=red][/color][/size][/font]  [font=FontAwesome][size=24][color=red][/color][/size][/font]

[b]and color you want[/b]
[font=FontAwesome][size=24][color=orange][/color][/size][/font]  [font=FontAwesome][size=24][color=green][/color][/size][/font]  [font=FontAwesome][size=24][color=blue][/color][/size][/font]


[b]and you can change the size and color for each icon

[color=#ff6600]here's a preview of what it gives you on a forum[/color][/b]
[img]https://i58.servimg.com/u/f58/19/28/41/04/awesom10.png[/img]

1) Go to this page and you'll find plenty of icons [url=http://fontawesome.io/icons/]http://fontawesome.io/icons/[/url]

by clicking on an icon of your choice a window will open where you will see this kind of code

[code]<i class="fa fa-free-code-camp" aria-hidden="true"></i>[/code]

replace

[code]aria-hidden="true"[/code]

by

[code]style="font-size:48px;color:yellow"[/code]

[b]font-size: 48px[/b] replace 48px by the size of your choice (to put before the title of a forum I suggest 24px)

[b]color: yellow[/b] replace the color yellow with a color  of your choice

so you  get this

[code]<i class="fa fa-free-code-camp" style="font-size:24px;color:green">[/code]
the result will look like the icon below
[font=FontAwesome][size=24][color=green][/color][/size][/font]


[b][size=20] Adding the icons to forums
[/size][/b]
[color=#cc3333][b]General[/b][/color] / [b][color=#006600]Categories and forums
[/color][/b] click each category or forum, you want to add your icon and paste the code previously obtained before the title, taking care to leave two spaces between the code and the title
like this

[code] <i class="fa fa-free-code-camp" style="font-size:24px;color:green">  Title of My Forum[/code]


Remember to click save when you're finished.

And you're done!

[color=#ff0000][b]this trick has been done on the version of EDGE
for other versions you may need to add the code below in the stylesheet [/b][/color]

[color=#cc3333][b]display[/b][/color] / [color=#006600][b]Images and Colors[/b][/color] / [color=#cc3333][b]Colours[/b][/color] / [color=#006600][b]Style Sheet
[/b][/color]

[code]@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css)[/code]

View previous topic View next topic Back to top

Create an account or log in to leave a reply

You need to be a member in order to leave a reply.

Create an account

Join our community by creating a new account. It's easy!


Create a new account

Log in

Already have an account? No problem, log in here.


Log in

 
Permissions in this forum:
You cannot reply to topics in this forum