Fork me on GitHub




(1) 2 »


modification aspect thème xwatch
Régulier
Inscrit: 10/03/2007 11:54
Messages: 135
Bonjour

Pourriez-vous m'indiquer comment je peux modifier l'aspect du thème xwatch.

Je suis toujours en train d'essayer toute seule de mettre à jour vers xoops 2.5.10 mon site Gratilog.net car à suite à mes nombreuses demandes, je n'ai trouvé personne pour m'aider à faire la migration.

J'ai en cours cette version de test :

https://new.gratilog.net/xoops

Comment modifier le menu dans la barre bleue tout en haut ?

Comment supprimer le bloc "à propos de nous" ?

Merci par avance

Posté le : 13/04/2020 10:49
Partager Twitter Partagez cette article sur GG+
Re: modification aspect thème xwatch
Admin Frxoops
Inscrit: 16/05/2003 18:10
De Rhone-Alpes
Messages: 4051
Bonjour Sylvie,

Jette un coup d'oeil sur le fichier : /thèmes/xswatch/theme.tpl
c'est le cœur du thème, véritablement.

Citation :
Comment modifier le menu dans la barre bleue tout en haut ?
Tu vas trouver la description dans le fichier : /themes/xswatch/tpl/nav-menu.tpl

Citation :
Comment supprimer le bloc "à propos de nous" ?
Facile, à l'intérieur du fichier /thèmes/xswatch/theme.tpl, tu vas trouver notamment ceci :

<{if $xoops_page == "index"}>
    <
div class="jumbotron">
        <
div class="row clearfix">
            <
div class="<{if $xoops_banner != ""}>col-md-6<{else}>col-md-12<{/if}>">
            <
h2><{$smarty.const.THEME_ABOUTUS}></h2>
            <{if 
$xoops_banner != ""}></div><div class="col-md-6"><div class="xoops-banner"><{$xoops_banner}></div></div><{/if}>
        </
div>
        <
div class="row">
            <
class="lead"><{$xoops_meta_description}></p>

            <
p><a href="<{$xoops_url}>/" class="btn btn-md btn-success"><{$smarty.const.THEME_LEARNMORE}></a></p>
        </
div>

    </
div>
<{/if}>

C'est le Jumbotron (A propos) qui ne s'affiche donc que sur la page d'accueil
<{if $xoops_page == "index"}>


Tu peux supprimer tout ce code si tu veux.

