Demande de modification de codage pour tableau de forum de pub

Créations : 1 Est arrivé(e) le : 04/08/2022

Bonjour

J'ai crée le forum Solidarité Pub : https://solidaritepub.forumactif.com/ récemment mais je souhaite avoir un tableau affiché en haut de l'accueil comme tout les forums de pub, parce que c'est plus pratique pour présenter le forum, naviguer et afficher les partenaires.

J'en ai trouvé un aujourd'hui sur un forum de codage en LS.

Largeur du bloc :
j'aimerai que le bloc prennent toute la largeur du forum.

Fond :
Le bloc n'est pas sur fond presque blanc comme le fond de page, j'aimerai que ce bloc soit sur la même couleur que le fond de ma page.

Bloc de droite :
J'aimerai que la hauteur du bloc de droite soit 2,5 fois plus large et que la hauteur "automatique" : si j'enlève une ligne de code c'est moins haut et, si je rajoute une ligne de code c'est + haut .

Bloc de gauche :
J'aimerai que mes liens soient séparés par une ligne.

Description :
J'aimerai que la description soit toujours de la même hauteur que le bloc de droite (je peux tricher avec des balises "br/" ou en grossissant/rétrécissant le texte.)
J'aimerai que le fond de la description soit changeable et que la taille et la couleur des textes de la description soit changeable aussi.

Partenaires (bloc en bas du bloc):
1)Pour le bloc "Partenaires" j'aimerai mettre des logos 88x31 (et là c'est 50x50) et, sans "filtre" par dessus qu'on puisse voir les couleurs des logos tel quel.
2) J'aimerai pouvoir ajouter et supprimer des partenaires, donc il faut laisser des places "vides" pour les futurs partenaires.
3) J'aimerai mettre un texte "Partenaires" au dessus des partenaires.

Mes codes CSS :

Code:: /* PA */
.OLD {
background:#b093dd; /* MODIFIABLE */
}
/* BLOC LIENS PA */
.lksOLD {
background:#8253a0; /* MODIFIABLE */
}
/* LIENS PA */
.lksOLD a {
color:#ffffff; /* MODIFIABLE */
}
/* SURVOL LIEN PA */
.lksOLD a:hover {
background:rgba(250,250,250,0.3); /* MODIFIABLE */
}
/* POINTE LIENS PA */
.triOLD {
border-top-color:#8253a0 !important; /* MODIFIABLE */
}
/* CONTEXTE PA */
.ctxtOLD {
background:rgba(250,250,330,0.2); color:#ffffff; /* MODIFIABLE */
}
/* BLOC STAFF & PREDEFINIS PA */
#staffOLD {
background:#d5c0e3; /* MODIFIABLE */
}
/* CONTENUS STAFF PA */
.staffOLD p {
background:#9576a9; color:lightgrey; /* MODIFIABLE */
}
/* DISPONIBLE PA */
.onOLD {
background:lightwhite; color:black; /* MODIFIABLE */
}
/* INDISPONIBLE PA */
.offOLD {
background:crimson; color:white; /* MODIFIABLE */
}
/* LIENS PROFILS STAFF PA */
.staffOLD a {
color:lightgrey; /* MODIFIABLE */
}
/* PREDEFINIS PA */
.pfOLD {
background:lightgrey; /* MODIFIABLE */
}
/* BLOC PARTENAIRES & TOP-SITES PA */
.partOLD {
background:rgba(250,250,250,0.2); /* MODIFIABLE */
}
/* TOP-SITES PA */
.topOLD a {
background:black; /* MODIFIABLE */
}

Mes codes HTML :

Code:: <link type="text/css" rel="stylesheet" href="https://www.aht.li/3205359/OLD_PA.css" />
<div class="OLD">

<div class="boxOLD">


<div class="lksOLD">

