Tweet
Bonjour
je voudrais rajouter plusieurs modules "image aléatoire" dans un même article mais ça plante en beauté... https://smilecollector.photos/index....g=en&preview=1
j'ai insérer ça pour appeler le module : <p>{loadposition proj-rousse}</p> ou {loadmoduleid 292} sachant que chaque module a une position particulière... j'ai essayé aussi sans les balises <p> avec quelque chose comme <a href="en/fame-dance-project">A ballerina in a tutu, a hiphop dancer in streetwear or... Well, whatever.{loadposition proj-danse}</a>
et puis côté CSS:
le hic c'est que les modules se regroupent avec ou sans l'application du css (réduisez la page pour voir...
en gros ça devrait ressembler à ça: titre, petit texte, photo
vous avez une idée? pour info, avec des images normales, tout fonctionne nickel, y compris les fonds des titres qui ne débordent pas sur les photos mais j'aimerais vraiment une photo aléatoire ici
après plusieurs refresh, ça vient de la taille de la photo...
(template Astroid - FlexiContent)
je voudrais rajouter plusieurs modules "image aléatoire" dans un même article mais ça plante en beauté... https://smilecollector.photos/index....g=en&preview=1
j'ai insérer ça pour appeler le module : <p>{loadposition proj-rousse}</p> ou {loadmoduleid 292} sachant que chaque module a une position particulière... j'ai essayé aussi sans les balises <p> avec quelque chose comme <a href="en/fame-dance-project">A ballerina in a tutu, a hiphop dancer in streetwear or... Well, whatever.{loadposition proj-danse}</a>
Code:
<p>{up addcsshead=css/css-petites-annonces.css}</p>
<p class="ads-title"><img src="images/costrib.png" alt="costrib" /></p>
<h1>projects - wanted notices</h1>
<section class="newspaper"><img src="images/crieur-public-42094974.jpg" alt="crieur public" />
<h2>wanted notice</h2>
<h3>redhead/ginger (but not only)</h3>
<a href="en/redheads-ginger">
<p>I'm looking for redhead girls… but not only</p>
<p>{loadposition proj-rousse}</p>
</a>
<section class="noiretblanc">
<h3>dancers</h3>
<a href="en/fame-dance-project">
<p>A ballerina in a tutu, a hiphop dancer in streetwear or... Well, whatever.</p>
<p>{loadposition proj-danse}</p>
</a>
<h3>fencers</h3>
<a href="en/lady-oscar-fencing-project">
<p>'cos I want some nice foil moves</p>
<p>{loadposition proj-escrime}</p>
</a>
<h3>indoor sport</h3>
<a href="en/fitness-yoga-project">
<p>we'll avoid false moves - securtiy first</p>
<p>{loadposition proj-fitness}</p>
</a>
<h3>Boxers/karateka...</h3>
<a href="en/maggie-fitzgerald-combat-sport"> I don't want sb. to get hurt {loadposition proj-boxe} </a>
<h2>projets</h2>
<h3>silted</h3>
<a href="en/silted">I'm looking for women with nice curves for a project I think is cool... <img src="/images/dune.jpg" alt="dune de sable" /></a>
<h3>no future</h3>
<a href="en/project-no-future-en">Because the future isn't rosy, but we'll do everything we can to make it pretty...<img src="/images/proj-nofuture/smlcol_20191116_131150_7293.jpg" alt="no future" /></a>
<h3>color/images projected</h3>
<a href="en/color-projected-images">What if we put a little color in our lives...<img src="/images/2019S/20190316gina-mara-noa/Cosmic_20190316_190828_5331.jpg" alt="mara" /></a>
<h3>bewitched</h3>
<a href="en/bewitched-project">
<p>I must even have a cauldron somewhere :)</p>
<p>{loadposition proj-bwitch}</p>
</a>
<h3>GI Jane</h3>
<a href="en/project-gi-jane"> Do you feel as a warrior? {loadposition proj-army} </a>
<h2>partnership</h2>
for once or more
<h3>makeup artist</h3>
I'm looking for someone to make some makeup for different purpose: beauty makeup, eye-beauty, sophistacated makeup… I have already a partnership with Magali Couset for the Super Heroes project but I could have some other bodypainting's project.
<h3>hair dresser</h3>
For some sophistacated or not hairdressing… <img src="/images/pub/coiff1.jpg" alt="" />
<h3>designer</h3>
do I really need to explain? <img src="/images/pub/couture1.jpg" alt="" /></section>
</section>
<h1>small ads</h1>
<section class="newspaper">
<section class="noiretblanc">
<h2>accessories</h2>
<h3>double bass/cello</h3>
<p>I am looking for an adult double bass or cello for a photo shooting... it is understood that I will take the greatest care of it. <img src="/images/pub/gewa_rockabilly.jpg" alt="" /></p>
<h3>(old) pushing bag</h3>
It's for my project in regard with "boxing". If it's vintage and/or in leather, it's even better.
<h3>Elegant motorcycle</h3>
Do you have a sleek motorcycle? Whether it's Japanese or an HD, a sports bike, a chopper or a bobber... maybe we can get in touch…
<h3>beautiful cars</h3>
If you have a dream car, old or special? It could be a nice setting for a photo shoot
<h2>place to rent or borrow</h2>
<h3>boxing ring</h3>
Thanks to let me know if you know a all where I can find a boxe ringing. <img src="/images/pub/gym.png" alt="" />
<h3>barn, stable, old attic...</h3>
A lovely place for a photo shooting so we need a bit of place - however I have normally enough "mobile light" to make it
<h3>pianor bar</h3>
<p>In order to organize some projects, I am looking for a piano, a concert hall with this instrument or even a piano bar... it's not the easiest thing to find but it could be really nice (to rent or not)<img src="/images/pub/pianomain.png" alt="" /></p>
<h3>dojo</h3>
Do you know where I can find a lovely dojo? <img src="/images/pub/dojo.jpg" alt="" />
<h2>for my personal use</h2>
<h3>double bass/cello</h3>
<p>By the way, I'm also looking for a second-hand double bass for my personal use - 2 birds 1 stone</p>
<h3>pushing bag</h3>
I think I really need something to knock on, so if you get this cheap, let me know.</section>
<h2>fake advert</h2>
<img class="imgcouleur" title="I need to travel" src="/images/pub/escape.jpg" alt="" /></section>
Code:
/* masquer les colonnes RIGHT et LEFT */
div#astroid-column-1530100662663, div#astroid-column-321538984985652 {
display: none;
}
/* mettre la colonne du CONTENU à 100% */
div#astroid-column-1528971561366 {
max-width: 100%;
flex: 100%;
padding-left: 100px;
padding-right: 100px;
}
/* ne pas afficher les informations de l'article */
.flexi.group.lineinfo.subtitle5 {
display: none;
}
/* ne pas afficher le titre joomla */
h1.contentheading {
display: none;
}
@media (min-width: 1600px) { /*ne pas prendre en compte pour les écrans réduits */
div#astroid-column-1528971561366 {
transform: rotate(-3deg);
padding-right:150px;
padding-left:150px;
margin-top: -110px;
margin-bottom:50px;
}
section.newspaper {
-webkit-column-count:3; /* Opera, Safari, Google Chrome */
-moz-column-count: 3; /* Firefox */
column-count: 3; /* Internet Explorer */
-webkit-column-gap: 100px;
-moz-column-gap: 100px;
column-gap: 100px;
-webkit-column-rule: 2px dashed #555;
-moz-column-rule: 2px dashed #555;
column-rule: 2px dashed #555;
}
div#up-786-3 {
break-before: column;
-webkit-column-break-before: always;
}
}
h1 {
text-align:center;
text-transform:uppercase;
padding-top: 7px;
padding-bottom: 15px;
background:black;
color:whitesmoke;
}
h2 {
color: whitesmoke !important;
background: black;
text-align: center;
}
h3 {
color: whitesmoke !important;
background: grey;
text-align: center;
}
section.noiretblanc img {
filter: grayscale(1);
-webkit-filter: grayscale(1);
margin: 0 0 15px 0 !important;
background: white;
}
section.noiretblanc img.imgcouleur {
filter: grayscale(0);
-webkit-filter: grayscale(0);
}
.petiteimage {
display: inline-flex !important;
max-width:35% !important;
margin-left: 35px;
}
le hic c'est que les modules se regroupent avec ou sans l'application du css (réduisez la page pour voir...
en gros ça devrait ressembler à ça: titre, petit texte, photo
vous avez une idée? pour info, avec des images normales, tout fonctionne nickel, y compris les fonds des titres qui ne débordent pas sur les photos mais j'aimerais vraiment une photo aléatoire ici
après plusieurs refresh, ça vient de la taille de la photo...
(template Astroid - FlexiContent)
Commentaire