tutorial in french language ?

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

Hi,

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

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 ), and help proofread tutorials translated by our pro-admin, so I have no problem with helping. Let me know

P.S.
There's no problem with sharing the link to the original tutorial.

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

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

have a good day

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

Best regard

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)

@jlmic ah it's looking good so far.

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 :

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

hello

I did not think about it

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

You did pretty well, considering you've not used English in awhile. 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]