Accueil d'Adminous

Portail d'Adminous

Derniers messages du forum
Vive le printemps
Adminous | Entraide entre admins | Annuaire web | forum de pub
Vous souhaitez réagir à ce message ? Créez un compte en quelques clics ou connectez-vous pour continuer.
Le Deal du moment : -26%
Bosch BBS8214 Aspirateur Balai Multifonction sans fil ...
Voir le deal
249.99 €

comment modifier bloc html

2 participants

Aller en bas

comment modifier bloc html Empty comment modifier bloc html

Message par djeman Sam 27 Mai 2023 - 10:38

Bonjour,

J'ai trouvé un code HTML sans CSS sur internet, le voici :

comment modifier bloc html Bulle-10
Code:
<!-- DÉBUT DE BULLE -->
<div style="width: 99%; padding-top: 0px; padding-bottom: 15px; border: 3px solid #5E90AF; text-align: left; background: #EAF0F5; border-radius: 10px;">CONTENU ICI</div>
<!-- FIN DE BULLE -->

J'ignore comment ça s'appelle, pour le nommer, j'appelle ça une "bulle"

J'aimerai avoir 2 autres bulles comme suit :

1ère autre bulle :
- J'aimerai mettre des marges à l'intérieur des 10 px, entre le contenu de la bulle et les bords de la bulle, comme cette image :
comment modifier bloc html V9ufOheBEDNTE1eTQjzczmwxJus@500x59
- Pour la marge de 10 px entre le texte et le bord du bas, ce n'est peut-être pas utile d'en mettre car ça met déjà une marge de plus de 10 px avec mon code hélas.

2ème autre bulle :
- J'aimerai avec les mêmes marges intérieures de 10 px que la 1ère autre bulle, mettre en plus une image de 70px x 70px toujours à gauche à l'intérieur de la bulle avec 10 px de marge entre l'image et le texte, comme cette image :
comment modifier bloc html S-e_wxTOzCVp-IN6cgTI_1zmjIE

PS : Sujet à part :
- Je vais avoir un autre besoin : mettre 3 de ces 1ères bulles l'une à côté de l'autre, est-ce que ça vous gêne si je refait une demande après que cette demande soit résolu ?

Merci d'avance.


Disney Asylum RPG
djeman
djeman

Messages : 10
Date d'inscription : 27/05/2023

Revenir en haut Aller en bas

comment modifier bloc html Empty Re: comment modifier bloc html

Message par Atrien Mar 21 Nov 2023 - 16:27

Bonsoir djeman

Voila ta 1ère bulle :
Le texte ici

Code:
<div style="width: 95%; padding: 10px; border: 3px solid #5E90AF; text-align: left; background: #EAF0F5; border-radius: 10px;">Le texte ici</div>

Ta 2ème bulle :

Test de bulle et futur bulle


&nbsp;


comment modifier bloc html 70x70Il s’agit d’un véritable gabarit semi-rigide réalisé dans du carton brun. Les silhouettes de vos lettres y sont ajourées pour permettre une insertion précise et une recomposition facile et rapide de votre visuel. Le gabarit est pré-adhésivé et repositionnable, il suffit de le placer sur votre support (mur ou panneau), d'y insérer les lettres en relief avec leur fixation (mousse double-face, collage, vissage…) et enfin de retirer délicatement le gabarit.

Code:
<div style="width: 95%; padding: 10px; border: 3px solid #5E90AF; text-align: left; background: #EAF0F5; border-radius: 10px; overflow: auto;"><img style="float: left; width: 70px; height: 70px; box-sizing: content-box; padding-right: 10px;" src="https://via.placeholder.com/70x70.png" alt="" />Il s’agit d’un véritable gabarit semi-rigide réalisé dans du carton brun. Les silhouettes de vos lettres y sont ajourées pour permettre une insertion précise et une recomposition facile et rapide de votre visuel. Le gabarit est pré-adhésivé et repositionnable, il suffit de le placer sur votre support (mur ou panneau), d'y insérer les lettres en relief avec leur fixation (mousse double-face, collage, vissage…) et enfin de retirer délicatement le gabarit.</div>


comment modifier bloc html Forum-10
Atrien
Atrien

Messages : 17
Date d'inscription : 16/11/2023

Revenir en haut Aller en bas

comment modifier bloc html Empty Re: comment modifier bloc html

Message par djeman Jeu 23 Nov 2023 - 10:52

Bonjour 
Je te remercie pour ton aide.
Passe une bonne journée


Disney Asylum RPG
djeman
djeman

Messages : 10
Date d'inscription : 27/05/2023

Revenir en haut Aller en bas

comment modifier bloc html Empty Re: comment modifier bloc html

Message par Contenu sponsorisé


Contenu sponsorisé


Revenir en haut Aller en bas

Revenir en haut


 
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum