La date/heure actuelle est Jeu 28 Mar 2024 - 23:02
58 résultats trouvés pour 000
Refaire une mise en page de la PA et du QEEL
Dragon594 a écrit:Le 1 l'image que je parle est l'avatar du membre qui doit être connecter sur le forum et j'ai trouvé des variables ci cela s'appelle ainsi pour t'y aider , je te mets le tout ce que j'ai l'ami.
En ce qui concerne l'avatar du membre connecté a gauche du texte il existe une solution mais elle ne fonctionne pas a l'intérieur d'une iframe j'ai fais le test, peut être existe t-il une autre soulution mais je ne la connais pas, maintenant que vous ne voulez plus d'iframe nous allons placer votre code dans la page d'accueil nous allons donc pouvoir placer l'avatar du membre connecté.
Pour les variables que vous m'avez montrées je les connais toutes mais elles sont fonctionnelles qu'a l'intérieur d'un template.
Dragon594 a écrit:mais tu n'as pas répondu à toutes les demandes l'ami et tu en as fait de nouvelles que je t'expliquerai par la suite.
Heu... quelles demandes
Dragon594 a écrit:Comme tu peux t'en rendre compte cela ne fonctionne pas. Et je te rappelle qu'ici je n'utilise pas avec l'Iframe mais la " Prévisualisation ".
J'ai du mal a comprendre tes propos, lorsque je fais une modification dans la gestion des pages html je me sers aussi de la prévisualisation et seulement lorsque tout est ok je la place dans l'iframe.
Dragon594 a écrit:Mais le soucis d'après ce que je comprends le code que tu as donné je n'ai que le margin left et margin top pour le contenu des blocs. ( voir code )
Dans chaque lien il y a un margin left il suffisait tout simplement de les régler pour régler les liens.
Dragon594 a écrit:Pour celui-ci et qui d'ailleurs doit être le plus important car rien ne marche est cette Iframe
Ce n'est pas que rien ne marche, dans un tel code des réglages sont a faire ça ne peut pas fonctionné du premier coup et j'ai pourtant précisé que nous ferions ça en plusieurs étapes et en ce qui concerne l'iframe c'est vous qui me l'avez proposé (voir votre 6ème poste) nous allons donc alors placer votre code dans la page d'accueil je crois que se sera plus simple pour tous le monde.
Affichage / Page d'accueil / Généralités / Contenu du message / placer le code html, pour le css placez le dans votre feuille de style css.
J'y ai apporté quelques modifications, remplacer mes images par les votres.
- html.:
Le css modifié.
- css.:
Le javascript pour vos onglets profile, a placer dans une nouvelle page javascript je vous ai expliqué comment l'installer dans un précédent post un peu plus haut.
- Javascript onglets.:
- Code:
//<!--
function change_onglet(name)
{
document.getElementById('onglet_'+anc_onglet).className = 'onglet_0 onglet';
document.getElementById('onglet_'+name).className = 'onglet_1 onglet';
document.getElementById('contenu_onglet_'+anc_onglet).style.display = 'none';
document.getElementById('contenu_onglet_'+name).style.display = 'block';
anc_onglet = name;
}
//-->
Javascript pour afficher l'avatar.
- Javascript avatar.:
- Code:
$(function() {
$.get("/u" + +(my_getcookie("fa_" + location.host.replace(/\./g, "_") + "_data") || "").replace(/^.*"userid";(s:[1-9][0-9]*:"([1-9][0-9]*)"|i:([1-9][0-9]*));.*$/, "$2$3"), function(a) {
$(".useravatar").attr("src", $("#profile-advanced-right .module:first div img:first,.forumline td.row1.gensmall:first > img, .frm-set.profile-view.left dd img,dl.left-box.details:first dd img, .row1 b .gen:first img, .real_avatar img", a).first().attr("src") || "http://i48.servimg.com/u/f48/16/78/05/90/myster10.png")
})
});
Et pour finir le javascript pour afficher le pseudo du membre connecté.
- Ici:
- Code:
$(function() {
if (_userdata["user_id"] == -1) {
var pseudo = "Bonjour cher invité";
} else {
pseudo = _userdata["username"];
}
$('.pseudo').text(pseudo);
});
En ce qui concerne votre dernière proposition je crains que cela ne soit pas faisable.
- le Ven 24 Fév 2017 - 2:08
- Rechercher dans: Archives des problèmes avec un code
- Sujet: Refaire une mise en page de la PA et du QEEL
- Réponses: 25
- Vues: 2520
Refaire une mise en page de la PA et du QEEL
Bonjour,Dans mon précédent post j'ai expliqué la procédure, une fois la page html crée il suffi de prendre l'adresse de la page html nouvellement crée puis de la coller dans l'iframe et pour finir placer l'iframe dans la page d'accueil.
Ok je ré-explique la procédure.
Panneau d'administration / Module / Gestion des pages html / Clic sur Création en mode avancé / Mettre un titre de ton choix / Coche non et non / Place le code au complet qui se trouve ci-dessous et valide, après avoir validé clic un peu plus haut sur Cliquez ici pour revenir à l'Administration des pages HTML / a l'endroit ou est indiqué URL DU LIEN copie l'adresse de ta page puis colle la dans l'iframe (iframe ci-dessous)
- Le code au complet.:
L'iframe dans laquelle tu colles le lien de la page html.
- Code:
<iframe src="colle ton lien ici" scrolling="no" style="height: 530px;width: 890px;" frameborder="0"></iframe>
Tu me demandais ou tu devais placer l'iframe et bien ton code correspond bien a une page d'accueil donc l'iframe doit être placé dans: Affichage / Généralités / Message sur la page d'accueil / Contenu du message / place l'iframe et valide.
- le Mer 22 Fév 2017 - 12:28
- Rechercher dans: Archives des problèmes avec un code
- Sujet: Refaire une mise en page de la PA et du QEEL
- Réponses: 25
- Vues: 2520
Refaire une mise en page de la PA et du QEEL
Bonjou,Personnellement pour mes pages html je coche Non et Non.
Place le contenu (page html) ci-dessous dans une page html en mode avancé, valide puis copie l'adresse de cette page et colle la dans l'iframe (ci-dessous)
- Page html au complet.:
- Code:
<iframe frameborder="0" style="height: 530px;width: 890px;" scrolling="no" src="adresse page html ici"></iframe>
Normalement la hauteur et largeur de l'iframe sont correcte mais tu peux toujours les ajuster.
- le Mar 21 Fév 2017 - 17:49
- Rechercher dans: Archives des problèmes avec un code
- Sujet: Refaire une mise en page de la PA et du QEEL
- Réponses: 25
- Vues: 2520
Refaire une mise en page de la PA et du QEEL
Votre code avec les modifications éffectués.- Html:
- Le css.:
Vous devez placer ce petit script (ci-dessous) dans une nouvelle page javascript pour le fonctionnement des onglets MP, profil etc...
Procéder ainsi:
Panneau d'administration / Modules / Gestion des codes javascript / Créer un nouveau javascript / Mettre un titre de votre choix / Cocher sur l'index / Placer le code puis valider.
- Code:
//<!--
function change_onglet(name)
{
document.getElementById('onglet_'+anc_onglet).className = 'onglet_0 onglet';
document.getElementById('onglet_'+name).className = 'onglet_1 onglet';
document.getElementById('contenu_onglet_'+anc_onglet).style.display = 'none';
document.getElementById('contenu_onglet_'+name).style.display = 'block';
anc_onglet = name;
}
//-->
S'il y a le moindre souci n'hésiter pas a poster.
- le Lun 20 Fév 2017 - 22:30
- Rechercher dans: Archives des problèmes avec un code
- Sujet: Refaire une mise en page de la PA et du QEEL
- Réponses: 25
- Vues: 2520
Problème défilement texte page d'accueil
Bonjour Neffa,On va laisser tomber la création de page html et faire plus simple c'est a dire laisser tomber le javascript pour le défilement et prendre une balise marquee.
- Code html.:
- Votre css.:
Ca devrait fonctionner maintenant.
- le Lun 20 Fév 2017 - 18:50
- Rechercher dans: Archives des problèmes avec un code
- Sujet: Problème défilement texte page d'accueil
- Réponses: 12
- Vues: 1714
La couleur de fond ne change pas
Détails techniques
Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Mozilla Firefox, Google Chrome, Internet Explorer, Opera
Capture d'écran du problème :
- Voir l'image:
Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : 3 décembre 2016
Lien du forum : http://enkidievchronicles.forumactif.fr
Description du problème
Bonsoir tout le monde!voilà, j'ai un petit soucis au niveau de mon forum. J'aimerai faire des bannière défilantes et pour se faire, je dois harmoniser le bas des bannières avec la couleur de fond. Malheureusement, malgré mes tentatives, la couleur de fond ne change pas.
voici l'image du volet couleur dans la PA:
https://i.servimg.com/u/f37/11/84/42/42/image_12.jpg
Et même si c'est marqué ffffff voici ce que à quoi elle ressemble:
https://i.servimg.com/u/f37/11/84/42/42/image_11.jpg
J'ai essayé de voir dans le CSS et dans les templates mais je ne trouve pas Je voudrais juste qu'elle puisse être modifiée sans toucher au reste de mes couleurs si c'est possible!
Voici mon CSS:
- Spoiler:
- #chatbox .cb-avatar {
height: 40px!important;
width: 20px!important;
overflow: hidden!important;
}
#chatbox .cb-avatar > img {
height: 40px!important;
width: 20px!important;
}
.newpost, .descriptions {
font-family: 'Lato', sans-serif;
}
.newpost .gensmall, .descriptions .gensmall {
font-size: 10px !important;
}
.forumlink {
font-family: 'Great Vibes', cursive;
font-size: 30px;
font-weight: 500 !important;
}
.forumlink a {
width: 100%;
border-bottom: 1px solid #ffffff;
padding: 0 50px 6px 0;
}
.newpost, .descriptions, .sousforums_container {
background-color: #EFEEEE;
display: inline-block;
}
.newpost {
width: 250px;
}
.descriptions {
width: 366px;
margin: 0 8px;
height: 140px;
overflow: hidden;
}
.description {
height: 100px;
margin-top: 10px;
padding: 0 10px 0 0;
text-align: justify;
overflow: auto;
}
.infopost {
float: left;
}
.lastpost-avatar-container {
height: 140px;
width: 70px;
}
.lastpost-avatar img {
height: 140px;
width: 90px;
border-radius: 0;
}
.clickinfopost {
margin-top: 5px;
}
.clickinfopost .gensmall {
letter-spacing: -.5px;
font-size: 11px !important;
}
.infonewpost {
width: 150px;
height: 140px;
margin: 2px 5px 0 0;
background-color: #EFEEEE;
}
.infonewpost a, .forumlink .gensmall, .sousforums_details a {
text-transform: uppercase;
font-family: Georgia;
}
.infonewpost a {
font-size: 11px;
}
.forumlink .gensmall {
margin-top: -4px;
display: block;
font-size: 9px !important;
}
.sousforums_container {
width: 100px;
height: 140px;
overflow: auto;
}
.sousforums_details a {
display: block;
margin: 2px;
padding: 2px;
background-color: #EFEEEE;
font-size: 9px !important;
}
.secondarytitle, .secondarytitle h2 {
color: #363A3D;
margin: 30px 0 0 0;
padding: 10px;
background-color: #EFEEEE;
font-family: 'Great Vibes', cursive;
font-size: 45px;
font-weight: 400!important;
}
.clearfix:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
/* QEEL */
.trans .row1 {
background-color: #CDCCC8;
}
.titreqeel {
color: #2E3454;
font-family: 'Finger Paint', cursive;
font-size: 45px;
text-align: center;
}
.cadreqeel {
background-color: #CDCCC8;
color: #5C5C5C;
padding: 15px;
width: 210px;
height: 190px;
text-align: justify;
font-family: arial;
font-size: 10px;
-moz-border-radius: 310px;
-webkit-border-radius: 310px;
border-radius: 310px;
}
.cadreqeel1 {
background-color: #CDCCC8;
color: #5C5C5C;
padding: 15px;
width: 210px;
height: 190px;
text-align: justify;
font-family: arial;
font-size: 10px;
-moz-border-radius: 310px;
-webkit-border-radius: 310px;
border-radius: 310px;
}
.cadreqeel2 {
background-color: #CDCCC8;
color: #5C5C5C;
padding: 15px;
width: 500px;
height: 100px;
overflow: auto;
text-align: justify;
font-family: arial;
font-size: 10px;
-moz-border-radius: 50px;
-webkit-border-radius: 50px;
border-radius: 50px;
}
.boite10 {
margin-left: 20px;
margin-top: 25px;
width: 180px;
height: 180px;
overflow: auto;
}
.groupes {
font-family: 'Gabriela', serif;
text-align: center !important;
font-size: 20px;
}
/******* PA PAR PHANTASMAGORIA SUR PRD*********/
.fond_pa {background-color: #dcd9d9; width: 780px;}
#navigation a:link, #navigation a:visited, #navigation a:active {
width: 500px; height: 15px; font-size: 15px; font-family: Georgia; text-shadow: 0px 0px 2px #ffffff;
text-transform: uppercase; color: #5c767d; letter-spacing: -1px;}
#navigation a:hover {
color: #5c767d ; text-shadow: 0px 0px 2px #fff ;}
.pseudo_staff { font-family: 'Georgia', cursive; font-size: 20px; text-align: center;}
.titre_pa { font-family: 'Georgia', cursive; font-size: 30px;
text-align: center; color: #5c767d; margin-bottom: -5px;}
.bloc_colo { background-color: #d7d4d4; border: 1px solid #5c767d; padding: 2px; height: 130px; width: 250px}
.contexte { width: 230px; height: 110px; overflow: auto; font-size: 10px; line-height: 11px; text-align: justify; padding: 7px;}
.fiche_staff {width: 100px; height: 100px; text-align: center; background-color: #d7d4d4; transition: all 1s; -webkit-transition: all 1s; -moz-transition: all 1s; -ms-transition: all 1s; -o-transition: all 1s; opacity: 0; color: #a48eac; overflow: auto;}
.fiche_staff:hover{opacity: 1;}
.news {width: 200px; height: 170px; overflow: auto; font-size: 10px; line-height: 11px; text-align: justify; padding: 7px;}
.copyright { width: 230px; height: 110px; overflow: auto; font-size: 10px; line-height: 11px; text-align: justify; padding: 7px;}
/******** FIN DU CODE*******/
//
.onglet
{
display:inline-block;
background: #000;
border:2px solid #5c767d;
cursor:crosshair;
text-align: center;
margin-left: -7px;
background:transparent;
}
.contenu_onglet
{
width:200px;
height: 100px;
border:none;
margin-top:-1px;
padding:5px;
display:none;
text-align: center;
font-family: Arial;
font-size: 8pt;
}
ul
{
margin-top:0px;
margin-bottom:0px;
margin-left:-10px
}
h1
{
margin:0px;
padding:0px;
}
.lien {
color: #000;
font-size: 11px;}
a { text-decoration: none;}
a:hover { text-shadow: 0px 0px 2px #000;}
Ce sont les membres de mois ! Ce sont ceux qui se sont démarqués par leur présence et leur assiduité. On les remerciera jamais assez de faire partie de notre aventure ♥
olor: #5c767d; Pseudo & Pseudo
Fiche
olor: #5c767d; Pseudo 2 & Pseudo 2
Fiche
Staff
//
.urielgt {font-family: 'Great Vibes', cursive; color: #46282c; font-size: 50px; display: block; text-align: center; transition: 1s;} .urielgt:hover {color: #af272f; transition: 1s;} .urielst{font-family: 'Old Standard TT', serif; display: block; text-align: center; font-style: italic; font-variant: small-caps; color: #f2b45a;} .urielfond3 {width: 400px; background-color: #46282C; margin: auto; box-shadow: 0px 0px 10px #46282C; border-left: 4px solid #F2B45A; text-align: justify; color: #F2B45A; font-size: 11px; font-family: 'Old Standard TT', serif; padding: 15px; }.urieltitre{font-variant: small-caps; Text-shadow: 0px 0px 2px #F2B45A; display: block; letter-spacing: 4px; font-size: 13px; text-align: center; border-bottom: 1px dotted #AF272F; transition: 1s;} .urieltitre:hover {color: #AF272F; text-shadow: 0px 0px 2px #AF272F; transition: 1s; }.uem{font-weight: bold; font-style: italic; transition: 1s;} .uem:hover {color: #AF272F; transition: 1s;}.urielfond3 a {text-decoration: none!important;font-weight: bold; color: #F2B45A; font-size: 8px; transition: 1s;} .urielfond3 a:hover {text-decoration: none!important; color: #AF272F; transition: 1s;}
Merci beaucoup de votre aide !
- le Sam 3 Déc 2016 - 23:07
- Rechercher dans: Archives des problèmes avec l'apparence du forum
- Sujet: La couleur de fond ne change pas
- Réponses: 1
- Vues: 1315
Couleur de texte -Feuille de personnage-
Malheureusement non :O et ce problème est apparu sans que je n'ai rien touché au préalable... j'avoue ne pas trop comprendre.Dans la gestion des couleurs, rien n'indique quel champs doit être modifié pour que seules les couleurs des Listes et Texte de la feuille de personnage, sur les profils, soient impactées? Et pour ce qui est du CSS... encore une fois je n'y ai rien modifié depuis des mois u.u
Voulez-vous mon css? (chambre mal rangée, j'vous préviens...)
- CSS:
- /* DEBUT BARRE DE NAVIGATION */
.nav_txt {
text-align: center;
font-variant: small-caps;
font-family: Georgia;
color: #7e7e7e;
background: #091016;
font-size: 18px;
height: 28px;
text-shadow:1px 1px 2px #000000;
border-bottom: 1px solid #091016;
box-shadow: 0px 0px 3px #000000;
}
.barre_nav a{
text-align: center !important;
font-variant: initial;
font-family: Georgia;
color: #7d6a60;
font-size: 14px;
margin-left: 5px;
text-decoration: none !important;
-moz-transition: 0.2s all;
-webkit-transition: 0.2s all;
-o-transition: 0.2s all;
-ms-transition: 0.2s all;
-khtml-transition: 0.2s all;
transition: 0.2s all;
}
.barre_nav a:hover {
text-decoration: none !important;
color : #7e7e7e !important;
text-align: center !important;
-moz-transition: 0.2s all;
-webkit-transition: 0.2s all;
-o-transition: 0.2s all;
-ms-transition: 0.2s all;
-khtml-transition: 0.2s all;
transition: 0.2s all;
}
.barre_nav {
width: 80%;
height: auto;
left: 10%;
margin-left: auto;
margin-right: auto;
margin-top: -1px;
position: absolute;
overflow: hidden;
z-index: 10;
border-top: 0px solid #7d6a60;
}
.nav_1 {
width: 19%;
height:25px;
background: #080e13;
float: left;
border: 1px solid #;
box-shadow: 0px 0px 3px #000000;
-moz-transition: 0.2s all;
-webkit-transition: 0.2s all;
-o-transition: 0.2s all;
-ms-transition: 0.2s all;
-khtml-transition: 0.2s all;
transition: 0.2s all;
overflow: hidden;
}
.nav_2 {
width: 19%;
height:25px;
background: #080e13;
float: left;
border: 1px solid #091016;
box-shadow: 0px 0px 3px #000000;
-moz-transition: 0.2s all;
-webkit-transition: 0.2s all;
-o-transition: 0.2s all;
-ms-transition: 0.2s all;
-khtml-transition: 0.2s all;
transition: 0.2s all;
overflow: hidden;
}
.nav_3 {
width: 19%;
height:25px;
background: #080e13;
float: left;
border: 1px solid #091016;
box-shadow: 0px 0px 3px #000000;
-moz-transition: 0.2s all;
-webkit-transition: 0.2s all;
-o-transition: 0.2s all;
-ms-transition: 0.2s all;
-khtml-transition: 0.2s all;
transition: 0.2s all;
overflow: hidden;
}
.nav_4 {
width: 19%;
height:25px;
background: #080e13;
float: left;
border: 1px solid #091016;
box-shadow: 0px 0px 3px #000000;
-moz-transition: 0.2s all;
-webkit-transition: 0.2s all;
-o-transition: 0.2s all;
-ms-transition: 0.2s all;
-khtml-transition: 0.2s all;
transition: 0.2s all;
overflow: hidden;
}
.nav_5 {
width: 19%;
height:25px;
background: #080e13;
float: left;
box-shadow: 0px 0px 3px #000000;
-moz-transition: 0.2s all;
-webkit-transition: 0.2s all;
-o-transition: 0.2s all;
-ms-transition: 0.2s all;
-khtml-transition: 0.2s all;
transition: 0.2s all;
overflow: hidden;
}
.nav_1:hover {
width: 19%;
height: auto;
text-align: left !important;
box-shadow: 0px 0px 3px #000000;
-moz-transition: 0.2s all;
-webkit-transition: 0.2s all;
-o-transition: 0.2s all;
-ms-transition: 0.2s all;
-khtml-transition: 0.2s all;
transition: 0.2s all;
border-radius: 20px; border-bottom: solid 3px #7d6a60;
}
.nav_2:hover {
width: 19%;
height:auto;
text-align: left !important;
box-shadow: 0px 0px 3px #000000;
-moz-transition: 0.2s all;
-webkit-transition: 0.2s all;
-o-transition: 0.2s all;
-ms-transition: 0.2s all;
-khtml-transition: 0.2s all;
transition: 0.2s all;
border-radius: 20px; border-bottom: solid 3px #7d6a60;
}
.nav_3:hover {
width: 19%;
height:auto;
text-align: left !important;
box-shadow: 0px 0px 3px #000000;
-moz-transition: 0.2s all;
-webkit-transition: 0.2s all;
-o-transition: 0.2s all;
-ms-transition: 0.2s all;
-khtml-transition: 0.2s all;
transition: 0.2s all;
border-radius: 20px; border-bottom: solid 3px #7d6a60;
}
.nav_4:hover {
width: 19%;
height:auto;
text-align: left !important;
box-shadow: 0px 0px 3px #000000;
-moz-transition: 0.2s all;
-webkit-transition: 0.2s all;
-o-transition: 0.2s all;
-ms-transition: 0.2s all;
-khtml-transition: 0.2s all;
transition: 0.2s all;
border-radius: 20px; border-bottom: solid 3px #7d6a60;
}
.nav_5:hover {
width: 19%;
height:auto;
text-align: left !important;
box-shadow: 0px 0px 3px #000000;
-moz-transition: 0.2s all;
-webkit-transition: 0.2s all;
-o-transition: 0.2s all;
-ms-transition: 0.2s all;
-khtml-transition: 0.2s all;
transition: 0.2s all;
border-radius: 20px; border-bottom: solid 3px #7d6a60;
}
/* --------------------------------- MENU latérale--------------------------------- */
/* Contient l'image */
.bloc_onglet {
position: fixed;
top: 5em;
}
/* Info-bulles */
nav.info{
z-index: 24;
text-decoration: none;
position: relative;
}
nav.info:hover{
z-index: 26;
}
nav.info span{
display: none
}
nav.info:hover span{
display: block;
position: absolute;
top: 1.3em;
left: 11em;
height: auto;
width: 200px;
background: none;
text-align: center top;
font-weight: none;
padding: 0px;
color : #7e7e7e !important;
}
nav.info a {
text-decoration: none !important;
}
/* FIN BARRE DE NAVIGATION */
/* --------------------------------- Navigation Haut/Bas --------------------------------- */
.haut{
position:fixed;
top:45px;
left:24px;}
.bas{
position:fixed;
top:45px;
left:69px;}
/* --------------------------------- WIDGET --------------------------------- */
/* Widget statistic */
.widgperso {
border: solid #7d6a60 0px;
border-radius: 20px;
border-bottom:solid 3px #7d6a60 ;
border-radius:0 0 20px 20px;
background-color: #0D0D0D;
color: #F3F3F3;
border-radius: 0px 10px 10px 10px;
border-bottom:solid 3px #7d6a60 ;
font-family: Balthazar; /*police utilisée*/
font-variant:small-caps;/*texte en petites majuscules*/
font-size: 12px !important;
}
/* Positionnement du widget et choix du fond */
.widget {
position: fixed;
top: 2.9em;
left: 3.8em;
background-image: url('http://www.photos-public-domain.com/wp-content/uploads/2011/02/black-vertical-siding-texture.jpg');
width: 20em;
height: 26em;
padding: 20px;
z-index: 2;
}
/* Englobe le titre et le texte du widget */
.widget_interne {
width: 17em;
height: 21em;
padding: 20px;
padding-top: 0px;
text-align: justify;
color: #C0C0C0;
z-index: 4;
position: fixed;
top: 5.5em;
left: 5em;
}
/* --------------------------------- FIN WIDGET --------------------------------- */
/*********************************** PA Quête ***********************************/
/*Bloc du concept*/
#concept {
float : left;
position: relative;
width: 175px;
height: 80px;
overflow: hidden;
}
/*Texte du concept*/
#concept_text {
width: 163px;
height: 70px;
margin: 1px;
padding: 5px;
text-align: left;
overflow: auto;
font-size: 9px;
}
/*Image du concept*/
#concept_img {
position: absolute;
top: 0px;
left: 0px;
width: 175px;
height: 80px;
transition: 0.5s;
-webkit-transition: 0.5s;
}
/*Glissement de l'image du concept*/
#concept:hover #concept_img {
left: 200px;
}
/*********************************** PA ***********************************/
/*** PARTENAIRES ET TOPS ***/
.img_partenaires {
opacity: 0.5;
}
.img_partenaires:hover {
opacity: 1;
}
/*** IMAGES DU STAFF ***/
.imgPA {
border-radius: 0%;
width: 60px;
height: 60px;
padding: 2px;
}
.info {
position: relative;
z-index: 24;
text-decoration: none;
padding : 2px;
}
c.info:hover {
z-index: 25;
}
c.info span {
display: none;
}
c.info:hover span {
display: block;
position: absolute;
top: 0px;
left: -1px;
border-radius: 0px 10px 10px 10px;
width: 100px;
height: 80px;
background-color: #0D0D0D;
color: #F3F3F3;
text-align: center;
font-weight: none;
}
/*** IMAGES DES PREDEFINIS ***/
.imgwidget {
border-radius: 0%;
width: 116px;
height: 117px;
}
.imgwidget:hover {
border-radius: 0%;
width: 116px;
height: 117px;
}
.info {
position: relative;
z-index: 24;
text-decoration: none;
}
d.info:hover {
z-index: 25;
}
d.info span {
display: none;
}
d.info:hover span {
display: block;
position: absolute;
top: -10px;
left: 3px;
width: 116px;
height: 40px;
background-color: #0D0D0D;
color: #F3F3F3;
border-radius: 0px 10px 10px 10px;
border-bottom:solid 3px #7d6a60 ;
text-align: center;
font-weight: none;
}
/*** EFFET DU CONTEXTE ***/
.contexte {
width: 400px;
height: 200px;
overflow: hidden;
background-color: #333333;
border-radius: 25px;
position: relative;
top: -2px;
}
.contexte_img {
position: relative;
z-index: 2;
width: 400px;
height: 200px;
margin-left: 0px;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
-transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
.contexte:hover .contexte_img {
margin-top: -200px;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
.contexte_description {
position: relative;
z-index: 1;
width: 350px;
height: 140px;
color: #a4a4a4;
padding: 25px;
text-align: justify !important;
font-size: 11px;
overflow: auto;
}
.contexte_description a {
text-decoration: none !important;
}
/*** SYSTEME D'ONGLETS ***/
.paonglet {
display: inline-block;
margin-left: 20px;
margin-right: 30px;
padding: 10px;
font-family: Balthazar; /*police utilisée*/
font-variant:small-caps;/*texte en petites majuscules*/
font-size: 14px;
background-color: #;
color: #7e7e7e;
}
.paonglet_0 {
border-radius: 0px;
width: 180px;
height: 30px;
background-image: url(https://2img.net/r/hpimg15/pics/42125230t2.png);
background-position: center top;
background-repeat: no-repeat;
}
.paonglet_1 {
border-radius: 0px;
background-image: url(https://2img.net/r/hpimg15/pics/57476156t1.png);
background-position: center top;
background-repeat: no-repeat;
width: 180px;
height: 30px;
color: #7d6a60;
}
.contenu_paonglet {
padding: 10px;
display: none;
width: 780px;
height: 450px;
border-radius: 20px;
background-color: #0D0D0D;
}
.contenu_paonglet a{
text-decoration: none !important;
}
/*** BLOC DE TEXTE DE LA PA ***/
.bloc_pa {
background-color: #333333;
border-radius: 25px;
color: #a4a4a4;
padding: 0px;
text-align: center !important;
position: center;
top: -3px;
}
.bloc_pa a {
text-decoration: none !important;
color: #70A0BA !important;
}
/*** TITRES DES BLOCS ***/
.titre_pa {
font-family: Balthazar; /*police utilisée*/
font-variant:small-caps;/*texte en petites majuscules*/
font-size: 16px;
position: relative;
top: -3px;
color: #a4a4a4;
z-index: 1;
}
.titre_pa:hover {
color: #70A0BA;
}
/*********************************** FIN PA ***********************************/
/* --------------------------------- /* MISE EN FORME DES LISTES DE SUJETS */ --------------------------------- */
.bloc_sujets
{
width: 775px;
margin: auto;
background: #;
border-radius: 20px 0px 0px 20px;
border-bottom:solid 3px #7d6a60 ;
padding: 5px;
}
.sujets
{
background: #000;
background-image: url();
background-position: center top;
background-repeat: repeat;
border-radius: 20px;
border-radius: 20px 0px 0px 20px;
text-align: left !important;
border-bottom:solid 3px #7d6a60 ;
padding: 3px;
}
.topictitle
{
font-variant: small-caps;
font-size: 12px;
background: #000;
}
.sujets_auteur
{
display: block;
width: 180px;
font-size: 11px;
border-radius: 20px;
}
.sujet_last
{
display: block;
background-image: url(https://2img.net/r/hpimg11/pics/269823Sanstitre1.jpg);
background-position: center top;
background-repeat: no-repeat;
width: 190px;
height: 62px;
background: #000;
padding-top: 10px;
font-size: 9px;
}
.sujets_stats
{
width: 675px;
text-align: right;
margin-bottom: 0px;
}
.sujets_stats_contenu
{
font-size: 9px;
color: #a4a4a4;
padding: 2px;
background: #;
border-bottom: solid #7d6a60 1px;
border-left: solid #7d6a60 1px;
border-right: solid #7d6a60 1px;
border-radius: 0px 0px 10px 10px;
background-image: url(https://2img.net/r/hpimg11/pics/469850motif.jpg);
background-position: center top;
background-repeat: repeat;
}
/* --------------------------------- /* DEBUT CATHEGORIE */ --------------------------------- */
#i_icon_mini_login{
margin-right:20px !important;
}
.cat_titre1 {
letter-spacing: 2px;
text-transform: uppercase;
font-size: 22px;
font-family: Balthazar;
}
.cat_droite {
border-radius:0px;
border: solid #7d6a60 1px;
padding: 10px;
width: 167px;
height: 56px;
font-size: 9px;
background-image: url('https://2img.net/r/hpimg11/pics/480531Sanstitre1.jpg');
background-position: center top;
background-repeat: no-repeat;
color: #7d6a60 !important;
margin-right:-45px;
margin-left:20px;
float:right;
background-color:black;
text-align:center;
margin-top:-100px;
}
.cat_titre2 {
font-size: 14px;
text-align: center !important;
color : #7e7e7e !important;
margin-left:50px;
margin-top:5px;
font-family: Balthazar;
}
.cat_des1 {
border: 0px;
margin-left:70px;
width:70%;
}
.cat1 {
border: solid #7d6a60 1px;
background-image: url('https://2img.net/r/hpimg11/pics/469850motif.jpg');
background-position: center top;
background-repeat: repeat;
border-radius: 20px;
text-align: center !important;
border-bottom:solid 3px #7d6a60 ;
padding-top:5px;
padding-left:0px;
}
.cat2 {
border: solid #7d6a60 0px;
border-radius: 20px;
padding:0px;
background-color:black;
height: 100px;
}
.souscat {
text-decoration:white;
text-align: center !important;
line-Height: 8pt;
padding:0px;
padding-right:20px;
overflow-x:;
margin-top:-40px;
margin-right:140px;
margin-left:160px;
}
.cat_des2 {
color:black;
font-size: 12px;
overflow:initial;
height: 100px !important;
padding-left:0px;
margin-top:-5px;
width:85%;
}
.catimg {
border: solid #7d6a60 1px;
width: 95px;
height: 80px;
float: left;
padding-right:0px;
margin-left:5px;
margin-top:32px;
}
/*** ILLUSTRATION QUI SUIT LE TITRE DE CATEGORIE ***/
.illustration_cate {
width: 592px;
height: 78px;
border-radius: 0px 0px 0px 0px;
position: relative;
top: 0px;
left: 0px;
}
/* --------------------------------- /* FIN CATHEGORIE*/ --------------------------------- */
/* --------------------------------- /* MISE EN FORME DES MESSAGES */ --------------------------------- */
/*Cadre autour des messages *****************************************************************/
.rangée .thRight, .nomavatar, .rangée .thLeft, .basviolet .browse-arrows{
font-family: Balthazar; /*police utilisée*/
font-variant:small-caps;/*texte en petites majuscules*/
}
.basviolet, .postviolet{ background-color:#202020;}/*couleur de fond des messages*/
.fondpost{
border: solid #7d6a60 1px;/*bordures fines autour du message*/
background: url(https://2img.net/r/hpimg11/pics/424348fond.jpg) no-repeat center bottom,
url(https://2img.net/r/hpimg11/pics/442537fond2.jpg) no-repeat center top;
border-radius:10px;/*arrondi*/
padding: 15px;
min-height: 325px;
margin: 10px 30px auto 30px;
}
.rangée{
background-color:#000;/*couleur de fond de la ligne "auteur-message"*/
border-bottom: solid #7d6a60 1px;/*bordures fines autour du message*/
border-radius:0px 20px 0 0;/*arrondis*/
display:block;
margin-top:15px;
}
.rangée .thRight{
font-family: Balthazar; /*police utilisée*/
font-variant:small-caps;/*texte en petites majuscules*/
color:#7e7e7e;/*couleur du texte "message"*/
font-size: 14px;
border-bottom: solid #7d6a60 1px;/*bordures fines autour du message*/
font-weight:bold;
display:block;
margin-left:255px;
padding-top:7px;
height:19px;
}
.rangée .thLeft, .basviolet .browse-arrows{
color:#7e7e7e;/*couleur du texte "auteur"*/
font-family: Balthazar; /*police utilisée*/
font-variant:small-caps;/*texte en petites majuscules*/
font-size: 15px;
border-bottom: solid # 0px;/*bordures fines autour du message*/
font-weight:bold;
display:block;
float:left;
width:255px;
padding-top:7px;
padding-left:7px;
height:19px;
}
.basviolet{
border: solid #7d6a60 1px;
background-image: url(https://2img.net/r/hpimg11/pics/469850motif.jpg);
background-position: center top;
background-repeat: repeat;
border-radius: 20px;
text-align: center !important;
border-bottom:solid 3px #7d6a60 ;
display:block;
border-radius:0 0 20px 20px;
border-top:none;
margin-bottom:30px;
}
.postviolet{
border-left:1px solid #7d6a60;/*bordures de la partie centrale du message*/
border-right:1px solid #7d6a60;
display:block;
}
.postviolet .postdetails {display:none;}/*enlève la date et l'heure du sujet*/
.postviolet .post-options{padding-right:30px;}
th.thBottom, th.thCornerL, th.thCornerR, th.thHead, th.thLeft, th.thRight, th.thSides, th.thTop { border:none;font-weight:normal;}
/* --------------------------------- PROFILS/AVATAR RP --------------------------------- */
.profil_mess
{
position: relative;
z-index: 9;
width: 210px;
margin-left: auto;
margin-right: auto;
margin-top: 10px;
background-color: #333333;
padding: 4px;
text-align: center;
background-image: url('https://2img.net/r/hpimg15/pics/643525profil.jpg');
background-position: center top;
box-shadow: 0px 0px 5px #000000;
-moz-box-shadow: 0px 0px 5px #000000;
-htm-box-shadow: 0px 0px 5px #000000;
-o-box-shadow: 0px 0px 5px #000000;
-webkit-box-shadow: 0px 0px 5px #000000;
}
.name
{
display: block;
margin-top: -5px;
margin-bottom: -10px;
font-size: 12px;
font-family: arial black;
text-shadow: 1px 1px 0px #000000;
padding-bottom: 5px;
border-bottom: 1px solid #5b5b5b;
}
.avatar_mess
{
display: block;
width: 200px;
margin-left: auto;
margin-right: auto;
margin-top: 10px;
height: 400px;
overflow: hidden;
border: 5px solid #0d0d0d;
opacity: 0.9;
-moz-opacity: 0.7;
-khtml-opacity: 0.7;
filter: alpha(opacity=70);
transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
-htm-transition: 0.5s;
-webkit-transition: 0.5s;
}
.avatar_mess:hover
{
opacity: 1;
-moz-opacity: 1;
-khtml-opacity: 1;
filter: alpha(opacity=100);
transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
-htm-transition: 0.5s;
-webkit-transition: 0.5s;
}
.profil2_mess
{
position: relative;
z-index: 1;
width: 180px;
margin-left: auto;
margin-right: auto;
margin-top: -202px;
background-color: #000;
padding-left: 4px;
padding-right: 4px;
text-align: left;
border-radius: 10px;
-moz-border-radius: 10px;
-htm-border-radius: 10px;
-o-border-radius: 10px;
-webkit-border-radius: 10px;
border: 2px solid #000;
box-shadow: 0px 0px 5px #000000;
-moz-box-shadow: 0px 0px 5px #000000;
-htm-box-shadow: 0px 0px 5px #000000;
-o-box-shadow: 0px 0px 5px #000000;
-webkit-box-shadow: 0px 0px 5px #000000;
color: #434343 !important;
transform: rotate(-180deg);
-moz-transform: rotate(-180deg);
-o-transform: rotate(-180deg);
-htm-transform: rotate(-180deg);
-webkit-transform: rotate(-180deg);
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
.profil2_mess:hover
{
margin-top: -42px;
transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
-htm-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
.profil2_content
{
display: block;
width: 180px;
height: 400px;
max-height: 200px;
overflow: auto;
font-size: x-small;
}
/******************* transition lien ******************************/
a {
-moz-transition:all 0.5s; /* Mozilla Firefox */
-webkit-transition:all 0.5s; /* Safari et Google Chrome */
-o-transition:all 0.5s; /* Opera */
transition:all 0.5s;
}
/******************* ENLEVER SOULIGNEMENT DES LIENS******************************/
a:hover{text-decoration: none !important;}
a{text-decoration: none !important;}
/******* curseur général********/
body {
cursor: url(http://fc05.deviantart.net/fs71/f/2014/112/4/a/cursor_by_ginl-d7fj3nw.png);
}
/******* curseur lien ********/
a {
cursor : url(http://fc05.deviantart.net/fs70/f/2014/112/2/8/cursorlink_by_ginl-d7fj3tf.png), auto;;
}
/******* BG forum ********/
body{
background-image: url('https://2img.net/r/hpimg15/pics/638615fond2.jpg', 'https://2img.net/r/hpimg11/pics/630325Sanstitre1.jpg', 'https://2img.net/r/hpimg15/pics/881593fond.jpg', 'https://2img.net/r/hpimg11/pics/789821fond.jpg');
background-position: center top;
background-repeat: no-repeat;
background-attachment: scroll;
background-color: #000
text-align: justify;
}
/* -------------------------------- avatar rep rapide --------------------------------------- */
#av_quickreply img{
position: relative;
top: 0px;
left: 0px;
width: 110px;
height: 210px;
margin: 0 5px;
border-radius: 10px;
}
#av_quickreply {
float: left;
position : absolute;
}
/* --------------------------------- Editeur --------------------------------- */
/* Icônes couleur dans la palette */
.color-option {
display: inline-block !important;
width: 15px !important; /* largeur de l'icône couleur */
height: 15px !important; /* hauteur de l'icône couleur */
border: 2px solid #fff !important; /* cadre blanc sur l'icône couleur */
margin: 3px !important; /* espace entre chaque icône */
box-shadow: 0 0 2px #778899; /* ombre */
cursor: pointer !important;
}
.color-option span{
display: block !important;
width: 15px !important; /* largeur de l'icône couleur */
height: 15px !important; /* hauteur de l'icône couleur */
}
.color-option, .color-option span {
border-radius: 2px; /* arrondi */
}
/* Palette complète - la largeur influence le nombre d'icônes affichées */
.sceditor-dropdown.sceditor-color-picker {
width: 200 !important; /* largeur de la palette complète */
height: relative !important; /* hauteur de la palette complète */
padding: 5px !important;
border-radius: 5px !important;
}
/*--- Bloc réponse rapide ---*/
.sceditor-container.ltr.sourceMode {
width:500px !important;
background-color: #444444 !important;
position: auto;
top: 0px;
left: center;
}
.sceditor-container.ltr.wysiwygMode {
width:500px !important;
background-color: #444444 !important;
position: auto;
top: 0px;
left: center;
}
.slidesmile{
position:relative; !important;
top:39px; left:100px; !important;
z-index:4;
}
#smileyContainer iframe
{
height: 300px !important;
overflow: auto !important;
}
#smileyContainer
{
border: 3px solid #000000; !important;
}
.sceditor-toolbar
{
background: #141414 !important;
border-bottom: 1px solid #000000 !important;
}
.sceditor-group
{
background: #444444 !important;
border: 1px outset #333333 !important;
border-radius: 5px !important;
}
.sceditor-container
{
width:500px !important;
position: auto;
margin: 2px auto !important;
background: #000 !important;
border: 2px solid #000000 !important;
}
a.sceditor-button
{
background: #000 !important;
border-radius: 20px !important;
}
a.sceditor-button:hover
{
background: #999999 !important;
}
a.sceditor-button
{
background: #777777 !important;
border-radius: 20px !important;
}
a.sceditor-button:hover
{
background: #999999 !important;
}
.sceditor-container textarea, .sceditor-container iframe
{
padding: 5px !important;
background: #555555 !important;
border: 1px solid #666666 !important;
}
/* --------------------------------- Bouton Editeur supp --------------------------------- */
a.sceditor-button.sceditor-button-farand {
display: none;
}
a.sceditor-button.sceditor-button-date {
display: none;
}
a.sceditor-button.sceditor-button-time {
display: none;
}
a.sceditor-button.sceditor-button-faupdown {
display: none;
}
a.sceditor-button.sceditor-button-fascroll {
display: none;
}
/* --------------------------------- LISTE membres --------------------------------- */
.description3
{
display: block;
width: 200px;
margin: auto;
height: 100px;
overflow: hidden;
transition:0.4s ease;
-o-transition:0.4s ease;
-moz-transition:0.4s ease;
-webkit-transition:0.4s ease;
}
.description3:hover {
display: block;
width: 200px;
margin: auto;
height: 200px;
overflow: hidden;
}
.description3_contenu
{
position: absolute;
width: 200px;
height: 200px;
overflow: 200px;
background-color: #EFE9DD;
font-size: 11.5px;
font-family:'Georgia';
color: #3E352E;
text-align: justify;
padding:0px;
opacity: 0;
-moz-opacity: 0;
-khtml-opacity: 0;
filter: alpha(opacity=0);
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
.description3_contenu:hover
{
opacity: 0.8;
-moz-opacity: 0.8;
-khtml-opacity: 0.8;
filter: alpha(opacity=80);
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
/* --------------------------------- CHATBOX --------------------------------- */
/* Taille des avatars */
#chatbox .cb-avatar > img {
height: 40px !important;
width: 20px !important;
}
/* Calque des avatars */
#chatbox .cb-avatar {
float: left;
margin-right: 4px;
background: none repeat scroll 0 0 #000 !important; /* Fond */
border: 1px solid #d5d5d5 !important;
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
height: 40px !important; /* Hauteur */
padding: 1px;
vertical-align: middle;
width: 20px !important; /* Largeur */
}
/* ChatBox */
body.chatbox {
background-image: url('https://2img.net/r/hpimg4/pics/640843chat.jpg');
background-position: center top;
background-repeat: no-repeat;
}
#chatbox .chatbox_row_1,#chatbox .chatbox_row_2,#chatbox .chatbox_row_3{
background-color: transparent;
}
#chatbox_header .cattitle strong { display: none; }
#chatbox_header .cattitle:before { content: "Le comptoire"; }
background-color: transparent;
body.chatbox {
background-color: transparent; }
/* ChatBox latérale */
#chatbox_header .cattitle strong {
display: none;
}
#chatbox_header .cattitle:before {
content: "La Taverne";
font-family: Balthazar; /*police utilisée*/
font-variant:small-caps;/*texte en petites majuscules*/
font-size: 20px;
text-shadow: #DED3C1 0px 0px 0px;
margin-top:5px;
margin-left:20px;
}
body.chatbox {
display: block;
}
.chatbox_row_1, .chatbox_row_2 {
background : none;
}
/* conteneur de la chatbox et du bouton */
#cb_block {
width: 600px; /* largeur */
height: 300px; /* hauteur */
position: fixed; /* position fixe dans la fenêtre */
bottom: -205; /* est caché de 200px vers le bas */
left: 0px; /* est collé à 0px du bord gauche */
z-index: 100;
transition: 1s; /* le mouvement glissant est de 1s */
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
border-radius:5px;
}
/* chatbox seule */
.ChatboxLaterale {
width: 600px; /* largeur */
height: 200px; /* hauteur */
z-index: 100;
position: relative;
}
#chatbox {height: 75%}
/* bouton ouvrir/fermer */
.BoutonChatbox {
cursor: pointer; /* on ajoute un pointeur pour indiquer que notre image est cliquable */
position: center;
z-index:100;
width: 30px; /* largeur */
height: 97px; /* hauteur */
border-radius:5px;
margin-left: 0px; /* on le pousse à 15px du bord gauche */
}
.text-styles {
margin-top: -30px;
padding-top: 8px;}
#chatbox_members, .member-title.away, .member-title.online {
background:none;
}
/* --------------------------------- FIN NAVIGATION --------------------------------- */
.transparent .row1 {
background: transparent;
}
.transparent .gensmall {
font-size:12px;
}
#qeel_position {
position: relative;
margin:auto;
background-image: url("https://2img.net/r/hpimg11/pics/861652qeel.jpg");
background-position: center;
background-repeat: no-repeat;
}
#qeel_titre {
font-size:10px;
font-weight: bold;
color:black;
text-align:center;
}
.qeel_colonne1 {
font-size: 11px;
text-align: right;
width: 200px;
height: 300px;
background:#;
margin-top: 10px;
padding:60px;
border-top-left-radius:20px;
border-bottom-left-radius:20px;
}
.qeel_centre {
background:transparent;
font-size: 11px;
width:200px;
height:300px;
padding:1px;
}
.qeel_colonne2 {
width: 270px;
height: 300px;
background:#;
padding:35px;
text-align:left;
font-size:10px;
border-top-right-radius:10px;
border-bottom-right-radius:10px;
}
.qeel_bloc {
width: 200px;
padding:5px;
height: 300px;
background:#000;
border-radius:5px;
overflow:auto;
}
.qeel_groupe {
position: relative;
top: 10px;
height: 50px;
width: 50px;
border-radius:50px;
overflow: visible;
margin: 1px;
}
.qeel_groupe .infobulle {
position: absolute;
top: 0px;
left: 50px;
width: 70px;
height: auto;
background:#000;
opacity: 0;
visibility: hidden;
transition: 0.3s;
padding: 5px;
border-radius:0px 10px 10px 10px;
}
.qeel_groupe:hover .infobulle {
opacity: 1;
visibility: visible;
z-index: 100;
transition: 0.5s;
}
Merci pour votre temps.
- le Lun 10 Oct 2016 - 16:18
- Rechercher dans: Archives des problèmes avec l'apparence du forum
- Sujet: Couleur de texte -Feuille de personnage-
- Réponses: 5
- Vues: 3302
Problème avec la Largeur de mon forum
- Bien le bonsoir, ForumActifs!
- CSS:
- .bodylinewidth{
margin-right: -0px;
}
a.mainmenu img{
display: none;
}
/*
* ------------------------------
* BLOC PARTENAIRES AVEC DECALAGE
* Libre service - Never Utopia
* ------------------------------
*/
/* Bloc contenant les partenaires */
.staggered-partners {
font-size: 0; /* ne pas enlever */
width: 591px;
margin: auto;
margin-top: 25px;
margin-bottom: 25px;
}
/* Affichage pour un lien partenaire */
.staggered-partners .partner-link {
display: inline-block;
width: 88px; /* largeur */
height: 31px; /* hauteur */
margin-right: 20px;
}
/* Style image du partenaire */
.staggered-partners .partner-link img {
position: relative;
max-width: 100%;
max-height: 100%;
-webkit-transition: transform 600ms;
transition: transform 600ms;
}
/* Effet au survol sur image */
.staggered-partners .partner-link:hover img {
transform: scale(1.3);
-webkit-transform: scale(1.3);
z-index: 1;
}
/* Decalage a gauche une ligne sur 2 */
.staggered-partners .partner-link:nth-child(14n+ {
margin-left: 55px;
}
/* Suppression de la marge à droite une ligne sur 2 */
.staggered-partners .partner-link:nth-child(14n) {
margin-right: 0;
}
/* Style quand le lien n'a pas d'image */
.staggered-partners .partner-link:empty {
display: none;
}
/* Crédit */
.credits-partners {
margin-top: 10px;
font-size: 12px;
text-align: right;
font-family: sans-serif;
opacity: 0.3;
transition: all 1s;
-webkit-transition: all 1s;
}
/* Lien */
.credits-partners a {
text-decoration: none;
color: black;
}
/* Apparition du crédit au survol du bloc */
.staggered-partners:hover .credits-partners {
opacity: 1;
}
/*------------------------------
* FIN BLOC PARTENAIRES AVEC DECALAGE
* ------------------------------ */
div.contenant {
width:145px; /*largeur du contenant, la meme que celle de l image*/
height:65px; /*hauteur du contenant, la meme que celle de l image*/
overflow: hidden;
box-shadow:0px 2px 5px black; /*--Ombre de ta boite--*/
-moz-box-shadow:0px 2px 5px black;
-webkit-box-shadow:0px 2px 5px black;
text-align:center;
}
div.contenu {
width: 145px; /*largeur du contenu, la meme que celle de l image*/
height: 65px; /*hauteur du contenu, la meme que celle de l image*/
overflow: auto; /*pour apparition d une scroll bar si le texte est trop long*/
}
.contenant img {
width:145px; /*largeur de l image*/
height:65px; /*hauteur de l image*/
position: relative;
bottom: 65px; /*ici mettre la hauteur de l image*/
transition: 0.5s; /*pour l effet de transition*/
}
.contenant:hover img { /*au survol de la souris sur le bloc*/
bottom: 6565px; /*ici mettre deux fois la hauteur de l image*/
transition: 9.5s; /*pour l effet de transition*/
}
.BOITE1 {
width:230px; /*--Largeur à éditer en fonction de la taille de ton forum (en px ou %)--*/
height:716px;/*--Hauteur à changer en fonction de ton texte--*/
box-shadow:0px 2px 5px black; /*--Ombre de ta boite--*/
-moz-box-shadow:0px 2px 5px black;
-webkit-box-shadow:0px 2px 5px black;
/*-----------------------------------------------Note :----------------------------------------
Pour préciser un angle par rapport aux autres il faut mettre "10px 10px 10px 10px"
et éditer celui ou ceux voulus.
---------------------------------------------------------------------------------------------*/
position:fixed; /*--Position de la boite : Fixe--*/
TOP : 0px; /*--Position à partir du haut--*/
LEFT: 1px;
Background-color:#705F53; /*--Couleur de fond : supprimer pour mettre en transparent--*/
padding:5px;/*--Marge intérieure générale--*/
padding-top:4px;/*--Marge intérieure du haut, éditée "à la place" de la bordure générale--*/
text-align:justify; /*--Alignement du texte : "right" -> droite ; "left" -> Gauche ; "justify" -> justifié . --*/
Color: #C2AE9F; /*--Mettre un nom de couleur (ex:BLACK) ou un code couleur (ex:#000000), pour changer le couleur du texte--*/
}
.CADRE1{
height:30px;
margin-bottom:5px; /*--marge extérieure du cadre - en bas--*/
-moz-border-radius:10px;
-webkit-border-radius:10px;
text-align:center;
padding:5px;
background-color: #171310 ;
color: #F5E09B ; /*--Couleur du texte :
Note : le vert donné n'était pas le bon donc à éditer si ça ne convient pas--*/
font-family: GEORGIA ; /*--Typo du titre souhaité--*/
font-size: 14px ; /*--Taille de la typo--*/
text-shadow:1px 1px 2px black;
/*--Note : le contraste vert-rouge était trop fort je me suis permise de rajouter une bordure d'ombre au texte
Ce qui aidera à lire le vert par dessus le rouge normalement. A supprimer si inconvenant.--*/
}
.navig {
position: fixed;
top: 0px;
width: 100%;
background-color: #171310;
}
/*** PROFIL BY BATTY POUR SORROM ***/
.bls_profil {
width: 220px;
background-color: #45382F;
box-shadow: 0px 0px 1px #000;
text-align: center;
border-radius: 100px;
padding-top: 50px;
padding-bottom: 70px;}
.bls_avatar {
width: 200px;
height: 320px;
border: 1px solid white;
border-radius: 5px;
overflow:hidden;
margin: 10px auto;
}
.bls_avatar img{
width: 200px;
height: 320px;
}
.bls_pseudo{
width: 220px;
text-align:center;
font-size: 28px;
}
.bls_pseudo a{
font-family: 'Almendra', serif;
}
.bls_rang{
width: 90%;
text-align:center;
font-family:'Times New Roman';
font-size: 11px;
padding: 1px;
text-transform: uppercase;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
tete-align:center;
margin: auto;
}
.bls_liens{
width: 200px;
height: auto;
text-align: center;
margin: 0px auto 10px auto;
}
.bls_infos-profil{
width: 200px;
height: auto;
text-align: justify;
padding: 4px;
border: 1px solid white;
background-color: #705F53;
font-size: 9px;
line-height: 11px;
color: white;
margin: 0px auto 10px auto;
}
/*-------------------------------------------------------*/
#chatbox_header .catBottom .cattitle {
color:#F5E09B;
}
#chatbox_header .cattitle strong { display: none; }
#chatbox_header .cattitle:before { content: "Une autre bière, c'est ma tournée! "; } /* Modifier NOM par le titre que vous désirez */
body.chatbox {
background-color:#45382Fr;
}
/* QUEEL */
#QEEL {
background: #45382F;
margin: auto;
text-align: justify;
width: 750px; /* Modifier la valeur pour changer la taille */
padding: 5px;
}
.groupes {
margin: auto;
text-align: center;
padding: 2px;
}
.groupes a {
/* Marges pour écarter les liens les uns des autres */
margin-left: 10px;
margin-right: 10px;
/* Styles du lien */
font-family: 'Almendra', serif;
font-style: bold;
font-size: 22px;
color: #705F53;
font-weight: bolder;
}
.bodyline
{
padding: 0;
}
.bodyline {
padding-top: 0px;
}
/* CATEGORIES */
.derniermessage {
font-size: 10px;
width: 150px;
margin-top: 10px;
margin-bottom: 3px;
padding-bottom: 8px;
padding-top: 8px;
background-color: #45382F;
-moz-border-radius : 6px;
-webkit-border-radius : 6px;
border-radius : 6px;
}
.DescForum {
width: 35%;
margin: 6px 2px 5px 10px;
background: #45382F;
padding:10px;
text-align:justify;
-moz-border-radius : 6px;
-webkit-border-radius : 6px;
border-radius : 6px;
}
/* Forcer le conteneur des flottants à leur taille */
.BlocForum:after {
display:table;
content:"";
clear:both;
}
/* Positionnement de la description des forums */
.FloatDescForum {
float:left;
width:79%;
}
/* Positionnement de la liste des sous-forums */
.ListeSousForums {
float:left;
width:20%;
}
.ListeSousForums a {
display:block;
background: #45382F;
margin:5px 0;
-moz-border-radius : 6px;
-webkit-border-radius : 6px;
border-radius : 6px;
font-size: 9px;
text-align: center;
}
/* LIENS SANS SOULIGNEMENT */
a, a:hover {
text-decoration: none !important;
}
/*modifier l'apparence des scrollbars de tout le forum*/
::-webkit-scrollbar {
width: 8px; /*largeur de la scrollbar verticale*/
height: 5px; /*hauteur de la scrollbar horizontale*/
background-color: #000000;}
::-webkit-scrollbar-track {
background-color: #705F53; /*couleur du fond de la scrollbar*/}
::-webkit-scrollbar-thumb { /*la petite bande qui monte/descend*/
background-color: #F7FAC0 /*couleur de l'ascenseur*/;
border-radius: 15px;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;}
**************
.forumline {
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
border:5px solid #couleur;
}
.forumline {
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
**************
a:hover{text-decoration: none !important;}
a {text-decoration: none !important;}
a:link {text-decoration: none;}
a:visited {text-decoration: none;}
/*====================================================
NAVIGATION
====================================================*/
.batty_navig {
position: absolute;
top: 0px;
width: 20%;
border-bottom: 1px solid #727477;
background-color:#d1ebfa;
position: fixed;
z-index:10;
}
a.mainmenu {
margin: 5px;
font-family: 'Averia Gruesa Libre', cursive;
font-size: 12px;
text-transform:uppercase;
}
/*====================================================
NAVIGATION-END
====================================================*/
/*====================================================
PAGE D'ACCEUIL
====================================================*/
.battypa_bienvenue{
font-size: 28px;
width:400px;
height:130px;
overflow:hidden;
padding-top:-20px;
text-align:center;
font-family: 'Almendra', serif;
text-transform:uppercase;
color:#C2AE9F;
letter-spacing:-5px;
}
.battypa_liens{
width:310px;
height:120px;
background-color:#45382F;
color: #E3D9C1;
font-size:11px;
overflow:hidden;
padding:5px;
text-align:center;
}
.battypa_tittres{
display: block;
width:auto;
text-align:center;
font-family: 'Architects Daughter', cursive;
color:#E3D9C1;
letter-spacing:-1px;
font-size: 20px;
text-transform:uppercase;
}
.battypa_contexte{
display: inline-block;
width:450px;
height:160px;
background-color:#45382F;
color: #E3D9C1;
font-size:11px;
border-bottom: 2px solid #E3D9C1;
padding-bottom:2px;
overflow:auto;
padding:5px;
text-align:justify;
}
.battypa_partenaires{
display: inline-block;
width:250px;
height:300px;
border-bottom: 2px solid #E3D9C1;
padding-bottom:2px;
background-color:#45382F;
overflow:auto;
text-align: center;
}
.battypa_rp{
width:300px;
height:140px;
overflow:hidden;
font-size:11px;
border-bottom: 2px solid #E3D9C1;
padding-bottom:2px;
background-color: #45382F;
padding:5px;
color: #E3D9C1;
}
.battypa_image{
display:inline-block;
width:130px;
height:130px;
background-image:url('http://orig05.deviantart.net/84e6/f/2016/220/9/c/dotw___bonjour_by_ixsln_d9dye2d_by_dumdog-dad4n1c.png');
border-radius: 100px;
overflow:hidden;
vertical-align: middle;
text-align:center;
}
.battypa_new{
width:390px;
height:130px;
overflow:auto;
font-size:11px;
padding:5px;
background-color:#45382F;
}
.contenustaff{
display: inline-block;
position:relative;
width: 136px;
height: 61px;
background-color:#45382F;
color: #E3D9C1;
overflow: hidden;
padding: 2px;
margin:5px 7px;
text-align:center;
font-size:11px;
}
.contenustaff img {
position: absolute;
left: 0;
top: 0;
transition: transform 3s;
-moz-transition: -moz-transform 3s;
-o-transition: -o-transform 3s;
-webkit-transition: -webkit-transform 3s;
}
.contenustaff:hover img {
transform: translateX(-140px);
-moz-transform: translateX(-140px);
-o-transform: translateX(-140px);
-webkit-transform: translateX(-140px);
}
.pseudo{
display:block;
font-family:Swis721 LtEx BT;
font-variant: small-caps;
font-size: 16px;
text-align:center;
color: #ffffff;
text-shadow: 1px 1px 5px black;
}
.battypa_textenew{
display:block;
width: auto;
border-bottom: 2px solid #E3D9C1;
padding-bottom:2px;
color: #E3D9C1;
}
/*====================================================
PAGE D'ACCEUIL-END
====================================================*/
/*====================================================
CATÉGORIE
====================================================*/
a:hover {text-decoration: none !important}
.secondarytitle h2 {
display:block;
width:500px;
height: auto;
font-family: 'Rock Salt', cursive;
font-family: 'Rock Salt', cursive;
letter-spacing:-1px;
text-transform:uppercase;
font-size:16px;
font-weight:normal;
text-align:center;
margin-bottom:-30px;
color:#fffaed;
}
a.cattitle {
display:block;
font-size: 18px;
font-family: Georgia;
color: #E30E30;
text-align:center;
}
.battycat_sousliens {
width:530px;
height: 15px;
text-transform:uppercase;
padding-top: 10px;
margin-top: -18px;
text-align: center;
}
.battycat_sousliens a {
font-size: 9px;
color:#755113;
-webkit-transition:All 1s ease;
-moz-transition:All 1s ease;
-o-transition:All 1s ease;
transition:All 1s ease;
font-variant: small-caps;
}
.forums-liens {
width:130px;
height: 15px;
text-transform:uppercase;
padding-top: 10px;
margin-top: -18px;
text-align: justify;
}
.forums-liens a {
font-size: 9px;
color:#755113;
-webkit-transition:All 1s ease;
-moz-transition:All 1s ease;
-o-transition:All 1s ease;
transition:All 1s ease;
font-variant: small-caps;
}
a.forumlink {
font-size: 18px;
margin-top:35px
font-family: 'Almendra', serif;
font-family: 'Almendra', serif;
text-decoration: none!important;
text-align:fixed;
text-decoration: none;
font-size: 20px;
font-weight: bold;
text-align: center;
border-bottom: 3px solid #FFFFFF;
color : #B56B4F;
display: block; }
.descrip {background-image: url("adresse de l'image");
}
a.forumlink:hover{
font-size: 19px;
font-family: 'Almendra', serif;
font-family: 'Almendra', serif;
text-align:center;
}
.descriptions-categories {
bacgkround: #COULEURFOND url('IMAGE-FOND') top center no-repeat;
border : 2px solid #COULEURBORDURE;
-moz-border-radius : XXpx;
-webkit-border-radius : XXpx;
background-color:#45382F;
border-radius : XXpx;
}
/*====================================================
CATÉGORIE - END
====================================================*/
/*Pseudo Profil*/
.name{
font-size : 12px;
font-family: 'Arial', serif;
text-align: center;
letter-spacing: -1px;
text-shadow: 0px 0px 0px #919191
}
/*Fin Pseudo Profil*/
.statistiques{
border:0px;
background-repeat: no-repeat;
background-position: center;
height:hauteur de l'imagepx;}
.groupes{
font-size: 20px;
letter-spacing:10px;
font-weight:bold;
font-family: 'Playball';
margin:auto;
text-shadow: 0px 1px 0px #e3d9e8;}
.ListeSousForums {
font-size:0px;
}
.ListeSousForums a {
font-size:10px; /* indiquez la taille du texte des liens */
padding-right:5px; /* on rajoute un espace après le lien */
}
/* pour les navigateurs qui acceptent la pseudo-classe :last-child, on supprime l'espace final qui ne sert à rien */
.ListeSousForums a:last-child {
padding-right:0px;
}
- Mon Index_Box:
- <table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
<tr>
<td valign="bottom">
<!-- BEGIN switch_user_logged_in -->
<span class="gensmall">{LAST_VISIT_DATE}<br />
{CURRENT_TIME}<br />
</span>
<!-- END switch_user_logged_in -->
<div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div>
</td>
<td class="gensmall" align="right" valign="bottom">
<!-- BEGIN switch_user_logged_in -->
<a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a><br />
<a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a><br />
<!-- END switch_user_logged_in -->
<a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>
</td>
</tr>
</table>
<!-- BEGIN catrow --><!-- BEGIN tablehead --><table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
<tr>
<th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle">{catrow.tablehead.L_FORUM}</th>
</tr>
<!-- END tablehead -->
<!-- BEGIN cathead -->
<tr>
<!-- BEGIN inc -->
<td class="{catrow.cathead.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
<!-- END inc -->
<td class="{catrow.cathead.CLASS_CAT}" colspan="{catrow.cathead.INC_SPAN}" width="100%">
<h{catrow.cathead.LEVEL} class="hierarchy">
<span class="cattitle">
<a class="cattitle" title="{catrow.cathead.CAT_DESC}" href="{catrow.cathead.U_VIEWCAT}">{catrow.cathead.CAT_TITLE}</a>
</span>
</h{catrow.cathead.LEVEL}>
</td>
<td class="{catrow.cathead.CLASS_ROWPIC}" colspan="3" align="right"></td>
</tr>
<!-- END cathead -->
<!-- BEGIN forumrow -->
<tr>
<!-- BEGIN inc -->
<td class="{catrow.forumrow.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" alt="." /></td>
<!-- END inc -->
<td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50">
<table width="100%"><tbody><tr><td><h{catrow.forumrow.LEVEL} class="hierarchy">
<span class="forumlink">
<a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a>
<br />
</span>
</h{catrow.forumrow.LEVEL}></td><td style="padding-left: 40px; text-align: right;" class="gensmall">{catrow.forumrow.POSTS} écrit(s) en {catrow.forumrow.TOPICS} entrevue(s).</td></tr></tbody></table>
<div class="BlocForum">
<div class="genmed FloatDescForum">
<div>{catrow.forumrow.FORUM_DESC}</div>
</div>
<span class="ListeSousForums">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</span></div>
<span class="gensmall">
<!-- BEGIN switch_moderators_links -->
{catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
<!-- END switch_moderators_links -->
</span>
</td>
<td class="row3 over" align="center" valign="middle" height="50">
<img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
<div class="derniermessage">{catrow.forumrow.LAST_POST}</div>
</td> </tr>
<!-- END forumrow -->
<!-- BEGIN catfoot -->
<tr>
<!-- BEGIN inc -->
<td class="{catrow.catfoot.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
<!-- END inc -->
<td class="spaceRow" colspan="{catrow.catfoot.INC_SPAN}" height="1"><img src="{SPACER}" alt="" height="1" width="1" /></td>
</tr>
<!-- END catfoot -->
<!-- BEGIN tablefoot -->
</table><img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow -->
Je viens vous solliciter car j'ai un problème avec la largeur de mon forum.
J'ai beau suivre tous vos tutoriels et les sujets déjà résolus, mais cela ne marche pas. Mon forum reste bloqué à cette largeur là. J'ai également modifié la largeur dans le panneau de configuration rien n'y fait. Je pense que cela vient de mes codes de CSS et Templates mais j'ai beau farfouiller dedans, je ne trouve pas où est le problème!
J'aimerais que mon forum ait une largeur de 50 ou 60 pourcent. c:
Mon forum : http://domaine-sorrom.forumactif.org/
Mon CSS et mon Template Index_Box :
Merci d'avance!
Dxiie
- le Lun 8 Aoû 2016 - 3:07
- Rechercher dans: Archives des problèmes avec un code
- Sujet: Problème avec la Largeur de mon forum
- Réponses: 4
- Vues: 2168
Les sous-forum ne s'affichent pas
Hello ! Remplace ton index_box actuel avec celui-ci- Code:
<link href='http://fonts.googleapis.com/css?family=Covered+By+Your+Grace|Dancing+Script' rel='stylesheet' type='text/css' />
<table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
<tr>
<td valign="bottom">
<!-- BEGIN switch_user_logged_in -->
<span class="gensmall">{LAST_VISIT_DATE}<br />
{CURRENT_TIME}<br />
</span>
<!-- END switch_user_logged_in -->
<div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div>
</td>
<td class="gensmall" align="right" valign="bottom">
<!-- BEGIN switch_user_logged_in -->
<a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a><br />
<a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a><br />
<!-- END switch_user_logged_in -->
<a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>
</td>
</tr>
</table>
<!-- BEGIN catrow -->
<!-- BEGIN tablehead -->
<div class="cate_title">
{catrow.tablehead.L_FORUM}
</div>
<div class="cate_bloc">
<!-- END tablehead -->
<!-- BEGIN cathead -->
<!-- END cathead -->
<!-- BEGIN forumrow -->
<div class="cate_forum">
<img class="old_new_lock" title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
<div class="cate_forum_middle">
<a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a>
<div class="forum_desc">
{catrow.forumrow.FORUM_DESC}
</div>
</div>
<div class="cate_forum_last">
<div class="forum_last_stats">
Sujets:{catrow.forumrow.TOPICS} | Messages : {catrow.forumrow.POSTS}
</div>
<div class="forum_last_mess">
{catrow.forumrow.LAST_POST}
</div>
<div class="sous-forum">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div>
</div>
</div>
<!-- END forumrow -->
<!-- BEGIN catfoot -->
<!-- END catfoot -->
<!-- BEGIN tablefoot -->
</div>
<!-- END tablefoot -->
<!-- END catrow -->
Dans le CSS ajoute ça :
- Code:
.sous-forum a {color: #000; }
.sous-fofo a:hover {color: #fff;}
Après tu peux modifier les propriétés comme tu veux ainsi que les valeur (genre le #000 )
- le Lun 27 Juin 2016 - 5:17
- Rechercher dans: Archives des problèmes avec un code
- Sujet: Les sous-forum ne s'affichent pas
- Réponses: 8
- Vues: 3326
Comment changer la couleur des cases de saisie du mot de passe?
Bonjour,Vous pouvez modifier les champs de saisie et de sélection avec ce code :
- Code:
input, select, textarea {
border-width: 1px;
background-color: #000;
}
J'ai mis le noir par défaut mais vous pouvez changer #000 par la couleur que vous voulez.
- le Lun 13 Juin 2016 - 11:53
- Rechercher dans: Archives des problèmes avec l'apparence du forum
- Sujet: Comment changer la couleur des cases de saisie du mot de passe?
- Réponses: 3
- Vues: 721
Problème affichage de citation
Bonjour @LIWawaVous avez défini une couleur via le CSS ce qui prime sur les couleurs de base du forum ! En forçant votre CSS de base, la couleur défini pour la police de citation s'affiche bien sur le forum
il suffit de revoir votre CSS perso et d'y supprimer la partie qui gére la couleur en question pour régler le problème.
LIWawa a écrit:Le 2ème problème est qu'une fois posté une citation de quelqu'un, elle est devenue comme ça dans l'image. Je ne comprends vraiment pas pourquoi.
Dans votre PA >> général >> messages & emails >> Autoriser le bbcode : vous avez mis NON. Cela signifie que vous interdisez au forum d'interpréter le bbcode d'où l'affichage de la balise quote
Il suffit de passer cette option sur OUI pour régler le problème
voilou
- le Mar 7 Juin 2016 - 16:51
- Rechercher dans: Archives des problèmes avec l'apparence du forum
- Sujet: Problème affichage de citation
- Réponses: 10
- Vues: 946
Problème affichage de citation
Détails techniques
Version du forum : phpBB3
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Google Chrome
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : (lien masqué, vous devez poster pour le voir)
Description du problème
Bonjour à tous,J'ai deux problèmes avec la citation et j'espère que vous pourriez m'aider à les résoudre. Je vous remercie en avance !
Le 1er problème est que je n'arrive pas à changer la couleur du texte de citation en sachant que dans le Panneau d'administration j'ai bien défini la couleur police citation #000. Mais le résultat est ce qu'on voit dans cette image avec la couleur #fff.
J'ai essayé de changer sa couleur en ajoutant le code comme ceci mais apparemment ça n'a pas marché
- Code:
blockquote {
background: #fff6c7;
border: 1px solid #aaa;
margin: .25em 0;
padding: .25em;
position: relative;
color: #000 !important;
}
Le 2ème problème est qu'une fois posté une citation de quelqu'un, elle est devenue comme ça dans l'image. Je ne comprends vraiment pas pourquoi.
Merci de votre aide !!
- le Mar 7 Juin 2016 - 13:03
- Rechercher dans: Archives des problèmes avec l'apparence du forum
- Sujet: Problème affichage de citation
- Réponses: 10
- Vues: 946
Firefox / Chrome : Espacement différent sur la barre de navigation
Pour le titre, c'est un height qui est trop petit.Pour le clic droit, je ne reproduis pas. Vous pouvez me montrer avec un screen ?
- le Dim 17 Avr 2016 - 18:52
- Rechercher dans: Archives des problèmes avec un code
- Sujet: Firefox / Chrome : Espacement différent sur la barre de navigation
- Réponses: 7
- Vues: 1550
Couleur de fond des spoiler
Ah oui, c'est ma faute, c'est pour phpbb2.Ajoutez ceci à votre CSS :
- Code:
dl.codebox {background:#000;}
La couleur est noire : #000, vous pouvez la changer si vous souhaitez.
- le Ven 15 Avr 2016 - 18:30
- Rechercher dans: Archives des problèmes avec l'apparence du forum
- Sujet: Couleur de fond des spoiler
- Réponses: 4
- Vues: 862
Augmenter la largeur de la bordure du forum
Pas facile à voir ... mais essai ce code:- Code:
/* Largeur cadre du Forum */
#wrap {
border: 5px solid #FFF;
}
Pour la visualiser j'ai mis la couleur à #000 ... actuellement elle est sur 1px
à toi de voir pour la largeur
- le Jeu 7 Avr 2016 - 11:15
- Rechercher dans: Archives des problèmes avec l'apparence du forum
- Sujet: Augmenter la largeur de la bordure du forum
- Réponses: 8
- Vues: 967
Ecritures page de connexion et page d'inscription
Bonjour,Vous avez mis dans votre feuille de style ce code là:
- Code:
fieldset dl:hover dt label {
color: #000;
}
Changez le {#}000{/#} par "white" ou alors modifiez le code par:
- Code:
form fieldset dl:hover dt label {
color: white;
}
Pour les boutons à l'inscription:
- Code:
a.cgu-buttons {
color: black !important;
}
a.cgu-buttons:hover {
color: red !important;
}
Bye
- le Ven 1 Avr 2016 - 18:05
- Rechercher dans: Archives des problèmes avec l'apparence du forum
- Sujet: Ecritures page de connexion et page d'inscription
- Réponses: 4
- Vues: 578
couleur cellule bas du forum
Bonjour admin novice, vous pouvez ajouter ce code dans votre feuille CSS, ici, la couleur sera noir (#000)- Code:
#gfooter{background-color:#000;}
Bien à vous.
- le Ven 11 Mar 2016 - 16:31
- Rechercher dans: Archives des problèmes avec l'apparence du forum
- Sujet: couleur cellule bas du forum
- Réponses: 2
- Vues: 425
Code pour mettre une image de fond sur le bandeau du QEEL
Bonsoir jackymi, je ne suis pas certain d'avoir bien saisi votre demande mais si j'ai bien saisi, collez ce code dans votre feuille de style CSS :- Code:
th.name,th.active,th.info{background-color:#000;}
Changera la couleur de ce que vous souhaitez.(en remplaçant la couleur par celle de votre choix #000)
- Code:
th.name,th.active,th.info{background-image:url(URL de votre image);}
Pour mettre une image.
Bien à vous.
- le Mer 2 Mar 2016 - 20:15
- Rechercher dans: Archives des problèmes avec un code
- Sujet: Code pour mettre une image de fond sur le bandeau du QEEL
- Réponses: 6
- Vues: 901
Widgets simplement sur la page d'accueil du forum
je crois que vous n'avez pas bien compris, JE N"AI AUCUN CODE dans la feuille CSS.tout est passe dans le PA.....
je veux bien que vous m'expliquer comment supprimer une code que le template genera automatiquement quand on coche une option du PA, et je reconfirme : Je n'ai aucun code dans la feuille CSS qui touche a la largeur des colonnes ! (zut edit pas pris, bon je re edite !)
ma feuille CSS
- Spoiler:
- [code]
/* me rappelle plus l\'utilite de ce script */
div#logostrip #logo{
padding: 0px !important;
margin: 0px !important;
}
#site-desc{ margin: 0px; padding: 0px;
}
/* taille et position de l\'imagette nouveau message prive */
#i_icon_mini_new_message {position: fixed;
top: 196px; right: 178px;
width: 170px; height: 170px;
}
/* rajoute, resize et positionne l\'avatar de l\'inscrit dans la Toolbar */
.fa_avatar {
width: 30px;
height: 20px;
position: relative;
top: -6px;
margin-right: 20px;
border-radius: 3px;
margin-bottom: -10px;
}
/* affiche une image de fond (degradee pour suivre la banniere) pour la Toolbar */
#fa_toolbar, #fa_toolbar_hidden {
background-image: url(\'https://i.servimg.com/u/f55/14/18/18/04/toolba12.jpg\');
left: 0px;
}
/* supprime le Bouton icone date dans le panneau message rapide */
a.sceditor-button-date{
display: none;
}
/* supprime le Bouton icone heure dans le panneau message rapide */
a.sceditor-button-time{
display: none;
}
/* rajoute un bouton selection du contenu dans le tableau d\'une balise */
.selectCode { float:right; text-transform: uppercase; cursor:pointer;
}
div.cont_code { clear: right;
}
/* couleur lien visite pour les barres de separation, ce code pour les liens visites eux-memes */
a:visited {
color: #666666;
}
/* augmente la hauteur visible du panneau de la balise [code] sans scroller */
.codebox dd {
overflow: auto;
max-height: 400px;
}
/* permet de regler la hauteur du menu sous la banniere */
#submenu {
background: #bbb;
color: #141317;
padding: .4em 0.45em;
text-align: right;
}
/* coins arrondis sur les avatars */
.postprofile-details.postdetails dt img {
box-shadow: 1px 1px 2px #000;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-o-border-radius: 5px;
-m-border-radius: 5px;
border-radius: 5px;
}
/* taille maximale visible de la signature */
div.signature_div {
max-width: 100%;
max-height: 90px;
overflow: hidden;
}
.vote-bar{
width:30px !important; height:2px !important;
float:right;
}
.vote-bar-plus{
width: 30px; height:2px !important;
background:#C6CCD4 !important;;
}
/* alignement en hauteur du widget derners sujets par rapport a l'index */
#content-container div#right {
margin-top: 28px;
}
/* Position du bouton Merci + */
.vote {
margin-right: 70px;
margin-top: 17px;
}
/* supprime les widgets des autres pages que l'index */
#right,#left{
display:none;
}
[/code]
.
- le Mer 2 Mar 2016 - 13:14
- Rechercher dans: Archives des problèmes avec l'apparence du forum
- Sujet: Widgets simplement sur la page d'accueil du forum
- Réponses: 24
- Vues: 3695
Probleme de fond de couleur
Bonsoir,Dans votre feuille CSS, vous avez
- Code:
.bodyline {
border-color: #a386eb;
border-style: solid;
border-width: 1px 8px;
}
que vous pouvez retirer si vous ne voulez pas avoir lesdites lignes violettes.
En faisant ça, vous avez des lignes noires qui apparaîtront. Celles-ci sont définies par cette partie de votre CSS :
- Code:
.bodyline {
background-color: #fff;
border: 1px solid #000;
}
Retirez la partie border: 1px solid #000; si vous ne voulez pas non plus avoir les lignes noires.
- le Dim 20 Déc 2015 - 0:52
- Rechercher dans: Archives des problèmes avec l'apparence du forum
- Sujet: Probleme de fond de couleur
- Réponses: 1
- Vues: 551
Mettre de la couleur dans le fond d'une annonce
Bonjourpour un PHPBB3
PA-> Affichage -> Couleur -> Feuille de Style CSS -> Copié collé ce code :
Code CSS a écrit:#fa_ticker_block .module{
background-color: #CC0000 !important;
border: 7px solid #000 !important;
color: #5769ef;
}
Vous pouvez y inclure la police si vous le souhaitez .
Bonne de fêtes de fin d'année
P-J .
PS: Ce code vient de Quierra .
- le Dim 13 Déc 2015 - 11:04
- Rechercher dans: Archives des problèmes avec l'apparence du forum
- Sujet: Mettre de la couleur dans le fond d'une annonce
- Réponses: 11
- Vues: 1413
Création d'un pop-up de menu sur la page d'accueil du forum ?
Voici le code HTML :<a class="open_video" rel="video" href="#?w=500"><strong>information</strong></a>
<div style="display: block;" id="video" class="popup_block">
<div id="close">
<a href="#" onclick="return false"><img src="https://i.servimg.com/u/f21/16/87/83/03/forum110.png" alt="ferme" /></a>
</div>
</div>
<div id="shadow">
Bonsoir à toutes et à tous, Alors voilà, je souhaiterais créer un pop-up qui s'ouvre dés qu'on arrive sur la page d'accueil du forum. Mais attention, il ne s'agit pas d 'un pop-up invitant le quidam à s'inscrire où se connecter mais d'un pop-up présentant les dernières nouveautés du forum (les derniers membres inscrits, les derniers articles publiés, les plus populaires, les thèmes que je souhaiterais voir abordé, etc. ...). Par conséquent il me faudrait un pop-up sans bouton "ne plus afficher" puisque le but est qu'il revienne à chaque nouvelle visite (CQFD Wink). Les boutons "connexion" où "s'enregistrer" ne sont pas indispensables non-plus. Un simple bouton "fermer" ferait largement l'affaire... Par conséquent, une âme charitable aurait-elle un code HTML correspondant à me fournir ? Par avance, un très grand merci !!! Arthur Le Roy arthur *** Messages: 116 Réputation: 0 Inscrit(e) le: 26/06/2014 Aucun avertissement Firefox PhpBB3 Fondateur de forum: Oui CSS personnalisé: Non Templates modifiés: Non Voir le profil de l'utilisateur Envoyer un message privé http://www.coeur-bretagne.forumactif.org/
</div>
Et voici le code CSS :
/**============pop-up video ===============**/
.open_pop{ color:#000; font:bold 1.3em Arial, Helvetica, sans-serif;}
#close{ width:50px; height:50px; position:absolute; top:80px;; right:50%; color:#FFF; z-index:2;}
#shadow{ width:656px; min-height:656px; background:#000; position:absolute;margin:auto; top:100px;left:0px;right:0px;
z-index:0;text-align:justify;padding:25px;}
/**===============fin pop-up ===================**/
- le Ven 25 Sep 2015 - 13:52
- Rechercher dans: Archives des problèmes avec l'apparence du forum
- Sujet: Création d'un pop-up de menu sur la page d'accueil du forum ?
- Réponses: 87
- Vues: 8007
Changer la couleur automatique pour les messages, et avoir plus de choix de couleur pour les titres des sujets
j'ai la palette de couleur étendue et le WYSIWYG n'est pas activé et voilà le code css du thème :body{
background-position:top center;font-weight:normal;}
body{margin-top:0px;}
#page-body{
margin:10px 22px 10px 22px;}
button.button2:hover,input.button2:hover{
color:#000;font-weight:bold;background-image:url('https://i.servimg.com/u/f35/11/95/30/70/zz210.png');background-position:top;background-position:top;}
input.liteoption{color:#000;font-weight:bold;background-repeat:repeat-x;background-image:url('https://i.servimg.com/u/f35/11/95/30/70/zz110.png');background-position:top;background-position:center;}
input.liteoption:hover{
font-weight:bold;background-image:url('https://i.servimg.com/u/f35/11/95/30/70/zz210.png');background-position:top;color:#000;background-position:top;}
input.mainoption{color:#000;font-weight:bold;background-repeat:repeat-x;background-image:url('https://i.servimg.com/u/f35/11/95/30/70/zz110.png');background-position:top;background-position:center;}
input.mainoption:hover{font-weight:bold;background-image:url('https://i.servimg.com/u/f35/11/95/30/70/zz210.png');background-position:top;color:#000;background-position:top;}
.catBottom{
border:none !important;} .catHead{border:none !important;}
.thLeft{border:none !important;} .thRight{border:none !important;}
.forumline{background-image:url('https://i.servimg.com/u/f30/13/30/32/72/b1_bas10.png');background-repeat:no-repeat;background-position:bottom;padding-bottom:34px;/padding-bottom:3px;/background-image:none;/background-repeat:repeat;}
td.cat{background-repeat:repeat;
}
td.catHead{background-repeat:repeat;}
td.catSides{
background-repeat:repeat;}
td.catLeft{background-repeat:repeat;border-left:none !important;} td.catRight{background-repeat:repeat;}
td.catBottom{background-repeat:repeat;} #plus_menu{background-color:#23201b;border:1px solid #2e2b26 !important;}
.wysiwyg{background-color:#2e2b26 !important;} .bodyline{background-image:url('https://i.servimg.com/u/f35/11/95/30/70/217.png');background-position:bottom right;background-repeat:no-repeat;}
#text_editor_textarea{background-color:#1B1915 !important;color:#d1ba88;}
.attachbox{
background-color:#2e2b26;background-image:url('https://i.servimg.com/u/f30/13/30/32/72/fond_s10.png');border:1px solid #6c6657;padding:5px;-moz-border-radius-topleft:15px;-webkit-border-radius-topleft:15px;-moz-border-radius-topright:15px;-webkit-border-radius-topright:15px;border-radius-topleft:15px;border-radius-topright:15px;-moz-box-shadow:0px 0px 10px #000;-webkit-box-shadow:0px 0px 10px #000;box-shadow:0px 0px 10px #000;
}
.attachbox dl.file{background-color:#212121;margin-top:8px;padding:5px;border:1px solid #6c6657;-moz-border-radius:15px;-webkit-border-radius:15px;border-radius:15px;-moz-box-shadow:0px 0px 10px #000;-webkit-box-shadow:0px 0px 10px #000;box-shadow:0px 0px 10px #000;}
.row1,.row2,.row3,.row3Right{background-image:url('https://i.servimg.com/u/f30/13/30/32/72/fond_c10.jpg');background-repeat:repeat;border:1px solid #37342d;} .container_IE{background-image:url('https://i.servimg.com/u/f35/11/95/30/70/copy11.png');background-position:bottom right;background-repeat:no-repeat;}
div.errorwrap,div.infowrap{background-color:#776952;border:1px solid #ac9a7b;color:#443b2b !important;font-weight:bold;}
div.errorwrap h4,div.infowrap h4{background-color:#443b2b;border:1px solid #ac9a7b;color:#ac9a7b;} div.errorwrap p,div.infowrap p{color:#443b2b;font-weight:bold;}
.code{background-color:#2c2a25;border:1px solid #6c6657;background-image:url('https://i.servimg.com/u/f30/13/30/32/72/fond_s10.png');-moz-border-radius:15px;-webkit-border-radius:15px;border-radius:12px;color:#caba9f;padding:5px;-moz-box-shadow:0px 0px 10px #000;
-webkit-box-shadow: 0px 0px 10px #000;
box-shadow: 0px 0px 10px #000;
}
.quote{background-color:#2c2a25;border:1px solid #6c6657;background-image:url('https://i.servimg.com/u/f30/13/30/32/72/fond_s10.png');-moz-border-radius:15px;-webkit-border-radius:15px;border-radius:12px;color:#caba9f;padding:5px;-moz-box-shadow:0px 0px 10px #000;
-webkit-box-shadow: 0px 0px 10px #000;
box-shadow: 0px 0px 10px #000;
}
.spoiler{background-color:#2c2a25;border:1px solid #6c6657;background-image:url('https://i.servimg.com/u/f35/11/95/30/70/35px10.png');-moz-border-radius:15px;-webkit-border-radius:15px;border-radius:12px;color:#caba9f;padding:5px; -moz-box-shadow:0px 0px 10px #000;
-webkit-box-shadow: 0px 0px 10px #000;
box-shadow: 0px 0px 10px #000;
}
.spoiler_closed{background-color:#2c2a25;border:1px solid #6c6657;-moz-border-radius:15px;-webkit-border-radius:15px;border-radius:12px;color:#caba9f;padding:5px;}
.spoiler_content{background-color:#2c2a25;border:1px solid #6c6657;background-image:url('https://i.servimg.com/u/f30/13/30/32/72/fond_s10.png');-moz-border-radius:15px;-webkit-border-radius:15px;border-radius:12px;color:#caba9f;padding:5px;}
#i_logo{
margin-top:-7px !important;
/position:relative;} .catSides{border:none !important;}
button.button2,input.button2{
color:#000000;background-image:url('https://i.servimg.com/u/f35/11/95/30/70/zz110.png');background-position:top;}
button.button2:hover,input.button2:hover{border:1px solid #000000;background-image:url('https://i.servimg.com/u/f35/11/95/30/70/zz210.png');background-position:top;color:#000000;}
button.button2,input.button2{
color:#000;font-weight:bold;background-repeat:repeat-x;background-image:url('https://i.servimg.com/u/f35/11/95/30/70/zz110.png');background-position:top;background-position:center;}
#chatbox_header .cattitle strong { display: none; }
#chatbox_header .cattitle:before { content: "Le Coin des Bavardages"; }
p.chatbox_row_1 {
background-color:#1B1915;
}
p.chatbox_row_2 {
background-color:#1a1a19;
}
- le Ven 3 Juil 2015 - 18:42
- Rechercher dans: Archives des problèmes avec l'apparence du forum
- Sujet: Changer la couleur automatique pour les messages, et avoir plus de choix de couleur pour les titres des sujets
- Réponses: 4
- Vues: 3057
Faire un dégradé avec la bodyline
oui sans soucis, le code couleur dans le css peut être un hexadécimal (l'hexadécimal à trois chiffres est juste une abbréviation quand par exemple c'est trois fois le même numéro), ou le nom de la couleur s'il existe, ou le code rgb, ou rgba ^^#000 = #000000 = black = rgb(0, 0, 0) = rgba(0, 0, 0, 1) => noir ^^
- le Jeu 7 Mai 2015 - 16:03
- Rechercher dans: Archives des problèmes avec un code
- Sujet: Faire un dégradé avec la bodyline
- Réponses: 8
- Vues: 1175
Problème couleur et mise en forme de certains textes (phpBB3)
Détails techniques
Version du forum : phpBB3
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Google Chrome
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http:/sorceleur.jdrforum.com/
Description du problème
Bonjour (ou bonsoir),J'ai remarqué que suite à une modification certains éléments ont vu leur police changer de couleur, devenant ainsi "invisibles".
Dans l'outil de développement de Chrome la couleur est indiquée #000, ce qui correspond à noir, donc pas étonnant que cela soit invisible sur le fond du forum. :/
J'aimerais aussi à quel endroit est définit la mise en forme de tous ces éléments textuels.
Merci d'avance pour vos réponses et passez une bonne journée.
- le Sam 4 Avr 2015 - 12:55
- Rechercher dans: Archives des problèmes avec l'apparence du forum
- Sujet: Problème couleur et mise en forme de certains textes (phpBB3)
- Réponses: 14
- Vues: 1405
Ombres à certains endroits
Salut à toi !C'est peut-être long à lire, mais ça vaut le coup.
D'après ce que j'ai compris, tu veux mettre des ombres à l'intérieur, mais de toute façon, je vais te montrer les deux.
Pour pouvoir mettre des ombres, il te faut d'abord une table (ou règle) CSS, dont ici, je penses que c'est forabg pour les forums principaux et forumbg pour les sous-forums*. Dans celle-ci, nous allons mettre des ombres externe grâce à box-shdaow.
Exemple :
- Code:
.forabg
{
box-shadow: 0px 0px 5px #000;
}
Ici, dans box-shadow, nous avons 3 valeurs :
La première (0px) : correspond à l'orientation horizontale. C-a-d que si je veux que mon ombre fasse effet à droite, je n'ai qu'à définir la première valeur à 1 et plus [2,3,10...px] (ça dépendra de tes goûts). Et si je veux que mon ombre fasse effet à gauche, je rentre la même valeur que sur la droite MAIS avec un signe moins (-) avant la valeur indiquée [-1,-2,-10...px] pour lui ordonner d'aller à l'autre côté.
La deuxième (0px) : correspond à l'orientation verticale. C-a-d que si je veux que mon ombre fasse effet vers le bas, je n'ai qu'à définir la première valeur à 1 et plus [2,3,10...px] (ça dépendra de tes goûts). Et si je veux que mon ombre fasse effet vers le haut, je rentre la même valeur que pour le bas MAIS avec un signe moins (-) avant la valeur indiquée [-1,-2,-10...px] pour lui ordonner d'aller à l'autre côté.
La troisième valeur (5px) : correspond à l'étendu de l'ombre.
Si l'ombre devient un peut trop floue à cause de l'étendu de l'ombre, je peux l'intensifier en copiant les même valeur juste après celles-ci, avec une virgule qui les séparent.
La quatrième valeur : correspond tout simplement à la couleur de mon ombre (ici #000 = noir).
Une cinquième valeur s'incrustera plus tard qui prendra la première position. (à voir ci-dessous)
Exemple :
- Code:
.forabg
{
box-shadow: 0px 0px 5px #000, 0px 0px 5px #000;
}
Ici, j'en ai mis que 2, mais après tout dépendra de tes goûts, tu peux donc intensifier encore plus en les copiant ainsi, sans oublier la virgule entre les valeurs.
Maintenant pour appliquer tout ça, mais en ombre interne, rien n'est plus facile que de rajouter inset avant les quatres valeurs indiquées précédemment. (c'est la 5e valeur évoquée ci-dessus)
Exemple :
- Code:
.forabg
{
box-shadow: inset 0px 0px 5px #000;
}
Comme le blabla de tout à l'heure, tu peux intensifier l'étendu de l'ombre en copiant les mêmes valeurs juste après celles-ci en mettant une virgule entres ces valeurs-là.
Exemple :
- Code:
.forabg
{
box-shadow: inset 0px 0px 5px #000, inset 0px 0px 5px #000;
}
CEPENDANT, on peut insérer les ombres (interne, externe) en même temps. Tu deviens comment ?
Exemple :
- Code:
.forabg
{
(externe) (interne)
box-shadow: 0px 0px 5px #000, inset 0px 0px 5px #000;
}
Tu peux intensifier blablabla...
Exemple :
- Code:
.forabg
{
(externe) (externe) (interne) (interne)
box-shadow: 0px 0px 5px #000, 0px 0px 5px #000, inset 0px 0px 5px #000, inset 0px 0px 5px #000;
}
* Je vois que tu es en PhpBB3, je le suis aussi, donc ça devrait être aussi forabg et forumbg pour toi. Donc tu appliques la même chose pour .forumbg.
J'espère que mon post t'aidera, n'oublies pas de cocher le post si oui, et marquer [résolu] au sujet.
- le Lun 2 Fév 2015 - 15:33
- Rechercher dans: Archives des problèmes avec l'apparence du forum
- Sujet: Ombres à certains endroits
- Réponses: 30
- Vues: 1853
Bordure forum phpBB3
Bonjour,Par css
#wrap{
background: url('https://2img.net/r/hpimg11/pics/544503Fondparchmid.png') repeat-y;
background-size: 100% auto;
box-shadow: 0 5px 20px #000;
padding: 0 72px;
}
Pour faire mieux il faut faire modifier ton image au niveau des bords gauche et droit
- le Sam 10 Jan 2015 - 17:31
- Rechercher dans: Archives des problèmes avec l'apparence du forum
- Sujet: Bordure forum phpBB3
- Réponses: 6
- Vues: 1642
Lier un formulaire de présentation
Bonjour,Voici le formulaire : http://www.thepassionofgaming.com/h4-formulaire-de-presentation
le lien de redirection sur lequel le formulaire doit expédier la trame est http://www.thepassionofgaming.com/f6-presentation-des-nouveaux-membres -> http://www.thepassionofgaming.com/post?f=6&mode=newtopic
Merci à vous
- le Lun 22 Déc 2014 - 12:24
- Rechercher dans: Archives des problèmes avec un code
- Sujet: Lier un formulaire de présentation
- Réponses: 26
- Vues: 1349
Page 2 sur 2 • 1, 2