Fork me on GitHub




(1) 2 »


modification aspect thème xwatch
Régulier
Inscrit: 10/03/2007 11:54
Messages: 124
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 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: 3810
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 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: 124
Merci ça m'aide bien.

Bon week-end

Posté le : 18/04 17:53
Partager Twitter Partagez cette article sur GG+
Re: modification aspect thème xwatch
Régulier
Inscrit: 10/03/2007 11:54
Messages: 124
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 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: 3810
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 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: 3810
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 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 00:34
De Rhône
Messages: 22
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 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: 3810
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 10:05

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


Tu voulais sûrement dire theme.tpl

Posté le : 21/04 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: 3810
Exact, je modifie, plus haut...
Bien suivi !
merci.
C'était juste pour voir si tu suivais !

Posté le : 21/04 15:37

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

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




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

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