Blog d'aide de Blog4ever

simonNana!AlBisonoursMaelranaidh

J'ai un souci !
J'avais préparé des articles avec des colonnes :
mon blog ==> https://graphosoleil.blog4ever.com/
Mais les colonnes n'apparaissent pas pourquoi ?
Alors que lorsque je vais dans le HTML on voit bien le script code de formation pour les colonnes.
Les articles en questions font partis de la catégorie mère "Tous mes tubes"
Articles de la sous catégorie : Les personnes
Articles de la sous catégorie : La nature, les animaux
Articles de la sous catégorie : Les fêtes
Articles de la sous catégorie : Méli-mélo

Merci pour votre aide.
Bonne journée
:sol:

:bd:


Je ne comprend pas où est ce code.

simon
Le code se trouve dans le composeur d'un article ==> code source :

exemple de code source dans cet article : https://graphosoleil.blog4ever.com/mes-tubes-fleurs-plantes-et-autres-1






Dernière modification le lundi 07 Janvier 2019 à 14:48:05

re

Je ne vois pas de code dans cet article mais plein d'images.

Le code html doit se mettre séparément dans le html --> clic sur + et code html puis insérer le code du tableau.

Toi tu parles du code source qui n'a rien à voir

attend ! je vais te faire un imprim ecran je reviens

voici les imprims écran :





Comme tu peux le voir j'ai pas tout surligné

Pour faire un tableau il faut un code   HTML et pas un code source.

regarde c'est cela que je voulais faire :

https://papyclic-design.blog4ever.com/tutoriel-articles-avec-texte-en-colonnes

Je reviens tout à l'heure mon gendre va arrivé

Je t'ai mis un code simplifié dans le html de l'article. VOIR

Il n'y a qu'une colonne

Non c'est pas ça du tout !

Sur mon blog test je l'avais fait et cela fonctionnait bien.
J'avais 4 colonnes et dans ces colonnes ils y avaient mes tubes et lorsque on cliquait sur un tube on le voyait en grand.

Je vais rechercher sur le blog de  et tout refaire :snif:

Merci pour ton aide ! 
Bonne soirée 
:sol:

re

Les colonnes peuvent se faire sous forme de tableau.

https://test-dizperso2.blog4ever.com/essai-tableau

L'exempe que tu donnes chez est pour faire des colonnes avec du texte.

https://papyclic-design.blog4ever.com/generateur-de-tableaux

simon
Désolée de te répondre que maintenant. J'étais tellement épuisée que je me suis couchée comme les poules :ptdr: 
Et je me suis réveillée à 9h ce matin :ptdr:
J'ai le tour du cadran...

Les tableaux ce n'est pas ce qui m'intéresse car il faut mettre les images une par une.
Alors que avec la colonne je les avaient mises toutes en une seule fois.
Car je ne sais pas si tu as vu mais il y en a beaucoupppppppppppp....

Donc je cherche une solution de facilité ... Oui oui !!!! Je suis fainéante  

Non sérieusement ! mes mains me font mal et les mettre une par une je ne peux pas c'est trop douloureux.

 pour ta précieuse aide.
:sol:

RE

Le code que je t'ai mis semble idéal puisque tu mets les images et le cadre est fait tout seul.

Je ne comprend pas ta façon de faire. Les images tu les mets une par une ?


https://graphosoleil.blog4ever.com/mes-tubes-fleurs-plantes-et-autres-1

Je vais essayer +++ tard !
Merciiiiiiiii

simon Voilà j'ai réussi !
J'avais oublié de mettre le code :

/* texte en 2 ou 3 colonnes */ .box2cols { -moz-column-count:2; -webkit-column-count:2; -o-column-count:2; column-count:2; } .box3cols {  -moz-column-count:3;  -webkit-column-count:3;  -o-column-count:3;  column-count:3; } .box2cols, .box3cols { -moz-column-gap:20px; -webkit-column-gap:20px; -o-column-gap:20px; column-gap:20px; -webkit-column-rule-width:1px; -webkit-column-rule-color:#cbcefb; -webkit-column-rule-style:solid; -moz-column-rule-width:1px; -moz-column-rule-color:#cbcefb; -moz-column-rule-style:solid; -o-column-rule-width:1px; -o-column-rule-color:#cbcefb; -o-column-rule-style:solid; column-rule-width:1px; column-rule-color:#cbcefb; column-rule-style:solid; } /* fin texte en colonnes */

Dans le CSS personnalisé pour que les colonnes fonctionnent
Je suis bête 
:ppc:

Grâce aux colonnes je n'ai pas eu besoin de redimensionner toutes mes images.
Avec les tableaux il fallait redimensionner toutes les images une par une.

MILLE MERCIS pour ton aide qui extrêmement précieuse...
:sol:

/*personnaliser les photos*/       sans les étoiles

<*STYLE type="text/css"*>
*.articles_index_contenu_article img, #articles_show_contenu_article img {
    height: auto;
    border: 3px solid;
    border-radius: 20px;
    max-width: 300px;
    min-width: 300px;
    -moz-box-shadow: 10px 10px 5px #656565;
    -webkit-box-shadow: 10px 10px 5px #656565;
    -o-box-shadow: 10px 10px 5px #656565;
    box-shadow: 10px 10px 5px #656565;
    filter: progid:DXImageTransform.Microsoft.Shadow(color='#6565', Direction=135, Strength=5);
}*
 
-->
<*/STYLE>

APERÇU

simon ok je vais m'y mettre merciiiiiiiiiiiiiiiiiiiiiiiiiiiii
:sol:

re moi
tu le mets où ce code ???
Parce que j'ai essayé dans le CSS personnalisé et ça ne fonctionne pas.
Je l'ai mis ensuite dans le html dans le composeur de l'article et là non plus ça ne fonctionne pas.

Je me demande si tu as enlevé les étoiles dans mon code.....

Je l'ai mis dans un bloc html de cet article.



https://graphosoleil.blog4ever.com/mes-tubes-fleurs-plantes-et-autres-1

Mis dans le Css il concernera tous les articles mais il ne faut pas mettre le code
<*STYLE type="text/css"*> ....... mais juste la partie css


/* Design des images articles */
.articles_index_contenu_article img, #articles_show_contenu_article img {
    height: auto;
    border: 3px solid;
    border-radius: 20px;
    max-width: 300px;
    min-width: 300px;
    -moz-box-shadow: 10px 10px 5px #656565;
    -webkit-box-shadow: 10px 10px 5px #656565;
    -o-box-shadow: 10px 10px 5px #656565;
    box-shadow: 10px 10px 5px #656565;
    filter: progid:DXImageTransform.Microsoft.Shadow(color='#6565', Direction=135, Strength=5);
}




Démonstration --->  http://recordit.co/fdtihPWO9V

simon
D'accord ! Alors je vais le mettre dans le css 
Je vais faire un essai.
Je te tiens au courant.
:sol:

C'est top !
:sol:

Juste une précision !

Si tu mets le code dans le html de l'article il y a un avantage qui est de pouvoir personnaliser les cadres par une couleur différente en personnalisant chaque article.
Cela dit je viens de voir que c'est en place et j'espère que ça te plait.



Pour rappel à ceux que ça intéresse il y a ce code à mettre pour que les images se placent en colonnes.


/* texte en 2 ou 3 colonnes */ .box2cols { -moz-column-count:2; -webkit-column-count:2; -o-column-count:2; column-count:2; } .box3cols

{  -moz-column-count:3;  -webkit-column-count:3;  -o-column-count:3;  column-count:3; } .box2cols, .box3cols

{ -moz-column-gap:20px; -webkit-column-gap:20px; -o-column-gap:20px; column-gap:20px; -webkit-column-rule-width:1px; -webkit-column-rule-color:#cbcefb; -webkit-column-rule-style:solid; -moz-column-rule-width:1px; -moz-column-rule-color:#cbcefb; -moz-column-rule-style:solid; -o-column-rule-width:1px; -o-column-rule-color:#cbcefb; -o-column-rule-style:solid; column-rule-width:1px; column-rule-color:#cbcefb; column-rule-style:solid; }
/*fin texte en colonnes */

@Simon@
Il y a quelque chose qui ne va pas :
Pour certains articles le zoom ne fonctionne pas.
comme celui ci ==> https://graphosoleil.blog4ever.com/vos-creations-d-apres-mon-tuto-perroquets

Pour d'autre articles c'est le contraire, les images sont agrandies alors qu'elles sont petites exemple pour cet article :
https://graphosoleil.blog4ever.com/divers-avatars
Les avatars font environ 150px de large sur 150 px de hauteur



Peux tu faire quelque chose ???
:sol:

Dernière modification le vendredi 11 Janvier 2019 à 09:00:01

Si on enregistre l'image fait bien 150/150
Cela dit tu pourrais mettre un code dans l'  html de l'article pour qu'elles soient en taille 150px dans l'article.

style type= text/css  ect .....
.articles_index_contenu_article img, #articles_show_contenu_article img {
    height: auto;
    border: 3px ridge #E04540;
    border-radius: 20px;
    max-width: 150px;
    min-width: 150px;
   margin-left: 60px;
    -moz-box-shadow: 5px 5px 5px #656565;
    -webkit-box-shadow: 5px 5px 5px #656565;
    -o-box-shadow: 5px 5px 5px #656565;
    box-shadow: 5px 5px 5px #656565;
    filter: progid:DXImageTransform.Microsoft.Shadow(color='#6565', Direction=135, Strength=5);
}
--><*/style*>

simon
D'accord !
Je vais mettre ton code dans le HTML

Et pour ceux que le zoom fonctionne il faut faire quoi ???

 pour toutes tes aides tu es génial 

:sol:

Pour ce cas là je ne vois pas pourquoi la fonction zoom ne fonctionne pas.
_________________________________________

Il ne sont pas enregistré de la même manière en class zoomable. Essaies de refaire l'article en brouillon dans le nouveau composeur.

D'accord ! Mais je le ferai demain car là je dois m'en aller.
:sol: