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 :

Tag page-footer sur Forum gratuit : Le forum des forums actifs 33333310

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

Tag page-footer sur Forum gratuit : Le forum des forums actifs Jkbhkj10

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 !

Image en bas du foum

non impossible rien n'apparaît

que le lien!

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

Tag page-footer sur Forum gratuit : Le forum des forums actifs Image112

");
});

Image en bas du foum

ceux que j'ai pris sur le forum dans
mettre une image pied de page

[list=linenums]
[*]$(function() {

[*] $("#page-footer,#gfooter,#pun-foot").eq(0).append("XXX");

[*]});

[/list]

[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;}

Aussi en voulant supprimer la partie avec le lien vers le panneau d'administration j'ai quand même une bande noire en bas alors que je voudrais que le #page-footer se mette automatiquement à l'extrémité basse de la page.

couleur de fond tamisée!!

c est bon j ai résolu avec difficulté mais je pense que c est correct

je 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%;}

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

) mais je suis sûr que si un sujet est ouvert il sera suivis de près par les plus performants d'entre nous peut-être grandes oreilles ou Ea ou d'autres moi je ne pense pas avoir la capacité pas cette prétention,faut pas hésiter

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 ...

Ajouter sa propre publicité en bas de page

vous avez bien suivie la procédure ?? le

c'est rien ..

chez moi cela fonctionne

Tag page-footer sur Forum gratuit : Le forum des forums actifs 2015-015

j'ai repérer plusieurs modification dans votre {#}page-footer{/#}, il faut peut être faire un peut de ménage !!

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;
}

Modification code pour pied de page

Bonjour

Aprè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

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!

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)

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!

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?

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.

Vérifiez vos informations

14 résultats trouvés pour page-footer

Détails techniques

Description du problème

Détails techniques

Description du problème

Détails techniques

Description du problème