Fork me on GitHub




(1) 2 »


Thème xBootstrap
Aspirant
Inscrit: 12/10/2012 22:07
Messages: 90
Bonjour !
svp je veux savoir comment faire pour changer la couleur des bloc du thème xBootstrap svp
Merci.

Posté le : 07/09/2015 12:46
Partager Twitter Partagez cette article sur GG+
Re: Thème xBootstrap
Admin Frxoops
Inscrit: 16/03/2009 16:40
De Tende (06)
Messages: 3528
Dans chaque thème, les couleurs sont à plusieurs endroits.

Il faut que tu fasses une recherche sur la couleur en question, avec notepad++ par exemple, dans les fichiers .css

Pour cela il faudrait que tu saches quel est le numéro de la couleur de xBootstrap que tu souhaites modifier, parfois il y en a plusieurs.

Une couleur (hexadécimale) dans le .css est représentée par un # suivi de chiffre et/ou lettres

Des exemples ici :
http://www.code-couleur.com/

Tout ceci ce sont des cours de HTML et CSS. Il faudrait que tu les apprennes, ça te sera utile pour créer un site internet. Il y a de nombreux cours gratuits sur internet, il suffit de faire une recherche Google.

Posté le : 07/09/2015 17:09

Open in new window

Xoopseuse Mai 2012 | Responsable équipe internationale | Recherche avancée en bas de page !
Partager Twitter Partagez cette article sur GG+
Re: Thème xBootstrap
Aspirant
Inscrit: 12/10/2012 22:07
Messages: 90
salut, d’abord merci pour la réponse!
j'avoue que je ne suis pas un spécialiste :D , mais je t'assure j'ai cherché presque dans touts les fichiers du thème, mais malheureusement ce thème n'est pas construit d'une manière simple et évidente, car dans le fichier theme.html ya des code smarty insérer,
essayez de jeté un coup d’oeil pour mieux comprendre si vous avez un peut du temps svp
et merci pour tout

Posté le : 07/09/2015 20:19
Partager Twitter Partagez cette article sur GG+
Re: Thème xBootstrap
Admin Frxoops
Inscrit: 05/03/2005 05:20
De Vaucluse
Messages: 960
Bonsoir philosovie,

Il y a deux endroits où tu peux modifier la couleur ou la forme d'un élément dans xbootstrap.
Le premier c'est dans le fichier /theme/xbootstrap/bootstrap.min.css. Celui-ci contient toutes les classes utilisées par bootstrap.
Par défaut c'est un fichier minifié donc relativement incompréhensible (il existe des outils en ligne pour le déminifier). Pour effectuer des modifications dans ce fichier il faut déjà bien connaitre et comprendre bootstrap.

Le plus simple pour toi est d'utiliser le fichier /théme/xbootstrap/style.css qui est en clair et qui surcharge les classes déclarées dans le fichier bootstrap.min.css.

Tu peux retrouver les classes appliquées à un élément et le nom de celui-ci grace par exemple aux outils de développement de Firefox (Menu->Développement -> inspecteur)

Quelques liens utiles:
http://blog.webnet.fr/bootstrap-3/
http://getbootstrap.com/components/
http://www.w3schools.com/bootstrap/

Posté le : 07/09/2015 23:41

Open in new window

Xoops 2.5.7.2 - Debian 8.2 - Apache 2.4.10 - MySQL 5.5.47 - Php 5.6.17
Partager Twitter Partagez cette article sur GG+
Re: Thème xBootstrap
Aspirant
Inscrit: 12/10/2012 22:07
Messages: 90
salut
j'ai trouvé la solution pour changer la couleur du fond des bloc gauches et droits
c'est simple, il faut ajouter le code suivant au fichier bootstrap.min.css du theme :
.col-md-3{background-color:#votre couleur}.

Posté le : 11/09/2015 19:20
Partager Twitter Partagez cette article sur GG+
Re: Thème xBootstrap
Admin Frxoops
Inscrit: 04/03/2011 09:10
De Lot
Messages: 2837
je veux pas casser l'ambiance, mais ta solution, même si elle fonctionne très bien n'est pas recommandée.

Lors de la mise à jour de boostrap, tes modifications seront écrasées.

Mieux vaut rajouter cette ligne dans le fichier style.css qui, en théorie est chargé après bootstrap.min.css


Posté le : 11/09/2015 21:31
Partager Twitter Partagez cette article sur GG+
Re: Thème xBootstrap
Aspirant
Inscrit: 12/10/2012 22:07
Messages: 90
mieux encore :D merci

Posté le : 12/09/2015 01:58
Partager Twitter Partagez cette article sur GG+
Re: Thème xBootstrap
Admin Frxoops
Inscrit: 16/03/2009 16:40
De Tende (06)
Messages: 3528
Angelo a mis à jour la modification de slider84 dans son thème xBootstrap :

http://github.com/angelorocha/xbootstrap

Posté le : 13/09/2015 13:05

Open in new window

Xoopseuse Mai 2012 | Responsable équipe internationale | Recherche avancée en bas de page !
Partager Twitter Partagez cette article sur GG+
Re: Thème xBootstrap
Régulier
Inscrit: 20/11/2005 11:48
Messages: 215
Hello... Petit soucis avec ce thème et les blocs newbb (derniere version) sur chaque colonne du theme, il force la largeur smartphone par défaut. Il faut se deconnecter/reconnecter pour obtenir la largeur adaptée à l'écran.

Une piste ?
Merci par avance.

Posté le : 17/12/2015 08:51
Partager Twitter Partagez cette article sur GG+
Re: Thème xBootstrap
Régulier
Inscrit: 20/11/2005 11:48
Messages: 215
Hello

Si je modifie le TPL du bloc gauche. Les liens deviennent inopérants via un smartphone (ils fonctionnent trés bien sur un PC)

Le code de base qui fonctionne :

<{if $xoBlocks.canvas_left}>
<
div class="col-sm-3 col-md-3 xoops-side-blocks">
    <{foreach 
item=block from=$xoBlocks.canvas_left}>
        <
aside>
            <{if 
$block.title}><h4 class="block-title "><{$block.title}></h4><{/if}>
            <{
$block.content}>
        </
aside>
    <{/foreach}>
</
div>
<{/if}>


Le code que j'ai modifié pour appliquer le même style à tous mes blocs gauches :

<{if $xoBlocks.canvas_left}>
<
div class="col-sm-3 col-md-3 xoops-side-blocks">
    <{foreach 
item=block from=$xoBlocks.canvas_left}>
        <
aside>
        <
div class="xoops-blocks margin-b floatleft width100 block bradius3 boxshadow">
            <{if 
$block.title}><h4><{$block.title}></h4><{/if}>
            <{
$block.content}>
        </
div>
        </
aside>
    <{/foreach}>
</
div>
<{/if}>>


Avec ce dernier, les liens ne fonctionnent pas avec un smartphone.

J'ai modifié les styles dans le style.css du theme.

Je ne pige pas. Voyez-vous une erreur ? Merci par avance.

Posté le : 31/01/2016 22:59
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

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