Vérifiez vos informations

Il semblerait que les informations techniques de votre profil n'aient pas été actualisées depuis un certain temps... Pour que l'aide apportée vous soit efficace, il est important que ces informations soient à jour : prenez quelques secondes pour confirmer ou compléter les informations suivantes.


Lien de votre forum
Version de ce forum
Vous êtes le fondateur de ce forum
Vous avez modifié le CSS de ce forum
Vous avez modifié les templates de ce forum
Votre navigateur

La date/heure actuelle est Sam 5 Déc 2020 - 1:11

6 résultats trouvés pour 0000ff

Centré le titre du forum

Bonjour,

Dans mon forum, il y a plusieurs rubriques ( que vous appelez "forum")
Ils ont un titre, mais il m'est impossible de le centrer
Tag 0000ff sur Forum gratuit : Le forum des forums actifs Forum10

Alors, j'ai lu d'autres posts ou vous demandiez d'ajouter un code dans Affichage/images et Couleurs/Couleurs/feuille de style CSS
Mais j'ai déjà quelque chose à savoir :
1.a.forumlink:visited {
2.color: #0000ff;
3.}
4.
5.a:visited {
6.color: #0000ff;
7.}
8.
9.
10.#av_quickreply img {
11. left: 15px;
12. position: relative;
13. top: 35px;
14. }
15.
16.#av_quickreply {
17. float: left;
18. position : absolute;
19. }

Je vous remercie de votre aide
par silure club rhodanien
le Dim 24 Mar 2019 - 19:53
 
Rechercher dans: Archives des problèmes avec un code
Sujet: Centré le titre du forum
Réponses: 3
Vues: 967

Appliquer couleur groupe dans un bloc

OK

Mets ce code javascript Sur les sujets :
Code:
$(function() {
  $('.Groupe1').closest('.post').addClass('bgGroupe1');
});
$(function() {
  $('.Groupe2').closest('.post').addClass('bgGroupe2');
});
$(function() {
  $('.Groupe3').closest('.post').addClass('bgGroupe3');
});
$(function() {
  $('.Groupe4').closest('.post').addClass('bgGroupe4');
});
$(function() {
  $('.Groupe5').closest('.post').addClass('bgGroupe5');
});


Cette ligne, et les autres :
Code:
$('.Groupe1').closest('.post').addClass('bgGroupe1');


Ou il est inscrit Groupe1 c'est la que tu vas inscrire la class du groupe, il faut la mentionner 2 fois
Par ex : Pour le groupe Admin cela donne ceci :
Code:
$('.Admin').closest('.post').addClass('bgAdmin');


Ensuite tu colle ce code à la CSS :
Code:
/* Coloriser les messages */
.post.bgGroupe1 {
    border-top: 10px solid #XXXXXX;
}
.post.bgGroupe2 {
    border-top: 10px solid #XXXXXX;
}
.post.bgGroupe3 {
    border-top: 10px solid #XXXXXX;
}
.post.bgGroupe4 {
    border-top: 10px solid #XXXXXX;
}
.post.bgGroupe5 {
    border-top: 10px solid #XXXXXX;
}    
/* fin coloriser les messages */


On décortique :
Code:
.post.bgGroupe1 {
    border-top: 10px solid #XXXXXX


.post.bgGroupe1 C'est là ou tu vas inscrire le nom du groupe, en fonction de ce que tu as mentionné dans le script
border-top: 10px solid La bordure aura une hauteur de 10px et elle sera pleine (solid)
#XXXXXX La couleur de la bordure (#0000FF pour une couleur bleu) il faut que tu prennes les couleurs mentionnées pour chaque groupe
Par ex : Pour le groupe Administrateur cela donne ceci :
Code:
.post.bgAdmin {
    border-top: 10px solid #0000FF


Ensuite, il faut nommer tes rangs ainsi :
Code:
<span class="Groupe1">Nom du rang</span>

Par ex : Pour le groupe Administrateur cela donne ceci :
Code:
<span class="Admin">Administrateur</span>


Etc...
par *Splash*
le Lun 4 Mar 2019 - 15:09
 
Rechercher dans: Archives des problèmes avec un code
Sujet: Appliquer couleur groupe dans un bloc
Réponses: 10
Vues: 1225

Couleur de fond d'une annonce

Détails techniques


Version du forum : phpBB3
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Mozilla Firefox
Capture d'écran du problème :
Voir l'image:
Tag 0000ff sur Forum gratuit : Le forum des forums actifs Les-anciens-du-51rt.forumactif

Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://les-anciens-du-51rt.forumactif.org

Description du problème

Bonjour,

j'ai installé un bandeau défilant dans les annonces comme indiqué ici, ensuite je voulais changer la couleur de fond de cette annonce pour la rendre un peu plus foncer de façon à voir du texte blanc.

PA - GENERAL - ANNONCES
<span style="font-family: 'comic sans ms'; color:#0000FF; font-size:18px;">Bienvenue {USER&amp;#8288;NAME} ! Commentez un maximum dans chaque rubrique, c'est ce qui motive et fait vivre ce forum </span>

j'ai fait plusieurs recherches, mais je n'ai rien trouvé et surtout je voudrais éviter les erreurs

pouvez vous m'aider

merci
par denis76
le Dim 29 Mai 2016 - 10:45
 
Rechercher dans: Archives des problèmes avec l'apparence du forum
Sujet: Couleur de fond d'une annonce
Réponses: 4
Vues: 1264

Codage page d'accueil - Problème d'affichage différent sur Chrome et Firefox

Bonjour,

Je viens de créer mon forum et je suis en train un codage pour ma page d'accueil. Je suis novice en codage mais j'ai réussi à faire ce que je voulais.
Mais j'ai un probleme. Cela ne s'affiche pas pareil selon le navigateur.

Affichage sur Chrome :
Tag 0000ff sur Forum gratuit : Le forum des forums actifs Chrome11

Affichage sur Firefox :
Tag 0000ff sur Forum gratuit : Le forum des forums actifs Firefo10

L'affichage sur Chrome est le bon. Je ne comprends pas pourquoi sur firefox la partie "Avancement" se décale vers la droite et ne se place pas en dessous de "Sorties" comme sur chrome.

Peut-être y-a-t-il un problème dans mon codage ?

Voici mon code :
Code:
<link type="text/css" rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lobster" /> <style>

#pa-kahlan h2 {
font-family: 'Satisfy', cursive;
}

#pa-kahlan {
width: 800px;
margin: 0 auto;
background: #5882FA;
color: #0000FF;
position: relative;
}

#pa-kahlan a {
text-decoration: none;
color: #0000FF;
}

#pa-kahlan a:hover {
color: #0000FF;
}

#pa-kahlan table
{
display: block;
width: 800px;
border-spacing: 20px 20px !important;
}

#pa-kahlan td.withbg {
background: #819FF7;
height: 140px; width: 210px;
vertical-align: top;
position: relative;
padding: 10px;
font-family: sans-serif;
font-size: 13px;
}

#pa-kahlan td.withbg2 {
background: #819FF7;
height: 10px; width: 210px;
vertical-align: top;
position: relative;
padding: 10px;
font-family: sans-serif;
font-size: 13px;
}

#pa-kahlan td.withbg3 {
background: #819FF7;
height: 100px; width: 210px;
vertical-align: top;
position: relative;
padding: 10px;
font-family: sans-serif;
font-size: 13px;
}

#pa-kahlan td.withbg4 {
background: #819FF7;
height: 50px; width: 210px;
vertical-align: top;
position: relative;
padding: 10px;
font-family: sans-serif;
font-size: 13px;
}

#pa-kahlan h2 {
position: absolute;
top: -20px;
width: 100%; text-align: center;
font-size: 22px;

overflow: hidden;
margin: 0; padding: 0;
font-style: italic;
}

.content-over {
height: 350px; max-width: 240px;
padding-right: 15px;
overflow-y: auto;
}

.content-over2 {
height: 150px; max-width: 800px;
padding-right: 15px;
overflow-y: auto;
}

.content-over3 {
height: 155px; max-width: 240px;
padding-right: 15px;
overflow-y: auto;
}

.content-over4 {
height: 100px; max-width: 800px;
padding-right: 15px;
overflow-y: auto;
}

.content-over5 {
height: 10px; max-width: 390px;
padding-right: 15px;
overflow-y: auto;
}


.nouveautes span {
display: block;
border-bottom: 1px dotted purple;
padding-bottom: 3px; margin-bottom: 3px;
color: purple;
}

.nouveautes p {
margin-bottom: 20px;
}

</style>
<div id="pa-kahlan">

<table style="width: 800px;">

<tbody>

<tr>

<td style="padding-top: 15px; width: 240px;" class="withbg" rowspan="3">

<h2>
Calendrier
</h2>

<div class="content-over nouveautes ">
<span>23 janvier</span> <br />SORTIE 1<br /><br />SORTIE 2<br /> <br />SORTIE 3<br /><br />SORTIE 4<br /><br />SORTIE 5<br /> <br />SORTIE 1<br /><br />SORTIE 1<br /> <br />SORTIE 1<br /> <br />SORTIE 1<br /> <br />SORTIE 1<br /> <br />SORTIE 1<br /> <br />SORTIE 1<br /> <br />SORTIE 1<br /><br />SORTIE 1<br /> <br />SORTIE 1<br /> <br />SORTIE 1<br /> <br />SORTIE 1<br /> <br />SORTIE 1<br /> <br />SORTIE 1<br /> <br />SORTIE 1<br /> <br />SORTIE 1<br /> <br />SORTIE 1<br /> <br />SORTIE 1<br /> <br />SORTIE 1<br /> <br />SORTIE 1<br /> <br />SORTIE 1<br /> <br />SORTIE 1<br /> <br />SORTIE 1<br /> <br />SORTIE 1<br /> <br />SORTIE 1<br /> <br />SORTIE 1<br /> <br />SORTIE 1<br /> <br />SORTIE 1<br /> <br />SORTIE 1<br /> <br />SORTIE 1<br /> <br />SORTIE 1<br />
</div>

</td>

<td colspan="2" style="padding-top: 30px; width: 800px;" class="withbg4">

<h2>
Bienvenue
</h2>

<div class="content-over2">

<p>
TEXTE DE BIENVENUE - TEXTE DE BIENVENUE - TEXTE DE BIENVENUE - TEXTE DE BIENVENUE - TEXTE DE BIENVENUE - TEXTE DE BIENVENUE - TEXTE DE BIENVENUE TEXTE DE BIENVENUE - TEXTE DE BIENVENUE - TEXTE DE BIENVENUE - TEXTE DE BIENVENUE - TEXTE DE BIENVENUE - TEXTE DE BIENVENUE -
</p>

</div>

</td>

<td class="withbg" style="padding-top: 15px; width: 240px;" rowspan="0">

<h2>
Sorties
</h2>

<div class="content-over3">
<br />SORTIE 1<br /><br />SORTIE 2<br /> <br />SORTIE 3<br /><br />SORTIE 4<br /><br />SORTIE 5<br />
</div>

</td>

</tr>

<tr>

<td class="withbg3" style="padding-top: 12px; padding-bottom: 0px; width: 800px;" colspan="2">

<h2>
Team
</h2>

<div class="content-over4">

</div>

</td>

<td style="padding-top: 15px; width: 240px;" class="withbg" rowspan="2">

<h2>
Avancement
</h2>

<div class="content-over3">
<br />SORTIE 1<br /><br />SORTIE 2<br /> <br />SORTIE 3<br /><br />SORTIE 4<br /><br />SORTIE 5<br /> <br />SORTIE 1<br /><br />SORTIE 2<br /> <br />SORTIE 3<br /><br />SORTIE 4<br /><br />SORTIE 5<br />
</div>

