La date/heure actuelle est Jeu 28 Mar 2024 - 23:02

58 résultats trouvés pour 000

Refaire une mise en page de la PA et du QEEL

Dragon594 a écrit:Le 1 l'image que je parle est l'avatar du membre qui doit être connecter sur le forum et j'ai trouvé des variables ci cela s'appelle ainsi pour t'y aider , je te mets le tout ce que j'ai l'ami.

En ce qui concerne l'avatar du membre connecté a gauche du texte il existe une solution mais elle ne fonctionne pas a l'intérieur d'une iframe j'ai fais le test, peut être existe t-il une autre soulution mais je ne la connais pas, maintenant que vous ne voulez plus d'iframe nous allons placer votre code dans la page d'accueil nous allons donc pouvoir placer l'avatar du membre connecté.
Pour les variables que vous m'avez montrées je les connais toutes mais elles sont fonctionnelles qu'a l'intérieur d'un template.

Dragon594 a écrit:mais tu n'as pas répondu à toutes les demandes l'ami et tu en as fait de nouvelles que je t'expliquerai par la suite.

Heu... quelles demandes Shocked

Dragon594 a écrit:Comme tu peux t'en rendre compte cela ne fonctionne pas. Et je te rappelle qu'ici je n'utilise pas avec l'Iframe mais la " Prévisualisation ".

J'ai du mal a comprendre tes propos, lorsque je fais une modification dans la gestion des pages html je me sers aussi de la prévisualisation et seulement lorsque tout est ok je la place dans l'iframe.

Dragon594 a écrit:Mais le soucis d'après ce que je comprends le code que tu as donné je n'ai que le margin left et margin top pour le contenu des blocs. ( voir code )

Dans chaque lien il y a un margin left il suffisait tout simplement de les régler pour régler les liens.

Dragon594 a écrit:Pour celui-ci et qui d'ailleurs doit être le plus important car rien ne marche est cette Iframe

Ce n'est pas que rien ne marche, dans un tel code des réglages sont a faire ça ne peut pas fonctionné du premier coup et j'ai pourtant précisé que nous ferions ça en plusieurs étapes et en ce qui concerne l'iframe c'est vous qui me l'avez proposé (voir votre 6ème poste) nous allons donc alors placer votre code dans la page d'accueil je crois que se sera plus simple pour tous le monde.

Affichage / Page d'accueil / Généralités / Contenu du message / placer le code html, pour le css placez le dans votre feuille de style css.

J'y ai apporté quelques modifications, remplacer mes images par les votres.
html.:

Le css modifié.
css.:

Le javascript pour vos onglets profile, a placer dans une nouvelle page javascript je vous ai expliqué comment l'installer dans un précédent post un peu plus haut.
Javascript onglets.:


Javascript pour afficher l'avatar.
Javascript avatar.:

Et pour finir le javascript pour afficher le pseudo du membre connecté.
Ici:


En ce qui concerne votre dernière proposition je crains que cela ne soit pas faisable.
par tupac
le Ven 24 Fév 2017 - 2:08
 
Rechercher dans: Archives des problèmes avec un code
Sujet: Refaire une mise en page de la PA et du QEEL
Réponses: 25
Vues: 2520

Refaire une mise en page de la PA et du QEEL

Bonjour,

Dans mon précédent post j'ai expliqué la procédure, une fois la page html crée il suffi de prendre l'adresse de la page html nouvellement crée puis de la coller dans l'iframe et pour finir placer l'iframe dans la page d'accueil.
Ok je ré-explique la procédure.

Panneau d'administration / Module / Gestion des pages html / Clic sur Création en mode avancé / Mettre un titre de ton choix / Coche non et non / Place le code au complet qui se trouve ci-dessous et valide, après avoir validé clic un peu plus haut sur Cliquez ici pour revenir à l'Administration des pages HTML / a l'endroit ou est indiqué URL DU LIEN copie l'adresse de ta page puis colle la dans l'iframe (iframe ci-dessous)

Le code au complet.:

L'iframe dans laquelle tu colles le lien de la page html.
Code:
<iframe src="colle ton lien ici" scrolling="no" style="height: 530px;width: 890px;" frameborder="0"></iframe>

Tu me demandais ou tu devais placer l'iframe et bien ton code correspond bien a une page d'accueil donc l'iframe doit être placé dans: Affichage / Généralités / Message sur la page d'accueil / Contenu du message / place l'iframe et valide.

par tupac
le Mer 22 Fév 2017 - 12:28
 
Rechercher dans: Archives des problèmes avec un code
Sujet: Refaire une mise en page de la PA et du QEEL
Réponses: 25
Vues: 2520

Refaire une mise en page de la PA et du QEEL

Bonjou,

Personnellement pour mes pages html je coche Non et Non.

Place le contenu (page html) ci-dessous dans une page html en mode avancé, valide puis copie l'adresse de cette page et colle la dans l'iframe (ci-dessous)

