Besoin d aide pour divers options

Aide générale Besoin d aide pour divers options J'aimeai savoir si cela est possible d'avoir ses ioptions sur phpboost v4.1

EDN Concerné(e)

Rang

Inscrit le : 01/04/2014 à 12h06

Le 06/09/2014 à 20h19

Bonsoir je suis passè sous la v4.1.1 cependant j'aimerai intégré les options suivantes:
le bouton like (facebook) pour les news et pages forum.
le bouton partager (facebook) pour news pages et forum.
le facebook connexion.
Scrollbar pour la v4.1

Comment avez vous fait pour mettre différente barre de de progression sur votre site.
Voilà.

http://pokemongobelgique.be
Sous Phpboost 5.1

Site web

Swan

Administrateur

Rang

Inscrit le : 01/08/2009 à 22h53

Messages: 8431

Le 06/09/2014 à 22h42

Bonsoir Sodeska,

1/ Pour les boutons Like etc .. c'est le même principe que la V3, suffit d'éditer les TPL : news.tpl et forum-topic.tpl pour les mettre directement dans les topics ( ensuite cela dépends de ou vous le voulez se bouton, parce qu'il n'y a pas qu'un seul tpl pour le forum). Et de mettre le code^^Vous devriez trouvez cette bidouille dans le forum.

Citation:

Comment avez vous fait pour mettre différente barre de de progression sur votre site.

2/ C'est très simple, j'ai édité mon design.css, j'ai placé se code, (que j'ai ajusté pour mon site)

Code CSS :

/*#############################
<progress> stylé en CSS
#############################*/
 
progress {
    background-color: #d4d4d4;
    border: 1px solid #cccccc;
    border-radius: 5px;
    box-shadow: 0 0 0 1px #000000;
    display: block;
    height: 10px;
    margin: 2px 0 2px 8px;
    text-align: center;
    width: 90%;
}
@-webkit-keyframes progress {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 100% 100%;
  }
}
@-moz-keyframes progress {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 100% 100%;
  }
}
@keyframes progress {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 100% 100%;
  }
}
progress::-webkit-progress-bar {
  border-radius: 5px;
  background-color: #d4d4d4;
}
progress::-webkit-progress-value {
  border-radius: 5px;
  background-color: #cf146d;
  background-image: -webkit-linear-gradient(-45deg, transparent 25%, rgba(255, 255, 255, 0.3) 25%, rgba(255, 255, 255, 0.3) 50%, transparent 50%, transparent 75%, rgba(255, 255, 255, 0.3) 75%, rgba(255, 255, 255, 0.3));
  background-image: linear-gradient(-45deg, transparent 25%, rgba(255, 255, 255, 0.3) 25%, rgba(255, 255, 255, 0.3) 50%, transparent 50%, transparent 75%, rgba(255, 255, 255, 0.3) 75%, rgba(255, 255, 255, 0.3));
  background-size: 40px 40px;
  -webkit-animation: progress 8s linear infinite;
  animation: progress 8s linear infinite;
}
progress::-moz-progress-bar {
  border-radius: 5px;
  background-color: #cf146d;
  background-image: linear-gradient(-45deg, transparent 25%, rgba(255, 255, 255, 0.3) 25%, rgba(255, 255, 255, 0.3) 50%, transparent 50%, transparent 75%, rgba(255, 255, 255, 0.3) 75%, rgba(255, 255, 255, 0.3));
  background-size: 40px 40px;
  -moz-animation: progress 8s linear infinite;
  animation: progress 8s linear infinite;
}
#pp1 progress::-webkit-progress-value {
  border-radius: 5px;
  background-color: #3caa23;
  background-image: -webkit-linear-gradient(-45deg, transparent 25%, rgba(255, 255, 255, 0.3) 25%, rgba(255, 255, 255, 0.3) 50%, transparent 50%, transparent 75%, rgba(255, 255, 255, 0.3) 75%, rgba(255, 255, 255, 0.3));
  background-image: linear-gradient(-45deg, transparent 25%, rgba(255, 255, 255, 0.3) 25%, rgba(255, 255, 255, 0.3) 50%, transparent 50%, transparent 75%, rgba(255, 255, 255, 0.3) 75%, rgba(255, 255, 255, 0.3));
  background-size: 40px 40px;
  -webkit-animation: progress 8s linear infinite;
  animation: progress 8s linear infinite;
}
#pp1 progress::-moz-progress-bar {
  border-radius: 5px;
  background-color: #3caa23;
  background-image: linear-gradient(-45deg, transparent 25%, rgba(255, 255, 255, 0.3) 25%, rgba(255, 255, 255, 0.3) 50%, transparent 50%, transparent 75%, rgba(255, 255, 255, 0.3) 75%, rgba(255, 255, 255, 0.3));
  background-size: 40px 40px;
  -moz-animation: progress 8s linear infinite;
  animation: progress 8s linear infinite;
}

Et ensuite dans l'administration/Contenu/Menus/menus de contenus un copié coller de ce bout de code :

Code TPL :

 
[html]<div style="margin-top:0px;">
 
<br /> <!-- code progress en cours-->
<div style="text-align:center"><span style="color:#FFFFFF;font-weight:bold;">Thème SetBeach 4.1</span><br /> 
 <progress max="200" value="20">20</progress><br />
En cours ..<br /> 
</div>
 
<br /> <!-- code progress terminé -->
<div style="text-align:center"><span style="color:#FFFFFF;font-weight:bold;">Thème SetSummer 4.1</span></span><br /> 
<div id="pp1"> <progress max="200" value="200">200</progress></div><br />
Disponible prochainement.<br /> 
</div>
 
</div>[/html]

Voilà, bonne soirée

@imablement Swan.

swan_signature

Site web

Sodeska

EDN Concerné(e)

Rang

Inscrit le : 01/04/2014 à 12h06

Messages: 109

Le 07/09/2014 à 13h48

Merci

Je fairai cela dès que possible j'adore votre site je pense faire de la pub sur mon site de vous et phpboost

http://pokemongobelgique.be
Sous Phpboost 5.1

Site web

Swan

Administrateur

Rang

Inscrit le : 01/08/2009 à 22h53

Messages: 8431

Le 07/09/2014 à 22h13

De rien ^^ Heureuse que CsN vous convienne , et merci pour faire passer le mot

swan_signature

Site web

Sodeska

EDN Concerné(e)

Rang

Inscrit le : 01/04/2014 à 12h06

Messages: 109

Le 12/09/2014 à 12h51

Pour les fonction de facebook pourriez vous me mettre les liens pour les ajouter sous la v 4.1
et aussi me fournir votre bannière ou code html pour l insérer sur mon site.

http://pokemongobelgique.be
Sous Phpboost 5.1

Site web

Swan

Administrateur

Rang

Inscrit le : 01/08/2009 à 22h53

Messages: 8431

Le 12/09/2014 à 14h06

Bonjour,

Vous avez tout dans la partie des extras de Pbt. ^^

Pour la bannière, regarde sur celle ci.

@imablement Swan.

swan_signature

Site web

Sodeska