FM Design
Would you like to react to this message? Create an account in a few clicks or log in to continue.

IMPORTANT

FM Design is in read-only mode, please click here for more information.

Latest topics
» Forumactif Edge - Releases
by Ange Tuteur Tue 03 Sep 2019, 11:49

» GIFActif - Giphy Button for the Editor
by Ange Tuteur Wed 08 May 2019, 17:21

» Forum Closure
by Ange Tuteur Mon 01 Jan 2018, 01:28

» Chit Chat Thread
by Valoish Sun 31 Dec 2017, 19:15

» Font/Text background color.
by Valoish Sun 31 Dec 2017, 19:11

» Forumactif Messenger - Instant Message Application for Forumotion
by Wolfuryo Sun 31 Dec 2017, 18:24

» [GAME] Count to One Million!
by brandon_g Fri 29 Dec 2017, 18:58

» Post Cards
by manikbiradar Wed 20 Dec 2017, 07:50

» [GAME] Countdown from 200,000
by Valoish Wed 13 Dec 2017, 23:22

» GeekPolice Tech Support Forums - GeekPolice.net
by Dr Jay Mon 11 Dec 2017, 19:12

» Asking about some plugin for Forumotion
by Dr Jay Mon 11 Dec 2017, 19:10

» [GAME] What are you thinking right now?
by Van-Helsing Sat 09 Dec 2017, 14:51

» Widget : Similar topics
by ranbac Wed 06 Dec 2017, 18:11

» Change the Background of the Forum and put an image and how to make prefixs?
by Clement Wed 06 Dec 2017, 15:19

» Hello from Western Australia
by SarkZKalie Wed 06 Dec 2017, 05:34

Recent Tutorials
Top posting users this month

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

None

[ View the whole list ]


Most users ever online was 515 on Tue 14 Sep 2021, 15:24

tutorial in french language ?

View previous topic View next topic Go down

jlmic
jlmic
Member
Gender : Male
Posts : 15
Points : 2640
Reputation : 5
Language : fr-10 Eng-4
Browser : Browser : Opera Forum Version : Forum Version : Forumactif Edge
http://www.informaticsclubs.com/

Postjlmic 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
Ange Tuteur
Ange Tuteur
Administrator
Gender : Male
Posts : 4741
Points : 12013
Reputation : 2375
Location : Pennsylvania
Language : EN, JA, FR
Browser : Browser : Brave Forum Version : Forum Version : Forumactif Edge
https://sethclydesdale.github.io/ https://twitter.com/sethc1995

PostAnge Tuteur 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.
jlmic
jlmic
Member
Gender : Male
Posts : 15
Points : 2640
Reputation : 5
Language : fr-10 Eng-4
Browser : Browser : Opera Forum Version : Forum Version : Forumactif Edge
http://www.informaticsclubs.com/

Postjlmic 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
DDril
DDril

Gender : Unspecified
Posts : 30
Points : 3669
Reputation : 16
Language : French & English
Browser : Browser : Google Chrome Forum Version : Forum Version : Forumactif Edge

PostDDril Fri 10 Mar 2017, 15:24

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

Best regard
jlmic
jlmic
Member
Gender : Male
Posts : 15
Points : 2640
Reputation : 5
Language : fr-10 Eng-4
Browser : Browser : Opera Forum Version : Forum Version : Forumactif Edge
http://www.informaticsclubs.com/

Postjlmic 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

tutorial in french language ? Awesom10

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 tutorial in french language ? 961295321

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
Ange Tuteur
Ange Tuteur
Administrator
Gender : Male
Posts : 4741
Points : 12013
Reputation : 2375
Location : Pennsylvania
Language : EN, JA, FR
Browser : Browser : Brave Forum Version : Forum Version : Forumactif Edge
https://sethclydesdale.github.io/ https://twitter.com/sethc1995

PostAnge Tuteur 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 :
tutorial in french language ? Captur17
jlmic
jlmic
Member
Gender : Male
Posts : 15
Points : 2640
Reputation : 5
Language : fr-10 Eng-4
Browser : Browser : Opera Forum Version : Forum Version : Forumactif Edge
http://www.informaticsclubs.com/

Postjlmic 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 ?
Ange Tuteur
Ange Tuteur
Administrator
Gender : Male
Posts : 4741
Points : 12013
Reputation : 2375
Location : Pennsylvania
Language : EN, JA, FR
Browser : Browser : Brave Forum Version : Forum Version : Forumactif Edge
https://sethclydesdale.github.io/ https://twitter.com/sethc1995

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

tutorial in french language ? Awesom10

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 tutorial in french language ? 961295321 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]
Sponsored content

PostSponsored content

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