Page html au complet.:


Code:
<iframe frameborder="0" style="height: 530px;width: 890px;" scrolling="no" src="adresse page html ici"></iframe>

Normalement la hauteur et largeur de l'iframe sont correcte mais tu peux toujours les ajuster.
par tupac
le Mar 21 Fév 2017 - 17:49
 
Rechercher dans: Archives des problèmes avec un code
Sujet: Refaire une mise en page de la PA et du QEEL
Réponses: 25
Vues: 2520

Refaire une mise en page de la PA et du QEEL

Votre code avec les modifications éffectués.

Html:


Le css.:


Vous devez placer ce petit script (ci-dessous) dans une nouvelle page javascript pour le fonctionnement des onglets MP, profil etc...

Procéder ainsi:
Panneau d'administration / Modules / Gestion des codes javascript / Créer un nouveau javascript / Mettre un titre de votre choix / Cocher sur l'index / Placer le code puis valider.
Code:
//<!--
function change_onglet(name)
{
document.getElementById('onglet_'+anc_onglet).className = 'onglet_0 onglet';
document.getElementById('onglet_'+name).className = 'onglet_1 onglet';
document.getElementById('contenu_onglet_'+anc_onglet).style.display = 'none';
document.getElementById('contenu_onglet_'+name).style.display = 'block';
anc_onglet = name;
}
//-->

S'il y a le moindre souci n'hésiter pas a poster.
par tupac
le Lun 20 Fév 2017 - 22:30
 
Rechercher dans: Archives des problèmes avec un code
Sujet: Refaire une mise en page de la PA et du QEEL
Réponses: 25
Vues: 2520

Problème défilement texte page d'accueil

Bonjour Neffa,

On va laisser tomber la création de page html et faire plus simple c'est a dire laisser tomber le javascript pour le défilement et prendre une balise marquee.

Code html.:

Votre css.:

Ca devrait fonctionner maintenant.
par tupac
le Lun 20 Fév 2017 - 18:50
 
Rechercher dans: Archives des problèmes avec un code
Sujet: Problème défilement texte page d'accueil
Réponses: 12
Vues: 1714

La couleur de fond ne change pas

Détails techniques


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

Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : 3 décembre 2016
Lien du forum : http://enkidievchronicles.forumactif.fr

Description du problème

Bonsoir tout le monde!

voilà, j'ai un petit soucis au niveau de mon forum. J'aimerai faire des bannière défilantes et pour se faire, je dois harmoniser le bas des bannières avec la couleur de fond. Malheureusement, malgré mes tentatives, la couleur de fond ne change pas.

voici l'image du volet couleur dans la PA:
https://i.servimg.com/u/f37/11/84/42/42/image_12.jpg

Et même si c'est marqué ffffff voici ce que à quoi elle ressemble:
https://i.servimg.com/u/f37/11/84/42/42/image_11.jpg

J'ai essayé de voir dans le CSS et dans les templates mais je ne trouve pas Grrr Je voudrais juste qu'elle puisse être modifiée sans toucher au reste de mes couleurs si c'est possible!

Voici mon CSS:
Spoiler:


Merci beaucoup de votre aide ! I love you
par Lumélys
le Sam 3 Déc 2016 - 23:07
 
Rechercher dans: Archives des problèmes avec l'apparence du forum
Sujet: La couleur de fond ne change pas
Réponses: 1
Vues: 1315

Couleur de texte -Feuille de personnage-

