Blog d'aide de Blog4ever

:bd: 
Ma demande est un peu spéciale, aussi, j'espère que je vais être claire dans mes explications.
Je souhaiterais créer des articles pour partager mes images "flashes" (horloges, calendriers, images animées, etc...).
Pour ce faire, je souhaiterais créer des petites fenêtres à texte déroulant (que je placerais sous l'image) pour y inclure les codes HTML de ces images, afin que mes visiteurs puissent copier le code-lien approprié, dans le cas où ils seraient intéressés.
Cela m'éviterait de mettre ce code intégralement sous l'image,  dans ma page d'article (car ce n'est pas très esthétique, dans la mesure où ces codes sont toujours très longs).
Ceci est-il possible à réaliser dans la gestion d'un article, sur la V2 du Master Design de mon blog (ancienne version) ?
:b2:  d'avance pour le renseignement.
PS : j'ai vu un article qui se rapprochait de ma demande, mais c'était différent de ce que je recherche (sur une barre de navigation)

Voici un article test que je te propose si c'est ce que tu veux.

Dans l'exemple les codes ne correspondent pas c'est évident mais tu peux voir le tableau qui s'ouvre et dans ce tableau figurera le code que tu voudras.

http://test-dizperso2.blog4ever.com/code-cache


Il y a un tuto chez notre ami

:b1:simon  
:b2:  pour ta réponse.
Ce n'est pas exactement ce que je cherchais, mais je trouve ce système intéressant également, et d'une grande discrétion. Toutefois, je ne comprends pas comment, ni où, installer le code qui génère la fenêtre.
Tu ne l'expliques pas. A moins que ce soit moi qui sois  
Je pense que c'est le code qui se trouve dans la 2ème fenêtre, mais où faut-il le mettre pour créer le lien ? et comment inclure ensuite mon code image flash dans la fenêtre
  je suis désolée, mais je ne comprends pas du tout.

Concernant le tuto de   je suis allée chercher dans son blog, mais je n'ai pas trouvé.
J'ai vu des fenêtres pour mettre des messages fixes, mais cela ne correspond pas du tout à ce que je cherche puisque cela fait apparaître le texte intégralement (donc, cela prend trop de place et serait trop inesthétique.
Je vais chercher un exemple, sur un autre blog, et te faire une capture d'écran pour que tu comprennes mieux ce que je cherche.
:bye: Je reviens...

  me revoilou !
Voici le type de fenêtre que je recherche, avec les flèches déroulantes sur le côté :


Il existe des fenêtres plus petites, mais celle-ci ferait bien mon affaire...

re

J'ai fabriqué un article , je ne sais pas si c'est ce que tu veux mais c'est un peu compliqué à réaliser.
Il me reste des choses à mettre au point

http://test-dizperso2.blog4ever.com/boite

:bd:simon  
Je ne sais comment te remercier pour tous les efforts que tu déploies à essayer de m'offrir une solution. Et du coup, je me sens un peu gênée de déclencher toute cette cogitation dans ta tête.
Je mérite une fessée :ppc:
Ta création est très intéressante, mais je suis désolée de te dire que ce n'est pas là ce que je recherche.
Je voudrais juste pouvoir positionner cette petite fenêtre déroulante (du genre de celle que j'ai prise en capture, dans le post précédent) en dessous de chaque image nouvelle que je souhaite partager.
En fait, cela ressemble aux fenêtres dans lesquelles nous intégrons nos liens d'images, ici, sur le forum, ou bien pour mettre celui de nos titres-logos en guise de bannière, etc...

:sol:
Ne sois pas désolée car moi je m'amuse à faire ce genre de chose.
Je vais chercher pour voir ce que je trouve.

Belle journée !
ici grand soleil mais le froid est arrivé.............

:b2:simon 
  tu es génial !!!   :am:  
Ici aussi : c'est grand soleil :sol:  mais le vent est glacial 

re
@Aquarella@

Voici du nouveau.

Ne te gènes pas pour me dire si ce n'est pas bon!

http://test-dizperso2.blog4ever.com/boite-ascenseur

Hourra ! simon  et :b2:  
Tu as parfaitement compris ce que je cherchais.
Le plus dur pour moi, maintenant, est de le mettre en application.
Je t'ai laissé un message avec mes questions sur ton blog où nous pourrons échanger pour que je comprenne mieux.
Tu es épatant et je ne sais comment te remercier pour ce magnifique travail.
Tu es un AS de l'informatique et je t'exprime toute ma gratitude pour le travail de recherche et d'élaboration que tu as fait.
:b2::b2::b2:

Je vais préparer un article en brouillon pour faire l'essai.
Mais je le ferai un peu plus tard, car pour l'heure, j'ai autre chose à faire.
:bye:

simon 
Je voulais te dire :b2:  pour ta patience et ton obstination à me trouver une solution.
Ce que tu me proposes est parfait pour moi.
J'ai encore des détails à peaufiner car je bloque sur le code à mettre dans la fenêtre ascenseur, mais je pense que je vais finir par trouver la solution.
Je t'ai laissé une réponse, sur ton blog, pour te dire ma difficulté.
 

re

Tout va bien car tu as réussis ton article.

Rassures toi il est centré ( même si tu le vois à gauche dans la gestion.)

Il suffit juste de coller ton tuto dans la fenêtre et enregistrer.

Ton image du père NOÊL est très belle.

Si ton image est animée dans la fenêtre il se peut que le code s'active donc il faut mettre des étoile **  dans le code pour le figer ou alors faire une capture écran du code et coller l'image de ton texte dans la fenêtre.

:b1:simon 
Ça y est ! J'ai réussi à stabiliser le code dans la fenêtre.
Par contre, si mon image est bien cadrée au milieu de l'article, la fenêtre ascenseur, elle, reste à gauche dans mon aperçu (pas seulement dans la gestion)
J'ai essayé tous les moyens : par des codes, avec les icônes de la barre,... 
Pas moyen de changer ça   
Si tu as une solution pour y remédier, je prends
Sinon, tant pis ! Je ferai avec !
:b2: à propos de mon image   :am:
Un grand, grand :b2: pour toutes tes explications.

re

Si tu regardes bien mon code il y a au début les signes en gras et ils n'y sont pas  dans ton code html:




J'ai corrigé dans ta gestion en ajoutant les 2 "margin" directement dans le code et à présent c'est centré.:oe:

div#bloc1 {
    background: #f7f1c8 none repeat scroll 0 0;
    border: 5px outset yellow;
    border-radius: 20px;
    height: 100px;
    margin-left: auto;
    overflow: scroll;
    resize: both;
    width: 450px;
    margin-right: auto;
}

belle journée

:bd:simon 
       
Tu es mon Père-Noël !!!:sp:  
Je ne sais comment j'ai pu louper ça.
J'avais totalement copié ton code et je m'étais contenté d'effacer ton image poisson.
C'est parfait maintenant :am:  
:b2: encore pour tout.
Cela demande un peu de travail et de patience, mais le résultat en vaut la chandelle.