</td>

</tr>

<tr>

<td class="withbg2" style="padding-top: 12px; width: 370px;">

<h2>
Partenaires
</h2>

<div class="content-over5">
<br />SORTIE 1<br />
</div>

</td>

<td class="withbg2" style="padding-top: 12px; width: 280px;">

<h2>
Suivez-nous
</h2>

<div class="content-over5">
<br />SORTIE 1<br /><br />SORTIE 2<br /> <br />SORTIE 3<br /><br />SORTIE 4<br /><br />SORTIE 5<br />
</div>

</td>

</tr>

</tbody>

</table>

</div>


Si quelqu'un pouvait m'aider, ce serait super ! =)

Merci d'avance !
par Tsuki59
le Sam 19 Mar 2016 - 18:34
 
Rechercher dans: Archives des problèmes avec un code
Sujet: Codage page d'accueil - Problème d'affichage différent sur Chrome et Firefox
Réponses: 2
Vues: 1541

Icone de sujet annonce

En bref...

Nature de la création : Icones
Taille de la création (en pixels) : 60x60
Couleur de fond : Transparent

Image(s)

Lien(s) image(s) :

[Vous devez être inscrit et connecté pour voir ce lien]
Visualiser:
[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]


Texte

Texte à insérer : ANNONCE
Police à utiliser : Arial
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) : Bonjour.

Je gère un forum stars wars the old republic, mais j'ai quelques soucis.

J'ai une pièce du cartel en orange, avec du transparent.

J'aimerais la garder en " base " afin de faire une autre icone pour la catégorie " Annonce " car j'ai encore l'image pas très jolie.

Une image en 60x60 est requise afin de coller avec les autres, mais si c'est 70x70, et que il y a du transparent autour car si ce n'est pas très grand , c'est encore correcte.

ANNONCE peut être mis un peu partout tant que c'est joli a voir type dans la pièce, ou tout autour quitte a que les lettres soit tournées par exemple.

J'ai lu et compris les règles de la section graphique, je pense les respecter.