<a href="https://solidaritepub.forumactif.com/f24-charte-a-lire-et-a-signer">Charte à signer</a>
<a href="https://solidaritepub.forumactif.com/f25-votre-presentation-formulaire-rapide-obligatoire">Présentation obligatoire avec un formulaire</a>
<a href="https://solidaritepub.forumactif.com/f26-cadeau-de-bienvenue-votre-logo-88x31-ici-durant-2-mois">Cadeau de bienvenue</a>
<a href="https://solidaritepub.forumactif.com/f2-forums-de-moins-de-30-membres">Affichage logos - Forums de moins de 30 membres</a>
<a href="https://solidaritepub.forumactif.com/c2-les-bannieres-des-aidants">Les bannières des aidants</a>
<a href="https://solidaritepub.forumactif.com/c5-services-de-solidarite-pub">Services de Solidarité Pub</a>
<a href="https://solidaritepub.forumactif.com/c3-entraide-entre-membres">Entraide entre membres</a>
<a href="https://solidaritepub.forumactif.com/c4-vos-publicites">Vos publicités</a>
<a target="_blank" href="https://solidaritepub.forumactif.com/f31-partie-forum-de-discussions">Forum de discussion</a>
</div>


<div class="triOLD">

</div>

</div>

<div class="boxIIOLD">


<div class="ctxtOLD">
   Sur "Solidarité Pub", affichez votre <a href="https://solidaritepub.forumactif.com/f26-cadeau-de-bienvenue-votre-logo-88x31-ici-durant-2-mois">cadeau de bienvenue durant 2 mois</a>.<br />Si votre forum a moins de 30 membres, afficher votre logo <a href="https://solidaritepub.forumactif.com/f2-forums-de-moins-de-30-membres">par ici !</a>.<br />Dans <a href="https://solidaritepub.forumactif.com/c5-services-de-solidarite-pub">Services de Solidarité Pub</a>, profitez du MP de masse qui est envoyé tout les mois, affichez votre logo 88x31 pendant 2 mois et mettez votre bannière 460x60 pendant 1 mois (4 places disponibles en même temps).<br />Dans <a href="https://solidaritepub.forumactif.com/c3-entraide-entre-membres">Entraide entre membres</a>, n'hésitez pas à poster votre demande que se soit par exemple une recherche de partenariat, de staff, de partenaire ou d'aide sur le graphisme ou le codage ou l'orthographe. Pensez aux autres membres : s'ils vous aident, ils gagneront des services d'affichages de bannières. Votre demande ne sera pas supprimé au bout d'un mois car ici, il n'y a pas d'actualisation obligatoire.<br />Dans la catégories <a href="https://solidaritepub.forumactif.com/c4-vos-publicites">Vos publicités</a>, n'oubliez pas la section <a href="https://solidaritepub.forumactif.com/f29-affichez-de-votre-logo-88x31-dans-la-section-de-votre-publicite">Affichez de votre logo 88x31 dans la section de votre publicité</a>.<br />Enfin, pour animer Solidarité Pub, il serait nécessaire et bienveillant de votre part de participer à la <a href="https://solidaritepub.forumactif.com/f31-partie-forum-de-discussions">Partie forum de discussion</a>. <br />Solidarité Pub a été crée par une femme en invalidité pour dépression et syndrome d'Asperger, ce qui signifie qu'entre autre ses centres d'intérêts sont restreints et répétitif donc d'une extrême importance pour elle.
</div>


<div id="staffOLD">


<div class="staffOLD">

<center>


<p>
   Azénor
<span class="onOLD">Admin</span>
<a target="_blank" href="https://solidaritepub.forumactif.com/u1">Profil</a>
</p>

<img src="https://i.servimg.com/u/f20/17/81/42/50/admin-10.jpg" />
</center>

</div>

 <br /><br /><link type="text/css" rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Dancing+Script&display=swap" />
<div style="font-family: 'Dancing Script', cursive;font-size:30px;color:#9279C4;">
   Forum d'Azénor :
</div>
   <br /> <a href="https://aidezmoi.forumactif.com/" target="_blank" title="Ecrivez du texte et affichez votre bannière ou logo sur ce forum"><img src="https://i.servimg.com/u/f20/17/81/42/50/am-aid10.gif" style="border:0px" alt="AM Aidez-Moi" /></a><a href="https://www.felinepub.com/" target="_blank" title="FÉLINE PUB : Forum de pub - Annuaire de sites, forums, groupes Facebook ect... sans actualisation obligatoire. Graphisme et codage"><img src="https://2img.net/h/img.xooimage.com/files110/3/e/e/bouton-feline-pub-nouveau-551bb9a.png" style="border:0px" alt="Féline Pub forum de pub et annuaire généraliste" /></a><a href="https://birdpub.forumactif.com/" target="_blank" title="Forum de pub sans actualisation obligatoire"><img src="https://i.servimg.com/u/f20/17/81/42/50/bird-p10.jpg" style="border:0px" alt="Bird Pub" /></a><a href="https://www.ella-annuaire.com/" target="_blank" title="Ella Annuaire - Annuaire généraliste gratuit, référencement de vos sites, blogs, forums, YouTube, réseaux sociaux"><img src="https://2img.net/h/img.xooimage.com/files114/c/c/b/bouton-ella-annuaire-5898c7f.png" style="border:0px" alt="Ella Annuaire - annuaire généraliste gratuit" /></a> <br /><br /><link type="text/css" rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Dancing+Script&display=swap" />
<div style="font-family: 'Dancing Script', cursive;font-size:30px;color:#9279C4;">
Forums de membres actifs d'AM Aidez-Moi :<a href="https://ouaf-ouaf-pub.forumgratuit.org/" title="Venez nous rejoindre sur ce forum de pub pour présenter votre forum/blog/site/chaîne. Vous pouvez demander des créations graphiques, de la correction." target="_blank"><img src="https://i.servimg.com/u/f20/17/81/42/50/ouafou10.jpg" alt="Forum de publicité Ouaf Ouaf Pub" /></a>
</div>
   <br />
</div>


<div class="partOLD">
   <a href="https://rowlingpub.forumactif.org/" target="_blank"><img src="https://zupimages.net/up/22/25/z6vg.png" /></a> <a href="https://instantpub.forumactif.com" target="_blank" title="Instant Pub - Référencement, Animations, Affichages, Entraide."><img src="https://zupimages.net/up/22/21/lvr4.png" alt="Logo 88x31 - Instant Pub" /></a> <a rel="nofollow" target="_blank" class="postlink" href="https://ouran-pub.forumactif.fr"><img alt="" border="0" src="https://zupimages.net/up/22/11/rmjq.png" /></a> <a href="http://hogsmeade-pub.forumactif.org"><img src="https://zupimages.net/up/22/19/fr1g.png" /></a> <a href="https://coin-pub.actifforum.com/forum" target="_blank"><img src="https://zupimages.net/up/22/20/qv5m.png" border="0" alt="Coin Pub" /></a> <a href="https://chat-pub.forumactif.com"><img src="https://zupimages.net/up/22/18/9vb3.png" /></a> <a href="https://seriespub.forumactif.org"><img src="https://zupimages.net/up/22/21/semy.png" /></a>

<div class="topOLD">

<a target="_blank" href="..."></a>
<a target="_blank" href="..."></a>
<a target="_blank" href="..."></a>
</div>

</div>

</div>
</div>

Hello Kilou, vraiment navrée je n'avais pas vu le message auparavant. Alors pour le fond de ta PA, en fait il va te falloir faire avec ce morceau de code que tu trouveras juste ici : https://lecerclesecret.forumactif.org/t203-suppression-du-fond-et-de-l-encadrement-de-la-pa. Ainsi ton fond gris-blanc qui n'est pas de la même couleur que ton fond forum, ne se verra absolument plus du tout. Tu n'auras donc plus ce problème I love you

Pour le changement de la taille de tes images de partenaires, en théorie ce code devrait fonctionnait :

Code:: .partOLD img {
width : 88px;
height : 31px;
}

positionne le juste après ce morceau de code :

Code:: .partOLD {
background:rgba(250,250,250,0.2); /* MODIFIABLE */
}

Pour le reste je vais avoir besoin d'un peu plus de temps pour fouiner le code dans son entièreté, mais j'espère que les deux premiers codes vont t'aider et fonctionneront bien. Smile