Relax Arcade Image en test sur le forum


Image

Electro Swing Revolution Radio

Résolu Question Cosmétique

Avatar du membre France
Luca
Level 1
Level 1
Messages : 33
Enregistré le : jeu. 12 avr. 2018 21:15
Localisation : Brive La Gaillarde
Site Web : http://le-forum-sans-nom.fr
sept. 2018
dimanche
09
10:20

Question Cosmétique

Messagepar Luca

Bien le bonjour ..

Une petite question coté "cosmétique " du Forum


screen.png


Ceci est intégré au thème fait maison ? ou il existe une petite astuce pour l'adapter sous Prosilver avec peut-être la couleur que l'on souhaite ?

Je tourne en 3.2.2 et mon thème est Prosilver par défaut ..

Merci pour vos réponses , et j’espère ne pas m’être tromper de catégorie pour ma question :)
Vous n’avez pas les permissions nécessaires pour voir les fichiers joints à ce message.
Modifié en dernier par Luca le dim. 9 sept. 2018 11:18, modifié 1 fois.

Avatar du membre France
FranckTH
Fondateur
Fondateur
Messages : 2679
Enregistré le : dim. 27 nov. 2016 12:10
 
Relax-Arcade :  3
Site Web : index.php
sept. 2018
dimanche
09
10:59

Re: Question Cosmétique

Messagepar FranckTH

salut luca,

perso j'ai fait au plus simple, y a surement mieux comme astuce mais c'est fonctionnel, enfin du moins sur mes styles

Ouvres le fichier styles/prosilver/template/forumlist_body.html

Trouves :

Code : Tout sélectionner

<dd class="topics">{forumrow.TOPICS} <dfn>{L_TOPICS}</dfn></dd>
               <dd class="posts">{forumrow.POSTS} <dfn>{L_POSTS}</dfn></dd>


Remplaces par :

Code : Tout sélectionner

<dd class="topics"><span class="rond fth">{forumrow.TOPICS}</span> <dfn>{L_TOPICS}</dfn></dd>
               <dd class="posts"><span class="rond fth">{forumrow.POSTS}</span> <dfn>{L_POSTS}</dfn></dd>


Ouvres le fichier styles/prosilver/theme/colours.css

Ajoutes à la fin :

Code : Tout sélectionner

.rond {
   border-radius: 3px;
   opacity: 0.8;
   text-align: center;
   border: 1px solid #575506;
   min-width: 35px;
   white-space: nowrap;
   font-size: 10px;
   line-height: 1;
   float: right;
   display: inline-block;
   margin-left: 3px;
   vertical-align: baseline;
   position: relative;
   top: 3px;
   padding: 4px 6px;
}

.rond {   
   background-color: #B1B024;
   color: #000;
   font-weight: bold;
}

.fth {
   float: none;
}


tu n'auras plus qu'à ajuster la couleur du background-color... :biere:
Aucun support par messagerie privée !!!

Avatar du membre France
Luca
Level 1
Level 1
Messages : 33
Enregistré le : jeu. 12 avr. 2018 21:15
Localisation : Brive La Gaillarde
Site Web : http://le-forum-sans-nom.fr
sept. 2018
dimanche
09
11:04

Re: Question Cosmétique

Messagepar Luca

Merci pour cette petite astuce ! je teste ça et je te tien au courant !! :biere: :biere:

Avatar du membre France
FranckTH
Fondateur
Fondateur
Messages : 2679
Enregistré le : dim. 27 nov. 2016 12:10
 
Relax-Arcade :  3
Site Web : index.php
sept. 2018
dimanche
09
11:16

Re: Question Cosmétique

Messagepar FranckTH

tu peux aussi appliquer cette astuce sur le viewforum_body.html


en trouvant :

Code : Tout sélectionner

<dd class="posts">{topicrow.REPLIES} <dfn>{L_REPLIES}</dfn></dd>
            <dd class="views">{topicrow.VIEWS} <dfn>{L_VIEWS}</dfn></dd>


et en remplaçant par :

Code : Tout sélectionner

<dd class="posts"><span class="rond fth">{topicrow.REPLIES}</span> <dfn>{L_REPLIES}</dfn></dd>
            <dd class="views"><span class="rond fth">{topicrow.VIEWS}</span> <dfn>{L_VIEWS}</dfn></dd>
Aucun support par messagerie privée !!!

Avatar du membre France
Luca
Level 1
Level 1
Messages : 33
Enregistré le : jeu. 12 avr. 2018 21:15
Localisation : Brive La Gaillarde
Site Web : http://le-forum-sans-nom.fr
sept. 2018
dimanche
09
11:17

Re: Question Cosmétique

Messagepar Luca

Ca marche nickel , j'ai changé juste la couleur ..plus neutre et c'est juste parfait !!

Je met le sujet en résolu et encore mille merci !!
:ahdada:

Avatar du membre France
FranckTH
Fondateur
Fondateur
Messages : 2679
Enregistré le : dim. 27 nov. 2016 12:10
 
Relax-Arcade :  3
Site Web : index.php
sept. 2018
dimanche
09
12:35

Re: Question Cosmétique

Messagepar FranckTH

sur un prosilver avec quelques ajustements de couleur ça donne ceci :

Avant :
avant.png


Après :
apres.png
Vous n’avez pas les permissions nécessaires pour voir les fichiers joints à ce message.
Aucun support par messagerie privée !!!

Avatar du membre France
Luca
Level 1
Level 1
Messages : 33
Enregistré le : jeu. 12 avr. 2018 21:15
Localisation : Brive La Gaillarde
Site Web : http://le-forum-sans-nom.fr
sept. 2018
dimanche
09
13:25

Re: Question Cosmétique

Messagepar Luca

Joilii !!

Avatar du membre France
FranckTH
Fondateur
Fondateur
Messages : 2679
Enregistré le : dim. 27 nov. 2016 12:10
 
Relax-Arcade :  3
Site Web : index.php
sept. 2018
dimanche
09
13:26

Re: Question Cosmétique

Messagepar FranckTH

Code : Tout sélectionner

/* Encadrement nombre de messages sur le forumlist et le viewforum
--------------------------------------- */
.rond {
   border-radius: 3px;
   opacity: 0.8;
   text-align: center;
   border: 1px solid #037CB9;
   min-width: 35px;
   white-space: nowrap;
   font-size: 10px;
   line-height: 1;
   float: right;
   display: inline-block;
   margin-left: 3px;
   vertical-align: baseline;
   position: relative;
   top: 3px;
   padding: 4px 6px;
}

.rond {   
   background: linear-gradient( 65deg, #13A3EB 0%, #13A3EB 50%, #037CB9  50%, #037CB9  100% );
   color: #FFF;
   font-weight: bold;
}

.fth {
   float: none;
}
Aucun support par messagerie privée !!!

Avatar du membre France
Luca
Level 1
Level 1
Messages : 33
Enregistré le : jeu. 12 avr. 2018 21:15
Localisation : Brive La Gaillarde
Site Web : http://le-forum-sans-nom.fr
sept. 2018
dimanche
09
13:29

Re: Question Cosmétique

Messagepar Luca

Je vais test .. du coup je vais enlever le quick style avec le choix des couleurs et resté en bleu prosilver d'origine