Problème avec les arrondies des catégories et code de la page d'accueil

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Problème avec les arrondies des catégories et code de la page d'accueil

Message par Olii le Lun 17 Juil 2017 - 14:44

Détails techniques


Version du forum : phpBB3
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Google Chrome
Capture d'écran du problème :
Voir l'image:

Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : Lorsque je supprime une partie du CSS codant la page d'accueil
Lien du forum : http://fearwood--rpg.forumactif.org/

Description du problème

Bonjour, je rencontre un petit soucis dans la mise en page du forum. En faite, mes catégories sont arrondies au bord et le haut du forum également, ce qui est voulu. Mais je voudrais changer la page d'accueil, qui est codée dans le CSS par:

Code:
.postdetails.poster-profile img {
  width:200px;
  display:block;
  max-width: 195px;
  padding: 1px;
}





.OLD {
width:800px; height:430px; margin:auto; margin-bottom:50px; line-height:auto;
background-color:#191919;  box-shadow:0 0 5px rgba(0,0,0,0.3);  font-family:Calibri;
display: flex; flex-direction: row;

}
#lksOLD {
position:absolute; z-index:2; margin-left:0;
height:430px; width:185px; background-color:#04042D;
text-transform:uppercase; text-align:center; font-size:14px;
}
#lksOLD a {
display:block; color:white; padding: 18px 0; text-decoration:none !important;
}
#lksOLD a:hover {
background-color:rgba(250,250,250,0.3);
}   
.triOLD {
position:absolute; z-index:2; margin-left:0; margin-top:430px; width:0; height:0;
border-style:solid; border-width:50px 300px 0 92.5px; border-color:#04042D transparent transparent transparent;
}
.ctxtOLD {
position:absolute; margin-left:215px; margin-top:25px;
width:274px; height:250px; padding:10px; overflow:hidden; line-height:16px;
background-color:rgba(250,250,250,0.2); color:white; text-align:justify; font-size:12px;
}
.ctxtOLD:hover
{
overflow:auto;
}
.newsOLD {
position:absolute; z-index:2; margin-left:215px; margin-top:251px;
width:0; height:0; border-style:solid; border-width:45px 0 0 45px; border-color:transparent transparent transparent #04042D;color: white;
}
.newsOLD div
{
position:absolute; margin-left:-45px;
width:295px; height:0px; overflow:hidden;
background-color:#04042D; text-align:justify; font-size:12px;
transition:all 0.40s linear; -webkit-transition:all 0.40s linear;
 }
.newsOLD:hover div{
margin-top:-272px;
height:251px; width:275px; padding:10px; overflow:hidden;
}
.staffOLD {
position:absolute; margin-top:25px; margin-left:535px;
padding:5px; width:230px; background:#04042D;
}
.staffPAOLD {
display:inline-block; margin:5px; height:70px; width:100px; line-height:14px;
border:1px black solid; background:#191919; color:white; font-size:10px; text-align:center; font-weight:bold;
}
.staffPAOLD img{
position:absolute; margin-left:-50px;
height:75px; width:100px;
}
.staffPAOLD:hover img{
transform:scale(0); -webkit-transform:scale(0);
}
.staffPAOLD span{
display:block; padding:5px 0; width:100%;
font-size:11px; letter-spacing:2px; text-shadow: 0px 0px 3px rgba(0,0,0,0.3); background-color:rgba(250,250,250,0.3); border-bottom:1px black dotted;
}
.staffPAOLD a {
display:block; color:white; text-decoration:none !important; margin-top : 12px ;
}
.prdfOLD {
display:inline-block; vertical-align:top; margin-left:10px; margin-top:5px; line-height:24px; 
height:75px; width:100px; border:1px black solid; font-size:9px; text-align:center; background-color:white;
}
.prdfOLD span{
display:block; padding:5px 0;
font-size:16px;
 letter-spacing:2px;
 text-shadow: 1px 1px 0px rgba(0,0,0,0.5);
}
.prdfOLD a{
text-decoration:none !important; font-size:24px; margin:5px; text-shadow: 1px 1px 0px rgba(0,0,0,0.5);
}
.partOLD {
position:absolute; margin-top:20px; margin-left:-310px;
width:525px;  padding:10px 0; overflow:auto;
text-align:center; background-color:rgba(250,250,250,0.2);
}
.partOLD img {
opacity:0.6; transition:opacity linear 0.25s; -webkit-transition:opacity linear 0.25s;
width:40px;height: 31px; border:1px solid black; box-shadow: 2.5px 2.5px 3px rgba(0,0,0,0.5)
}
.partOLD a
{
display: inline-block;
margin:0 5px;
margin-top: 2px;
}
.partOLD img:hover
{
opacity:1;
}
.partOLD a:nth-last-child(1)
{
  display: none;
}