Malheureusement non :O et ce problème est apparu sans que je n'ai rien touché au préalable... j'avoue ne pas trop comprendre.
Dans la gestion des couleurs, rien n'indique quel champs doit être modifié pour que seules les couleurs des Listes et Texte de la feuille de personnage, sur les profils, soient impactées? Et pour ce qui est du CSS... encore une fois je n'y ai rien modifié depuis des mois u.u
Voulez-vous mon css? (chambre mal rangée, j'vous préviens...)
CSS:


Merci pour votre temps.
par ginl
le Lun 10 Oct 2016 - 16:18
 
Rechercher dans: Archives des problèmes avec l'apparence du forum
Sujet: Couleur de texte -Feuille de personnage-
Réponses: 5
Vues: 3302

Problème avec la Largeur de mon forum

    Bien le bonsoir, ForumActifs!

    Je viens vous solliciter car j'ai un problème avec la largeur de mon forum.
    J'ai beau suivre tous vos tutoriels et les sujets déjà résolus, mais cela ne marche pas. Mon forum reste bloqué à cette largeur là. J'ai également modifié la largeur dans le panneau de configuration rien n'y fait. Je pense que cela vient de mes codes de CSS et Templates mais j'ai beau farfouiller dedans, je ne trouve pas où est le problème!

    J'aimerais que mon forum ait une largeur de 50 ou 60 pourcent. c:

    Mon forum : http://domaine-sorrom.forumactif.org/

    Mon CSS et mon Template Index_Box :

    CSS:



    Mon Index_Box:



    Merci d'avance!

    Dxiie


par DXiie
le Lun 8 Aoû 2016 - 3:07
 
Rechercher dans: Archives des problèmes avec un code
Sujet: Problème avec la Largeur de mon forum
Réponses: 4
Vues: 2168

Les sous-forum ne s'affichent pas

Hello ! Remplace ton index_box actuel avec celui-ci

Code:
<link href='http://fonts.googleapis.com/css?family=Covered+By+Your+Grace|Dancing+Script' rel='stylesheet' type='text/css' />
<table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
 <tr>
 <td valign="bottom">
 <!-- BEGIN switch_user_logged_in -->
 <span class="gensmall">{LAST_VISIT_DATE}<br />
 {CURRENT_TIME}<br />
 </span>
 <!-- END switch_user_logged_in -->
 <div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div>
 </td>
 <td class="gensmall" align="right" valign="bottom">
 <!-- BEGIN switch_user_logged_in -->
 <a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a><br />
 <a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a><br />
 <!-- END switch_user_logged_in -->
 <a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>
 </td>
 </tr>
</table>
<!-- BEGIN catrow -->
<!-- BEGIN tablehead -->
<div class="cate_title">
  {catrow.tablehead.L_FORUM}
</div>
<div class="cate_bloc">
 <!-- END tablehead -->
 <!-- BEGIN cathead -->
 <!-- END cathead -->
 <!-- BEGIN forumrow -->
  <div class="cate_forum">
    <img class="old_new_lock" title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
    <div class="cate_forum_middle">
      <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a>
      <div class="forum_desc">
        {catrow.forumrow.FORUM_DESC}
      </div>
    </div>
    <div class="cate_forum_last">
      <div class="forum_last_stats">
        Sujets:{catrow.forumrow.TOPICS} | Messages : {catrow.forumrow.POSTS}
      </div>
      <div class="forum_last_mess">
        {catrow.forumrow.LAST_POST}
      </div>
<div class="sous-forum">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div>
    </div>
  </div>
<!-- END forumrow -->
<!-- BEGIN catfoot -->
<!-- END catfoot -->
<!-- BEGIN tablefoot -->
</div>
<!-- END tablefoot -->
<!-- END catrow -->


Dans le CSS ajoute ça :

Code:
.sous-forum a {color: #000; }
.sous-fofo a:hover {color: #fff;}


Après tu peux modifier les propriétés comme tu veux ainsi que les valeur (genre le #000 )
par Mandrell
le Lun 27 Juin 2016 - 5:17
 
Rechercher dans: Archives des problèmes avec un code
Sujet: Les sous-forum ne s'affichent pas
Réponses: 8
Vues: 3326

Comment changer la couleur des cases de saisie du mot de passe?

Bonjour,

Vous pouvez modifier les champs de saisie et de sélection avec ce code :
Code:
input, select, textarea {
    border-width: 1px;
    background-color: #000;
}


J'ai mis le noir par défaut mais vous pouvez changer #000 par la couleur que vous voulez.
par Oka.mi
le Lun 13 Juin 2016 - 11:53
 
Rechercher dans: Archives des problèmes avec l'apparence du forum
Sujet: Comment changer la couleur des cases de saisie du mot de passe?
Réponses: 3
Vues: 721

Problème affichage de citation

Bonjour @LIWawa

LIWawa a écrit:
Le 1er problème est que je n'arrive pas à changer la couleur du texte de citation en sachant que dans le Panneau d'administration j'ai bien défini la couleur police citation #000. Mais le résultat est ce qu'on voit dans cette image avec la couleur #fff.


Vous avez défini une couleur via le CSS ce qui prime sur les couleurs de base du forum ! En forçant votre CSS de base, la couleur défini pour la police de citation s'affiche bien sur le forum Wink

il suffit de revoir votre CSS perso et d'y supprimer la partie qui gére la couleur en question pour régler le problème.
LIWawa a écrit:Le 2ème problème est qu'une fois posté une citation de quelqu'un, elle est devenue comme ça dans l'image. Je ne comprends vraiment pas pourquoi. Crying or Very sad


Dans votre PA >> général >> messages & emails >> Autoriser le bbcode : vous avez mis NON. Cela signifie que vous interdisez au forum d'interpréter le bbcode d'où l'affichage de la balise quote Wink

Il suffit de passer cette option sur OUI pour régler le problème

voilou ::fleur::
par The Godfather
le Mar 7 Juin 2016 - 16:51
 
Rechercher dans: Archives des problèmes avec l'apparence du forum
Sujet: Problème affichage de citation
Réponses: 10
Vues: 946

Problème affichage de citation

Détails techniques


Version du forum : phpBB3
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Google Chrome
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : (lien masqué, vous devez poster pour le voir)

Description du problème

Bonjour à tous,
J'ai deux problèmes avec la citation et j'espère que vous pourriez m'aider à les résoudre. Je vous remercie en avance !

Le 1er problème est que je n'arrive pas à changer la couleur du texte de citation en sachant que dans le Panneau d'administration j'ai bien défini la couleur police citation #000. Mais le résultat est ce qu'on voit dans cette image avec la couleur #fff.
Tag 000 sur Forum gratuit : Le forum des forums actifs - Page 2 Pro_bl10
J'ai essayé de changer sa couleur en ajoutant le code comme ceci mais apparemment ça n'a pas marché Sad
Code:
blockquote {
    background: #fff6c7;
    border: 1px solid #aaa;
    margin: .25em 0;
    padding: .25em;
    position: relative;
    color: #000 !important;
}


Le 2ème problème est qu'une fois posté une citation de quelqu'un, elle est devenue comme ça dans l'image. Je ne comprends vraiment pas pourquoi. Crying or Very sad
Tag 000 sur Forum gratuit : Le forum des forums actifs - Page 2 Pro_bl11

Merci de votre aide !!
par LIWawa
le Mar 7 Juin 2016 - 13:03
 
Rechercher dans: Archives des problèmes avec l'apparence du forum
Sujet: Problème affichage de citation
Réponses: 10
Vues: 946

Firefox / Chrome : Espacement différent sur la barre de navigation

Pour le titre, c'est un height qui est trop petit.


.cate_titre {
background: #000 none repeat scroll 0 0;
clear: both;
color: #fff !important;
height: 36px;
line-height: 36px;
margin-top: 35px;
text-align: center;
text-transform: uppercase;
}


Pour le clic droit, je ne reproduis pas. Vous pouvez me montrer avec un screen ?
par Lixyr
le Dim 17 Avr 2016 - 18:52
 
Rechercher dans: Archives des problèmes avec un code
Sujet: Firefox / Chrome : Espacement différent sur la barre de navigation
Réponses: 7
Vues: 1550

Couleur de fond des spoiler

Ah oui, c'est ma faute, c'est pour phpbb2.

Ajoutez ceci à votre CSS :
Code:
dl.codebox {background:#000;}


La couleur est noire : #000, vous pouvez la changer si vous souhaitez.
par ◦Jay◦
le Ven 15 Avr 2016 - 18:30
 
Rechercher dans: Archives des problèmes avec l'apparence du forum
Sujet: Couleur de fond des spoiler
Réponses: 4
Vues: 862

Augmenter la largeur de la bordure du forum

Pas facile à voir ... mais essai ce code:

Code:
/* Largeur cadre du Forum */
#wrap {
border: 5px solid #FFF;
}


Pour la visualiser j'ai mis la couleur à #000 ... actuellement elle est sur 1px

à toi de voir pour la largeur Very Happy
par lmc38510
le Jeu 7 Avr 2016 - 11:15
 
Rechercher dans: Archives des problèmes avec l'apparence du forum
Sujet: Augmenter la largeur de la bordure du forum
Réponses: 8
Vues: 967

Ecritures page de connexion et page d'inscription

Bonjour,

Vous avez mis dans votre feuille de style ce code là:
Code:
fieldset dl:hover dt label {
    color: #000;
}

Changez le {#}000{/#} par "white" ou alors modifiez le code par:
Code:
form fieldset dl:hover dt label {
    color: white;
}

Pour les boutons à l'inscription:
Code:
a.cgu-buttons {
color: black !important;
}
a.cgu-buttons:hover {
color: red !important;
}

Bye
par Invité
le Ven 1 Avr 2016 - 18:05
 
Rechercher dans: Archives des problèmes avec l'apparence du forum
Sujet: Ecritures page de connexion et page d'inscription
Réponses: 4
Vues: 578

couleur cellule bas du forum

Bonjour admin novice, vous pouvez ajouter ce code dans votre feuille CSS, ici, la couleur sera noir (#000)

Code:
#gfooter{background-color:#000;}


Bien à vous.
par ◦Jay◦
le Ven 11 Mar 2016 - 16:31
 
Rechercher dans: Archives des problèmes avec l'apparence du forum
Sujet: couleur cellule bas du forum
Réponses: 2
Vues: 425

Code pour mettre une image de fond sur le bandeau du QEEL

Bonsoir jackymi, je ne suis pas certain d'avoir bien saisi votre demande mais si j'ai bien saisi, collez ce code dans votre feuille de style CSS :

Code:
th.name,th.active,th.info{background-color:#000;}


Changera la couleur de ce que vous souhaitez.(en remplaçant la couleur par celle de votre choix #000)

Code:
th.name,th.active,th.info{background-image:url(URL de votre image);}

Pour mettre une image.

Bien à vous.

par ◦Jay◦
le Mer 2 Mar 2016 - 20:15
 
Rechercher dans: Archives des problèmes avec un code
Sujet: Code pour mettre une image de fond sur le bandeau du QEEL
Réponses: 6
Vues: 901

Widgets simplement sur la page d'accueil du forum

je crois que vous n'avez pas bien compris, JE N"AI AUCUN CODE dans la feuille CSS.
tout est passe dans le PA.....

je veux bien que vous m'expliquer comment supprimer une code que le template genera automatiquement quand on coche une option du PA, et je reconfirme : Je n'ai aucun code dans la feuille CSS qui touche a la largeur des colonnes ! (zut edit pas pris, bon je re edite !)

ma feuille CSS
Spoiler:





Tag 000 sur Forum gratuit : Le forum des forums actifs - Page 2 Widget10

.
par LDL
le Mer 2 Mar 2016 - 13:14
 
Rechercher dans: Archives des problèmes avec l'apparence du forum
Sujet: Widgets simplement sur la page d'accueil du forum
Réponses: 24
Vues: 3695

Probleme de fond de couleur

Bonsoir,

Dans votre feuille CSS, vous avez

Code:
.bodyline {
    border-color: #a386eb;
    border-style: solid;
    border-width: 1px 8px;
}


que vous pouvez retirer si vous ne voulez pas avoir lesdites lignes violettes.

En faisant ça, vous avez des lignes noires qui apparaîtront. Celles-ci sont définies par cette partie de votre CSS :
Code:

.bodyline {
    background-color: #fff;
    border: 1px solid #000;
}


Retirez la partie border: 1px solid #000; si vous ne voulez pas non plus avoir les lignes noires.
par Oka.mi
le Dim 20 Déc 2015 - 0:52
 
Rechercher dans: Archives des problèmes avec l'apparence du forum
Sujet: Probleme de fond de couleur
Réponses: 1
Vues: 551

Mettre de la couleur dans le fond d'une annonce

Bonjour Smile

pour un PHPBB3

PA-> Affichage -> Couleur -> Feuille de Style CSS -> Copié collé ce code :
Code CSS a écrit:#fa_ticker_block .module{
background-color: #CC0000 !important;
border: 7px solid #000 !important;
color: #5769ef;
}

Vous pouvez y inclure la police si vous le souhaitez .
Bonne de fêtes de fin d'année Smile
P-J Smile .

PS: Ce code vient de  Quierra .
par P-J
le Dim 13 Déc 2015 - 11:04
 
Rechercher dans: Archives des problèmes avec l'apparence du forum
Sujet: Mettre de la couleur dans le fond d'une annonce
Réponses: 11
Vues: 1413

Création d'un pop-up de menu sur la page d'accueil du forum ?

Voici le code HTML :

<a class="open_video" rel="video" href="#?w=500"><strong>information</strong></a>
<div style="display: block;" id="video" class="popup_block">

<div id="close">
<a href="#" onclick="return false"><img src="https://i.servimg.com/u/f21/16/87/83/03/forum110.png" alt="ferme" /></a>
</div>

</div>
<div id="shadow">
Bonsoir à toutes et à tous, Alors voilà, je souhaiterais créer un pop-up qui s'ouvre dés qu'on arrive sur la page d'accueil du forum. Mais attention, il ne s'agit pas d 'un pop-up invitant le quidam à s'inscrire où se connecter mais d'un pop-up présentant les dernières nouveautés du forum (les derniers membres inscrits, les derniers articles publiés, les plus populaires, les thèmes que je souhaiterais voir abordé, etc. ...). Par conséquent il me faudrait un pop-up sans bouton "ne plus afficher" puisque le but est qu'il revienne à chaque nouvelle visite (CQFD Wink). Les boutons "connexion" où "s'enregistrer" ne sont pas indispensables non-plus. Un simple bouton "fermer" ferait largement l'affaire... Par conséquent, une âme charitable aurait-elle un code HTML correspondant à me fournir ? Par avance, un très grand merci !!! Arthur Le Roy arthur *** Messages: 116 Réputation: 0 Inscrit(e) le: 26/06/2014 Aucun avertissement Firefox PhpBB3 Fondateur de forum: Oui CSS personnalisé: Non Templates modifiés: Non Voir le profil de l'utilisateur Envoyer un message privé http://www.coeur-bretagne.forumactif.org/
</div>


Et voici le code CSS :

/**============pop-up video ===============**/
.open_pop{ color:#000; font:bold 1.3em Arial, Helvetica, sans-serif;}

#close{ width:50px; height:50px; position:absolute; top:80px;; right:50%; color:#FFF; z-index:2;}

#shadow{ width:656px; min-height:656px; background:#000; position:absolute;margin:auto; top:100px;left:0px;right:0px;
z-index:0;text-align:justify;padding:25px;}
/**===============fin pop-up ===================**/
par Le Roy arthur
le Ven 25 Sep 2015 - 13:52
 
Rechercher dans: Archives des problèmes avec l'apparence du forum
Sujet: Création d'un pop-up de menu sur la page d'accueil du forum ?
Réponses: 87
Vues: 8007

Changer la couleur automatique pour les messages, et avoir plus de choix de couleur pour les titres des sujets

j'ai la palette de couleur étendue et le WYSIWYG n'est pas activé et voilà le code css du thème :

body{
background-position:top center;font-weight:normal;}
body{margin-top:0px;}
#page-body{
margin:10px 22px 10px 22px;}
button.button2:hover,input.button2:hover{
color:#000;font-weight:bold;background-image:url('https://i.servimg.com/u/f35/11/95/30/70/zz210.png');background-position:top;background-position:top;}
input.liteoption{color:#000;font-weight:bold;background-repeat:repeat-x;background-image:url('https://i.servimg.com/u/f35/11/95/30/70/zz110.png');background-position:top;background-position:center;}
input.liteoption:hover{
font-weight:bold;background-image:url('https://i.servimg.com/u/f35/11/95/30/70/zz210.png');background-position:top;color:#000;background-position:top;}
input.mainoption{color:#000;font-weight:bold;background-repeat:repeat-x;background-image:url('https://i.servimg.com/u/f35/11/95/30/70/zz110.png');background-position:top;background-position:center;}
input.mainoption:hover{font-weight:bold;background-image:url('https://i.servimg.com/u/f35/11/95/30/70/zz210.png');background-position:top;color:#000;background-position:top;}
.catBottom{
border:none !important;} .catHead{border:none !important;}
.thLeft{border:none !important;} .thRight{border:none !important;}
.forumline{background-image:url('https://i.servimg.com/u/f30/13/30/32/72/b1_bas10.png');background-repeat:no-repeat;background-position:bottom;padding-bottom:34px;/padding-bottom:3px;/background-image:none;/background-repeat:repeat;}
td.cat{background-repeat:repeat;
}
td.catHead{background-repeat:repeat;}
td.catSides{
background-repeat:repeat;}
td.catLeft{background-repeat:repeat;border-left:none !important;} td.catRight{background-repeat:repeat;}
td.catBottom{background-repeat:repeat;} #plus_menu{background-color:#23201b;border:1px solid #2e2b26 !important;}
.wysiwyg{background-color:#2e2b26 !important;} .bodyline{background-image:url('https://i.servimg.com/u/f35/11/95/30/70/217.png');background-position:bottom right;background-repeat:no-repeat;}
#text_editor_textarea{background-color:#1B1915 !important;color:#d1ba88;}
.attachbox{
background-color:#2e2b26;background-image:url('https://i.servimg.com/u/f30/13/30/32/72/fond_s10.png');border:1px solid #6c6657;padding:5px;-moz-border-radius-topleft:15px;-webkit-border-radius-topleft:15px;-moz-border-radius-topright:15px;-webkit-border-radius-topright:15px;border-radius-topleft:15px;border-radius-topright:15px;-moz-box-shadow:0px 0px 10px #000;-webkit-box-shadow:0px 0px 10px #000;box-shadow:0px 0px 10px #000;
}
.attachbox dl.file{background-color:#212121;margin-top:8px;padding:5px;border:1px solid #6c6657;-moz-border-radius:15px;-webkit-border-radius:15px;border-radius:15px;-moz-box-shadow:0px 0px 10px #000;-webkit-box-shadow:0px 0px 10px #000;box-shadow:0px 0px 10px #000;}
.row1,.row2,.row3,.row3Right{background-image:url('https://i.servimg.com/u/f30/13/30/32/72/fond_c10.jpg');background-repeat:repeat;border:1px solid #37342d;} .container_IE{background-image:url('https://i.servimg.com/u/f35/11/95/30/70/copy11.png');background-position:bottom right;background-repeat:no-repeat;}
div.errorwrap,div.infowrap{background-color:#776952;border:1px solid #ac9a7b;color:#443b2b !important;font-weight:bold;}
div.errorwrap h4,div.infowrap h4{background-color:#443b2b;border:1px solid #ac9a7b;color:#ac9a7b;} div.errorwrap p,div.infowrap p{color:#443b2b;font-weight:bold;}

.code{background-color:#2c2a25;border:1px solid #6c6657;background-image:url('https://i.servimg.com/u/f30/13/30/32/72/fond_s10.png');-moz-border-radius:15px;-webkit-border-radius:15px;border-radius:12px;color:#caba9f;padding:5px;-moz-box-shadow:0px 0px 10px #000;
-webkit-box-shadow: 0px 0px 10px #000;
box-shadow: 0px 0px 10px #000;
}
.quote{background-color:#2c2a25;border:1px solid #6c6657;background-image:url('https://i.servimg.com/u/f30/13/30/32/72/fond_s10.png');-moz-border-radius:15px;-webkit-border-radius:15px;border-radius:12px;color:#caba9f;padding:5px;-moz-box-shadow:0px 0px 10px #000;
-webkit-box-shadow: 0px 0px 10px #000;
box-shadow: 0px 0px 10px #000;
}
.spoiler{background-color:#2c2a25;border:1px solid #6c6657;background-image:url('https://i.servimg.com/u/f35/11/95/30/70/35px10.png');-moz-border-radius:15px;-webkit-border-radius:15px;border-radius:12px;color:#caba9f;padding:5px; -moz-box-shadow:0px 0px 10px #000;
-webkit-box-shadow: 0px 0px 10px #000;
box-shadow: 0px 0px 10px #000;
}
.spoiler_closed{background-color:#2c2a25;border:1px solid #6c6657;-moz-border-radius:15px;-webkit-border-radius:15px;border-radius:12px;color:#caba9f;padding:5px;}
.spoiler_content{background-color:#2c2a25;border:1px solid #6c6657;background-image:url('https://i.servimg.com/u/f30/13/30/32/72/fond_s10.png');-moz-border-radius:15px;-webkit-border-radius:15px;border-radius:12px;color:#caba9f;padding:5px;}
#i_logo{
margin-top:-7px !important;
/position:relative;} .catSides{border:none !important;}
button.button2,input.button2{
color:#000000;background-image:url('https://i.servimg.com/u/f35/11/95/30/70/zz110.png');background-position:top;}
button.button2:hover,input.button2:hover{border:1px solid #000000;background-image:url('https://i.servimg.com/u/f35/11/95/30/70/zz210.png');background-position:top;color:#000000;}
button.button2,input.button2{
color:#000;font-weight:bold;background-repeat:repeat-x;background-image:url('https://i.servimg.com/u/f35/11/95/30/70/zz110.png');background-position:top;background-position:center;}

#chatbox_header .cattitle strong { display: none; }
#chatbox_header .cattitle:before { content: "Le Coin des Bavardages"; }

p.chatbox_row_1 {
background-color:#1B1915;
}
p.chatbox_row_2 {
background-color:#1a1a19;
}

par evahiné
le Ven 3 Juil 2015 - 18:42
 
Rechercher dans: Archives des problèmes avec l'apparence du forum
Sujet: Changer la couleur automatique pour les messages, et avoir plus de choix de couleur pour les titres des sujets
Réponses: 4
Vues: 3057

Faire un dégradé avec la bodyline

oui sans soucis, le code couleur dans le css peut être un hexadécimal (l'hexadécimal à trois chiffres est juste une abbréviation quand par exemple c'est trois fois le même numéro), ou le nom de la couleur s'il existe, ou le code rgb, ou rgba ^^
#000 = #000000 = black = rgb(0, 0, 0) = rgba(0, 0, 0, 1) => noir ^^
par MlleAlys
le Jeu 7 Mai 2015 - 16:03
 
Rechercher dans: Archives des problèmes avec un code
Sujet: Faire un dégradé avec la bodyline
Réponses: 8
Vues: 1175

Problème couleur et mise en forme de certains textes (phpBB3)

Détails techniques


Version du forum : phpBB3
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Google Chrome
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http:/sorceleur.jdrforum.com/

Description du problème

Bonjour (ou bonsoir),

J'ai remarqué que suite à une modification certains éléments ont vu leur police changer de couleur, devenant ainsi "invisibles".

Tag 000 sur Forum gratuit : Le forum des forums actifs - Page 2 KTIHB1F

Tag 000 sur Forum gratuit : Le forum des forums actifs - Page 2 Xgo04sj

Tag 000 sur Forum gratuit : Le forum des forums actifs - Page 2 LABibzj

Tag 000 sur Forum gratuit : Le forum des forums actifs - Page 2 Wtj5IqQ

Tag 000 sur Forum gratuit : Le forum des forums actifs - Page 2 SPYZjj7

Tag 000 sur Forum gratuit : Le forum des forums actifs - Page 2 6hRURs7

Tag 000 sur Forum gratuit : Le forum des forums actifs - Page 2 DkJn90e

Tag 000 sur Forum gratuit : Le forum des forums actifs - Page 2 PK7aITa

Dans l'outil de développement de Chrome la couleur est indiquée #000, ce qui correspond à noir, donc pas étonnant que cela soit invisible sur le fond du forum. :/

J'aimerais aussi à quel endroit est définit la mise en forme de tous ces éléments textuels.

Merci d'avance pour vos réponses et passez une bonne journée.
par SweetGumiho
le Sam 4 Avr 2015 - 12:55
 
Rechercher dans: Archives des problèmes avec l'apparence du forum
Sujet: Problème couleur et mise en forme de certains textes (phpBB3)
Réponses: 14
Vues: 1405

Ombres à certains endroits

Salut à toi !
C'est peut-être long à lire, mais ça vaut le coup.
D'après ce que j'ai compris, tu veux mettre des ombres à l'intérieur, mais de toute façon, je vais te montrer les deux. Wink

Pour pouvoir mettre des ombres, il te faut d'abord une table (ou règle) CSS, dont ici, je penses que c'est forabg pour les forums principaux et forumbg pour les sous-forums*. Dans celle-ci, nous allons mettre des ombres externe grâce à box-shdaow.

Exemple :
Code:

.forabg
{
    box-shadow: 0px 0px 5px #000;
}


Ici, dans box-shadow, nous avons 3 valeurs :
La première (0px) : correspond à l'orientation horizontale. C-a-d que si je veux que mon ombre fasse effet à droite, je n'ai qu'à définir la première valeur à 1 et plus [2,3,10...px] (ça dépendra de tes goûts). Et si je veux que mon ombre fasse effet à gauche, je rentre la même valeur que sur la droite MAIS avec un signe moins (-) avant la valeur indiquée [-1,-2,-10...px] pour lui ordonner d'aller à l'autre côté.

La deuxième (0px) : correspond à l'orientation verticale. C-a-d que si je veux que mon ombre fasse effet vers le bas, je n'ai qu'à définir la première valeur à 1 et plus [2,3,10...px] (ça dépendra de tes goûts). Et si je veux que mon ombre fasse effet vers le haut, je rentre la même valeur que pour le bas MAIS avec un signe moins (-) avant la valeur indiquée [-1,-2,-10...px] pour lui ordonner d'aller à l'autre côté.

La troisième valeur (5px) : correspond à l'étendu de l'ombre.
Si l'ombre devient un peut trop floue à cause de l'étendu de l'ombre, je peux l'intensifier en copiant les même valeur juste après celles-ci, avec une virgule qui les séparent.

La quatrième valeur : correspond tout simplement à la couleur de mon ombre (ici #000 = noir).

Une cinquième valeur s'incrustera plus tard qui prendra la première position. (à voir ci-dessous)

Exemple :
Code:

.forabg
{
    box-shadow: 0px 0px 5px #000, 0px 0px 5px #000;
}


Ici, j'en ai mis que 2, mais après tout dépendra de tes goûts, tu peux donc intensifier encore plus en les copiant ainsi, sans oublier la virgule entre les valeurs.


Maintenant pour appliquer tout ça, mais en ombre interne, rien n'est plus facile que de rajouter inset avant les quatres valeurs indiquées précédemment. (c'est la 5e valeur évoquée ci-dessus)

Exemple :
Code:

.forabg
{
    box-shadow: inset 0px 0px 5px #000;
}


Comme le blabla de tout à l'heure, tu peux intensifier l'étendu de l'ombre en copiant les mêmes valeurs juste après celles-ci en mettant une virgule entres ces valeurs-là.

Exemple :
Code:

.forabg
{
    box-shadow: inset 0px 0px 5px #000, inset 0px 0px 5px #000;
}


CEPENDANT, on peut insérer les ombres (interne, externe) en même temps. Tu deviens comment ? Very Happy

Exemple :
Code:

.forabg
{
                    (externe)              (interne)
    box-shadow: 0px 0px 5px #000, inset 0px 0px 5px #000;
}

Tu peux intensifier blablabla...

Exemple :
Code:

.forabg
{
                (externe)          (externe)          (interne)          (interne)
    box-shadow: 0px 0px 5px #000, 0px 0px 5px #000, inset 0px 0px 5px #000, inset 0px 0px 5px #000;
}


* Je vois que tu es en PhpBB3, je le suis aussi, donc ça devrait être aussi forabg et forumbg pour toi. Donc tu appliques la même chose pour .forumbg. Smile


J'espère que mon post t'aidera, n'oublies pas de cocher le post si oui, et marquer [résolu] au sujet. Wink
par Nikkyzon
le Lun 2 Fév 2015 - 15:33
 
Rechercher dans: Archives des problèmes avec l'apparence du forum
Sujet: Ombres à certains endroits
Réponses: 30
Vues: 1853

Bordure forum phpBB3

Bonjour,

Par css

#wrap{
background: url('https://2img.net/r/hpimg11/pics/544503Fondparchmid.png') repeat-y;
background-size: 100% auto;
box-shadow: 0 5px 20px #000;
padding: 0 72px;
}

Pour faire mieux il faut faire modifier ton image au niveau des bords gauche et droit
par AenigmA
le Sam 10 Jan 2015 - 17:31
 
Rechercher dans: Archives des problèmes avec l'apparence du forum
Sujet: Bordure forum phpBB3
Réponses: 6
Vues: 1642

Revenir en haut

Page 2 sur 2 Précédent  1, 2

Sauter vers: