Nouveau thème Hitskin beau mais récalcitrant

[lilas]

Bonjour forum,

J'ai trouvé un thème chez Hitskin qui ferait mon bonheur s'il ne résistait pas 
à toutes modifications dans les Templates.
Il refuse tout ce qui n'est pas dans le Css de l'auteur.
J'ai tenté de retrouver l'auteur en vain.

Pas facile pour moi de m'y retrouver... Après 2 ans d'absence, j'ai tout oublié... 

Le lien du thème :   http://fr.hitskin.com/rechercher-un-theme/nihonga---peintures-japonaises/201586
Le lien du forum:    http://aupetitbonheurpsp.forumactif.com/

Le css du thème :  

Code:

/* GENERAL */
body
{background-image: url(https://2img.net/r/hpimg11/pics/204624banniere2.jpg),    url(https://2img.net/r/hpimg11/pics/737876footer.jpg), url(https://2img.net/r/hpimg11/pics/232164fondpattern.jpg);
  background-repeat: no-repeat, repeat-x, repeat;  background-position: top left, bottom right, center;
  background-attachment: scroll, scroll, scroll; background-color: #BDBBA3;}

a:link, a:hover
{  text-decoration: none !important;}

.bodylinewidth
{  width: 990px;  margin: auto;}

a.mainmenu
{ text-decoration: none; color : #9A4054; font-size: 22px;
  font-family: Brush Script MT;  text-shadow: 0px 0px 0px #B9AF96;
transition: 1s;  -moz-transition: 1s;  -o-transition: 1s;  -htm-transition: 1s;  -webkit-transition: 1s; }

a.mainmenu:hover
{ text-decoration: none; color : #D4474D;  text-shadow: 0px 2px 2px #EBEAE6;
transition: 1s;  -moz-transition: 1s;  -o-transition: 1s;  -htm-transition: 1s;  -webkit-transition: 1s; }

#page-body
{  width: 980px;  margin: auto;
  padding-top: 80px;  padding-bottom: 85px;  padding-right: 10px;  padding-left: 10px;
  background-image: url('https://2img.net/r/hpimg11/pics/494255fond2.png');}

.forumline
{  width: 100%;
  margin-left: auto;  margin-top: 10px;  margin-right: auto;  margin-bottom: 10px;  padding: 4px;
  background: url(https://2img.net/r/hpimg11/pics/163198fondcatgorietexte.jpg) repeat;
  border-top: 3px solid #BAB69D;  border-bottom: 5px solid #BAB69D;  border-left: 1px solid #BAB69D;  border-right: 1px solid #BAB69D;
  box-shadow: 0px 0px 4px #B58A84;  -moz-box-shadow: 0px 0px 4px #B58A84;  -o-box-shadow: 0px 0px 4px #B58A84;  -htm-box-shadow: 0px 0px 4px #B58A84; -webkit-box-shadow: 0px 0px 4px #B58A84;
  border-radius: 15px;  -moz-border-radius: 15px;  -o-border-radius: 15px; -htm-border-radius: 15px;  -webkit-border-radius: 15px; }

table
{  width: 100%;}

.forumline2
{  width: 99%;
  margin-left: auto;  margin-top: 10px;  margin-right: auto;  margin-bottom: 10px;
  padding: 4px;}

#i_whosonline
{margin-left: -8px; margin-top: -8px;}


/* CHATBOX */
body.chatbox { background-image: url('https://2img.net/r/hpimg11/pics/163198fondcatgorietexte.jpg'); background-repeat: repeat;}

#chatbox_members { border-right: 1px dotted #C5C3AE; }

#chatbox_header {height: 28px;  background-color: #BAB69D; border-bottom: 1px solid #C5C3AE;   
border-radius: 15px;  -moz-border-radius: 15px;  -o-border-radius: 15px; -htm-border-radius: 15px;  -webkit-border-radius: 15px; }

#message,#submit_button{border-width: 1px;  background-image: url('https://2img.net/r/hpimg4/pics/718930fond2.jpg');}

.fontbutton_normal {background-image: url('https://2img.net/r/hpimg4/pics/718930fond2.jpg');}

.fontbutton_selected {background-image: url('https://2img.net/r/hpimg4/pics/718930fond2.jpg');   border: 1px dotted #C5C3AE;}

.fontbutton_clicked {background: url('https://2img.net/r/hpimg4/pics/718930fond2.jpg');border: 1px dotted #C5C3AE;}

.fontbutton_hover {background: url('https://2img.net/r/hpimg4/pics/718930fond2.jpg');border: 1px dotted #BAB69D;}



/* CATEGORIES */
.forumlink
{  display: block;  text-align: center;  margin-top: -5px; }

.forumlink a
{  font-size: 25px; font-family: Brush Script MT; border-bottom: 3px solid #DDDCD8;
  border-radius: 15px;  -moz-border-radius: 15px;  -o-border-radius: 15px;  -htm-border-radius: 15px;  -webkit-border-radius: 15px;
  color: #BAB69D !important; text-shadow: 1px 1px 1px #5C3F37;
  transition: 1s;  -moz-transition: 1s;  -o-transition: 1s;  -htm-transition: 1s;  -webkit-transition: 1s;}

.forumlink a:hover
{  color: #595245 !important;  text-shadow: 1px 1px 0px #ffffff;
  transition: 1s;  -moz-transition: 1s;  -o-transition: 1s;  -htm-transition: 1s;  -webkit-transition: 1s;}

.forum_navig a
{  font-weight: bold;  text-shadow: 1px 1px 0px #ffffff; }


/* SUJETS */
.topictitle
{  color: #6a5c52 !important;  font-size: 14px;  font-weight: bold;  text-shadow: 1px 1px 0px #fff;
  transition: 1s;  -moz-transition: 1s;  -o-transition: 1s;  -htm-transition: 1s;  -webkit-transition: 1s;}

.topictitle:hover
{  color: #D16D70 !important;  text-shadow: 1px 1px 0px #fff;
  transition: 1s;  -moz-transition: 1s;  -o-transition: 1s;  -htm-transition: 1s;  -webkit-transition: 1s;}


/* MESSAGES */
.postbody
{ display: block;  text-align: justify; padding: 15px;}

.signature_div
{ margin-top: 40px;  border-top: 4px solid #D2D1BC;
  border-radius: 15px;  -moz-border-radius: 15px;  -o-border-radius: 15px;  -htm-border-radius: 15px;  -webkit-border-radius: 15px;}

.quote
{  padding: 8px;  color: #655a4d;  background-image: url('https://2img.net/r/hpimg15/pics/805066fondquotecodespoiler.jpg'); 
  border-right: 1px  solid #D2D1BC; border-left: 1px  solid #D2D1BC; border-top: 3px  solid #D2D1BC; border-bottom: 3px  solid #D2D1BC;
  border-radius: 15px;  -moz-border-radius: 15px;  -o-border-radius: 15px;  -htm-border-radius: 15px;  -webkit-border-radius: 15px; }
 
.spoiler_closed
{  display:block;  padding:4px;  color: #655a4d;  background-image: url('https://2img.net/r/hpimg15/pics/805066fondquotecodespoiler.jpg'); 
  border-right: 1px  solid #D2D1BC; border-left: 1px  solid #D2D1BC; border-top: 3px  solid #D2D1BC; border-bottom: 3px  solid #D2D1BC;
border-radius: 15px;  -moz-border-radius: 15px;  -o-border-radius: 15px;  -htm-border-radius: 15px;  -webkit-border-radius: 15px; }

.spoiler_content
{  display:block;  padding:8px;  color: #655a4d;  background-image: url('https://2img.net/r/hpimg15/pics/805066fondquotecodespoiler.jpg');
  border-right: 1px  solid #D2D1BC; border-left: 1px  solid #D2D1BC; border-top: 3px  solid #D2D1BC; border-bottom: 3px  solid #D2D1BC;
 border-radius: 15px;  -moz-border-radius: 15px;  -o-border-radius: 15px;  -htm-border-radius: 15px;  -webkit-border-radius: 15px; }

.code
{  color: #7d786f;  padding: 7px;  background-image: url('https://2img.net/r/hpimg15/pics/805066fondquotecodespoiler.jpg');
 border-right: 1px  dashed #D2D1BC; border-left: 1px  dashed #D2D1BC; border-top: 2px  dashed #D2D1BC; border-bottom: 2px  dashed #D2D1BC;
 border-radius: 10px;  -moz-border-radius: 10px;  -o-border-radius: 10px;  -htm-border-radius: 10px;  -webkit-border-radius: 10px; }

.name
{ text-align: center;  color: #7d786f;  font-size: 22px; text-shadow: 0px 0px 1px #fff; font-family: Brush Script MT; }




/* CHAMPS */
input
{  background: #f3f2ec;  border: 1px solid #9EBEB9;
  box-shadow: 0px 0px 2px #432C26;  -moz-box-shadow: 0px 0px 2px #432C26; -o-box-shadow: 0px 0px 2px #432C26;  -htm-box-shadow: 0px 0px 2px #432C26;  -webkit-box-shadow: 0px 0px 2px #432C26;}

input:focus
{  box-shadow: 0px 0px 2px #D47A71;  -moz-box-shadow: 0px 0px 2px #D47A71;  -o-box-shadow: 0px 0px 2px #D47A71;  -htm-box-shadow: 0px 0px 2px #D47A71;  -webkit-box-shadow: 0px 0px 2px #D47A71;}

.mainoption, .liteoption
{  height: 23px;  background: url(https://2img.net/r/hpimg4/pics/718930fond2.jpg); border: 1px solid #BAB69D;
  box-shadow: 0px 0px 2px #D1767D;  -moz-box-shadow: 0px 0px 2px #D1767D;  -o-box-shadow: 0px 0px 2px #D1767D;  -htm-box-shadow: 0px 0px 2px #D1767D;  -webkit-box-shadow: 0px 0px 2px #D1767D; 
  color: #472C23;
}
.mainoption:hover, .liteoption:hover
{  border: 1px solid #BAB69D;}

.mainoption:focus, .liteoption:focus
{  border: 1px solid #C96065;}

textarea
{  background: #e6e6e6;  border: 1px solid #9EBEB9;
  box-shadow: 0px 0px 4px #432C26;  -moz-box-shadow: 0px 0px 4px #432C26;  -o-box-shadow: 0px 0px 4px #432C26;  -htm-box-shadow: 0px 0px 4px #432C26;  -webkit-box-shadow: 0px 0px 4px #432C26;}

textarea:focus
{    background: #e6e6e6;  border: 1px  solid #BAB69D;
  box-shadow: 0px 0px 4px #D47A71;  -moz-box-shadow: 0px 0px 4px #D47A71;  -o-box-shadow: 0px 0px 4px #D47A71;  -htm-box-shadow: 0px 0px 4px #D47A71;  -webkit-box-shadow: 0px 0px 4px #D47A71;}

select
{  background: #d0d0cc;}


/* BORDURES */
.row3Right
{border: none !important;}
.thHead
{border: none !important;}
.thCornerL, .thCornerR, .thTopn, .thSides
{border: none !important;}
.thLeft, .thRight
{border-left: none !important;
border-right: none !important;}
.catLeft, .catRight
{border: none! important;}
.catHead
{border: none !important;}
.catBottom
{border: none !important;}


/* FOOTER */
#page-footer a
{  font-size: 10px; }




Merci et bonne nuit,



PS Je sens que je vais souffrir avec ce thème...

[Walt]

Bonjour,

Je viens de tester sans rencontrer de problème majeur, j'ai pu modifier les templates et le CSS (la largeur des catégories et la couleur des liens).

Essayez de repartir d'un CSS correctement structuré pour voir :

Code:

/* GENERAL */
body {
   background-image:url(https://2img.net/r/hpimg11/pics/204624banniere2.jpg),url(https://2img.net/r/hpimg11/pics/737876footer.jpg),url(https://2img.net/r/hpimg11/pics/232164fondpattern.jpg);
   background-repeat:no-repeat,repeat-x,repeat;
   background-position:top left,bottom right,center;
   background-attachment:scroll,scroll,scroll;
   background-color:#BDBBA3;
}
a:link,a:hover {
   text-decoration:none !important;
}
.bodylinewidth {
   width:990px;
   margin:auto;
}
a.mainmenu {
   text-decoration:none;
   color:#9A4054;
   font-size:22px;
   font-family:Brush Script MT;
   text-shadow:0px 0px 0px #B9AF96;
   transition:1s;
   -moz-transition:1s;
   -o-transition:1s;
   -htm-transition:1s;
   -webkit-transition:1s;
}
a.mainmenu:hover {
   text-decoration:none;
   color:#D4474D;
   text-shadow:0px 2px 2px #EBEAE6;
   transition:1s;
   -moz-transition:1s;
   -o-transition:1s;
   -htm-transition:1s;
   -webkit-transition:1s;
}
#page-body {
   width:980px;
   margin:auto;
   padding-top:80px;
   padding-bottom:85px;
   padding-right:10px;
   padding-left:10px;
   background-image:url('https://2img.net/r/hpimg11/pics/494255fond2.png');
}
.forumline {
   width:100%;
   margin-left:auto;
   margin-top:10px;
   margin-right:auto;
   margin-bottom:10px;
   padding:4px;
   background:url(https://2img.net/r/hpimg11/pics/163198fondcatgorietexte.jpg) repeat;
   border-top:3px solid #BAB69D;
   border-bottom:5px solid #BAB69D;
   border-left:1px solid #BAB69D;
   border-right:1px solid #BAB69D;
   box-shadow:0px 0px 4px #B58A84;
   -moz-box-shadow:0px 0px 4px #B58A84;
   -o-box-shadow:0px 0px 4px #B58A84;
   -htm-box-shadow:0px 0px 4px #B58A84;
   -webkit-box-shadow:0px 0px 4px #B58A84;
   border-radius:15px;
   -moz-border-radius:15px;
   -o-border-radius:15px;
   -htm-border-radius:15px;
   -webkit-border-radius:15px;
}
table {
   width:100%;
}
.forumline2 {
   width:99%;
   margin-left:auto;
   margin-top:10px;
   margin-right:auto;
   margin-bottom:10px;
   padding:4px;
}
#i_whosonline {
   margin-left:-8px;
   margin-top: -8px;
}
/* CHATBOX */
body.chatbox {
   background-image:url('https://2img.net/r/hpimg11/pics/163198fondcatgorietexte.jpg');
   background-repeat:repeat;
}
#chatbox_members {
   border-right:1px dotted #C5C3AE;
}
#chatbox_header {
   height:28px;
   background-color:#BAB69D;
   border-bottom:1px solid #C5C3AE;
   border-radius:15px;
   -moz-border-radius:15px;
   -o-border-radius:15px;
   -htm-border-radius:15px;
   -webkit-border-radius:15px;
}
#message,#submit_button {
   border-width:1px;
   background-image:url('https://2img.net/r/hpimg4/pics/718930fond2.jpg');
}
.fontbutton_normal {
   background-image:url('https://2img.net/r/hpimg4/pics/718930fond2.jpg');
}
.fontbutton_selected {
   background-image:url('https://2img.net/r/hpimg4/pics/718930fond2.jpg');
   border:1px dotted #C5C3AE;
}
.fontbutton_clicked {
   background:url('https://2img.net/r/hpimg4/pics/718930fond2.jpg');
   border:1px dotted #C5C3AE;
}
.fontbutton_hover {
   background:url('https://2img.net/r/hpimg4/pics/718930fond2.jpg');
   border: 1px dotted #BAB69D;
}
/* CATEGORIES */
.forumlink {
   display:block;
   text-align:center;
   margin-top:-5px;
}
.forumlink a {
   font-size:25px;
   font-family:Brush Script MT;
   border-bottom:3px solid #DDDCD8;
   border-radius:15px;
   -moz-border-radius:15px;
   -o-border-radius:15px;
   -htm-border-radius:15px;
   -webkit-border-radius:15px;
   color:#BAB69D !important;
   text-shadow:1px 1px 1px #5C3F37;
   transition:1s;
   -moz-transition:1s;
   -o-transition:1s;
   -htm-transition:1s;
   -webkit-transition:1s;
}
.forumlink a:hover {
   color:#595245 !important;
   text-shadow:1px 1px 0px #ffffff;
   transition:1s;
   -moz-transition:1s;
   -o-transition:1s;
   -htm-transition:1s;
   -webkit-transition:1s;
}
.forum_navig a {
   font-weight:bold;
   text-shadow: 1px 1px 0px #ffffff;
}
/* SUJETS */
.topictitle {
   color:#6a5c52 !important;
   font-size:14px;
   font-weight:bold;
   text-shadow:1px 1px 0px #fff;
   transition:1s;
   -moz-transition:1s;
   -o-transition:1s;
   -htm-transition:1s;
   -webkit-transition:1s;
}
.topictitle:hover {
   color:#D16D70 !important;
   text-shadow:1px 1px 0px #fff;
   transition:1s;
   -moz-transition:1s;
   -o-transition:1s;
   -htm-transition:1s;
   -webkit-transition: 1s;
}
/* MESSAGES */
.postbody {
   display:block;
   text-align:justify;
   padding:15px;
}
.signature_div {
   margin-top:40px;
   border-top:4px solid #D2D1BC;
   border-radius:15px;
   -moz-border-radius:15px;
   -o-border-radius:15px;
   -htm-border-radius:15px;
   -webkit-border-radius:15px;
}
.quote {
   padding:8px;
   color:#655a4d;
   background-image:url('https://2img.net/r/hpimg15/pics/805066fondquotecodespoiler.jpg');
   border-right:1px solid #D2D1BC;
   border-left:1px solid #D2D1BC;
   border-top:3px solid #D2D1BC;
   border-bottom:3px solid #D2D1BC;
   border-radius:15px;
   -moz-border-radius:15px;
   -o-border-radius:15px;
   -htm-border-radius:15px;
   -webkit-border-radius:15px;
}
.spoiler_closed {
   display:block;
   padding:4px;
   color:#655a4d;
   background-image:url('https://2img.net/r/hpimg15/pics/805066fondquotecodespoiler.jpg');
   border-right:1px solid #D2D1BC;
   border-left:1px solid #D2D1BC;
   border-top:3px solid #D2D1BC;
   border-bottom:3px solid #D2D1BC;
   border-radius:15px;
   -moz-border-radius:15px;
   -o-border-radius:15px;
   -htm-border-radius:15px;
   -webkit-border-radius:15px;
}
.spoiler_content {
   display:block;
   padding:8px;
   color:#655a4d;
   background-image:url('https://2img.net/r/hpimg15/pics/805066fondquotecodespoiler.jpg');
   border-right:1px solid #D2D1BC;
   border-left:1px solid #D2D1BC;
   border-top:3px solid #D2D1BC;
   border-bottom:3px solid #D2D1BC;
   border-radius:15px;
   -moz-border-radius:15px;
   -o-border-radius:15px;
   -htm-border-radius:15px;
   -webkit-border-radius:15px;
}
.code {
   color:#7d786f;
   padding:7px;
   background-image:url('https://2img.net/r/hpimg15/pics/805066fondquotecodespoiler.jpg');
   border-right:1px dashed #D2D1BC;
   border-left:1px dashed #D2D1BC;
   border-top:2px dashed #D2D1BC;
   border-bottom:2px dashed #D2D1BC;
   border-radius:10px;
   -moz-border-radius:10px;
   -o-border-radius:10px;
   -htm-border-radius:10px;
   -webkit-border-radius:10px;
}
.name {
   text-align:center;
   color:#7d786f;
   font-size:22px;
   text-shadow:0px 0px 1px #fff;
   font-family: Brush Script MT;
}
/* CHAMPS */
input {
   background:#f3f2ec;
   border:1px solid #9EBEB9;
   box-shadow:0px 0px 2px #432C26;
   -moz-box-shadow:0px 0px 2px #432C26;
   -o-box-shadow:0px 0px 2px #432C26;
   -htm-box-shadow:0px 0px 2px #432C26;
   -webkit-box-shadow:0px 0px 2px #432C26;
}
input:focus {
   box-shadow:0px 0px 2px #D47A71;
   -moz-box-shadow:0px 0px 2px #D47A71;
   -o-box-shadow:0px 0px 2px #D47A71;
   -htm-box-shadow:0px 0px 2px #D47A71;
   -webkit-box-shadow:0px 0px 2px #D47A71;
}
.mainoption,.liteoption {
   height:23px;
   background:url(https://2img.net/r/hpimg4/pics/718930fond2.jpg);
   border:1px solid #BAB69D;
   box-shadow:0px 0px 2px #D1767D;
   -moz-box-shadow:0px 0px 2px #D1767D;
   -o-box-shadow:0px 0px 2px #D1767D;
   -htm-box-shadow:0px 0px 2px #D1767D;
   -webkit-box-shadow:0px 0px 2px #D1767D;
   color:#472C23;
}
.mainoption:hover,.liteoption:hover {
   border:1px solid #BAB69D;
}
.mainoption:focus,.liteoption:focus {
   border:1px solid #C96065;
}
textarea {
   background:#e6e6e6;
   border:1px solid #9EBEB9;
   box-shadow:0px 0px 4px #432C26;
   -moz-box-shadow:0px 0px 4px #432C26;
   -o-box-shadow:0px 0px 4px #432C26;
   -htm-box-shadow:0px 0px 4px #432C26;
   -webkit-box-shadow:0px 0px 4px #432C26;
}
textarea:focus {
   background:#e6e6e6;
   border:1px solid #BAB69D;
   box-shadow:0px 0px 4px #D47A71;
   -moz-box-shadow:0px 0px 4px #D47A71;
   -o-box-shadow:0px 0px 4px #D47A71;
   -htm-box-shadow:0px 0px 4px #D47A71;
   -webkit-box-shadow:0px 0px 4px #D47A71;
}
select {
   background: #d0d0cc;
}
/* BORDURES */
.row3Right {
   border:none !important;
}
.thHead {
   border:none !important;
}
.thCornerL,.thCornerR,.thTopn,.thSides {
   border:none !important;
}
.thLeft,.thRight {
   border-left:none !important;
   border-right:none !important;
}
.catLeft,.catRight {
   border:none! important;
}
.catHead {
   border:none !important;
}
.catBottom {
   border: none !important;
}
/* FOOTER */
#page-footer a {
   font-size: 10px;
}

Cordialement,
Walt

[lilas]

Merci Walt pour remise en forme du Css.

Bizarrement, celui-ci présentait des vides dans le fichier parfois de + de 100 lignes
parfois moins;
je remontais les lignes vides, et dès que j'enregistrais le Css, il reprenait 
sa forme originale.
Idem avec Bloc-note, Contex, c'est finalement avec Notepad + que j'avais réussi 
à garder le corde en forme.
J'avais même tenter de placer le Css dans un message du fofo sous la balise "Code"
sans y parvenir.

C'est un thème qui date de 2013.

J'ai l'impression que c'est un thème en anglais modifié par l'auteur Anéa, car il y a des
récurrences en anglais à quelques endroits sur le thème.

Ne fermez pas mon topic,  avant que je vous redonne des nouvelles.
Je manque de temps actuellement, mais je ferai le test dès que possible,

[lilas]

Merci Walt,

Vous pouvez verrouillé le topic.
C'est toujours un peu difficile pour le thème d'accepter les changements,
quand il s'agit de la feuille de style.
Je coche et décoche "Forcer le Css de base" et le thème fini par accepter les changements.

Bonne semaine forum,