.ctxtOLD div a
{
   color: white;
   text-decoration: underline;

}

.ctxtOLD #suite
{
   text-align: right;
 margin-top: 20px;
 color :white;

}


#contexte
{
   font-size: 2em;
   padding-bottom: 10px;

}

#actualite p
{
   display: inline-block;
}

#actualite
{

   font-size: 2em;
}












@media screen and (max-width: 1300px)
{
     #tout
     {
          display: flex;
          justify-content  :space-around:;
    }
   #autre
   {   margin-top: -1px;
      height: 430px;
      width:626px;
      margin-left: 50px;
      background-color:#191919;

   }
   .ctxtOLD
   {
      display:inline-block;
      margin-left: 30px;
          margin-top:24px;

   }
   #lksOLD
   {
      display: inline-block;
      width: 718px;
      height: 26px;
      position: relative;

   }
   #lksOLD a
   {
      display: inline-block;
      flex-direction: row-reverse;

      padding-right: : 1px;
      font-size: 0.800em;
      padding: 5px 0;

   }
   .triOLD
   {
      display: block;
position:absolute; z-index:2; margin-left:675px; margin-top:-1px; width:0; height:0;
border-style:solid; border-width:420px 43px 0 0; border-color:#04042D transparent transparent transparent;
   }
   .triOLD2
   {
      display: block;
position:absolute; z-index:2; margin-left:-50px; margin-top:-1px; width:0; height:0;
border-style:solid; border-width:0px 50px 420 50; border-color:transparent #04042D transparent  transparent ;
   }

   .OLD
   {
      display: inline-block;
      width: 720px;
      background-color: rgba(0,0,0,0);
      box-shadow:0 0 5px rgba(0,0,0,0);


   
   }
   .OLD>div
   {
      
      position: relative;
      
   }
   .newsOLD
   {
      margin-left: 30px;
   }
   .staffOLD
   {
      margin-left: 350px;
   }

   #lksOLD a:before
   {
      content: "• ";
   }
   #lksOLD #a1:before
   {
      content: none;
   }
   .partOLD
   {
      width: 555px;
      margin-left:-326px;
      padding: 3px;
   }
   .staffPAOLD img
   {
      
   }
}





19;  box-shadow:0 0 5px rgba(0,0,0,0.3);  font-family:Calibri;
display: flex; flex-direction: row;

}
#lksOLD {
position:absolute; z-index:2; margin-left:0;
height:430px; width:185px; background-color:#04042D;
text-transform:uppercase; text-align:center; font-size:14px;
}
#lksOLD a {
display:block; color:white; padding: 18px 0; text-decoration:none !important;
}
#lksOLD a:hover {
background-color:rgba(250,250,250,0.3);
}   
.triOLD {
position:absolute; z-index:2; margin-left:0; margin-top:430px; width:0; height:0;
border-style:solid; border-width:50px 300px 0 92.5px; border-color:#04042D transparent transparent transparent;
}
.ctxtOLD {
position:absolute; margin-left:215px; margin-top:25px;
width:274px; height:250px; padding:10px; overflow:hidden; line-height:16px;
background-color:rgba(250,250,250,0.2); color:white; text-align:justify; font-size:12px;
}
.ctxtOLD:hover
{
overflow:auto;
}
.newsOLD {
position:abs[code][/code]olute; z-index:2; margin-left:215px; margin-top:251px;
width:0; height:0; border-style:solid; border-width:45px 0 0 45px; border-color:transparent transparent transparent #04042D;color: white;
}
.newsOLD div
{
position:absolute; margin-left:-45px;
width:295px; height:0px; overflow:hidden;
background-color:#550000; text-align:justify; font-size:12px;
transition:all 0.40s linear; -webkit-transition:all 0.40s linear;
 }
.newsOLD:hover div{
margin-top:-272px;
height:251px; width:275px; padding:10px; overflow:hidden;
}
.staffOLD {
position:absolute; margin-top:25px; margin-left:535px;
padding:5px; width:230px; background:#04042D;
}
.staffPAOLD {
display:inline-block; margin:5px; height:70px; width:100px; line-height:14px;
border:1px black solid; background:#191919; color:white; font-size:10px; text-align:center; font-weight:bold;
}
.staffPAOLD img{
position:absolute; margin-left:-50px;
height:75px; width:100px;
}
.staffPAOLD:hover img{
transform:scale(0); -webkit-transform:scale(0);
}
.staffPAOLD span{
display:block; padding:5px 0; width:100%;
font-size:11px; letter-spacing:2px; text-shadow: 0px 0px 3px rgba(0,0,0,0.3); background-color:rgba(250,250,250,0.3); border-bottom:1px black dotted;
}
.staffPAOLD a {
display:block; color:white; text-decoration:none !important; margin-top : 12px ;
}
.prdfOLD {
display:inline-block; vertical-align:top; margin-left:10px; margin-top:5px; line-height:24px; 
height:75px; width:100px; border:1px black solid; font-size:9px; text-align:center; background-color:white;
}
.prdfOLD span{
display:block; padding:5px 0;
font-size:16px;
 letter-spacing:2px;
 text-shadow: 1px 1px 0px rgba(0,0,0,0.5);
}
.prdfOLD a{
text-decoration:none !important; font-size:24px; margin:5px; text-shadow: 1px 1px 0px rgba(0,0,0,0.5);
}
.partOLD {
position:absolute; margin-top:20px; margin-left:-310px;
width:525px;  padding:10px 0; overflow:auto;
text-align:center; background-color:rgba(250,250,250,0.2);
}
.partOLD img {
opacity:0.6; transition:opacity linear 0.25s; -webkit-transition:opacity linear 0.25s;
width:40px;height: 31px; border:1px solid black; box-shadow: 2.5px 2.5px 3px rgba(0,0,0,0.5)
}
.partOLD a
{
display: inline-block;
margin:0 5px;
margin-top: 2px;
}
.partOLD img:hover
{
opacity:1;
}
.partOLD a:nth-last-child(1)
{
  display: none;
}


.ctxtOLD div a
{
   color: white;
   text-decoration: underline;

}

.ctxtOLD #suite
{
   text-align: right;
 margin-top: 20px;
 color :white;

}


#contexte
{
   font-size: 2em;
   padding-bottom: 10px;

}

#actualite p
{
   display: inline-block;
}

#actualite
{

   font-size: 2em;
}












@media screen and (max-width: 1300px)
{
     #tout
     {
          display: flex;
          justify-content  :space-around:;
    }
   #autre
   {   margin-top: -1px;
      height: 430px;
      width:626px;
      margin-left: 50px;
      background-color:#191919;

   }
   .ctxtOLD
   {
      display:inline-block;
      margin-left: 30px;
          margin-top:24px;

   }
   #lksOLD
   {
      display: inline-block;
      width: 718px;
      height: 26px;
      position: relative;

   }
   #lksOLD a
   {
      display: inline-block;
      flex-direction: row-reverse;

      padding-right: : 1px;
      font-size: 0.800em;
      padding: 5px 0;

   }
   .triOLD
   {
      display: block;
position:absolute; z-index:2; margin-left:675px; margin-top:-1px; width:0; height:0;
border-style:solid; border-width:420px 43px 0 0; border-color:#04042D transparent transparent transparent;
   }
   .triOLD2
   {
      display: block;
position:absolute; z-index:2; margin-left:-50px; margin-top:-1px; width:0; height:0;
border-style:solid; border-width:0px 50px 420 50; border-color:transparent #04042D transparent  transparent ;
   }

   .OLD
   {
      display: inline-block;
      width: 720px;
      background-color: rgba(0,0,0,0);
      box-shadow:0 0 5px rgba(0,0,0,0);


   
   }
   .OLD>div
   {
      
      position: relative;
      
   }
   .newsOLD
   {
      margin-left: 30px;
   }
   .staffOLD
   {
      margin-left: 350px;
   }

   #lksOLD a:before
   {
      content: "• ";
   }
   #lksOLD #a1:before
   {
      content: none;
   }
   .partOLD
   {
      width: 555px;
      margin-left:-326px;
      padding: 3px;
   }
   .staffPAOLD img
   {
      
   }
}


Et lorsque je l'enlève, mes bords ne sont plus arrondis ! Comment cela se fait-il ?

PS: je ne suis pas celui qui a écrit le code de la PA, et cette personne ne répondant plus, je ne peux pas lui demander son aide...

Merci d'avance !
avatar

Olii
Nouveau membre

Féminin
Messages : 26
Inscrit(e) le : 07/07/2016

http://fearwood--rpg.forumactif.org/
Olii a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec les arrondies des catégories et code de la page d'accueil

Message par Olii le Lun 17 Juil 2017 - 17:45

J'ai réussis à trouver le bug je ferme le sujet.
avatar

Olii
Nouveau membre

Féminin
Messages : 26
Inscrit(e) le : 07/07/2016

http://fearwood--rpg.forumactif.org/
Olii a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


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