Annonce

Écrire une réponse

Veuillez écrire votre message et l'envoyer

Cliquez dans la zone sombre de l'image pour envoyer votre message.

Retour

Résumé de la discussion (messages les plus récents en premier)

ddtddt
2009-07-21 08:56:17

Il me semble que c'est 2 choses différentes :

.content UL.thumbnails IMG {
    border: 1px solid #000000;}

ajoute un cadre de 1 pixels noir autour des miniatures

H2 {
    margin: 0;
    padding: 1px 1px 1px 1px;
    text-align: left;
    font-size: 120%;
}

fait un espace de 1 pixel autour des titre h2 avec le texte aligné à gauche et une taille de police de 120 %

mais l'important est que cela donne un rendu qui convienne à Tschoa
(
- pour un espace identique tout autour padding: 1px; est suffisant 

- a titre perso, sur la taille des polices, je préfère l'utilisation de xx-small, x-small, small, medium, large, x-large, xx-large  plutôt que des pourcentage.
)

Gotcha
2009-07-20 23:21:26

Tschoa a écrit:

Rectification finale !

Je suis sous Mozilla 3 et après test sous IE 6 (par hasard !), les cadres ressemblent à des gros pâtés !

Petites modif :

H2 {
    margin: 0;
    padding: 1px 1px 1px 1px;
    text-align: left;
    font-size: 120%;
}

et c'est tout de suite mieux !


A+

@ddtddt: tu valides ?

Tschoa
2009-07-20 14:28:35

Rectification finale !

Je suis sous Mozilla 3 et après test sous IE 6 (par hasard !), les cadres ressemblent à des gros pâtés !

Petites modif :

H2 {
    margin: 0;
    padding: 1px 1px 1px 1px;
    text-align: left;
    font-size: 120%;
}

et c'est tout de suite mieux !


A+

ddtddt
2009-07-20 07:36:52

Tschoa a écrit:

RESOLU !

Coté Thumbnails : dans local-layout.css :
.content UL.thumbnails IMG {
    border-bottom: 1px solid #000000;
    border-top: 1px solid #000000;
    border-left: 1px solid #000000;
    border-right: 1px solid #000000;

Côté Picture :  Je me suis rabattu sur "Look_like_gbo2" et j'ai modifié le cadre d'origine, c'est tout bête ! (zut, moi qui voulais faire du code !)
A noter que c'est un super pluging dans son ensemble !


Merci !

.content UL.thumbnails IMG {
    border: 1px solid #000000;}

devrais suffire

(pour marquer [résolu] dans le titre, il suffit que tu édites ton 1er post)

Gotcha
2009-07-19 22:54:17

Merci, c'est ajouté au wiki. ;-)

Tschoa
2009-07-19 12:48:14

RESOLU !

Coté Thumbnails : dans local-layout.css :
.content UL.thumbnails IMG {
    border-bottom: 1px solid #000000;
    border-top: 1px solid #000000;
    border-left: 1px solid #000000;
    border-right: 1px solid #000000;

Côté Picture :  Je me suis rabattu sur "Look_like_gbo2" et j'ai modifié le cadre d'origine, c'est tout bête ! (zut, moi qui voulais faire du code !)
A noter que c'est un super pluging dans son ensemble !


Merci !

Gotcha
2009-07-03 18:48:54

Je crois que le wiki n'est pas encore assez clair... (sifflotte)

[EDIT]
Ajout d'une note dans le wiki.

ddtddt
2009-07-03 17:42:07

Tschoa a écrit:

Ah oui, je l'avais lu qqs part !
Ba comme aux petits chevaux, je recule d'une case.

Par contre pour mes cadres, ça m'arrange pas !

il suffit de mettre le smodifications dans le fichier local elle sera prise en compte

Tschoa
2009-07-03 17:00:58

Ah oui, je l'avais lu qqs part !
Ba comme aux petits chevaux, je recule d'une case.

Par contre pour mes cadres, ça m'arrange pas !

VDigital
2009-07-03 16:45:37

Tschoa a écrit:

c'est dans default-layout.CSS.

Non non et non.
Il faudra l'écrire 250000 fois sur le forum mais on ne touche pas aux fichiers livrés (default-xxx c'est votre sécurité le défaut).

LocalFiles Editor -//:---\spam les fichiers locaux local-layout.css par exemple où on indique que ce qu'on veut voir changer.

Techniquement on parle de surcharger (en anglais: Overrides).

Merci de penser au jour où vous voudrez faire une évolution et ne pas perdre vos modifs.

Tschoa
2009-07-03 15:04:50

Merci pour ce début de réponse.

- Pour LocalFiles Editor : PHPEdit marche bien aussi.
- Pour Look_like_gbo2, baaaaaa, j'aime pas trop le cadre gros cadre blanc. J'aime mieux modifier le code et avoir un petit cadre noir.



- En tout cas : gros merci pour m'avoir orienté vers les CSS ! ! !  J'ai presque réussi à faire ce que je désir.


1/ Pour les thumbnails : c'est dans default-layout.CSS.
Voici le code :
---------------------------------------------------
IMG {
    border: 0.5em 0.5em 0.5em 0.5em;
    border-color: #000000;
}
---------------------------------------------------  J'aurai aimé des lignes plus petites : mais pas d'effet avec 0.2 ou 0.3. Si qq'un à la réponse ! Merci.

J'ai aussi dut modifier les marges sinon cela donne un effet de flottements dans les miniature au passage de la souris, si l'on a des miniature assez large ou haute.
--------------------------------------------------
H2 {
    margin: 0;
    padding: 5px 3px 5px 3px;
    text-align: left;
    font-size: 120%;
--------------------------------------------------



2/ Pour la picture : Je bloque encore ! ! !
Dans picture.CSS avec le code :
---------------------------------------------------
#theImage>IMG {
    border: 1px;
    border-color: #000000;
    display: block;
    margin: 0 auto;   
    }
---------------------------------------------------  Pas d'effet !




Merci d'avance, j'y suis presque -)

Gotcha
2009-07-02 19:02:17

Tschoa a écrit:

Cela doit pourtant être simple ou la chaleur, j'y étais arrivé facilement sur ma vieille version en 1.4 (y'a qqs années !)
Là je jette l'éponge : Quels fichiers ? Quels lignes ? Quels codes ?

Tu dois effectivement avoir bien chaud pour faire cette allusion lol

Plus sérieusement, pour encadrer les photos en vue normale, il y a le plugin extension:251 qui te le permet.
Pour les miniature, c'est avec du CSS via LocalFiles Editor qu'il va falloir jouer. Je pense notamment en rajoutant des bordures. Un spécialiste t'en dira plus que moi :-)

Tschoa
2009-07-02 18:32:43

Bonjour,

Version piwigo 2.02 / Hébergement chez Free.


- Comme l'indique le titre, j'essaie de mettre une petite bordure autour de chaque miniature (sur l'accueil, dans les catégories,etc).
- Même question sur la Random Image ? (ce n'est peut être pas sur le même fichier ?).
- Et bien sur : faire de même pour les images (ça fait 3 questions !).

Pour les miniatures : J'ai tenté de modifier les fichiers thumbnails.tpl : échec !
Pour l'image : modif sur : Picture.tpl : échec !


Cela doit pourtant être simple ou la chaleur, j'y étais arrivé facilement sur ma vieille version en 1.4 (y'a qqs années !)
Là je jette l'éponge : Quels fichiers ? Quels lignes ? Quels codes ?



Pourquoi mettre un petit cadre noir autour des images ? / Réponse : pour les faire ressortir visuellement.



Merci d'avance.

Pied de page des forums

Propulsé par FluxBB

github twitter newsletter Faire un don Piwigo.org © 2002-2024 · Contact