[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 Dadousith
le Mer 13 Jan 2016 - 17:12
 
Rechercher dans: Demandes terminées
Sujet: Icone de sujet annonce
Réponses: 2
Vues: 1385

Les rangs

Les rangs

Qu'est ce qu'un rang ?

Le rang est un texte qui s'affiche juste en dessous du pseudo des membres dans leurs messages et sur leurs profils. Il permet de distinguer certains utilisateurs particuliers (notamment les administrateurs et modérateurs) ou de créer différentes distinctions entre les membres.

Il existe 2 types de rangs sur Forumactif :

  • les rangs normaux : ils dépendent du nombre de messages postés par le membre. A chaque fois qu'un membres a posté un certain nombre de message son rang change.
    Par exemple au départ (0 message) il a le rang "nouveau membre", avec 10 message il devient "débutant", avec 20 messages il devient "petit bavard", etc.

  • les rangs spéciaux : ils ne dépendent pas du nombres de messages et sont donc donnés manuellement par un administrateur du forum. Ce sont des rangs qui permettent de différencier des membres importants sur le forum.
    Par exemple : Administrateur, Modérateur, Banni, 1er avertissement, Membre le plus gentil du mois...

    Attention, ces rangs spéciaux ne confèrent aucun pouvoir de modération ou d'administration !


Comment créer un rang ?

Panneau d'administration  Utilisateurs & Groupes  Rangs - Administration des rangs


Cliquez sur le bouton "Créer un nouveau rang"

Tag 0000ff sur Forum gratuit : Le forum des forums actifs Tuto125

  • Titre du rang : correspond au texte du rang tel qui apparaitra sur votre forum. Ce champ accepte certaines balises de HTML telles que <strong> pour le gras ou <em> pour l'italique, s'agissant des plus simples.

  • Définir en tant que rang spécial : vous permet de choisir si ce nouveau rang sera attribué automatiquement en fonction du nombre de messages postés (choix "non"), ou s'il devra être attribué manuellement par un administrateur (choix "oui"),

  • Nombre minimum de messages : ce champ ne s'applique qu'à un rang qui n'est pas défini comme rang spécial, et vous permet d'établir le seuil à partir duquel l'utilisateur portera ce rang.

  • URL de l'image du rang : permet de joindre à un rang une image qui s'affichera en dessous de celui-ci dans les messages et profils des utilisateurs porteurs du rang


Comment attribuer un rang ?

Seuls les rangs spéciaux nécessitent d'être attribués manuellement par un administrateur : les autres s'afficheront automatiquement en fonction du nombre de messages postés.

Pour les rangs spéciaux :
Panneau d'administration  Utilisateurs & Groupes  Utilisateurs - Gestion des utilisateurs


Recherchez le membre en tapant son pseudo, et cliquez sur edit face à son pseudo. Une fois sur la page d'édition de cet utilisateur, vous trouverez en pied de page l'option relative aux rangs :

Tag 0000ff sur Forum gratuit : Le forum des forums actifs Tuto222

ATTENTION : attribuer un rang spécial à quelqu'un ne lui donne aucun droit, cela permet juste de mettre un mot sous son pseudo. Si vous voulez que la personne soit modératrice ou administratrice, vous devez lui donner ces pouvoirs indépendamment du rang.



Personnaliser les rangs

Puis-je styliser les rangs ?

C'est tout à fait possible : pour cela, insérer dans le champ "titre du rang" le code suivant :

Code:
<span class="rank_1">Titre du rang</span>


Puis ajoutez à votre CSS le code suivant (une seule fois) :
Panneau d'administration  Affichage  Couleurs - onglet Feuille de style CSS


Code:
span.rank_1 {
    color: #FF0000;
}


Le résultat sera le suivant : Titre du rang

Vous pouvez créer autant de rangs colorés que souhaitez, vous devrez alors répéter l'opération ci-dessous. Une fois que ce code est dans le CSS, il n'a plus besoin d'y être placé à chaque fois. Si vous voulez créer un autre rang de la même couleur, vous pourrez alors simplement l'intituler :
Code:
<span class="rank_1">Titre du nouveau rang</span>


Si vous souhaitez une autre couleur, vous devrez changer la class rank_1 par une autre, par exemple rank_2 et ajouter un nouveau code dans le CSS déterminant un style à ce rang. Par exemple :
Code:
span.rank_2 {
    color: #0000ff;
}


Vous pouvez bien entendu modifier les couleurs (#FF0000, #0000ff) par celles de votre choix.

Notez que vous pouvez utiliser de nombreuses propriétés de CSS pour donner une apparence personnalisée à vos rangs : gras, italique, cadre, couleur de fond...
Pour plus d'informations à ce sujet, nous vous invitons à lire ce sujet : le CSS, comment ça marche ?

N'afficher que l'image du rang et non son texte

Vous pouvez vouloir n'afficher que l'image du rang sans que le texte ne figure sur les profils des utilisateurs.
Pour ce faire, vous devez créer un nouveau rang en spécifiant une image de rang, et lui donner le titre suivant :

Code:
<span class="rank_no_text">Titre du rang</span>


Puis ajoutez à votre CSS le code suivant (une seule fois) :
Panneau d'administration  Affichage  Couleurs - onglet Feuille de style CSS


Code:
span.rank_no_text {
    display:none;
}


De cette façon, le texte du rang continuera à apparaitre sur votre panneau d'administration (plus pratique pour bien gérer les utilisateurs) mais ne s'affichera plus sur le forum.

par Maélya
le Ven 29 Oct 2004 - 20:10
 
Rechercher dans: Questions/Réponses fréquentes
Sujet: Les rangs
Réponses: 0
Vues: 22992

Revenir en haut

Sauter vers: