Vérifiez vos informations

Il semblerait que les informations techniques de votre profil n'aient pas été actualisées depuis un certain temps... Pour que l'aide apportée vous soit efficace, il est important que ces informations soient à jour : prenez quelques secondes pour confirmer ou compléter les informations suivantes.


Lien de votre forum
Version de ce forum
Vous êtes le fondateur de ce forum
Vous avez modifié le CSS de ce forum
Vous avez modifié les templates de ce forum
Votre navigateur

La date/heure actuelle est Mar 24 Nov 2020 - 7:29

14 résultats trouvés pour page-footer

Comment bouger et modifier la div #page-footer ?

Hello ! salut


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 ! Very Happy
par Invité
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: 410

Image en bas du foum

non impossible rien n'apparaît Evil or Very Mad
que le lien! scratch

$(function() {
$("#page-footer,#gfooter,#pun-foot").eq(0).append("Tag page-footer sur Forum gratuit : Le forum des forums actifs Image112");
});
par canele
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: 332

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]
par canele
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: 332

[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.
scratch
par SweetGumiho
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: 1858

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%;}
par cd.74
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: 647

Dissocier les notifications de la toolbar

Bonjour Horus (pardon) Embarassed

Alors pour la version mobile c'est sûrement possible (je vous avoue que franchement je n'ai pas cherché sur ce sujet Neutral ) 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 Smile
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 Wink

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 Wink
En espérant que j'ai été pas trop brouillon ...
par Invité
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: 2628

Ajouter sa propre publicité en bas de page

vous avez bien suivie la procédure ?? le Like a Star @ heaven 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 !!
par Invité
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: 2738

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;
}
par atlatann
le Ven 28 Aoû 2015 - 5:09
 
Rechercher dans: Archives des problèmes avec un code
Sujet: Elargir son forum
Réponses: 3
Vues: 861

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

par Patrickfan
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: 708

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:
Tag page-footer sur Forum gratuit : Le forum des forums actifs 87989c2e6d9cb1ccbcae55f410f47bec

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é! Razz

Merci!
par Maeve la Renarde
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: 1839

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 Very Happy

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)

par Loü
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: 745

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!
par Max™
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: 903

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?
par XVBARBARE
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: 903

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.
par Max™
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: 903

Revenir en haut

Sauter vers: