« 1 (2) 3 »
Re : Modif css
Alain T
Alain T

Re : Modif css

Alain T 608
30/06/2021 22:14
#11
Alain T 608
30/06/2021 22:14
Exact, c'est moi qui l'ai oublié, un peu plus haut,
je vais le corriger !
Bien vu !
Re : Modif css
Pascal C.
Pascal C.

Re : Modif css

Pascal C. 431
01/07/2021 08:17
#12
Pascal C. 431
01/07/2021 08:17
Ha super, ça marche.

Je suis vraiment nul, a aucun moment je me suis rendu compte que le point était manquant.
Et pourtant j'ai passé beaucoup de temps sur ce truc

Encore un grand merci a vous deux.
Re : Modif css
Alain T
Alain T

Re : Modif css

Alain T 608
01/07/2021 08:27
#13
Alain T 608
01/07/2021 08:27
C'est signe que ton fichier css/my_css.css était vide sinon tu aurais vu d'autres classes avec des points !

Allez, maintenant que tu as bien compris l'intérêt de ce fichier, tu peux foncer pour te faire plaisir pour apporter ta touche personnelle au thème utilisant Bootstrap.

Allez, pour t'encourager dans cette démarche, je te propose quelques définitions de notre propre fichier ici, sur ce site.
Tu n'es pas obligé de les utiliser en l'état mais ça peut te donner des idées d'adaptation.

/* couleur pour le core */
.xoopscore-color {
color #139EE8  ;
}
.
xoopscore-border {
border-color #139EE8  ;
border-style solid;
border-width thin;
}    
.
xoopscore-bg {
background-color#139EE8   ;
}

/* Affichage du mot XOOPS par un span */
.label-xoops {
color #139EE8;
font-weightbold;
}

/* Gestion des couleurs pour les icones et textes concernant les fichiers et les dossiers */
.directory
{
    
color#fdf2cf;
    
font-styleitalic;
}
.
file
{
    
color#fdf2cf;
    
font-styleitalic;
}
.
file-ico
{
    
color#fdf2cf;
}

/*** ombre **/
.ombre {
box-shadow 5px 10px 25px #555;
}
Re : Modif css
Alain T
Alain T

Re : Modif css

Alain T 608
01/07/2021 08:33
#14
Alain T 608
01/07/2021 08:33
Je précise que dans ton fichier css, tu peux y intégrer des classes, des ID notamment.

Quelques pistes pour démarrer :
http://css.mammouthland.net/selecteurs-css-class-id.php
https://developer.mozilla.org/fr/docs/ ... Building_blocks/Selectors
Re : Modif css
Pascal C.
Pascal C.

Re : Modif css

Pascal C. 431
01/07/2021 08:51
#15
Pascal C. 431
01/07/2021 08:51
Super Alain, je vais ben potasser tout ça. ça va m'être fort utile.
Va falloir que je bosse aussi le fonctionnement des menus bootstrap pour les rendre plus "visuels"

Pour info, Je me suis aperçu que le module xmcontent de Greg gère hyper bien l'import de code html.

mon idée finale est en fait de passer a terme sous Xoops tout le site html qui commence à prendre un coup de vieux, et probablement même le fusionner avec notre extranet.

C'est pas pour demain, mais je pense que je peux assez facilement exporter toutes les pages en utilisant ce module.

Ca va me permettre d'appréhender petit a petit le principe de fonctionnement de bootstrap qui comme tu peux le voir me pose beaucoup de soucis.
Re : Modif css
Pascal C.
Pascal C.

Re : Modif css

Pascal C. 431
01/07/2021 09:43
#16
Pascal C. 431
01/07/2021 09:43
Bon, plus difficile, je voudrais attribuer une taille de caractere différente pour le sitename et le slogan.
Je pensais simplement pouvoir faire ainsi

dans le CSS
.mon-slidetext1{
    
font-size48px;
    
text-shadow6px 5px 2px #000000;
    
color#FFFFFF;

.mon-slidetext2{
    
font-size24px;
    
text-shadow6px 5px 2px #000000;
    
color#FFFFFF;


dans le slider.tpl
<h2 class="mon-slidetext1"><{$xoops_sitename}></h2>
<
class="mon-slidetext2"><{$xoops_slogan}></p>
<
class="btn btn-primary" href="#"><{$smarty.const.THEME_LEARNMORE}></a>


mais mon-slidetext2 n'est pas pris en compte.
A chaque fois que je pense avoir compris la démarche... bien non en fait
Re : Modif css
Alain T
Alain T

Re : Modif css

Alain T 608
01/07/2021 09:51
#17
Alain T 608
01/07/2021 09:51
Bon, tu pourrais utiliser une seule déclaration de classes vu que la définition de tes 2 classes est identique hormis la taille du texte, et en faire une pour chacune des classes pour juste la différence mais on va faire simple pour l'instant !

Question idiote : as-tu supprimé le cache de ton navigateur pour faire relire ton fichier css ?
Rappel : le navigateur le met en cache et donc toute modif n'est pas pris en compte systématiquement
Re : Modif css
Pascal C.
Pascal C.

Re : Modif css

Pascal C. 431
01/07/2021 10:03
#18
Pascal C. 431
01/07/2021 10:03
Oui, j'ai bien tout vidé.
Je me suis d'ailleurs bien aperçu que la ligne slogan avait perdu ses propriétés. Donc de ce coté là c'est bon.
Re : Modif css
Alain T
Alain T

Re : Modif css

Alain T 608
01/07/2021 10:07
#19
Alain T 608
01/07/2021 10:07
Ok, dans ce cas, dans le cadre de tests, remplace
<class="mon-slidetext2"><{$xoops_slogan}></p>
par
<h5 class="mon-slidetext2"><{$xoops_slogan}></h5>
Re : Modif css
Alain T
Alain T

Re : Modif css

Alain T 608
01/07/2021 10:09
#20
Alain T 608
01/07/2021 10:09
Non, j'ai trouvé !!!

tu as écrit :
.mon-slidetext1{
    
font-size48px;
    
text-shadow6px 5px 2px #000000;
    
color#FFFFFF;

.mon-slidetext2{
    
font-size24px;
    
text-shadow6px 5px 2px #000000;
    
color#FFFFFF;


et il faut en fait écrire :
.mon-slidetext1{
    
font-size48px;
    
text-shadow6px 5px 2px #000000;
    
color#FFFFFF;
}
.
mon-slidetext2{
    
font-size24px;
    
text-shadow6px 5px 2px #000000;
    
color#FFFFFF;
}

Tu as oublié la fermeture des accolades... Tsssss !