Il faut vraiment que monxoops.fr publie le thème xswatch4 pour XOOPS 2.5.10 (la version xswatch 4 ne fonctionne qu'à partir de XOOPS 2.5.11x, sauf si on fait une modification dans le thème)

Alain

Posté le : 13/04/2020 12:41

Open in new window
Partager Twitter Partagez cette article sur GG+
Re: modification aspect thème xwatch
Régulier
Inscrit: 10/03/2007 11:54
Messages: 135
Merci ça m'aide bien.

Bon week-end

Posté le : 18/04/2020 17:53
Partager Twitter Partagez cette article sur GG+
Re: modification aspect thème xwatch
Régulier
Inscrit: 10/03/2007 11:54
Messages: 135
Bonjour

Maintenant je voudrai changer la hauteur et la couleur de la barre de navigation en haut (maintenant que j'ai bien fait le menu déroulant qui va bien).
Et je voudrais aussi pouvoir changer le fond du thème qui fait trop blanc ?

J'ai cru voir que ça se situe dans bootstrap.min.css mais ce fichier est totalement illisible avec tout à la suite.

Y a-t-il une façon plus simple d'y arriver ?

Posté le : 19/04/2020 11:40
Partager Twitter Partagez cette article sur GG+
Re: modification aspect thème xwatch
Admin Frxoops
Inscrit: 16/05/2003 18:10
De Rhone-Alpes
Messages: 4051
Hello,
oui bien sur, il y a plus simple,
commence par lire le fichier qui explique le thème,
c'est important de le lire,
On peut le retrouver ici
Et notamment ceci :
Citation :
to enable the dark theme, copy the contents of the css-dark directory to the css directory.
alternate Bootswatch themes can be swapped in easily by coping the theme's bootstrap.min.css into the css folder.

Avec un peu de compréhension, tu pourrais changer ton thème par n'importe quel thème présent sur bootswatch en v3.

Avec xswatch4, j'ai mis en place un système pour obtenir en changeant 1 ligne dans theme.tpl un choix parmi les 21 thèmes, mais ne fonctionne que sur un XOOPS 2.5.11x.
C'est pour cela que je prépare un dépôt xswatch4 pour XOOPS 2.5.10

Essaye ce que je te propose là,
et si tu n'y arrives pas, reviens pour poser tes questions

Posté le : 19/04/2020 11:51

Open in new window
Partager Twitter Partagez cette article sur GG+
Re: modification aspect thème xwatch
Admin Frxoops
Inscrit: 16/05/2003 18:10
De Rhone-Alpes
Messages: 4051
Si tu veux juste changer la couleur de fond et mettre une couleur précise, tu peux surcharger le fichier css utilisé.

Je m'explique,
ton fichier theme.tpl vient lire des fichiers css, contenu dans les balises <head>...</head>

Il te suffit de créer un fichier css de surcharge.
Tu peux le placer sous /themes/xswatch/css et le nommer par exemple gratilog_net.css

Pour changer la couleur de fond et le texte (orange pour le fonds dans cet exmple, moche mais juste histoire que tu comprennes) écrire

body {
  
color#FFA500;
  
background-color#272b30;
}


Evidemment, dans ton fichier /themes/xswatch/theme.tpl,
il faudra ajouter la ligne
<link rel="stylesheet" type="text/css" href="<{xoImgUrl}>css/gratilog_net.css">

Apres la ligne

<link rel="stylesheet" type="text/css" href="<{xoImgUrl}>css/bootstrap.min.css">

Important, ton fichier doit être lu APRES le bootsrap pour écraser certaines définitions contenu dans le bootsrap.
Evidemment tu peux étendre cela à d'autre définition css qui ne te conviennent pas dans le bootsrap.
Il suffit juste de les ajouter dans ton fichier gratilog_net.css.

Clair ?

Une dernière chose :
Si tu veux voir le contenu de Boostrap, récupère son équivalent sans le "min",
il sera + lisible,
mais surtout, ne le modifie pas !

Allez, bon courage !

Posté le : 19/04/2020 12:17

Edité par alain01 sur 21/04/2020 15:37:56

Open in new window
Partager Twitter Partagez cette article sur GG+
Re: modification aspect thème xwatch
Aspirant
Inscrit: 06/04/2020 00:34
De Rhône
Messages: 23
Aaaaah, intéressant ton dernier message Alain. Pour mon propre site, et pour surcharger le module de news, j'avais commencé à modifier le fichier bootstrap.min.css

Je sais maintenant que ce n'est pas la bonne façon de faire. Heureusement que je n'en suis qu'au tout début, c'est plus des essais qu'un vrai site pour l'instant.

Citation :
Avec xswatch4, j'ai mis en place un système pour obtenir en changeant 1 ligne dans theme.tpl un choix parmi les 21 thèmes
Intéressant ça aussi.

Posté le : 20/04/2020 18:47
Partager Twitter Partagez cette article sur GG+
Re: modification aspect thème xwatch
Admin Frxoops
Inscrit: 16/05/2003 18:10
De Rhone-Alpes
Messages: 4051
Merci, c'est toujours intéressant d'avoir un retour,
ça permet de savoir si on est clair et intelligible,
et c'est plus motivant !

Posté le : 21/04/2020 10:05

Open in new window
Partager Twitter Partagez cette article sur GG+
Re: modification aspect thème xwatch
Aspirant
Inscrit: 06/04/2020 00:34
De Rhône
Messages: 23
Citation :
Evidemment, dans ton fichier /themes/xswatch/theme.ini


Tu voulais sûrement dire theme.tpl

Posté le : 21/04/2020 15:19
Partager Twitter Partagez cette article sur GG+
Re: modification aspect thème xwatch
Admin Frxoops
Inscrit: 16/05/2003 18:10
De Rhone-Alpes
Messages: 4051
Exact, je modifie, plus haut...
Bien suivi !
merci.
C'était juste pour voir si tu suivais !

Posté le : 21/04/2020 15:37

Open in new window
Partager Twitter Partagez cette article sur GG+

 Haut   Précédent   Suivant
(1) 2 »



Vous pouvez voir les sujets.
Vous ne pouvez pas débuter de nouveaux sujets.
Vous ne pouvez pas répondre aux contributions.
Vous ne pouvez pas éditer vos contributions.
Vous ne pouvez pas effacez vos contributions.
Vous ne pouvez pas ajouter de nouveaux sondages.
Vous ne pouvez pas voter en sondage.
Vous ne pouvez pas attacher des fichiers à vos contributions.
Vous ne pouvez pas poster sans approbation.

Propulsé avec XOOPS | Graphisme adapté par Tatane, Grosdunord, Montuy337513

46 Personne(s) en ligne (30 Personne(s) connectée(s) sur Forum) | Utilisateur(s): 0 | Invité(s): 46 | Plus ...