Aller au contenu
Support de Zwii

Messages recommandés

@Roger nounours yes j'avais déjà ajouté ça comme css perso : 

 

/**
 * This file is for your custom CSS.
 * This file is not modified or overwritten during upgrades
 */
body {
  background-image: url('https://zwiicms.com/public/image/background.jpg');
  background-size: cover;
  background-attachment: fixed;
}
#ipsLayout_header nav,
.ipsNavBar_primary:not( .ipsNavBar_noSubBars ) > ul:before {
  background: transparent;
}
.ipsBreadcrumb {
  background: rgba(255, 255, 255, .04);
}
.ipsNavBar_secondary > li > a {
  margin-right: 5px;
  padding: 9px 25px;
  display: inline-block;
  font-size: 14px;
  border-radius: 2px 2px 0px 0px;
  background: rgba(255, 255, 255, .04);
}
.ipsNavBar_secondary {
  margin: 0 15px;
  height: 35px;
  background: transparent;
}
.ipsBreadcrumb {
  padding: 12px !important;
}
.ipsNavBar_secondary > li > a {
  color: rgba(255, 255, 255, .7) !important;
}
.ipsNavBar_secondary > li > a:hover {
  background: rgba(255, 255, 255, .1);
}
.ipsNavBar_secondary > li.ipsNavBar_active a {
  background: #ffffff;
  color: #353c41 !important;
  font-weight: normal;
}
#ipsLayout_header {
  border-bottom: 0;
}
#ipsLayout_header header,
#elMobileNav {
  background-color: transparent;
}
#ipsLayout_footer *,
.ipsBreadcrumb *,
.ipsPageHeader *,
.ipsType_pageTitle,
.ipsPager_type,
.ipsPager .ipsPager_next a:after,
.ipsPager .ipsPager_prev a:after {
  color: #FFF !important;
}
.ipsStream.ipsStream_withTimeline {
  border-color: rgba(255, 255, 255, .8) !important;
}
.ipsStreamItem_time {
  background: #FFF;
  color: #555;
}
.ipsPageHeader .ipsFollow a,
.ipsPageHeader .ipsTags_edit .ipsButton_veryVerySmall,
.ipsPageHeader .fa-plus {
  color: #555 !important;
}
#ipsLayout_body {
  margin-top: 5px;
}

Du coup c'est pas très pratique il faut obligatoirement lister l'ensemble des div posant problème puis à maintenir c'est ultra galère :/

Partager ce message


Lien à poster
Partager sur d’autres sites
Il y a 2 heures, Rémi a dit :

Du coup c'est pas très pratique il faut obligatoirement lister l'ensemble des div posant problème puis à maintenir c'est ultra galère

 

Je confirme que ce sera galère pour toi juste pendant pas plus de deux heures :(

Je viens moi en dix minutes de modifier en ive comme tu me vois écrire sur le vidéo, la page où je te réponds...

Comme tu viens de le voir, je me sers de cet outil et pour obtenir ce résultat, bin c'est une bonne dizaine de lignes que j'ai changé et ça vaut effet dans tout le fofo...

Regardes en live si je réactualise la page....adieu  mon précieux travail d'exemple :joy:

 

Tu vois deux heures et tu aurais un template nickel ...

 

(( bon je suis en train de te " pomper " et vais faire si je peux le boulot à ta place sur un de mes IPB ) et t'envoie le tout si ça marche....

 

Ainsi tu essaieras et si tu veux tu garderas pour toi ce boulot.

C'est la moindre des chose que je puisse faire pour t'aider avec le peu de moyens que j'ai pour le faire ;)

Partager ce message


Lien à poster
Partager sur d’autres sites

 

@Rémi

 

je viens à partir de ton site et depuis tes css, reconstruire un css qui peut remplacer le tient.

 

Je te conseille d'aller dans ton dossier sur ton espace ftp là où tu as mis ton css perso ( /forum.zwiicms.com/uploads/css_built_28/258adbb6e4f3e83cd3b355f84e3fa002_custom.css.) d'en faire une copie de sauvegarde au cas ou  ...

 

Pièce jointe ===>   custom_forum_de_zwii.zip

 

Et ensuite tu remplaces tout l'intérieur de ton css customisé par ceci :

/* perso pour le forum de zwii */

/* fond su site */
body {
    font-family: "Roboto","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 13px;
    line-height: 18px;
    color: #353C41;
    height: 100%;
    background-color: #FCFCFC;
    margin: 0px;
    background-image: url("../../../zwiicms.com/public/image/background.jpg");
    background-size: 100%;
    background-position: center;
    background-attachment: fixed;
}

/* header */
#ipsLayout_header header {
    padding: 5px 0px 40px;
    background-color: rgba(61, 101, 148, 0);
}
#ipsLayout_header nav {
    background: rgba(255, 255, 255, 0) none repeat scroll 0% 0%;
    height: 40px;
}
/* navigation haute */
.ipsNavBar_primary {
    position: relative!important;
    padding-bottom: 40px!important;
    top: -36px;
    z-index: 2000;
    border-radius: 2px 2px 0px 0px;
}
.ipsNavBar_primary > ul > li > a {
    background: rgba(255, 255, 255, 0.22) none repeat scroll 0% 0%;
    font-size: 14px;
    color: rgba(255, 255, 255, 0.7);
    padding: 9px 25px;
    border-radius: 2px 2px 0px 0px;
}
/* fil d'ariane */
.ipsBreadcrumb.ipsBreadcrumb_top {
    margin: 0px 0px 15px;
    padding: 12px 0px;
    opacity: 1;
}
.ipsBreadcrumb > ul > li {
    display: inline-block;
    line-height: 1;
    font-size: 13px;
    font-weight: 400;
    max-width: 500px;
    height: 15px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: bottom;
    color: #FFF!important;;
}
.ipsBreadcrumb > ul:last-child > li:last-child {
    opacity: 0.7;
}
.ipsBreadcrumb [data-action="defaultStream"], .ipsBreadcrumb [data-action="markSiteRead"] {
    font-size: 12px;
    font-weight: 400;
    color: #D4D4D4!important;;
}

/* containair */
.ipsLayout_container {
    max-width: 90%;
    padding: 0px;
    margin: 0px auto;
    position: relative;
}

/* titre du sujet container*/
.ipsType_pageTitle {
    font-size: 28px;
    font-weight: 400;
    line-height: 1.2;
    margin: 0px;
    color: #FFF!important;;
}
.ipsType_reset {
    margin: 0px;
    color: #686868!important;;
}
.ipsType_light {
    color: #656565 !important;
}

/* pagination sous le sujet */
.ipsPager_type {
    text-transform: uppercase;
    font-size: 11px;
    font-weight: bold;
    color: #FFFFFF!important;;
}
.ipsType_light {
    color: #C6D8E9!important;;
}

/* footer */
#ipsLayout_footer a, #ipsLayout_footer p {
    font-size: 14px;
    text-decoration: none;
    color: #FEFEFE!important;;
}

/* riche texte */
.ipsType_normal.ipsType_richText {
    line-height: 1.6;
    background-color: #ffffff;
    padding-left: 10px;
    padding-right: 10px;
    color: #000000;
}

/* scroller */
.cjScrollToTop{background-color:#3d5e78;position:fixed;bottom:15px;right:15px;z-index:2000;}
.cjScrollToTop > a{color:#fff;font-weight:bold;font-size:14px;display:block;padding:10px;}

 

 

 

css perso en pièce jointe tout en haut      

 

voir la vidéo qui te montre ce que le forum devrait être...après cette manip ( si le couleurs te plaisent pas bin tu as là la main dessus )

 

 

Modifié par Roger nounours
mise à jour ce matin de la pièce jointe et du code du css dans le message

Partager ce message


Lien à poster
Partager sur d’autres sites

@Rémi , j'ai mis à jour ma pièce jointe et le code du css dans le message au dessus, normalement tout est ok et tu peux copier ce css à la place du tien pour obtenir un forum comme sur la dernière vidéo....

Il ne me restait qu'à corriger la couleur du fond des messages et la couleur de la police, c'est chose faite ce matin;

 

je te fais cadeau de ce boulot, sauvegarde bien le tout.

 

( j'ai aussi fait les tests sur un de mes IPB officiels en plus du clone du fofo, le résultat est nickel, donc... )

 

Partager ce message


Lien à poster
Partager sur d’autres sites

je peux pas te faire de capture ni de vidéo pour le moment ( nouveau linuxien oblige ) mais en gros c'est la couleur du fil d'ariane qui est beaucoup trop sombre sur le theme : ( pour que tu ais une idée je viens de le copier/coller dessous pour que tu vois de quoi je parle ;

Ce fil ce trouve tout en haut de cette page mais positioné horizontalement ;)

 

Partager ce message


Lien à poster
Partager sur d’autres sites

Créer un compte ou se connecter pour commenter

Vous devez être membre afin de pouvoir déposer un commentaire

Créer un compte

Créez un compte sur notre communauté. C’est facile !

Créer un nouveau compte

Se connecter

Vous avez déjà un compte ? Connectez-vous ici.

Connectez-vous maintenant

×