La date/heure actuelle est Ven 5 Mar 2021 - 17:23
14 résultats trouvés pour page-footer
Comment bouger et modifier la div #page-footer ?
Hello !
Je viens demander de l'aide concernant la mise en page de mon forum (ici ) !
J'ai réussi à mettre une image en footer en ajoutant une div dans overall_footer_end :
- Code:
<div id="newbottom">
</div>
<script type="text/javascript">
//<![CDATA[
fa_endpage();
//]]>
</script>
</body>
</html>
Et en modifiant cette div dans Affichage > Image & Couleurs > Couleurs > Feuille CSS. Ce qui donne :

Maintenant, j'aimerai modifier un peu l'apparence du bas de page de mon forum en bougeant la div {#}page-footer{/#} de la sorte :

Histoire de faire en sorte qu'il n'y ait plus le gros rectangle gris entre mon image en bas de page et le corps de mon forum.
Pourriez-vous me montrer comment faire ça ?
Merci d'avance !

- le Dim 16 Fév 2020 - 15:24
- Rechercher dans: Corbeille & Titres non explicites
- Sujet: Comment bouger et modifier la div #page-footer ?
- Réponses: 3
- Vues: 423
Image en bas du foum
non impossible rien n'apparaît
que le lien!

$(function() {
$("#page-footer,#gfooter,#pun-foot").eq(0).append("

});
- le Jeu 6 Déc 2018 - 15:43
- Rechercher dans: Archives des problèmes avec l'apparence du forum
- Sujet: Image en bas du foum
- Réponses: 21
- Vues: 351
Image en bas du foum
ceux que j'ai pris sur le forum dansmettre une image pied de page
[list=linenums]
[*]$(function() {
[*] $("#page-footer,#gfooter,#pun-foot").eq(0).append("XXX");
[*]});
[/list]
- le Jeu 6 Déc 2018 - 15:21
- Rechercher dans: Archives des problèmes avec l'apparence du forum
- Sujet: Image en bas du foum
- Réponses: 21
- Vues: 351
[ModernBB] Changement de couleurs
Qu'est-ce que wrap exactement ? Parce que du coup j'ai réussi à modifier les couleurs mais avec des codes différents :- Code:
.wrap {background-color: #282828;}
#page-footer {background-color: #282828;}
.copyright-body {visibility: hidden;height: 0;}

- le Lun 1 Mai 2017 - 19:58
- Rechercher dans: Archives des problèmes avec l'apparence du forum
- Sujet: [ModernBB] Changement de couleurs
- Réponses: 19
- Vues: 1906
couleur de fond tamisée!!
c est bon j ai résolu avec difficulté mais je pense que c est correctje vous met ce que j ai inséré dans le CSS
vous me direz ce que vous en pensez je cherche encore pour faire plus fonce les écritures si vous avez une idées!!
élément {}#page-footer, div.navbar, div.navbar ul.linklist
{display: block !important;}.navbar {opacity: .6;}.navbar {background-color: #e2e0ff;clear: both;padding: 0 10px;}*
{margin: 0;padding: 0;}* {margin: 0;padding: 0;}
body {color: #7d470e;font-family: lucida calligraphy;font-size: 12px;}
body {color: #7d470e;font-family: lucida calligraphy;font-size: 11px;}html {font-size: 100%;}html {font-size: 100%;}
élément {}ul.forums {background-color: #f1fcd6;background-image: none;}
ul.topiclist {background-image: url(https://2img.net/i/fa/empty.gif);
background-repeat: repeat-x;color: #7d470e;list-style-type: none;margin: 0;}ul {list-style-type: none;}*
{margin: 0;padding: 0;}* {margin: 0;padding: 0;}body {color: #7d470e;font-family: lucida calligraphy;
font-size: 11px;opacity: 0.75;}body {color: #7d470e;font-family: lucida calligraphy;font-size: 11px;}
html {font-size: 100%;}html {font-size: 100%;}
- le Sam 6 Aoû 2016 - 0:47
- Rechercher dans: Archives des problèmes avec l'apparence du forum
- Sujet: couleur de fond tamisée!!
- Réponses: 4
- Vues: 671
Dissocier les notifications de la toolbar
Bonjour Horus (pardon)
Alors pour la version mobile c'est sûrement possible (je vous avoue que franchement je n'ai pas cherché sur ce sujet


Pour ce qui est du sélecteur pour le lien de notifications en effet c'est bien cette partie:
- Code:
insertBefore('#page-body')
Mais qui pourrait tout aussi bien afficher "après" et donc s'écrire:
- Code:
insertAfter('#page-body')
Je vais essayer de vous expliquer avec mes mots: lorsque je dis qu'il faut un sélecteur unique c'est à dire que si l'on reprend l'exemple que j'ai donné plus haut à savoir l'id {#}page-body{/#} cet id n'est présent qu'une seule fois dans les page il n'en existe qu'un seul avec ses copines :
{#}page-header{/#} et {#}page-footer{/#},donc si je met cet exemple dans mon code imaginons:
- Code:
insertBefore('[id^="#page"]')
Voudrais dire que l'on insert le lien des notifications avant tout les id commençants par {#}page{/#} et donc c'est pour cela que l'on je parle de bien choisir un sélecteur unique cela peut être un lien dans la barre de navigation aussi ,on pourrait en prendre d'autres comme exemples

Si problème pour vous pour trouver (ce que je n'espère pas c'est toujours plus cool de savoir le faire) vous pouvez nous dire l'emplacement que vous désirez ^^ un grand merci pour la class Horus c'est plutôt moi qui devrait vous remercier,pour tout

En espérant que j'ai été pas trop brouillon ...
- le Lun 11 Avr 2016 - 9:52
- Rechercher dans: Archives des problèmes avec un code
- Sujet: Dissocier les notifications de la toolbar
- Réponses: 29
- Vues: 2737
Ajouter sa propre publicité en bas de page
vous avez bien suivie la procédure ?? le
chez moi cela fonctionne

j'ai repérer plusieurs modification dans votre {#}page-footer{/#}, il faut peut être faire un peut de ménage !!
- le Lun 31 Aoû 2015 - 19:48
- Rechercher dans: Archives des problèmes avec un code
- Sujet: Ajouter sa propre publicité en bas de page
- Réponses: 49
- Vues: 2789
Elargir son forum
Détails techniques
Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Mozilla Firefox
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://www.lgda.taguilde.net
Description du problème
Bonjour le peuple !Donc je recherche à élargir les catégories qui sont présente sur mon forum. Bref je suis allé sur PA/Général/Configuration/Largeur du forum (nombre ou pourcentage %).
J'ai changé les chiffres, mais rien ne se passe. Niveau codage, je suis une bille... par contre je peux vous coller les codse que j'ai actuellement sur ma fiche CSS (au cas ou il y a un soucis directement dedans)
- Spoiler:
body
{
background-color: ;
background-position: top center;
background-repeat: repeat-y;
}
a
{
outline: none;
}
a:link
{
text-decoration: none !important;
}
.bodylinewidth
{display: table;
width: 1000%
}
#page-body
{
margin-top: 100px;
}
.forumline
{
max-width: 850px;
margin-left: auto;
margin-right: auto;
margin-top: 10px;
margin-bottom: 10px;
background-image: url(https://2img.net/r/hpimg15/pics/990052Sanstitre1.png);
background-repeat: repeat;
-moz-border-radius-topright: 20px;
-moz-border-radius-bottomleft: 20px;
-moz-border-radius-topleft: 6px;
-moz-border-radius-bottomright: 6px;
border-radius: 6px 6px 6px 6px;
-moz-box-shadow: 1px 1px 2px #f0b643;
box-shadow: 1px 1px 2px #f0b643;
padding: 5px;
margin-bottom: 10px;
}
a.forumlink
{
display: block;
padding: 4px;
border-bottom: 2px solid #1b1b1b;
}
a.forumlink:hover
{
text-decoration: none !important;
margin-left: 20px;
font-style: italic;
}
table
{
max-width: 850px;
margin: auto;
}
#i_logo
{
margin-top: -18px;
margin-bottom: -40px;
}
.row3Right
{
border: none !important;
}
.thHead
{
border: none !important;
}
.thCornerL, .thCornerR, .thTop
{
border: none !important;
}
.thLeft, .thRight
{
border-left: none !important;
border-right: none !important;
}
.catLeft, .catRight
{
border: none! important;
}
.catHead
{
border: none !important;
}
.catBottom
{
border: none !important;
}
.mini_ava {
float: left;
}
.mini_ava img {
width: 40px;
height: 40px;
margin: 0 5px;
border-radius: 10px;
transition: all 2s;
-moz-transition: all 2s;
-webkit-transition: all 2s;
-o-transition: all 2s;
}
.mini_ava img:hover
{
width: 80px;
height: 80px;
}
#page-footer
{
background-image: ;
background-repeat: ;
background-position: ;
width: ;
height: ;
margin-bottom: ;
}
#page-footer a
{
font-size: 10px;
text-decoration: none !important;
}
- le Ven 28 Aoû 2015 - 5:09
- Rechercher dans: Archives des problèmes avec un code
- Sujet: Elargir son forum
- Réponses: 3
- Vues: 881
Modification code pour pied de page
BonjourAprès une recherche sur le forum j'aimerais reproduire l'inscription en bas de page comme sur l'exemple de ce tutoriel
https://forum.forumactif.com/t290173-inserer-son-propre-pied-de-page
J'ai utilisé le code :
$(function() {
$("#page-footer,#gfooter,#pun-foot").eq(0).append("XXX");
});
Mais j'aimerais que ce soit inscrit centré sur la page et en plus petit caractère.
Pouvez vous me dire ce qu'il faut modifier pour ce résultat.
Merci de votre aide
- le Mar 7 Avr 2015 - 18:37
- Rechercher dans: Archives des problèmes avec un code
- Sujet: Modification code pour pied de page
- Réponses: 2
- Vues: 723
Problème de code de couleurs dans le profil
Détails techniques
Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Mozilla Firefox, Google Chrome, Internet Explorer, Opera, Safari
Capture d'écran du problème :
- Voir l'image:
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://quebec-masquerade.forumofficiel.com
Description du problème
Bonjour!J'ai récemment composé un forum en utilisant un code CSS que j'ai trouvé et je n'avais aucun problème avec ce dernier jusqu'à hier (je crois). Certaines personnes se sont plaintes qu'elles ne voyaient pas bien la couleur de la police sur le fond. J'ai donc opéré quelques changements de couleurs pour rendre le tout plus confortable à l'oeil, mais voilà que certains titres de champ dans les profils ne s'affichent plus ni en cliquant sur profil ni dans les messages.
Je me demande bien où j'aurais m*rdé. J'ai cherché partout, mais mes connaissances ne doivent pas être assez grande pour que je puisse déceler le problème toute seul ^^'
Je vous mets donc ici le code CSS ainsi que quelques captures d'écran pour expliciter le problème :
- Spoiler:
- body
{
background: url(\'https://i.servimg.com/u/f39/19/03/50/36/13030710.png\') repeat-y center, url(\'http://images3.alphacoders.com/278/278957.jpg\') no-repeat left top;
background-attachment: fixed, fixed;
background-color: #000000;
}
.bodylinewidth
{
width: 900px;
margin-left: auto;
margin-right: auto;
margin-top: -9px;
margin-bottom: -9px;
}
.bodyline
{
width: 900px;
padding: 0;
}
.mbodyline
{
width: 900px:
}
#navigation
{
position: fixed;
z-index: 999;
height: 30px;
width: 980px;
margin-left: -490px;
left: 50%;
}
#navig
{
width: 980px;
margin: auto;
text-align: center;
background: #000000;
border-bottom: 2px solid #470B0B;
border-right: 2px solid #470B0B;
border-left: 2px solid #470B0B;
border-radius: 0px 0px 20px 20px;
-moz-border-radius: 0px 0px 20px 20px;
-webkit-border-radius: 0px 0px 20px 20px;
-khtml-border-radius: 0px 0px 20px 20px;
padding-bottom: 3px;
padding-top: 10px;
box-shadow: 2px 2px 5px black;
}
#navig a
{
font-weight: bold;
color: #000000 !important;
text-shadow: 1px 1px 0px #060808;
font-size: 13px;
}
#navig a:hover
{
color: #000000 !important;
font-variant: small-caps;
font-size: 13px;
font-style: normal;
}
#i_logo
{
margin-top: 30px
}
table
{
width: 98%;
margin: auto;
}
.forumline
{
width: 100%;
border-bottom: 8px solid #470B0B;
border-top: 8px solid #470B0B;
border-left: 2px solid #470B0B;
border-right: 2px solid #470B0B;
margin-right: auto;
margin-left: auto;
margin-top: 10px;
margin-bottom: 10px;
padding: 4px;
background-color: #13181A;
-moz-border-radius: 40px 0px 40px 0px;
-webkit-border-radius: 40px 0px 40px 0px;
-o-border-radius: 40px 0px 40px 0px;
border-radius: 40px 0px 40px 0px;
}
a.forumlink
{
display: block;
width: 100%;
border-bottom: 2px dotted #470B0B;
padding: 4px;
font-size: 16px;
font-weight: bold;
font-variant: small-caps;
text-shadow: 0px 0px 2px #000000;
letter-spacing: 2px;
}
a:hover
{
text-decoration: none !important;
}
#page-footer a
{
font-size: 10px;
}
.quote
{ background: url(\'https://i.servimg.com/u/f39/19/03/50/36/13050110.png\') no-repeat right bottom, url(\'https://i.servimg.com/u/f39/19/03/50/36/13050111.png\') no-repeat left top;
padding-left: 30px;
padding-right: 30px;
height: px;
border-radius: 0px 0px 20px 20px;
-moz-border-radius: 0px 0px 20px 20px;
-webkit-border-radius: 0px 0px 20px 20px;
-khtml-border-radius: 0px 0px 20px 20px;
border-top: 3px solid #470B0B;
border-left: 3px solid #470B0B;
border-color: #470B0B;
}
.code
{
background: url(\'https://i.servimg.com/u/f39/19/03/50/36/13050112.png\') no-repeat left top, url(\'https://i.servimg.com/u/f39/19/03/50/36/13050113.png\') no-repeat right bottom;
padding-left: 30px;
padding-right: 30px;
height: px;
border-radius: 0px 0px 20px 20px;
-moz-border-radius: 0px 0px 20px 20px;
-webkit-border-radius: 0px 0px 20px 20px;
-khtml-border-radius: 0px 0px 20px 20px;
border-top: 3px solid #470B0B;
border-left: 3px solid #470B0B;
border-color: #470B0B;
color: #3E4F54;
}
.spoiler_closed
{
border-radius: 0px 0px 20px 20px;
-moz-border-radius: 0px 0px 20px 20px;
-webkit-border-radius: 0px 0px 20px 20px;
-khtml-border-radius: 0px 0px 20px 20px;
border-color: #470B0B;
border-top: 3px solid #470B0B;
border-left: 3px solid #470B0B;
}
.spoiler_content
{
background: url(\'https://i.servimg.com/u/f39/19/03/50/36/13051910.png\') no-repeat left top, url(\'https://i.servimg.com/u/f39/19/03/50/36/13051911.png\') no-repeat right bottom;
border-radius: 0px 0px 20px 20px;
-moz-border-radius: 0px 0px 20px 20px;
-webkit-border-radius: 0px 0px 20px 20px;
-khtml-border-radius: 0px 0px 20px 20px;
padding-left: 30px;
padding-right: 30px;
height: px;
border-color: #470B0B;
border-top: 3px solid #470B0B;
border-left: 3px solid #470B0B;
}
.row3Right
{
border: none !important;
}
.thHead
{
border: none !important;
}
.thCornerL, .thCornerR, .thTop
{
border: none !important;
}
.thLeft, .thRight
{
border-left: none !important;
border-right: none !important;
}
.catLeft, .catRight
{
border: none! important;
}
.catHead
{
border: none !important;
}
.catBottom
{
border: none !important;
}
.mainoption
{
-moz-border-radius: 10px 0px 10px 0px;
-webkit-border-radius: 10px 0px 10px 0px;
-o-border-radius: 10px 0px 10px 0px;
border-radius: 10px 0px 10px 0px;
}
.liteoption
{
-moz-border-radius: 10px 0px 10px 0px;
-webkit-border-radius: 10px 0px 10px 0px;
-o-border-radius: 10px 0px 10px 0px;
border-radius: 10px 0px 10px 0px;
}
.opacite
{
opacity: 0.5;
-moz-opacity: 0.5;
-khtml-opacity: 0.5;
filter: alpha(opacity=50);
transition: opacity 1s;
-moz-transition: opacity 1s;
-o-transition: opacity 1s;
-webkit-transition: opacity 1s;
-htm-transition: opacity 1s;
}
.opacite:hover
{
opacity: 1;
-moz-opacity: 1;
-khtml-opacity: 1;
filter: alpha(opacity=1);
transition: opacity 2s;
-moz-transition: opacity 2s;
-o-transition: opacity 2s;
-webkit-transition: opacity 2s;
-htm-transition: opacity 2s;
}
#slide_avatar {
width:200px; /* largeur avatar */
height:320px; /* hauteur avatar */
border: 1px solid #470B0B; /* couleur bordure avatar */
overflow:hidden; /* ne pas toucher */
position:relative; /* ne pas toucher */
}
.glisse_avatar {
-webkit-transition:all 0.5s; /* fait glisser l avatar */
-moz-transition:all 0.5s; /* fait glisser l avatar autre navigateur */
-o-transition:all 0.5s; /* fait glisser l avatar autre navigateur */
-ms-transition:all 0.5s; /* fait glisser l avatar autre navigateur */
transition:all 0.5s; /* fait glisser l avatar autre navigateur */
top:0; /* ne pas toucher */
left:0; /* ne pas toucher */
width:100%; /* ne pas toucher */
height:100%; /* ne pas toucher */
position:absolute; /* ne pas toucher */
z-index:1;
}
#slide_avatar:hover > .glisse_avatar {
margin-left:200px; /* fait glisser l avatar a droite */
}
.infos_avatar {
background-color:#000000 !important; /* fond infos */
padding: 7px;
top:0; /* ne pas toucher */
left:0; /* ne pas toucher */
width:100%; /* ne pas toucher */
height:100%; /* ne pas toucher */
z-index:0;
}
body.chatbox {
background-color: #000000
}
.onglet {
display: inline-block;
margin: 0px 5px -4px 10px;
font-family : Verdana;
height : 20px;
width : 120px;
text-align: center;
font-family: georgia;
background-color: #transparant;
color: #FFFFFF;
border-radius: 10px;
}
.onglet_0 {
color: #999999;
position: relative;
font-family: georgia;
}
.onglet_1 {
font-family: georgia;
color: #999999;
position: relative;
font-variant: small-caps;
}
.contenu_onglet {
background-image: url(\'http://1.bp.blogspot.com/_DuJbw1RP8kI/SwceA2MkERI/AAAAAAAAAC4/SBszKEg7YBc/s1600/transparant.gif\');
padding:5px;
display:none;
text-align:center;
border-radius: 20px;
height: 300px;
width: 600px;
overflow : auto;
box-shadow: 0px 0px 10px grey;
background-repeat:no-repeat;
text-align: center;
color: #999999;
}
::-webkit-scrollbar {
height: 5px;
width: 10px;
background-color: #adb2bc; /* couleur de fond */
}
html > ::-webkit-scrollbar {
width: 8px; /* largeur de la barre */
}
::-webkit-scrollbar-thumb {
background: #4a576f; /* couleur de la barre qui se déplace */
border-radius: 50px; /* Arrondis */
}
::-webkit-scrollbar-track-piece {
background-color: #000000; /* couleur de fond */
}
#top_sites {
background:#adb2bc; /* couleur de fond */
border:2px solid #4a576f; /* couleur de la bordure */
position:absolute; /* élément flottant */
left:-90px; /* position par rapport à la gauche */
top:50px; /* position par rapport au haut */
height:260px; /* hauteur du cadre */
width:110px; /* largeur du cadre */
}
#top_sites:hover {
transition:all 0.5s;
-moz-transition:all 0.5s;
-webkit-transition:all 0.5s;
-o-transition:all 0.5s;
left:0px; /* position par rapport à la gauche */}
https://i.gyazo.com/e26727585f93394352cdd5a4f9647199.png
https://i.gyazo.com/87989c2e6d9cb1ccbcae55f410f47bec.png
https://i.gyazo.com/7dcc26e2acdc4da088c8fc59d3ef2314.png
Aidez-moi, pitié!

Merci!
- le Jeu 26 Mar 2015 - 16:29
- Rechercher dans: Archives des problèmes avec un code
- Sujet: Problème de code de couleurs dans le profil
- Réponses: 5
- Vues: 1891
problème d'alignement des sous forums
Détails techniques
Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Mozilla Firefox, Google Chrome, Safari
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://liloumalei.forumactif.org/
Description du problème
Bonjour
J'aurais besoin de votre aide car j'ai beau triffouiller à gauche à droite depuis des heures, impossible de positionner correctement mes sous forums. En fait j'aimerais qu'ils soient parfaitement alignés avec la première ligne de la description de mes forums.
Merci d'avance à tous ceux qui tenteront de m'aider.
Voici mon template index box (sous hide)
Et voici mon code css (sous hide également)
- le Ven 27 Fév 2015 - 12:11
- Rechercher dans: Archives des problèmes avec un code
- Sujet: problème d'alignement des sous forums
- Réponses: 5
- Vues: 768
Copyright crédits
$(function() {$("#page-footer,#gfooter,#pun-foot").eq(0).append("texte");
});
Où j'ai mis "texte".
Derien, oublie pas de cocher l'icone résolu!
- le Dim 8 Fév 2015 - 15:39
- Rechercher dans: Problème avec mon package, mes crédits ou autres fonctionnalités payantes
- Sujet: Copyright crédits
- Réponses: 6
- Vues: 919
Copyright crédits
Je mets donc le code là:$(function() {
$("#page-footer,#gfooter,#pun-foot").eq(0).append("texte");
});
Mais pour qu'il fait écrit par exemple (c'est un exemple) "thème développé par xvbarbare" comment faire?
- le Sam 7 Fév 2015 - 14:44
- Rechercher dans: Problème avec mon package, mes crédits ou autres fonctionnalités payantes
- Sujet: Copyright crédits
- Réponses: 6
- Vues: 919
Copyright crédits
Non, ça vient pas de l'achat, c'est un java script ça.$(function() {
$("#page-footer,#gfooter,#pun-foot").eq(0).append("texte");
});
Met le pour toutes les pages.
#ICEPICK.
- le Ven 6 Fév 2015 - 18:31
- Rechercher dans: Problème avec mon package, mes crédits ou autres fonctionnalités payantes
- Sujet: Copyright crédits
- Réponses: 6
- Vues: 919