120 résultats trouvés pour 000000

Demande de boutons pour la barre de menu

Problème avec un code pour un mini lecteur mp3 sur une page de mon forum

Détails techniques

Description du problème

mettre le nom de mon forum sur la banniére

Le logo du forum a disparu

@Adam_sfp a écrit:Bonjour

Ok on va y arriver ;-)

Mettez ce code dans description de site * on met le texte dans une div avec une id qu'on appelle textfor cela nous permettra de modifier le text via CSS et on met également le code de l'iframe.

Code:

<div id=textfor>Un Sourire Pour Revivre</div> <iframe width=390 height=390 scrolling=no  frameborder=0 src= http://www.uspr33.com/h28-></iframe>

@Adam_sfp a écrit:Ensuite
Affichage -->images et couleurs-->couleurs--> onglet Feuille de style CSS

remplacez l'ancien code par celui ci

Code:

/*DEBUT CODE TITRE*/
#textfor {
  text-shadow: 0 5px 5px #000000;
  font-size: 50px;
  font-family: 'Verdana';  
  width:700px;
  position:relative;
  top:20px;
  margin:auto;
  display:block;
  word-break: break-all;
  text-align: center;
  color:#2ea7ef;
}

 /*FIN CODE TITRE*/

Vous pouvez faire vos modifications si besoin

Cette ligne

Code:

text-shadow: 0 5px 5px #000000;

Correspond à l'ombre que l'on voit derrière la police d'écriture ici le code couleur est #000000 qui est le noir.

Code:

 font-size: 50px;

Correspond à la taille de la police vous pouvez changer le chiffre si besoin.

Code:

 font-family: 'Verdana';  

Ici le nom de la police

@Adam_sfp a écrit:

Code:

top:20px;

La position de l'écriture par rapport au "haut de page" *cela vous permet d'ajuster la position de l'écriture
vous pouvez changez la valeur on peut aussi mettre une valeur négative si besoin par exemple

Code:

top:-25px;

@Adam_sfp a écrit:

Code:

 color:#2ea7ef;

la couleur de l'écriture ici #2ea7ef qui est du bleu

@Adam_sfp a écrit:si besoin vous trouverez les codes couleurs ici par exemple
https://htmlcolorcodes.com/fr/
Cdt

Code:

  /*DEBUT CODE TITRE*/
#textfor {
  text-shadow: 0 5px 5px #000000;
  font-size: 50px;
  font-family: 'Verdana';  
  width:700px;
  position:relative;
  top:-35px;
  margin:auto;
  display:block;
  word-break: break-all;
  text-align: center;
  color:#2ea7ef;
}
 
 /*FIN CODE TITRE*/

Le logo du forum a disparu

Code:

<div id=textfor>Un Sourire Pour Revivre</div> <iframe width=390 height=390 scrolling=no  frameborder=0 src= http://www.uspr33.com/h28-></iframe>

Code:

/*DEBUT CODE TITRE*/
#textfor {
  text-shadow: 0 5px 5px #000000;
  font-size: 50px;
  font-family: 'Verdana';  
  width:700px;
  position:relative;
  top:20px;
  margin:auto;
  display:block;
  word-break: break-all;
  text-align: center;
  color:#2ea7ef;
}

 /*FIN CODE TITRE*/

Code:

text-shadow: 0 5px 5px #000000;

Code:

 font-size: 50px;

Code:

 font-family: 'Verdana';  

Code:

top:20px;

Code:

top:-25px;

Code:

 color:#2ea7ef;

Demande de théme

Demande de mise en forme pour concours

Demande de boutons

Demande de création de blocs pour messages en css

Admin en gras

Ajouter une balise Important

Bannière

Projet forum sur la transition à opérer / rechauffement climatique

ligne de code fausse.

Comment faire pour avoir un rang à deux couleurs ?

@Bad_girls a écrit:Bonjour volubal,

Essaie ce code de couleur au lieu du mot Black:  #000000

Cordialement

Comment faire pour avoir un rang à deux couleurs ?

Commande de petits boutons

Slider accordion tout cassé :'(

Détails techniques

Voir l'image:

Description du problème

CSS:

