[5.2] Thème ReversoNight

Aides sur les thèmes PHPBoost » Thèmes PHPBoost 5.2 [5.2] Thème ReversoNight Par EDN |Swan

Swan

Administrateur

Rang

Inscrit le : 01/08/2009 à 22h53

Messages: 8431

Le 28/05/2019 à 10h08

[PBT5.2] Thème ReversoNight

Gif créé sur : https://ezgif.com/maker

Spécificités

- Largeur en 1024px.
- Thème compatible avec deux colonnes menus. Colonnes de menus droite ET/OU gauche (largeur 200px).
- Backgrounds aléatoires que vous pouvez changer dans le dossier "\templates\ReversoNight\theme\images\bg".
- Site web adaptatif : tablette et téléphone portable.
- Et une page Licence.html
-------------------------------------------------
Auteur :: EDN | Swan

Pour le reste je vous laisse aller, regarder les détails des thèmes ..

[ Télécharger dans la section ]

Vos questions

Posez les en dessous de ce sujet.

@imablement Swan.

swan_signature

Site web

m-ickael

EDN Maitre-Sage

Rang

Inscrit le : 23/02/2010 à 09h15

Messages: 2296

Le 31/05/2019 à 10h39

planet-truck.fr

Site web

patgame

EDN Concerné(e)

Rang

Inscrit le : 28/09/2009 à 16h23

Messages: 146

Le 07/06/2019 à 22h41

Bonsoir Swan

Bien entendu quand l'artiste se donne le mal de faire 2 nouveaux thèmes je les essaie c'est la moindre des choses

moi j'ai bien compris comment changer les thèmes aléatoires, d'ailleurs à ce sujet quelle taille doit faire les images ?

mais ce que je n'ai pas compris c'est comment changer la flèche qui tourne tout en haut de la colonne de gauche

je pensais que c'était notre logo personnalise mais que nenni; d'ailleurs le logo ne s'affiche pas du tout le mien fait 69x90 px ??

bien entendu j'ai changé comme d'habitude la taille dans le design.css !

Peux tu me donner un copup de main la dessus

Cordialement

Pat

Site web

Swan

Administrateur

Rang

Inscrit le : 01/08/2009 à 22h53

Messages: 8431

Le 09/06/2019 à 16h52

Bonjour Patgame,

Merci de tester ^^

- Pour les images de background cela dépends, mais je préfère les grands en 1920x1200.

- Tu trouveras le logo incrusté directement dans body.tpl en font awesome à la ligne 43. Mais tu peux bien sur remplacer le tout par une image.

Code TPL :

<div id="site-logo"><i class="fas fa-sync-alt"></i></div>

- Ou est ce qu'il ne s'affiche plus ? tu as un screen ?

Swan.

swan_signature

Site web

patgame

EDN Concerné(e)

Rang

Inscrit le : 28/09/2009 à 16h23

Messages: 146

Le 14/06/2019 à 23h02

merci Swan je n'ai pris connaissance du message qu'aujourd'hui14/06 ( d'ailleurs à ce sujet j'avais demandé d'être prévenu par mail lors de ta réponse et je n'ai rien reçu sur le suivi par mail !!) ? bizarre

je vérifie si j'ai bien compris moi je changeais le logo habituellement par le panneau d'administration du site ( je suis en local pour l'instant mais ça ne change rien pour cette manœuvre) et personnalisation de l'interface puis changer le logo classique quoi

cette méthode ne fonctionne pas avec ton thème comme sur tous les autre thèmes ça c'est sûr

donc il faut donner le chemin dans le tpl j'ai bien compris ou pas ce qui donnerait

<div id="site-logo"><i class="fas fa-sync-alt"></i></div>

et à la place de #site-logo" le nom de l'image

ou je suis à coté de la plaque pour finir je pensais même que mon logo allait se mettre à la place de ta fléche qui tourne ?!

Merci de ton aide

bonne continuation

Pat Edité par patgame Le 14/06/2019 à 23h03

Site web

Swan

Administrateur

Rang

Inscrit le : 01/08/2009 à 22h53

Messages: 8431

Le 15/06/2019 à 09h29

Bonjour,
Bon vu que je travaille aujourd'hui et là c'est short.. je commence à 9h45 en non stop 17h

Mais en gros dans le body.tpl :

Remplace ceci :

Code TPL :

<div id="site-logo"><i class="fas fa-sync-alt"></i></div>

par :

Code TPL :

<div id="site-logo" # IF C_HEADER_LOGO #style="background-image: url({HEADER_LOGO});"# ENDIF #></div>

Et dans le design.css:

Remplace ceci :

Code TPL :

div#site-logo {
    margin: auto;
    width: 200px;
    height: 150px;
    flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    -webkit-flex: 0 0 auto;
    border-radius:50%;
}

par:

Code TPL :

div#site-logo {
    background-image: url(images/logo.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    margin: auto;
    width: 200px;
    height: 150px;
    flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    -webkit-flex: 0 0 auto;
}

Cela devrait être fonctionnel ^^
Désolée pour les mails, je ne sais pas se qui se passe...

Swan.

swan_signature

Site web

patgame

EDN Concerné(e)

Rang

Inscrit le : 28/09/2009 à 16h23

Messages: 146

Le 16/06/2019 à 01h46

Swan un grand merci nickel comme d'hab

j'aimerais aussi agrandir un peu la colonne centrale 10 a 20 px je ne sais pas trop je ferais des essais mais je suppose qu"il faut bouger aussi les colonnes de droite et gauche ????

amitiés

Pat Edité par patgame Le 16/06/2019 à 01h46

Site web

Swan

Administrateur

Rang

Inscrit le : 01/08/2009 à 22h53

Messages: 8431

Le 16/06/2019 à 11h10

Bonjour,

Oui c'est dans le design.css aussi .. rends toi à la ligne 243 ~

Code CSS :

    aside#menu-left,
    aside#menu-right {
        width: 220px; /* +20*/
    }
    aside#menu-left  { 
        order : 1;
        -ms-flex-order: 1;
        -webkit-flex-order: 1;
    }
    aside#menu-right { 
        order : 3;
        -ms-flex-order: 3;
        -webkit-flex-order: 3;
    }
 
    #main.main-with-left,
    #main.main-with-right {
        width: calc(100% - 220px); /* +20 */
        -ms-flex: 1 0 auto; /*Tricks IE*/
    }
 
    #main.main-with-left.main-with-right {
        width: calc(100% - 440px); /* +40 */
        -ms-flex: 1 0 auto; /*Tricks IE*/
    }

Et voilà comment tu augmente les menus et le central, si tu veux diminuer, fait en soustraction.

Bon dimanche,
Swan.

swan_signature

Site web

m-ickael

EDN Maitre-Sage

Rang

Inscrit le : 23/02/2010 à 09h15

Messages: 2296

Le 21/06/2019 à 08h52

Beau travail

planet-truck.fr

Site web

Répondre

Vous n'êtes pas autorisé à écrire dans cette catégorie

Les 10 derniers messages du forum...

[PBT5.2] Thème ReversoNight

Spécificités

Vos questions