Aide esthétique pour les catégories
2 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1 • Partagez
Aide esthétique pour les catégories
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:
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
Re: Aide esthétique pour les catégories
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 :
<= l’image est ici
Pour ça, ajoute dans ton CSS :
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 :
<= 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;}
Matriochka- Membre actif
- Messages : 7604
Inscrit(e) le : 14/07/2010
Re: Aide esthétique pour les catégories
[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....
Voici la partie Css de mon codage. Si vous voulez les templates, n'hésitez pas à les demander >_<
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
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:
- J'aimerais juste retirer l'espace entre l'image et le tableau. J'ai déjà essayé avec les margin, comme vous pouvez le voir, mais ça n'a rien fait ;_;
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
Re: Aide esthétique pour les catégories
un petit up o/
Re: Aide esthétique pour les catégories
UP~ Please! >_<
Re: Aide esthétique pour les catégories
Personne ne peut m'aider avec ce petit probleme ?
Re: Aide esthétique pour les catégories
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;
}
Matriochka- Membre actif
- Messages : 7604
Inscrit(e) le : 14/07/2010
Re: Aide esthétique pour les catégories
C'est parfait! *^* Merci beaucoup, encore une fois, Matriochka
Sujets similaires
» aide pour mes catégories
» Aide pour les catégories
» Aide - Affichage des catégories
» Aide à la disposition des Catégories
» [AIDE] Mettre une simple Image sur certaines Catégories
» Aide pour les catégories
» Aide - Affichage des catégories
» Aide à la disposition des Catégories
» [AIDE] Mettre une simple Image sur certaines Catégories
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum