Aide esthétique pour les catégories

2 participants

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

Résolu Aide esthétique pour les catégories

Message par Suzukihotaru D'Ayfir Sam 29 Déc 2012 - 18:24

Bonjour ou Bonsoir, tout dépendra du moment où vous lirez mon message.

J'aimerais vous demander un petit coup de pouce pour arranger l'opacité de mon forum étant donné que j'essaye de faire un nouveau theme pour mon forum. En fait, j'ai réussi à mettre le pourcentage que je voulais grâce à des tutoriels, cependant, je n'ai pas réussi à le mettre où je voulais. Cela m'a tout mit en 80% comme je vais vous montrer ici Suzu's Test. J'aimerais le mettre uniquement dans le corps de mon forum, c'est à dire, juste dans la partie blanche se trouvant à l’intérieur de l'encadrement du forum. Est-ce possible de le faire sans toucher aux reste? Je ne sais pas si je m'exprime bien, mais, si vous avez besoin de plus d'explications, n'hésitez pas à me le demander. Voici la partie CSS qui concerne la mise en page du corps du forum:
Code:
/*opacité*/
.bodyline {
opacity:0.5
-moz-opacity:0.5;
  -webkit-opacity:0.5;
-ms-filter:"alpha(opacity=80)";
filter:alpha(opacity=80);
}
/*fin opcaité*/

/*Debut mise en page forum*/
.bodyline {
  border-right: 3px solid #000000!important;
  border-radius-bottom-left: 30px ;
  -webkit-border-bottom-left-radius: 30px;
  -webkit-border-bottom-right-radius: 30px;
  -webkit-border-top-left-radius: 30px;
  -webkit-border-top-right-radius: 30px;
  border-bottom: 2px dotted #000000!important;
  border-top: 2px dotted #000000!important;
  border-left: 3px solid #000000!important;
}
a {text-decoration: none;}
a:link {text-decoration: none;}
a:hover {text-decoration: none!important;}
a.forumlink {text-decoration: none;}
a.forumlink:hover {text-decoration: none!important;}
a.topiclink {text-decoration: none; }
a.topiclink:hover {text-decoration: none!important; }
#text_edit button , #html_edit button ,#text_edit input.button2,
#html_edit input.button2 ,#text_editor_cmd_switchmode
{padding:1px;-webkit-border-radius: 4px;border-radius: 4px;
}
.forumline
{
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
border-radius: 7px;
padding: 0px;
}
.forumline
{
        background-color: transparent;
}
input,textarea, select {
border-radius: 7px 7px;
-moz-border-radius: 7px;
padding-left: 3px;
}
.forumline
{
border: none;
}
th
{
  -moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}
.forumline
{
border: 1px solid black;
border-top: none;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
background-color: transparent;
padding: 2px;
}
.forumline{
  margin-top:6px;
margin-bottom:6px;
 
}
a.forumlink {
text-align: center;
text-decoration: none;
background-color: #FBB4F4;
border-bottom: 2px dotted #ffffff;
border-top: 2px dotted #ffffff;
-webkit-border-radius: 10px ;
border-right: 5px solid #ffffff;
-webkit-border-radius: 10px ;
border-left: 5px solid #ffffff;
display:block;
}
a.forumlink:hover {
text-align: center;
text-decoration: none;
background-color: #89EAA0;
border-bottom:2px dotted #ffffff;
border-top: 2px dotted #ffffff;
-moz-border-radius: 10px ;
border-right: 5px solid #ffffff;
-moz-border-radius: 10px ;
border-left: 5px solid #ffffff;
display:block;
}
a
{
text-shadow: #383738 1px 1px 2px;}
a:hover{
letter-spacing : 1px; }
/*Fin mise en page forum*/
Je vous remercie d'avance.


Dernière édition par Suzukihotaru D'Ayfir le Mar 1 Jan 2013 - 21:40, édité 3 fois
Suzukihotaru D'Ayfir

Suzukihotaru D'Ayfir
**

Féminin
Messages : 58
Inscrit(e) le : 15/11/2012

http://www.azhentia-chronicles.com/
Suzukihotaru D'Ayfir a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Aide esthétique pour les catégories

Message par Matriochka Sam 29 Déc 2012 - 18:30

Coucou,

Plutôt que d’utiliser la propriété opacity, essaye simplement d’ajouter une image semi-opaque sur le fond de ton forum. Pour ça, retire la couleur blanche dans la gestion des tes couleurs, ainsi que les codes actuels te permettant de rendre le forum semi-transparent, et créé une image de ce type, que tu intègres sur ton forum :
Aide esthétique pour les catégories Sans_t24 <= l’image est ici

Pour ça, ajoute dans ton CSS :
Code:
.bodyline {background:url("http://i15.servimg.com/u/f15/17/87/56/13/sans_t24.png") transparent;}
avatar

Matriochka
Membre actif

Messages : 7604
Inscrit(e) le : 14/07/2010

Matriochka a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Aide esthétique pour les catégories

Message par Suzukihotaru D'Ayfir Sam 29 Déc 2012 - 20:25

[justify]Han~ merci beaucoup, c'est parfait, comme ça~

Par contre, est-ce que je peux poser une autre question? Cela concerne les catégories du forum. J'avais pensé à mettre des images en titre de catégorie, retirant les cellules déjà proposées, ou bien, les cachant. J'ai essayé de suivre des tutos, utilisant plusieurs méthodes mais j'arrive pas à avoir ce que je veux. Tous mes essais échouent alors... Je ne sais même pas si c'est faisable....

Exemple Forum:

Voici la partie Css de mon codage. Si vous voulez les templates, n'hésitez pas à les demander >_<

Code:
/*DEBUT DES MODIFICATIONS DE L'AFFICHAGE DES CATEGORIES*/

table.haut_cate{
  width:995px;
  height:134px;
  background-image:url('http://image.noelshack.com/fichiers/2012/01/1356979515-patimgtitcat.png');
  background-repeat:no-repeat;
  margin-left: 3px;
  margin-bottom: none;
  margin-top:auto;
  margin-right: auto;
  }
table.haut_cate h2{
  width:995px;
  margin-top:70px;
  font-family: Gabriola ;
  text-align:center;
  font-variant:small-caps;
  font-size:28px;
  color:#fff;
  text-shadow: 1px 1px 2px #8f8175;
  }
div.milieu_cate{
  background-image:url('http://image.noelshack.com/fichiers/2012/01/1356979505-tescatmidimg.png');
  background-repeat:repeat-y;
  width:995px;
  margin-left:auto;
  margin-top:auto;
  margin-right: auto;
  margin-bottom: none;
  }
table.forumline{
  background-color:transparent !important;
  border:0!important;
  }
table.bas_cate{
  width:995px;
  height:150px;
  background-image:url('http://image.noelshack.com/fichiers/2012/01/1356979528-bascattitrm.png');
  background-repeat:no-repeat;
  margin-left:auto;
  margin-top:auto;
  margin-right: auto;
  margin-bottom: none;
  }
/*FIN DES MODIFICATIONS DE L'AFFICHAGE DES CATEGORIES*/

Merci d'avance. Si besoin de plus d'information, n'hésitez pas à me les demander; Voici l'adresse de mon forum de test: Suzu's test


Dernière édition par Suzukihotaru D'Ayfir le Mar 1 Jan 2013 - 20:36, édité 3 fois
Suzukihotaru D'Ayfir

Suzukihotaru D'Ayfir
**

Féminin
Messages : 58
Inscrit(e) le : 15/11/2012

http://www.azhentia-chronicles.com/
Suzukihotaru D'Ayfir a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Aide esthétique pour les catégories

Message par Suzukihotaru D'Ayfir Dim 30 Déc 2012 - 20:27

un petit up o/
Suzukihotaru D'Ayfir

Suzukihotaru D'Ayfir
**

Féminin
Messages : 58
Inscrit(e) le : 15/11/2012

http://www.azhentia-chronicles.com/
Suzukihotaru D'Ayfir a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Aide esthétique pour les catégories

Message par Suzukihotaru D'Ayfir Lun 31 Déc 2012 - 20:30

UP~ Please! >_<
Suzukihotaru D'Ayfir

Suzukihotaru D'Ayfir
**

Féminin
Messages : 58
Inscrit(e) le : 15/11/2012

http://www.azhentia-chronicles.com/
Suzukihotaru D'Ayfir a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Aide esthétique pour les catégories

Message par Suzukihotaru D'Ayfir Mar 1 Jan 2013 - 20:34

Personne ne peut m'aider avec ce petit probleme ? Sad
Suzukihotaru D'Ayfir

Suzukihotaru D'Ayfir
**

Féminin
Messages : 58
Inscrit(e) le : 15/11/2012

http://www.azhentia-chronicles.com/
Suzukihotaru D'Ayfir a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Aide esthétique pour les catégories

Message par Matriochka Mar 1 Jan 2013 - 20:42

Essaye avec ceci :
Code:
table.haut_cate{
  width:995px;
  height:134px;
  background-image:url('http://image.noelshack.com/fichiers/2012/01/1356979515-patimgtitcat.png');
  background-repeat:no-repeat;
  margin-left: 3px;
  margin-bottom:-30px;
  margin-top:auto;
  margin-right: auto;
  }
J’ai mis une marge négative en bas (de 30 pixels)
avatar

Matriochka
Membre actif

Messages : 7604
Inscrit(e) le : 14/07/2010

Matriochka a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Aide esthétique pour les catégories

Message par Suzukihotaru D'Ayfir Mar 1 Jan 2013 - 21:34

C'est parfait! *^* Merci beaucoup, encore une fois, Matriochka
Suzukihotaru D'Ayfir

Suzukihotaru D'Ayfir
**

Féminin
Messages : 58
Inscrit(e) le : 15/11/2012

http://www.azhentia-chronicles.com/
Suzukihotaru D'Ayfir a été remercié(e) par l'auteur de ce sujet.

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

- Sujets similaires

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