@charset 'utf-8';
/*************************************************!
*
*  project:    liteAccordion - a horizontal accordion plugin for jQuery
*  author:    Nicola Hibbert
*  url:        http://nicolahibbert.com/liteaccordion-v2/
*  demo:      http://www.nicolahibbert.com/demo/liteAccordion/
*
*  Version:    2.0.2
*  Copyright:  (c) 2010-2011 Nicola Hibbert
*  Licence:    MIT
*
**************************************************/
/****************************************** Core */
.accordion { text-align: left; font: 'Helvetica Neue', Verdana, Arial, sans-serif }
.accordion > ol { position: relative; overflow: hidden; height: 100%; margin: 0; padding: 0; list-style-type: none }
.accordion .slide > h2 {
 color: black;
   font-size: 16px;
 font-weight: normal;
 margin: 0;
 z-index: 100;
 position: absolute;
 top: 0;
 left: 0;
 -webkit-transform: translateX(-100%) rotate(-90deg);
 -webkit-transform-origin: right top;
 -moz-transform: translateX(-100%) rotate(-90deg);
 -moz-transform-origin: right top;
 -o-transform: translateX(-100%) rotate(-90deg);
 -o-transform-origin: right top;
 transform: translateX(-100%) rotate(-90deg);
 transform-origin: right top;
 -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
   filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}
.accordion .slide > h2 span {
   display: block;
   padding-right: 8%;
   text-align: right;
   height: 90%;
   margin-top: 5px;
   -moz-user-select: none;
   -khtml-user-select: none;
   user-select: none;
}
.accordion .slide > h2 b {
   display: inline-block;
   position: absolute;
   top: 13%;
   left: 10%;
   text-align: center;
   -webkit-transform: rotate(90deg);
   -moz-transform: rotate(90deg);
   -o-transform: rotate(90deg);
   transform: rotate(90deg);
 -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
   filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
}
.accordion .slide > h2:hover { cursor: pointer }
.accordion .slide > div { height: 100%; position: absolute; top: 0; z-index: 10; overflow: hidden; background: white }
.accordion noscript p { padding: 10px; margin: 0; background: white }

/***************************************** Light */
.accordion {
   border: 9px solid white;
   border-bottom-width: 8px;
   padding: 5px 5px 6px 0;
   background: #ffffff;
   -webkit-box-shadow: -1px -1px 0 #c0c0c0, 1px 1px 0 #c0c0c0, 0 5px 15px rgba(0, 0, 0, 0.4);
   -moz-box-shadow: -1px -1px 0 #c0c0c0, 1px 1px 0 #c0c0c0, 0 5px 15px rgba(0, 0, 0, 0.4);
   -ms-box-shadow: -1px -1px 0 #c0c0c0, 1px 1px 0 #c0c0c0, 0 5px 15px rgba(0, 0, 0, 0.4);
   -o-box-shadow: -1px -1px 0 #c0c0c0, 1px 1px 0 #c0c0c0, 0 5px 15px rgba(0, 0, 0, 0.4);
 box-shadow: -1px -1px 0 #c0c0c0, 1px 1px 0 #c0c0c0, 0 5px 15px rgba(0, 0, 0, 0.4);
}
.accordion .slide > h2 { background: #ffffff; text-shadow: 0 -1px 0 white; line-height: 265% }
.accordion .slide > h2 span {
   background: #ffffff;
   background: -moz-linear-gradient(left,  #fcfcfc 0%, #ededed 100%);
   background: -webkit-gradient(linear, left top, right top, color-stop(0%,#fcfcfc), color-stop(100%,#ededed));
   background: -webkit-linear-gradient(left,  #fcfcfc 0%,#ededed 100%);
   background: -o-linear-gradient(left,  #fcfcfc 0%,#ededed 100%);
   background: -ms-linear-gradient(left,  #fcfcfc 0%,#ededed 100%);
   background: linear-gradient(left,  #fcfcfc 0%,#ededed 100%);
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#ededed',GradientType=1 );
   -webkit-box-shadow: -1px -1px 0 #909090 inset, 1px 1px 0 #909090 inset;
   -moz-box-shadow: -1px -1px 0 #909090 inset, 1px 1px 0 #909090 inset;
   -o-box-shadow: -1px -1px 0 #909090 inset, 1px 1px 0 #909090 inset;
 box-shadow: -1px -1px 0 #909090 inset, 1px 1px 0 #909090 inset;
   color: #FCFCFC;
}
.accordion .slide > h2 b { background: #ffffff; color: #ffffff; text-shadow: -1px 1px 0 white }
.accordion .slide > h2.selected span, .accordion .slide h2.selected span:hover, .accordion .slide > h2.selected b { background: #ffffff }
.accordion .slide > div { background: #ffffff; margin-left: 5px }

/*************************************** Rounded */
.rounded, .rounded > ol { -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; border-radius: 6px }
.rounded .slide > h2 span { -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px }

/******************************************** IE */
.ie .slide > h2 b { top: 42%; left: 5% }
.ie9 .slide > h2 { filter: none; -ms-transform: translateX(-100%) rotate(-90deg); -ms-transform-origin: right top }
.ie.accordion .slide > h2 b { top: 44% }
.accordion .slide > h2 span { filter: none }

/******************************************** FA */
.accordion figure .full { width: 100%; height: 100%; }
.accordion h2 { border: none; }

/* centrer l'accordéon */
.accordion { margin: auto; }
/*Suppression_search_box--------------------------*/
#search-box input {
display: none;
}
#search-box input.button1 {
display: none;
}
input.search {
display: none;
}
/*Sujet récent*/
#recent_topics {
background-color: #6AA8A6;
font-family: 'Playfair Display SC', serif;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
khtml-border-radius: 0px;
border-radius: 0px;
color: #D1BFB2;
font-size: 14px;
 }
/*Test*/
html, body {
margin: 0;
padding: 0;
height: 100%;
width: 100%;
}
#arriere {
/* l'image occupe toute la place du body */
width : 100%;
height: 100%;
}
body {
 background-image:url(https://www.aht.li/3090699/fond_meltin_4.png);
 background-size: 100% auto;
}
dl.codebox {border: none;}
dl.codebox dt {border: none;}

dl.codebox {background-color: transparent; border: none;}
dl.codebox dt {background-color: #000000; width: 70px; text-align: center; border: 1px solid #000000; color: #21D6FF;}
.codebox dd { color: #21D6FF;}
dl.codebox code {color: #21D6FF; border: 1px solid #005456; background-color: #005456;}
/*TranspaDuForum*/
-RETRAIT : ce CSS pose de nombreux problèmes - { display: none; }
body {filter:alpha(opacity=75);
-moz-opacity:0.75;
-khtml-opacity: 0.75;
opacity: 0.75;
}
/*Antidoublepost*/
.doublepost { border-top: 1px solid #660066 }
/*dernière visite*/
p.rightside {
 display: none !important;
}
/*Désactiver la barre de connection en bas en tant qu'invité*/
#userlinks.not-connected {
   display: none;
}
/*Désactiver la barre de connection en bas en tant que connecté*/
#userlinks {
   display: none;
}
/*Enlever statistiques en bas du forum*/
.linklist { display: none; }

Screen du soucis:

probléme apparence du forum

Fond de page

En bref...

Image(s)

Image:

[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

En détails...

Barre de navigation

En bref...

Image(s)

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

En détails...

logo a l'identique svp merci

En bref...

Image(s)

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

En détails...

Soucis de compatibilité entre deux js

Code:

<div data-infobulle="true">.......</div>

Code:

/* tooltip */
$(function(){
          // general options for editing the tooltip
          // see more : http://iamceege.github.io/tooltipster/#options
          var options = {
            animation : 'fade',
            arrow : true,
            speed : 300,
            delay : 300,
            onlyOne : true,
            theme : 'tooltipster-default'
          },
       
          // delay execution by placing the function into another queue
          // helps with applying to other JS created elements such as the editor
          queue = true,
          titles,
       
          parse = function() {
            titles = $('div[data-infobulle="true"] [title]');
            titles.tooltipster && titles.not('[title=""], .mentiontag, .tooltipstered').tooltipster(options);
          };
       
          queue ? $(parse) : parse();
        });

titles = $('div[data-infobulle="true"] [title]');

<div class="boubou" data-infobulle="true" align="center">
<a href="/h8-formulaire-de-presentation" title="titre de test pour infobulle"><span id="span-boubou"><span style="color: #000000;">Formulaire de présentation</span></span></a>
</div>

Code:

data-infobulle="true"

Rang pour forum type led/futuriste

En bref...

Image(s)

Texte

En détails...

Création d'un logo pour projet

En bref...

Image(s)

Texte

En détails...

Demande d'icônes pour mon forum

En bref...

Image(s)

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

En détails...

Demande de boutons

En bref...

Image(s)

Texte

En détails...

Réduire colonne DERNIER MESSAGE sur l'index.

@Milouze14 a écrit:Hello Electro0007,

RainyHalloween, ce style s'appliquera sur l'ensemble du fofo   .


il suffit de mettre ce style (tout au début ) dans le template concerné :

Code:


<style>
  dd.lastpost{width:10%;}
  dd.topics,dd.posts{width:13%;}
  li.header .lastpost span{padding:0px;}
</style>


a++

CSS:

/* ******************MODIFICATION COULEUR FOND ANNONCES & NOTE******************* */

dl.annonce {background-color:#ffffff;} /* Modifie la couleur de fond des annonces */
dl.Note {background-color:#ffffff;} /* Modifie la couleur de fond des Note */

/* ******************Modification largeur barre de recherche******************* */

#search-box #keywords {
width: 225px;
position: relative!important;
top: 0px!important;
}

dl.newpost {
background-color:#EBEADD!important;}

#navMP{
height:16px;
height:1rem;
}
#navMP>a{
display:inline-block;
padding-left:.75em;
padding-right:.75em;
font-size:1.2em;
line-height:1.2em;
color:#000000;
background:#ffffff;
text-decoration:none !important;
border:1px solid #aaa;
}
#navMP>a:hover{
color:#ffffff;
background:#000000;
text-decoration:none !important;
}
#navMP-precedent{
float:left;
border-radius:.6em 0 0 .6em;
}
#navMP-suivant{
float:right;
border-radius:0 1.2em 1.2em 0;
}
#navMP-precedent::before{
content:"Précédent";
}
#navMP-suivant::before{
content:"Suivant";
}

/* ******************Position icon en ligne et hors ligne******************* */

div.post.online .postprofile:before
{
content: url(https://i.servimg.com/u/f11/19/78/33/65/vert-u10.png);
}
div.post .postprofile:before
{
content: url(https://i.servimg.com/u/f11/19/78/33/65/rouge-10.png);
left: 0px;
position: relative;
right: 0;
top: 0px;
z-index: 2;
}

/* ******************sert à aligner les titres réponses, vues et derniers messages******************* */

.topiclist.topics li.header dd.posts {
padding-left: 112px;
}

/* ******************ARRONDIR CADRE RÉPONSE RAPIDE******************* */

#M14_border
{
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}

/* ******************DIMENSIONS DE LA RÉPONSE RAPIDE******************* */

ul.topics .M14_li dd.dterm{padding-left:0px;}
/*on donne une largeur a 50% au bloc du sujet*/
.M14_li .dterm{width:50% !important;}
/*on dépose un padding left a 15px pour laisser la place aux icones*/
.M14_li .M14_bloc_topic{padding-left: 15px !important;}

/*Premiere ligne dans le template
/*on donne une largeur a la cellule sujet*/
.M14_iconSujet
{
text-align: center;
width:45px;
}
/*Deuxieme ligne dans le template
/*on donne une largeur a la cellule participation*/
.M14_iconParti
{
text-align: center;
width:30px;
}
/* Troisieme ligne dans le template
/* on donne une largeur a la cellule Icone de message*/
.M14_iconIcone
{
text-align: center;
width:75px;
}

/*les images des icones*/
.M14_iconSujet img ,
.M14_iconParti img,
.M14_iconIcone img
{
min-width: 16px;
width:auto;
max-width: 75px;
min-height: 16px;
height:auto;
max-height:38px;
padding:0px 2px 0px 2px;
}

/*On decale du haut l image de participation et icone de message*/

.M14_iconIcone img,.M14_iconParti img{margin-top: 8px;}

form#quick_reply div#textarea_content {
width: 750px !important;
height: 225px !important;

}

/* ******************RÉDUIRE LAGEUR COLONNE PROFIL******************* */

.postprofile {
width: 16%;
}

/* ******************DIMENSIONS DE LA COLONNE RÉPONSE DANS UN SUJET******************* */

.postbody
{
clear: both;
color: #000000;
float: right;
line-height: 1.48em;
padding-top: 0pt;
padding-right: 0pt;
padding-bottom: 0pt;
padding-left: 0pt;
width: 83%;
}

/* ******************CENTRER LE PROFIL DANS LES POSTS******************* */

.postprofile {text-align: center;}

/* ******************CHANGER LA COULEUR MULTI-QUOTE******************* */

blockquote blockquote {background-color: #CADCEB;}

/* ******************LARGEUR DES COLONNES DANS LES FORUMS******************* */

/*on donne une largeur a 50% au bloc du sujet*/
.M14_li .dterm{width:50% !important;}
/*on dépose un padding left a 15px pour laisser la place aux icones*/
.M14_li .M14_bloc_topic{padding-left: 15px !important;}

/* ******************AJUSTEMENT LARGEUR COLONNE SUJETS, RÉPONSES ET VUES******************* */

dd.posts, dd.topics, dd.views {
width: 6%!important;
}

/* ******************CENTRER LE TEXTE DE LA COLONNE DERNIER MESSAGE******************* */

span.color-groups {float:none!important;}
.lastpost {text-align:center!important;}
.lastpost span {display:inherit!important;}

/* ******************CENTRER BOUTON DE LA BOITE RÉPONSE RAPIDE******************* */

#smiley-box {float: left;}
#textarea_content_1{float:right;
margin-top: 2px;}

Demande de logo

[Vous devez être inscrit et connecté pour voir ce lien] a écrit:Couleur de fond : [Vous devez être inscrit et connecté pour voir ce lien]
...
Pour le nouveau, il n'y aura pas de gros changement ...

esquisse:

[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]

Demande de logo

En bref...

Image(s)

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]

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]

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

En détails...