La date/heure actuelle est Dim 2 Oct 2022 - 1:17

32 résultats trouvés pour ff0000

Couleur titres widgets (un post de plus..)

Rien à faire...

Voici les 4 possibilités trouvées sur le forum, toutes testées l'une après l'autre, en tête de CSS, mais sans changement:

.h3, h3 {
color:#ff0000;}
---------------------------------
.module{background-image:url(https://www.zupimages.net/up/16/52/1q1q.png) !important ;
background-repeat:no-repeat ;}
---------------------------------------
/*couleur des titres des widgets*/
#left div.h3 {
color: #FF0000;
}
-------------------------------------------
.module .maintitle h3 {

float: none;

font-size: 1em;

color: #19233C;
}
-------------------------------------

Ou alors je me trompe quelque part ????
par chevy76
le Lun 23 Mai 2022 - 9:07
 
Rechercher dans: Archives des problèmes avec l'apparence du forum
Sujet: Couleur titres widgets (un post de plus..)
Réponses: 14
Vues: 611

Demande de boutons pour la barre de menu

Informations générales
Nature de la création : Barre de navigation
Lien du forum Forumactif : [Vous devez être inscrit et connecté pour voir ce lien]
Taille de la création (en pixels) : 100x25
Couleur de fond : [Vous devez être inscrit et connecté pour voir ce lien]





Textes
Texte à insérer : Boutons de la barre de menu
Police à utiliser : Maulida
Couleur de la police : [Vous devez être inscrit et connecté pour voir ce lien]



Images


    [url=
  • [Vous devez être inscrit et connecté pour voir ce lien][Vous devez être [Vous devez être inscrit et connecté pour voir ce lien] et [Vous devez être inscrit et connecté pour voir ce lien] pour voir cette image][/url]
    Visualiser:





Précisions
Bonjour,

Je cherche des boutons pour la barre de navigation :
Accueil
Portail
Publications
Evènements
Galerie
Calendrier
FAQ
Rechercher
Membres
Groupes
Profil
MP
New MP  (avec un changement de couleur de type clignotement si c'est possible)
S'enregistrer
Connexion
Déconnexion

Je ne sais pas si ma demande est bien formulée, si ce n'est pas le cas, je vous prie de bien vouloir m'en excuser.
Je cherche quelque chose de sobre, pas ostentatoire. Le fond de notre forum est rouge, donc je pensais à une écriture noire sur fond rouge.

Merci d'avance
par polar bear
le Jeu 2 Avr 2020 - 20:01
 
Rechercher dans: Demandes terminées
Sujet: Demande de boutons pour la barre de menu
Réponses: 9
Vues: 3454

Installation du SCSS/SASS dans notre stylesheet.

Bonsoir Neptunia,

Le lien que j'ai donné plus haut, donne clairement les exemples de ce que le scss peut permettre de faire et nous l'avons expliqués aussi à plusieurs reprises. Le SASS nous permet de faire beaucoup plus de choses concrètes que le CSS.

Pour expliquer ce que raconte le site, donc, sait-on jamais qu'on ne lise pas anglais ^^

Variable : en effet, en css, on peut le faire avec une base :root, je parlerai donc ici surtout de la manière SCSS pour expliquer les utilités entières (ou essayer Wink).

Les variables sur le SCSS nous permettraient donc de créer une base de code et de l'écrire une seule fois. Exemple :

$backgroundisred:#ff0000;

Je répéterai donc donc mon background souhaité background:$backgroundisred.

A chaque mise à jour de notre site, au lieu de revenir sur nos 50 (pour grossir le trait mais l'idée y est) background de notre stylesheet, nous changerons juste $backgroundisred:#000; et le background changerait donc automatiquement partout sans avoir à nous retaper les 50 lignes. Evidemment si ce n'est que pour changer un background, ce n'est pas bien grave. Maintenant, imaginez une fiche de style où vous personnalisez chaque chose sur votre forum. Vous n'auriez qu'à modifier vos variables plutôt que revérifier vos milliers de ligne de CSS. La variable ne nous permettrait pas de modifier qu'un simple background mais on peut créer un corps entier qu'on éviterait de répéter un chaque fois. Je pense aux rôlistes notamment avec leur nombreuses fiches, que ce soit des fiches d'inscription, d'écriture, de lien et j'en passe, pour personnaliser le forum et garder la même idée de style partout, ce serait un gain de temps mais aussi de ligne.

Mais soit, on va dire que ça, :root nous permet de le faire.

Donc je vais passer au nesting.

Admettons que vous souhaitiez modifier, une fiche et une boîte de fiche, qu'on nommerait ficheForum.

Au lieu de bêtement taper :
Code:
ficheForum p{code}
ficheForum a{code}
ficheForum:hover{code}


(Et c'est évidemment un exemple ultra simple, mais faut voir plus loin avec Wink) nous n'aurions qu'à taper :
Code:
ficheForum {
p {code}
a {code}
:hover{code}
}


Là encore, c'est un exemple simple, mais je vous laisse imaginer s'il y avait plus de choses à traiter, la répétition. En se rappelant surtout que nous avons un nombre de caractères limités. Et bien avec cette méthode, je nous épargne déjà au moins 20 caractères. Ca paraît rien ? Je vous assure que si on s'épargne 20 caractères par-ci, 50 par là etc, on se fait une place monstrueuse dans notre fiche de style et dans un autre sens, on s'épargne aussi du temps de chargement.

Parce que, oui, disons le. Quand vous importez d'ailleurs votre fiche de style parce que vous faites une fiche html et une fiche css, faut l'appeler, la fiche css.

Le site nous parle ensuite de Partials et Modules. Je doute que nous puissions, malheureusement, l'utiliser sur forumactif, car cela s'applique surtout à des codes pouvant être importés d'un fichier, sauf que ForumActif n'autorise pas la création de multiples fiches css mais d'une seule et unique où nous étouffons tout, donc soit (dommage d'ailleurs qu'on puisse avec le JS et le HTML mais pas le CSS mais c'est un problème qui a déjà été soulevé). En gros, avec cette méthode, nous n'aurions qu'à créer des "fiches" css que nous aurions appelés (ou pas) ou importés (ou pas) dans les autres fiches souhaitées plutôt qu'appeler toute une fiche css à chaque chargement de page alors que c'est pas forcément nécessaire. Bah, oui, je m'en fous d'appeler le design de mon "Qui Est En Ligne" quand je suis dans un sujet, la répartition des scss évitait ça - mais oui, concrètement, sur ForumActif, ça ne nous serait pas forcément utile à l'heure actuelle, avec le système actuel.

Si ce n'était toujours pas clair, j'aurais pu crée deux fiches scss :
- base où je mets mon style comme mes couleurs par exemple
- qeel, j'ai besoin d'utiliser des couleurs de base, j'ai juste à écrire @use 'base' dans mon fichier "qeel" et ça m'appelle mes couleurs et mes variables installées dans base.

Mais oui, ça, c'était + pour l'information, mais j'ai bien conscience que cet aspect pourtant très utile du SASS, ne pourrait pas être concrétisé à l'heure actuelle.

Pour les Mixins désormais... Enorme gain de temps aussi lorsque c'est utilisé correctement, plus ou moins semblable aux variables et, je pense, non utilisable avec le CSS qu'on connaît.

Tag ff0000 sur Forum gratuit : Le forum des forums actifs 26QVV4P

Leur exemple est parfait donc je le réutilise, tant qu'à faire. Laughing

Alors si sur le screen cela paraît plus long en SCSS... Il faut toujours garder à l'esprit qu'une variable et un mixin ont pour but d'être réutilisable et d'éviter sur le long terme les répétitions et on y gagne énormément en place.

Operators, pour ceux qui veulent tenter la responsivité (qui est une norme dans le monde du développement), vous savez qu'on code de + en + en %. Je vois souvent mes amis et collègues se casser la tête à sortir leur calculatrice pour savoir quelle taille devrait faire telle boîte et j'en passe. L'Operator permet de réaliser des calculs directement dans votre fiche de style. Ca permet aussi à ceux qui sont habitués à coder en px et qui tiennent à rester en px à le faire et juste adapter un % dans leur fiche de style, comme l'indique le site ;

Tag ff0000 sur Forum gratuit : Le forum des forums actifs D5DTMyM

Concrètement, ces derniers exemples hors des variables, nous ne pouvons pas les faire avec la fiche CSS et je pointe juste que le :root est très peu connu du publique.

Pour faire simple, le but du SCSS/SASS (mais je dis SASS mais comme dis avec Nyxbanana, on peut parler d'autres préprocesseurs, je ne fais mention de SASS que parce que c'est le prépro le plus connu/utilisé depuis quelque années), c'est de nous faire gagner du temps et de la place, nous faire donc gagner en fluidité. Etant développeuse web, on a plus ou moins un dicton qui dit que nous sommes des feignants et que nous chercherons toujours à coder le moins possible et donc trouver des raccourcis à chaque fois. C'est exactement ce que fait le SCSS ; ça nous fait gagner du temps, de la place et l'entretien est bien plus rapide puisqu'il nous permet de ne changer que quelque petites choses pour réussir à changer tout un forum. Je ne pense pas beaucoup me tromper en disant que les gens iraient bien plus dans leur fiche de style du forum si celles-ci étaient plus simples et moins répétitives. Evidemment la façon dont on s'en sert en entreprise ne pourra pas être 100% applicable puisque nous nous servons aussi de l'avantage des Modules qui nous permet de créer plusieurs fiches ; pour nos variables, pour ci et ça et pour les réutiliser ensuite, exemple ; nous avons les variables, les commandes primordiales de scss puis ensuite nos autres fichiers scss sont pour gérer nos pages html, js, php, qu'importe, nous allons créer une boîte ? on aura le fichier de la boîte et son fichier scss. Ca épure, on s'y retrouve mieux. Mais évidemment dans notre système actuel, tout serait dans la feuille de style et même là, on s'y retrouverait déjà tous beaucoup mieux qu'actuellement.

Pour faire simple :
- Utiliser des variables.
- Imbriquer nos codes.
- Nous éviter de répéter des codes et donc prendre de la place, rendre plus difficile l'entretien de notre code et nous sucrer un nombre incroyable de caractères.
- Qui dit moins de caractère, dit feuille de style allégée, dis temps de chargement moins long puisqu'il y a moins de choses à traiter
- On pourrait gagner encore plus en fluidité en ayant des fiches de style comme nous avons des feuilles html et JavaScript puisqu'au lieu d'appeler toute notre feuille de style même pour des lieux où on en a pas besoin, seuls les fichiers concernés seraient appelés. Mais comme dis, ça, ce n'est pas le plus important, c'est plus "dans l'idéal de l'utilisation du scss" sans pour autant être quelque chose d'impératif pour l'utilisation du SCSS, j'ai surtout eu cette idée d'application grâce aux suggestions déjà postées. Et il va de soi que je prends en compte l'appel entre le css et les templates qui ne serait pas applicable de la même façon, d'où mon "dans l'idéal" et non "il faudrait aussi axer sur cette possibilité".

En espérant que ce soit clarifié Smile sinon il me semble que le site Sass est trouvable aussi en français, au cas où ! Je n'ai pas vérifié si les explications françaises étaient aussi claires qu'en anglais.
par IvyDTyler
le Mar 17 Mar 2020 - 19:56
 
Rechercher dans: Suggestions refusées
Sujet: Installation du SCSS/SASS dans notre stylesheet.
Réponses: 23
Vues: 2879

couleurs des liens dans le widget " derniers sujets "

Bonjour à tous...

J'ai trouvé ce code :

 td#comments_scroll_div a {
   color: #ff0000;
   font-weight: bold;
   }

pour modifier la couleur des liens dans le widget " Derniers sujets " mais ce code fonctionne seulement si oui est coché dans :

Tag ff0000 sur Forum gratuit : Le forum des forums actifs Captur54

il ne fonctionne pas si " non " est choisi... Vous avez une idée pour changer cela?
par 1bernard1
le Lun 14 Oct 2019 - 5:43
 
Rechercher dans: Archives des problèmes avec l'apparence du forum
Sujet: couleurs des liens dans le widget " derniers sujets "
Réponses: 3
Vues: 549

Barre d'avertissement (BANNIS DÉFINITIVEMENT)

Informations générales
Nature de la création : Icones
Lien du forum Forumactif : https://www.aquariophiliefacile.com
Taille de la création (en pixels) : 143×21
Couleur de fond : {#}FF0000{/#}



Textes
Texte à insérer : BANNIS DÉFINITIVEMENT
Police à utiliser : Non fourni(e)
Couleur de la police : {#}FFFFFF{/#}



Images

    Non fourni(e)


Précisions
Bonjour , j'aimerais avoir une barre d'avertissement pour mon forum forumactif , j'aimerais que elle soit le plus moderne possible svp Smile

Merci bien à vous Smile
par Invité
le Mar 8 Jan 2019 - 17:31
 
Rechercher dans: Corbeille & Titres non explicites
Sujet: Barre d'avertissement (BANNIS DÉFINITIVEMENT)
Réponses: 1
Vues: 805

demande d'icones de message

Informations générales
Nature de la création : Icones
Lien du forum Forumactif : [Vous devez être inscrit et connecté pour voir ce lien]
Taille de la création (en pixels) : 55x20
Couleur de fond : Non fourni(e)


Textes
Texte à insérer : questions , présentation , en cours , résolu, tuto , doc ,important
Police à utiliser : au choix
Couleur de la police : au choix


Images


    Non fourni(e)


Précisions
bonjour
j'aurais besoin de vos services pour me créer des icones de message

QUESTION  [Vous devez être inscrit et connecté pour voir ce lien]
 
PRESENTATION  ( ou PREZ ) [Vous devez être inscrit et connecté pour voir ce lien]
 
EN COURS  [Vous devez être inscrit et connecté pour voir ce lien]
 
RESOLU [Vous devez être inscrit et connecté pour voir ce lien]

TUTO  [Vous devez être inscrit et connecté pour voir ce lien]

DOC  [Vous devez être inscrit et connecté pour voir ce lien]
 
IMPORTANT  [Vous devez être inscrit et connecté pour voir ce lien]

merci pour votre aide
par fred9545
le Jeu 3 Jan 2019 - 21:52
 
Rechercher dans: Demandes terminées
Sujet: demande d'icones de message
Réponses: 2
Vues: 1431

Problème pour modifier la couleur de l'arrière plan du profil.

Bonjour OVANOVIC, pour changer la couleur des intitulés, dans votre PA>Utilisateurs & Groupes>Utilisateurs>Profils>Champs du profil>Éditez chaque champ et réglez la couleur que vous souhaitez, cela modifiera aussi la couleur dans les profils de message. Pour modifier la couleur de police d'écriture de ce qui est écrit, il faudra ajouter un code CSS :

Code:
.inner,#cp-main h1,.inner label,.inner label a{color:#ff0000 ;}
J'ai mis rouge #ff0000, vous pouvez mettre ce que vous souhaitez.

Pour retirer les séparations, encore un code CSS :

Code:
.panel .separator{display:none;}


Pour l'intérieur du cadre que vous demandez, ce sera en plusieurs parties :

Code:
#profile-advanced-details,#cp-main .panel,#profile-advanced-right,#profile-advanced-right .module{background-color:#000;}

J'ai mis le fond noir #000, vous pouvez changer, la partie #profile-advanced-details,#cp-main .panel correspond à la partie à gauche et la partie #profile-advanced-right,#profile-advanced-right .module correspond à la parie droite ou il y a l'avatar.

Bien à vous.
par ◦Jay◦
le Mer 3 Jan 2018 - 8:49
 
Rechercher dans: Archives des problèmes avec l'apparence du forum
Sujet: Problème pour modifier la couleur de l'arrière plan du profil.
Réponses: 6
Vues: 1264

[ModernBB] Fond du message sur la page d'acceuil

Bonjour Feyy, pour rendre le fond de votre annonce transparent :

Code:
.panel.introduction{background-color:transparent;
box-shadow:none;}


Pour changer la couleur de la ligne :

Code:
.panel.introduction .h3{border-color:#ff0000;}


J'ai mis rouge(#ff0000), vous mettrez ce que vous souhaitez.

Si vous souhaitez supprimer cette ligne :

Code:
.panel.introduction .h3{border:none;}


Bien à vous.
par ◦Jay◦
le Ven 27 Oct 2017 - 6:49
 
Rechercher dans: Archives des problèmes avec l'apparence du forum
Sujet: [ModernBB] Fond du message sur la page d'acceuil
Réponses: 2
Vues: 698

[ModernBB] Déplacer la barre de navigation et la rendre figée en dessous du logo du forum

De rien, pour changer la couleur au survol de la souris :

Code:
.navbar a:hover {
    background-color: #FF0000;
    color: #000;
}


background-color: #FF0000; = couleur du fond
color: #000; = couleur de la police d'écriture

Bien à vous.
par ◦Jay◦
le Dim 15 Oct 2017 - 15:22
 
Rechercher dans: Archives des problèmes avec l'apparence du forum
Sujet: [ModernBB] Déplacer la barre de navigation et la rendre figée en dessous du logo du forum
Réponses: 6
Vues: 1544

ModernBB: Impossible de modifier certaines couleurs + fond rubriques

Bonjour Ejayremy, par CSS, les titres des forums :

Le lien normal :

Code:
a.forumtitle:link {
    color: #ff0000;}


Le lien une fois visité :

Code:
a.forumtitle:visited {
    color: #ff0000;
}


Le lien au passage de la souris :

Code:
a.forumtitle:hover {
    color: #ff0000;
}


Pour la partie en bleu une fois déployée :

Code:
.forabg.hidden {
    background-color:#ff0000;
}


J'ai mis rouge #ff0000 partout, vous mettrez ce que vous souhaitez. Wink


Bien à vous.
par ◦Jay◦
le Dim 8 Oct 2017 - 8:15
 
Rechercher dans: Archives des problèmes avec l'apparence du forum
Sujet: ModernBB: Impossible de modifier certaines couleurs + fond rubriques
Réponses: 2
Vues: 610

Commande Rang type MMO

En bref...

Nature de la création : Rang
Taille de la création (en pixels) : 160x50 (Environ)
Couleur de fond : [Vous devez être inscrit et connecté pour voir ce lien]

Image(s)

Lien(s) image(s) :

[Vous devez être inscrit et connecté pour voir ce lien]
Visualiser:


[Vous devez être inscrit et connecté pour voir ce lien]
Visualiser:


Texte

Texte à insérer : Maître de Guilde
Police à utiliser : Au choix !
Couleur police : Noir ou autres ?

En détails...

Lien de mon forum Forumactif : [Vous devez être inscrit et connecté pour voir ce lien]
Commentaire(s) supplémentaire(s) : Bonjour, Bonsoirs

J'aimerais avoir des rangs pour l'équipe du forum.
J'ai insérée un image qui pourrais vous servir d'inspiration
En résumée je demande un Rang Maître de Guilde qui est en accord avec le nouveau MMO Albion
Si possible, faire six variantes avec :

Bras Droit - [Vous devez être inscrit et connecté pour voir ce lien]
Grand Argentier - [Vous devez être inscrit et connecté pour voir ce lien]
Maître de Guerre - [Vous devez être inscrit et connecté pour voir ce lien]
Officier - [Vous devez être inscrit et connecté pour voir ce lien]
Garde#F01DF0
Membre - [Vous devez être inscrit et connecté pour voir ce lien]

Merci d'avance pour votre aide.
Cordialement,
Cédrick.


Votre commande a été vérifiée par un [Vous devez être inscrit et connecté pour voir ce lien] et est conforme au règlement. Elle peut dès à présent recevoir des propositions.

Merci de ne pas modifier votre commande après l'insertion de ce message, et de bien vouloir être patient. N'hésitez pas à remonter votre commande (UP) une fois par tranche de 24h.
par Cedrick Massie-Lajoie
le Lun 24 Juil 2017 - 0:38
 
Rechercher dans: Demandes terminées
Sujet: Commande Rang type MMO
Réponses: 2
Vues: 1019

Modifier codage pour "CODE"

Bonjour Orwèn, vous souhaitez ajouter un fond de couleur ou une image ? Pour un fond de couleur, essayez comme ceci :

Code:
.code div.cont_code{background-color:#ff0000;
border:2px solid #000;
border-radius:10px;
padding:10px;}


J'ai mis un fond rouge(background-color:#ff0000) et une bordure de 2px noire(border:2px solid #000), mettez ce qui vous convient le mieux.

Bien à vous.
par ◦Jay◦
le Mer 3 Mai 2017 - 14:56
 
Rechercher dans: Archives des problèmes avec l'apparence du forum
Sujet: Modifier codage pour "CODE"
Réponses: 5
Vues: 666

Redimensionnement automatique des images (non-souhaité)

Détails techniques


Version du forum : phpBB3
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Google Chrome
Capture d'écran du problème :
Voir l'image:

Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : hiver 2017
Lien du forum : http://entreelles.org

Description du problème

Bonjour,

je ne sais pas pourquoi ou ce que j'aurais pu changer, mais le forum redimensionne automatiquement les images à 800x256 pixels. J'ai besoin d'environ 1300x480 pour mon image de fond, alors c'est un problème.

Je n'avais pas ce problème avant, seulement depuis la dernière fois où j'ai changé l'image, il y a quelques semaines. Je viens de remarquer le problème hier car nous voulons changer l'image à nouveau.

Est-ce un problème dans mon CSS ? Comme je suis très novice, je n'arrive pas à décoder où serait le bobo. Quelqu'un peut m'aider ?

Je vous mets copie de mon CSS en entier :

Merci beaucoup ! Very Happy

***********************************************

/*REDIMENSIONNER LE LOGO À LA PAGE*/

/*TAILLE LOGO*/
#logo img {
max-width: 100%;
}

A:hover{text-transform:uppercase;}

/*BOUTON VOTER POUR CE MESSAGE (non-utilsé, va avec bouton j'aime (1)*/
div.vote .vote-no-bar, div.vote div.vote-bar + div.vote-button, div.vote div.vote-no-bar + div.vote-button { display: none; }
.vote-count {
background: url("https://i.servimg.com/u/f43/14/33/98/96/button10.png") no-repeat scroll 0 0 transparent;
color: #4AAE00;
font-size: 10px;
font-weight: 700;
height: 17px;
padding-top: 2px;
text-align: center;
width: 27px;
}

/*remplacement Chatbox par clavardage dans la boîte de clavardage */
.chatbox-title a {
font-size:0;
}
.chatbox-title a:after {
font-size:18px;
content:"CLAVARDAGE";
}
/*Message Chatbox sur même ligne que Avatar */

#chatbox .user-msg .user, #chatbox .user-msg .msg {
display: inline;
}

/*TEXTE POUR REMERCIER L'AUTEUR D'UN MESSAGE*/
#fa_thanks_message img { vertical-align:middle }
#fa_thanks_message {
color:#280;
font-size:16px;
font-weight:bold;
text-align:center;
background-color:#DFD;
border:1px solid #BDB;
border-radius:6px;
padding:6px;
margin:6px;
}
/*LIMITER LA TAILLE DES AVATARS DANS LA CHATBOX*/
#chatbox_members .cb-avatar > img {
height:30px;width:30px;
vertical-align: middle;
}

/*MESSAGE DE BIENVENUE DANS LA CHATBOX*/
#chatbox.recently-connected:after {
font-family: "trebuchet ms", serif;
font-size: 1.5em; line-height:1.5em; font-weight: bold; color: #8BC34A;
box-shadow:0 0 5px #AED581; display:block; background: #F1F8E9; margin:auto;
width:80%; margin:1.5% auto; padding:1%; white-space: pre;
content: "Bienvenue dans la zone de clavardage !";
}
/*COLORISER LES CELLULES SUR L'INDEX LORSQU'UN NOUVEAU MESSAGE EST POSTÉ*/
dl.newpost {
background-color:#A2BCAB!important;
}

/*REDIMENSIONNER LES SIGNATURES*/
.signature_div img{
max-width: 500px !important;
max-height: 200px !important;
}

/*CHANGER LA COULEUR DES NOUVEAUX MESSAGES (EN ROUGE)*/
.new-message{
color: #E3170D;
}

/*CHANGER LA COULEUR AU SURVOL DES NOUVEAUX MESSAGES (EN BLEU)*/
.new-message:hover{
color: #1C86EE;
}

/*RACCOURCISSEMENT DES LIENS INTERNET DANS LES MESSAGES*/
.postbody a {
display: inline-block;
max-width: 400px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
vertical-align: bottom;
}

/*couleur des liens dans les messages*/
.postbody a{
color: blue;
font-weight: bold;}

/*couleur des titres des messages*/
.topic-title a{color: black;}

/*couleur du nom de l'auteur*/
.author a{
color: black;
font-weight: lighter;}

/*REDIMENSIONNER LES IMAGES À 90%*/
div.postbody img {
max-width: 100%;}

/*Bouton J'aime (0)*/
#rep_post .reput_vote {
-khtml-user-select: none;
-moz-transition: all,1s;
-moz-user-select: none;
-ms-user-select: none;
-o-transition: all,1s;
-webkit-touch-callout: none;
-webkit-transition: all,1s;
-webkit-user-select: none;
background: #667882 url(https://i.servimg.com/u/f68/16/87/83/03/u0as10.png) no-repeat 3px center;
background-size: 22px;
border-radius: 4px;
border-top: 1px solid #999;border-bottom:2px solid #999;
text-shadow: 1px 1px 1px #ccc, 0px 3px 3px #000;
box-shadow: -0 2px 4px #000;
clear: both;
color: #fff;
cursor: pointer;
display: table;
font-size: 11px;
font-weight: 700;
line-height: 18px;
margin: 5px;
padding: 3px 5px 3px 30px;
transition: all,1s;
user-select: none;
}
.reput_vote.zero {
background-color: #6a6a6a;
}

.BS_like {font-family:'arial';
-khtml-user-select: none;
-moz-transition: all,1s;
-moz-user-select: none;
-ms-user-select: none;
-o-transition: all,1s;
-webkit-touch-callout: none;
-webkit-transition: all,1s;
-webkit-user-select: none;
background: #667882 url(https://i.servimg.com/u/f68/16/87/83/03/u0as10.png) no-repeat 3px center;
background-size: 22px;
border-radius: 4px;
border-top: 1px solid #999;border-bottom:2px solid #999;
text-shadow: 1px 1px 1px #ccc, 0px 3px 3px #000;
box-shadow: -0 2px 4px #000;
clear: both;
color: #fff;
cursor: pointer;
display: table;
font-size: 11px;
font-weight: 700;
line-height: 18px;
margin: 5px;
padding: 3px 5px 3px 30px;
transition: all,1s;
user-select: none;
}
.BS_like:before {
content: "Si tu aimes ce message clique ici !";
}

#rep_post .bs_inline {
list-style: none;
}

#rep_post {white-space: nowrap;margin: 6px 4px;float: right;}
#rep_post .bs_inline {list-style: none;}
#rep_post .bs_inline > li {display: inline-block;margin: 0 3px;}
#rep_post .bs_inline > li:first-child {margin-left: 0;}
#rep_post .bs_inline img {display: none;}
#rep_post span img {cursor: pointer;}
.reput_vote.positive {background-color: #8db13e;}
.reput_vote.zero {background-color: #6a6a6a;}
#rep_post .reput_vote:before {
content: " ";
}


/*Gras rouge pour " vous devez vous présenter avant d'écrire dans ce forum*/
.grasRouge {
font-weight: bold;
color: #FF0000;
}

par Chedis
le Lun 1 Mai 2017 - 17:58
 
Rechercher dans: Archives des problèmes avec l'apparence du forum
Sujet: Redimensionnement automatique des images (non-souhaité)
Réponses: 7
Vues: 1970

Code et taille de police d’Écriture.

Bonjour IriXa, vous pouvez mettre le code comme ceci, j'ai mis une taille de 12px et une couleur rouge #ff0000 :

Code:
$(function()  {
  $("#page-footer,#gfooter,#pun-foot").eq(0).append("<div style='text-align:center;font-size:12px;color:#ff0000;'>  Reproduction totale ou partielle interdite, sans l\'autorisation de l\'Administrateur. </div>");
        });


Bien à vous.
par ◦Jay◦
le Dim 1 Jan 2017 - 17:36
 
Rechercher dans: Archives des problèmes avec l'apparence du forum
Sujet: Code et taille de police d’Écriture.
Réponses: 2
Vues: 589

Demande de Rang

En bref...

Nature de la création : Rang
Taille de la création (en pixels) : Je ne sais toujours pas ^^
Couleur de fond : N/A

Image(s)

Lien(s) image(s) :N/A

Texte

Texte à insérer : Fondateur, Fondatrice, Administrateur, Administratrice, Modérateur, Modératrice, Technicien, Technicienne et Staff
Police à utiliser : N/A
Couleur police : N/A

En détails...

Lien de mon forum Forumactif : [Vous devez être inscrit et connecté pour voir ce lien]
Commentaire(s) supplémentaire(s) : Bonjour Jay [Vous devez être [Vous devez être inscrit et connecté pour voir ce lien] et [Vous devez être inscrit et connecté pour voir ce lien] pour voir cette image]

Je souhaiterai cette fois ci avoir des images de rang (je ne sais pas quelle dimension) :

Fondateur (couleur : [Vous devez être inscrit et connecté pour voir ce lien])
Fondatrice (couleur : [Vous devez être inscrit et connecté pour voir ce lien])
Administrateur (couleur : [Vous devez être inscrit et connecté pour voir ce lien])
Administratrice (couleur : [Vous devez être inscrit et connecté pour voir ce lien])
Modérateur (couleur : [Vous devez être inscrit et connecté pour voir ce lien])
Modératrice (couleur : [Vous devez être inscrit et connecté pour voir ce lien])
Technicien (couleur : [Vous devez être inscrit et connecté pour voir ce lien])
Technicienne (couleur : [Vous devez être inscrit et connecté pour voir ce lien])
Staff (couleur : [Vous devez être inscrit et connecté pour voir ce lien])

Je vous laisse réfléchir sur le choix de si c'est la couleur de Police ou couleur de Fond, si c'est la couleur de fond, mettez la Police blanche [Vous devez être [Vous devez être inscrit et connecté pour voir ce lien] et [Vous devez être inscrit et connecté pour voir ce lien] pour voir cette image]

Merci à l'avance pour votre travail et je reste à disposition.

Très Cordialement,

julie10902

Votre commande a été vérifiée par un [Vous devez être inscrit et connecté pour voir ce lien] et est conforme au règlement. Elle peut dès à présent recevoir des propositions.

Merci de ne pas modifier votre commande après l'insertion de ce message, et de bien vouloir être patient. N'hésitez pas à remonter votre commande (UP) une fois par tranche de 24h.
par julie10902
le Sam 24 Déc 2016 - 20:00
 
Rechercher dans: Demandes terminées
Sujet: Demande de Rang
Réponses: 2
Vues: 663

Mettre un effet neon au cadre du forum

Oh, oh ooooh, bonjour Unleash, vous pouvez ajouter ce code sur votre feuille de style CSS :

Code:
.bodyline{box-shadow:0 0 20px #ff0000;}


Vous pouvez changer la couleur, ici rouge : #ff0000

Passez de bonnes fêtes de fin d'année ! :Noel:

À bientôt.

par Père Noël
le Mar 20 Déc 2016 - 13:53
 
Rechercher dans: Archives des problèmes avec l'apparence du forum
Sujet: Mettre un effet neon au cadre du forum
Réponses: 2
Vues: 563

Demande de dégradés pour messages

En bref...

Nature de la création : Autre
Taille de la création (en pixels) : 0x0 (je ne sais pas exactement combien cela fait)
Couleur de fond : Plusieurs (dans le contenu de la commande)

Image(s)

Lien(s) image(s) :Aucune

Texte

Texte à insérer : Aucun
Police à utiliser : Aucune
Couleur police : Aucune

En détails...

Lien de mon forum Forumactif : [Vous devez être inscrit et connecté pour voir ce lien]
Commentaire(s) supplémentaire(s) : Bonjour Jay et je viens un peu plus en avance que prévu (je reviendrai quand même en 2017 pour les icônes de messages) mais j'aimerais avoir, si possible, des dégradés pour les Membres de mon Staff.

Un avec cette couleur : [Vous devez être inscrit et connecté pour voir ce lien]
Un avec cette couleur : [Vous devez être inscrit et connecté pour voir ce lien]
Un avec cette couleur : [Vous devez être inscrit et connecté pour voir ce lien]
Un avec cette couleur : [Vous devez être inscrit et connecté pour voir ce lien]

Merci si vous acceptez et si vous y arriverez.

PS : bien entendu, je ne demande pas des dégradés de la couleur précisé mais un dégradé découlant de la couleur précisé (je sais pas si vous comprenez, j'ai tendance à me compliquer la vie ^^)

Très Cordialement, julie10902

[Vous devez être [Vous devez être inscrit et connecté pour voir ce lien] et [Vous devez être inscrit et connecté pour voir ce lien] pour voir cette image]Votre commande a été vérifiée par un [Vous devez être inscrit et connecté pour voir ce lien] et est conforme au règlement. Elle peut dès à présent recevoir des propositions.

Merci de ne pas modifier votre commande après l'insertion de ce message, et de bien vouloir être patient. N'hésitez pas à remonter votre commande (UP) une fois par tranche de 24h.
par julie10902
le Jeu 8 Déc 2016 - 21:33
 
Rechercher dans: Demandes terminées
Sujet: Demande de dégradés pour messages
Réponses: 11
Vues: 778

CSS qui ne charge pas avant le code JS.. ou je ne sais pas

Bonjour Arcadia-forum,

Pour appliquer du CSS seulement pour le membre 2, utiliser un code comme celui-ci.
[code]#ipbwrapper[data-userid="2"] { color: #FF0000; }[code]
par MasDan
le Mer 12 Oct 2016 - 7:31
 
Rechercher dans: Archives des problèmes avec un code
Sujet: CSS qui ne charge pas avant le code JS.. ou je ne sais pas
Réponses: 11
Vues: 833

Signature pour Victor-57

En bref...

Nature de la création : Signature
Taille de la création (en pixels) : 342x100
Couleur de fond : [Vous devez être inscrit et connecté pour voir ce lien]

Image(s)

Lien(s) image(s) :Aucune

Texte

Texte à insérer : [Vous devez être [Vous devez être inscrit et connecté pour voir ce lien] et [Vous devez être inscrit et connecté pour voir ce lien] pour voir cette image].
Police à utiliser : La même qu'ici : [Vous devez être inscrit et connecté pour voir ce lien] même qu'ici : [Vous devez être inscrit et connecté pour voir ce lien]
Couleur police : Au choix.

En détails...

Lien de mon forum Forumactif : [Vous devez être inscrit et connecté pour voir ce lien]
Commentaire(s) supplémentaire(s) :

Bonjour !

J'aimerais une signature pour mon forum, et qui ressemblerait à peu près à celle-ci :
[Vous devez être inscrit et connecté pour voir ce lien]
Sauf que cela serait indiqué et qu'elle serait plus large.

Merci d'avance,
Cordialement. [Vous devez être [Vous devez être inscrit et connecté pour voir ce lien] et [Vous devez être inscrit et connecté pour voir ce lien] pour voir cette image]

Votre commande a été vérifiée par un [Vous devez être inscrit et connecté pour voir ce lien] et est conforme au règlement. Elle peut dès à présent recevoir des propositions.

Merci de ne pas modifier votre commande après l'insertion de ce message, et de bien vouloir être patient. N'hésitez pas à remonter votre commande (UP) une fois par tranche de 24h.
par Victor-57
le Sam 13 Aoû 2016 - 18:09
 
Rechercher dans: Demandes terminées
Sujet: Signature pour Victor-57
Réponses: 4
Vues: 789

Logo pour Victor-57

En bref...

Nature de la création : Bannière
Taille de la création (en pixels) : 376x365
Couleur de fond : [Vous devez être inscrit et connecté pour voir ce lien]

Image(s)

Lien(s) image(s) :
Spoiler:


Texte

Texte à insérer : SpeedCraft
Police à utiliser : N/A
Couleur police : N/A

En détails...

Lien de mon forum Forumactif : [Vous devez être inscrit et connecté pour voir ce lien]
Commentaire(s) supplémentaire(s) : Bonjour,

J'aimerais un logo s'il vous plaît.
Ce logo, je l'ai déjà désigné au brouillon comme vous pouvez voir le croquis.
Et bien j'aimerais que le logo ressemble au croquis fait.

Pour les couleurs, prenez des tons qui se marient bien et pour la police, prenez en une similaire.

Il doit vraiment être fidèle au croquis.

Merci d'avance,
Cordialement. [Vous devez être [Vous devez être inscrit et connecté pour voir ce lien] et [Vous devez être inscrit et connecté pour voir ce lien] pour voir cette image]

Votre commande a été vérifiée par un [Vous devez être inscrit et connecté pour voir ce lien] et est conforme au règlement. Elle peut dès à présent recevoir des propositions.

Merci de ne pas modifier votre commande après l'insertion de ce message, et de bien vouloir être patient. N'hésitez pas à remonter votre commande (UP) une fois par tranche de 24h.
par Victor-57
le Mar 9 Aoû 2016 - 13:17
 
Rechercher dans: Demandes terminées
Sujet: Logo pour Victor-57
Réponses: 4
Vues: 707

Rang pour AnimeManga

En bref...

Nature de la création : Rang
Taille de la création (en pixels) : 174x35
Couleur de fond : N/A

Image(s)

Lien(s) image(s) :

[Vous devez être inscrit et connecté pour voir ce lien]
Visualiser:


Texte

Texte à insérer : Administrateur, Administratrice, Modérateur, Modératrice, Animateur, Animatrice, Floodeuse Professionnelle, Membre, Banni
Police à utiliser : coolvetica rg.ttf
Couleur police : N/A

En détails...

Lien de mon forum Forumactif : [Vous devez être inscrit et connecté pour voir ce lien]
Commentaire(s) supplémentaire(s) : Couleur des polices a intégré :
- Administrateur, administratrice : [Vous devez être inscrit et connecté pour voir ce lien]
- Modératrice, modérateur : [Vous devez être inscrit et connecté pour voir ce lien]
- Animateur/trice et Floodeuse Professionelle : [Vous devez être inscrit et connecté pour voir ce lien]
- Membre : [Vous devez être inscrit et connecté pour voir ce lien]
- Banni : vers le blanc

Bonjour bonsoir,

Je souhaiterai pour les membres du staff des images de rangs sur le thème des mangas animés.
Je voudrais juste gardé le relief en arrière plan pour les rangs mais pas le bleu.

Lien de l'image du fond d'origine :
Image de fond original:


Cordialement.
Votre commande a été vérifiée par un [Vous devez être inscrit et connecté pour voir ce lien] et est conforme au règlement. Elle peut dès à présent recevoir des propositions.

Merci de ne pas modifier votre commande après l'insertion de ce message, et de bien vouloir être patient. N'hésitez pas à remonter votre commande (UP) une fois par tranche de 24h.
par MD2
le Sam 7 Mai 2016 - 2:49
 
Rechercher dans: Demandes terminées
Sujet: Rang pour AnimeManga
Réponses: 7
Vues: 1086

Couleurs à des pseudos composés

Merci ! Smile Quand je parlais de pseudo composé c'était par exemple : Forum Actif. Un pseudo avec espace. Je n'arrivais pas à mettre les couleurs à ces pseudos mais j'ai trouvé comment faire, si on garde Forum actif, on ajoute </font><font color="#ff0000"> en plus de celui qui y était déjà entre avant la couleur du A. Merci ! ^^ Je mets le sujets en résolu.
par Bruny
le Mer 2 Mar 2016 - 18:35
 
Rechercher dans: Archives des problèmes avec un code
Sujet: Couleurs à des pseudos composés
Réponses: 3
Vues: 724

Changement d'image au survol de la souris

Bizarre :s

Dans le CSS :
.tablecalendrier {
background-image:url("https://2img.net/r/hpimg11/pics/253825essai1.png");
background-color:transparent;
font-size:1.1em;
color:#ff0000;
width:80%
height:500px;
}
.tablecalendrier:hover {background-image:url("https://2img.net/r/hpimg11/pics/345117essai1bis.png")}

Dans le message :
Cadeau

(et j'ai tenté une autre fois de mettre l'image mais pareil, ça ne change pas :s)
par Juliiie fOrever
le Mer 2 Déc 2015 - 8:44
 
Rechercher dans: Archives des problèmes avec un code
Sujet: Changement d'image au survol de la souris
Réponses: 13
Vues: 1082

une userbar

En bref...

Nature de la création : Autre
Taille de la création (en pixels) : 350x20
Couleur de fond : [Vous devez être inscrit et connecté pour voir ce lien]

Image(s)

Lien(s) image(s) :[url=

[url][Vous devez être inscrit et connecté pour voir ce lien][Vous devez être [Vous devez être inscrit et connecté pour voir ce lien] et [Vous devez être inscrit et connecté pour voir ce lien] pour voir cette image][/url][/url]
Visualiser:


Texte

Texte à insérer : hitman_xx_68
Police à utiliser : liquidism part 2
Couleur police : [Vous devez être inscrit et connecté pour voir ce lien]

En détails...

Lien de mon forum Forumactif :[Vous devez être inscrit et connecté pour voir ce lien]
Commentaire(s) supplémentaire(s) : Bonsoir,
Je souhaiterai avec une userbar animée sur fond noir avec l'image qui défile de haut en bas à gauche et le texte sur la droite...
Merci d'avance...

.[Vous devez être [Vous devez être inscrit et connecté pour voir ce lien] et [Vous devez être inscrit et connecté pour voir ce lien] pour voir cette image].
Commande validée
Votre commande a été vérifiée par un CréActif ou un ModérActif et est conforme au règlement. Elle peut dès à présent recevoir des propositions venant du Staff CréActif ou des membres.

Merci de ne pas modifier votre commande après l'installation de ce message.

Merci aussi de bien vouloir patienter mais n'hésitez pas à UPer votre commande une fois par tranche de 24h.
par hitman_xx_68
le Lun 16 Nov 2015 - 22:13
 
Rechercher dans: Demandes terminées
Sujet: une userbar
Réponses: 5
Vues: 1240

Couleur police des liens QEEL

Détails techniques


Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Mozilla Firefox
Capture d'écran du problème :
Voir l'image:

Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : modification du qeel x)
Lien du forum : http://test-v2.forumactif.com/

Description du problème

Bonjour à tous !

J'ai encore une question concernant mon QEEL .... Sad Je vous donne l'image.

Je vous donne le code du template j'imagine ^^

Code:
 <a href="http://lesdoublagesdisney.forumgratuit.be/g1-administrateurs" class="groupe1">♕ ADMINISTRATEURS</a>


Et le code du CSS:
.groupe1 {
font-size: 23px;
font-family: ;
text-shadow: #ff0000;
font-color: #ff0000}[code]

Font-size et font-family fonctionnent. Pour le reste, je m'y prends mal !? Je comprends pas pourquoi je n'arrive pas à changer les couleurs. Et j'ai absolument besoin de le faire en css parce que je n'aurai plus accès aux templates lorsque ce sera posté sur le forum "pas test"...

Vala vala.

Merci de votre aide, à très vite !
par Stella III
le Mer 2 Sep 2015 - 18:07
 
Rechercher dans: Archives des problèmes avec un code
Sujet: Couleur police des liens QEEL
Réponses: 4
Vues: 717

petit soucis de scritp mais je ne trouve pas ou

Détails techniques


Version du forum : PunBB
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Mozilla Firefox
Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : 08/06/2015
Lien du forum : http://xsa-77.tonempire.com/

Description du problème

bonsoir a tous en voulant modifier 2-3 bricole sur le script d'accueil de notre forum j'ai fait une erreur mais je ne trouve pas ou la date et l'heure (chiffré) a disparut.

le dit script :

<p>
<strong><br /><br /></strong>
</p>
<p>
<strong><strong></strong></strong>
</p>
<div align="center">
<strong><strong><span style="font-size: 18px;"></span> </strong></strong>
</div>
<div align="center">
<strong><strong><span style="font-size: 24px;">Bienvenue sur le forum de l'association</span></strong></strong>
<p style="">

</p><strong><strong><span style="font-size: 24px;"><br /></span></strong></strong>
<p style="">

</p><strong><strong><span style="font-size: 24px;"><br /><span style="font-size: 48px;"> X-treme Squad Airsoft 77 </span></span></strong></strong>
<p>

</p><strong><span style="font-size: 24px;"><br /><span style="font-size: 13px;"><br /></span></span></strong>
<div style="" align="center">

<!-- DEBUT SCRIPT DATE --><script language="JavaScript"></script>Today = new Date; Jour = Today.getDate(); Mois = (Today.getMonth()) + 1; Annee = Today.getFullYear(); Message = " " + Jour + "/" + Mois + "/" + Annee + ". ";
<!-- DEBUT SCRIPT HEURE --><script language="JavaScript"></script>Today = new Date; Heure = Today.getHours(); Min = Today.getMinutes(); Message2 = " " + Heure + "h" + Min + ".";
<!-- DEBUT AFFICHAGE TEXTE, DATE, HEURE -->
<marquee style="width: 800px; height: 40px;" scrolldelay="100">
<span class="ip"><strong><em><span style="color: reb(138, 3, 9); font-size: 24px;"></span></em></strong><strong><em><span style="color: red; font-size: 18px;">Nous sommes le<script language="JavaScript">document.write(Message);</script> . Il est <script language="JavaScript">document.write(Message2);</script> </span></em></strong></span>
</marquee><strong><span style="font-size: 24px;">
<!-- FIN DE SCRIPT TEXTE, DATE, HEURE --> </span></strong>
<p style="">

</p><strong><span style="font-size: 24px;"><br /><span style="font-size: 13px;"><br /></span></span></strong>
<div style="" align="center">

<div id="cont_98911735db12e05139666a257a82714d">

<h2 id="h_98911735db12e05139666a257a82714d">
<a href="http://www.tameteo.com/" title="Météo">Météo</a>
</h2>
<a id="a_98911735db12e05139666a257a82714d" href="http://www.tameteo.com/meteo_La+Ferte+sous+Jouarre-Europe-France-Seine+et+Marne--1-24618.html" target="_blank" title="Météo La Ferté-sous-Jouarre" style="color:#ff0000;font-family:1;font-size:14px;">Météo La Ferté-sous-Jouarre</a><script type="text/javascript" src="http://www.tameteo.com/wid_loader/98911735db12e05139666a257a82714d"></script>
</div>

<p>




merci du votre aide futur
par Takichiro
le Lun 8 Juin 2015 - 19:32
 
Rechercher dans: Archives des problèmes avec un code
Sujet: petit soucis de scritp mais je ne trouve pas ou
Réponses: 3
Vues: 1005

Couleur du titre d'un widget

Bonjour , ajouter à votre CSS :

Code:
.module-title{color:#ff0000}


Changez #ff0000 par la couleur de votre choix.

Cordialement.
par ◦Jay◦
le Dim 29 Mar 2015 - 18:30
 
Rechercher dans: Archives des problèmes avec l'apparence du forum
Sujet: Couleur du titre d'un widget
Réponses: 6
Vues: 786

Barre de navigation

Je viens apporter mon aide au CSS.

Voici ce que j'ai fais et qu'il marche bien sur du PHPBB3 :
Code:
a.mainmenu {
          font-family: Arial;
          font-size: 15;
       color: white
        }

Supprimez la ligne color: white si vous n'aimez pas.

"Vous pouvez fixer la couleur d'un texte comme suivant : color: valeur; Les différentes valeurs sont :

Nom de la couleur - exemple:(red, black...)
Nombre hexadecimal - exemple:(#ff0000, #000000)
Code RGB - exemple:(rgb(255, 0, 0), rgb(0, 0, 0))"

Si celui ci fonctionne retentez avec l'aide précédente de demeter1
Code:
</b>
.
par Destru723
le Jeu 25 Déc 2014 - 21:57
 
Rechercher dans: Archives des problèmes avec l'apparence du forum
Sujet: Barre de navigation
Réponses: 7
Vues: 1328

Comment attribuer les couleurs à chaque rang ?

Bonsoir,

Ce tutoriel sur Les rangs l'explique. Wink

PA / Utilisateurs & groupes / Administration des rangs : cliquez sur edit pour éditer un rang.

Plus particulièrement à la fin dudit tutoriel :

Tag ff0000 sur Forum gratuit : Le forum des forums actifs 09615175839 5. Comment colorer un rang ?

Afin d'obtenir un rang coloré, insérez ce code dans le titre du rang :
Code:
<font color="#FF0000">Titre du rang</font>

Ce code aura pour résultat : Titre du rang

Vous pouvez modifier la couleur #FF0000 par celle de votre choix. Vous pouvez également mettre le rang en gras, en ajoutant les balises <b> et </b> en début et fin de rang :
Code:
<b>Titre du rang</b>

Rendra : Titre du rang

Vous pouvez combiner gras + couleur :
Code:
<font color=#FF0000><b>titre du rang</b></font>

Donnera : Titre du rang
D'autres nombreuses possibilités s'offrent à vous. Wink


Cordialement.
par Chacha
le Sam 20 Déc 2014 - 20:01
 
Rechercher dans: Archives des problèmes avec le panneau d'administration
Sujet: Comment attribuer les couleurs à chaque rang ?
Réponses: 15
Vues: 1746

Le HTML – Comment ça marche ?

Le HTML - Comment ça marche ?


Le HTML (HyperText Mark-Up Language) est le langage informatique le plus utilisé sur le web.
Très simple à comprendre et à apprendre, il est possible avec le HTML, de créer une page web complète facilement.
Il est souvent associer avec d’autres langages comme le CSS (feuilles de style en cascade) et le JavaScript.

Les balises rudimentaires

Nous allons voir les balises les plus simples que vous pourrez utiliser au quotidien dans le développement de votre forum.

  • Mettre un texte en Gras :
    Code:
    <strong>Texte</strong>

    Ce qui donnera :
    Texte

  • Mettre un texte en italique :
    Code:
    <em>Texte</em>

    Ce qui donnera :
    Texte

  • Souligner un texte :
    Code:
    <u>Texte</u>

    Ce qui donnera :
    Texte

  • Barrer un texte :
    Code:
    <s>Texte</s>

    Ce qui donnera :
    Texte

  • Mettre à gauche un texte :
    Code:
    <p align="left">Texte</p>

    Ce qui donnera :
    Texte

  • Centrer un texte :
    Code:
    <p align="center">Texte</p>

    Ce qui donnera :
    Texte

  • Mettre à droite un texte :
    Code:
    <p align="right">Texte</p>

    Ce qui donnera :
    Texte

  • Justifier un texte :
    Code:
    <p align="justify">Texte</p>

    Ce qui donnera :
    Texte

  • Taille du texte :
    Code:
    <font size="X">Texte</font>

    (Remplacer X par un nombre.)
    Ce qui donnera :
    Texte Texte

  • Changer la police d’un texte :
    Code:
    <font face="X">Texte</font>

    (Remplacer X par une police d’écriture, vous pouvez en mettre plusieurs à la suite en les séparant d’une virgule , si une personne qui visite votre page n’a pas la première police installée sur son ordinateur, ce sera la suivante qui sera utilisée et ainsi de suite par exemple : Times New Roman, Tahoma, Arial.)
    Ce qui donnera :
    Texte

  • Couleur du texte :
    Code:
    <font color="X">Texte</font>

    (Remplacer X par une couleur en anglais ou par un Code couleur (héxadécimal) par exemple pour le rouge : red ou #FF0000.)
    Ce qui donnera :
    Texte

Il faut savoir qu’il est possible via le CSS de remplacer ces balises de présentation du texte !

  • Un lien URL :
    Code:
    <a href="X">Texte</a>

    (Remplacer X par votre lien url : http://www.monlienurl.com )
    Ce qui donnera :
    Texte

  • Une image :
    Code:
    <img src="X" />

    (Remplacer X par le lien url de votre image : http://www.monlienurl.com/monimage.jpg )
    Ce qui donnera :
    Tag ff0000 sur Forum gratuit : Le forum des forums actifs Helpmo10

  • Un saut de ligne :
    Code:
    Forum<br>Actif

    Ce qui donnera :
    Forum
    Actif

  • Une liste :
    Code:
    <ul><li>ForumActif</ul>

    Ce qui donnera :

  • ForumActif

  • Un tableau :
    Code:
    <table border="1"><tr><td>Forum</td><td>Actif</td></tr><tr><td>C’est</td><td>Super !</td></tr></table>

    Ce qui donnera :
    ForumActif
    C’estSuper !



Les zones d’utilisation du HTML sur votre forum

Il vous est possible d’utiliser le HTML dans plusieurs parties de votre forum, et notamment les suivantes :

  • Dans les messages du forum – Lire le tutoriel : Activer le HTML.

  • Dans les annonces :
    Panneau d'administration  Général  Messages et emails - Annonces


  • Dans les newsletters (package Tag ff0000 sur Forum gratuit : Le forum des forums actifs 2398224970 uniquement) :
    Panneau d'administration  Général  Newsletter - Écrire et envoyer


  • Sur la page d’accueil :
    Panneau d'administration  Affichage  Page d'accueil - Généralités


  • Dans les pages HTML :
    Panneau d'administration  Modules  HTML & JAVASCRIPT - Gestion des pages HTML


Apprendre le HTML

Pour aller plus loin, voici quelques sites pour apprendre le HTML.

Alsacréation - Le HTML.
OpenWeb - Les standards du HTML.
Code Academy - Les fondamentaux
Open Classrooms - Votre première page web en HTML

Et retrouvez également notre tutoriel sur le code CSS:
Tuto Tutoriel sur le CSS - Feuilles de style en cascade.

par Alex Fowl
le Dim 10 Avr 2011 - 19:45
 
Rechercher dans: Questions/Réponses fréquentes
Sujet: Le HTML – Comment ça marche ?
Réponses: 0
Vues: 12068

Revenir en haut

Page 1 sur 2 1, 2  Suivant

Sauter vers: