Latest topics
» IconSkouliki
by skouliki Sun 17 Sep 2017, 11:05

» Awards
by Mr_Grande Sun 17 Sep 2017, 08:52

» Modify Category Tabs lead to a desired position and auto scroll click
by djblah Fri 15 Sep 2017, 14:56

» Display a preview of the user profile on hover
by Eiki Thu 14 Sep 2017, 02:38

» [GAME] Count to 30 - Ange Edition
by SLGray Mon 11 Sep 2017, 14:23

» Rank CSS
by Mr_Grande Fri 08 Sep 2017, 09:24

» make the topic a color
by Ultimas Wed 06 Sep 2017, 19:44

» Chit Chat Thread
by Valoish Sun 03 Sep 2017, 23:20

» The like/thumbs up or down feature
by Dr.kran Sun 03 Sep 2017, 19:21

» My text boxes are glitched, can you help with this type of problem?
by Wolfuryo Sun 03 Sep 2017, 17:08

» User - Made Creations
by SLGray Sun 03 Sep 2017, 16:25

» FM Themes
by SLGray Sun 03 Sep 2017, 16:24

» i need to add css improvement
by Wolfuryo Sat 02 Sep 2017, 12:12

» How do I add hover examine feature?
by Dr.kran Wed 30 Aug 2017, 16:43

» [GAME] World Snake
by SLGray Wed 30 Aug 2017, 14:46

Recent Tutorials
Top posting users this month
Who is online?
In total there are 5 users online :: 0 Registered, 0 Hidden and 5 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 : 259
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 : 21
Posts : 4684
Points : 9727
Reputation : 2331
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 : 259
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 : 1288
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 : 259
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 : 21
Posts : 4684
Points : 9727
Reputation : 2331
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 : 259
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 : 21
Posts : 4684
Points : 9727
Reputation : 2331
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