AccueilMembres connectés récemment
[AWESOMEBB] Design Footer
2 participants
Page 1 sur 1 • Partagez
- YOUGATAGA
-
Lun 6 Jan 2020 - 16:59
- Version du forum :AWESOMEBB
- Templates modifiés :oui
- Navigateur :Chrome
Salut, encore moi, je voudrais modifier quelques trucs sur le design de mon footer.
![[AWESOMEBB] Design Footer 09ro](https://zupimages.net/up/20/02/09ro.bmp)
Donc :
1- Je voudrais savoir ou est la ligne qui me permet de modifier la hauteur de mon footer.
2- Decoller le bloc des statistiques du bord gauche.
3- Laisser un petit espace entre chaque lien ( verticale ) (( ils sont trop collés à mon avis ))
4- Agrandir la taille de mon texte.
5- Modifier la police ( le font )
6- Mettre du gras aux titres des blocs.
PS : si c'est possible d'm'aider en m'indiquant dans quel ligne je dois faire ça, quoi ajouter, quoi supprimer, et pas de faire le tout et de me fournir le code final pour que je l'installe direct.
Je voudrais faire les modifications par moi meme histoire de toucher un peu et pourquoi pas apprendre.
Code de la template overall_footer_begin :
Code CSS :
Merci à tous le monde.
Donc :
1- Je voudrais savoir ou est la ligne qui me permet de modifier la hauteur de mon footer.
2- Decoller le bloc des statistiques du bord gauche.
3- Laisser un petit espace entre chaque lien ( verticale ) (( ils sont trop collés à mon avis ))
4- Agrandir la taille de mon texte.
5- Modifier la police ( le font )
6- Mettre du gras aux titres des blocs.
PS : si c'est possible d'm'aider en m'indiquant dans quel ligne je dois faire ça, quoi ajouter, quoi supprimer, et pas de faire le tout et de me fournir le code final pour que je l'installe direct.
Je voudrais faire les modifications par moi meme histoire de toucher un peu et pourquoi pas apprendre.
Code de la template overall_footer_begin :
- Code:
<!-- BEGIN html_validation -->
<div id="wrap">
<!-- END html_validation -->
</div><!-- <div id="wrap" /> -->
<div id="{ID_RIGHT}" class="wrap" style="display: none">
<!-- BEGIN giefmod_index2 -->
{giefmod_index2.MODVAR}
<!-- BEGIN saut -->
<div style="height:{SPACE_ROW}px"></div>
<!-- END saut -->
<!-- END giefmod_index2 -->
</div>
<!-- BEGIN disable_viewonline -->
<div id="M14_footer">
<div class="M14_wrap">
<div class="M14_stats forum">
<div class="M14_titre"><i class="material-icons">fingerprint</i><span>STATISTIQUES</span></div><br />
<i class="material-icons"id="small">mode_comment</i>{TOTAL_POSTS}<br />
<i class="material-icons"id="small">people</i>{TOTAL_USERS}<br />
<i class="material-icons"id="small">how_to_reg</i>{NEWEST_USER}
</div>
<div class="M14_stats LinkS">
<div class="M14_titre"><i class="material-icons">touch_app</i><span>LIENS UTILES</span></div><br />
<span class="M14_link"><i class="material-icons"id="small">playlist_play</i><a class="M14_link_footer"href="https://www.lm-rp.net " target="_blank">Le Monde RolePlay</a></span><br />
<span class="M14_link"><i class="material-icons"id="small">playlist_play</i><a class="M14_link_footer"href="https://www.leroleplay.fr/ " target="_blank">LeRolePlay</a></span><br />
<span class="M14_link"><i class="material-icons"id="small">playlist_play</i><a class="M14_link_footer"href="http://forum.cmlv-rp.com/ " target="_blank">Ce Monde Le Votre</a></span>
</div>
<div class="M14_stats Part">
<div class="M14_titre"><i class="material-icons">grade</i><span>PARNETSHIP</span></div><br />
<span class="M14_link"><i class="material-icons"id="small">playlist_play</i><a class="M14_link_footer"href="https://www.google.fr " target="_blank">PREMIER LIEN</a></span><br />
<span class="M14_link"><i class="material-icons"id="small">playlist_play</i><a class="M14_link_footer"href="https://www.google.fr " target="_blank">DEUXIEME LIEN</a></span><br />
<span class="M14_link"><i class="material-icons"id="small">playlist_play</i><a class="M14_link_footer"href="https://www.google.fr " target="_blank">TROISIEME LIEN</a></span>
</div>
<div class="M14_stats CreditS">
<div class="M14_titre"><i class="material-icons">shopping_basket</i><span>CREDITS</span></div><br />
<i class="material-icons"id="small">link</i><a class="M14_link_footer"href="https://www.forumactif.com/forum-gratuit" target="_blank">Forum gratuit</a><br />
<i class="material-icons"id="small">link</i><a class="M14_link_footer"href="https://www.forumactif.com/phpbb" target="_blank">@phpBB</a><br />
<i class="material-icons"id="small">link</i><a class="M14_link_footer"name="bottom" href="https://forum.forumactif.com/" target="_blank">Forum gratuit d'entraide</a>
<a href="#top" title="Haut de page"class="M14_link_top"><i class="material-icons">keyboard_capslock</i></a>
</div>
</div>
</div>
<!-- END disable_viewonline -->
<div id="page-footer"style="display:none;">
<div class="wrap">
<div class="navbar">
<ul class="linklist clearfix">
<li class="footer-to-top">
<a href="#top">
<i class="material-icons">arrow_upward</i>
</a>
</li>
<li class="footer-home">
<a class="icon-home" href="{U_INDEX}" accesskey="h">{L_HOME}</a>
</li>
<li class="rightside">
<!-- BEGIN html_validation -->
</li><!-- <li class="footer-home" /> -->
</ul><!-- <ul class="linklist clearfix" /> -->
</div><!-- <div class="navbar" /> -->
</div><!-- <div class="wrap" /> -->
</div><!-- <div id="page-footer" /> -->
<!-- END html_validation -->
Code CSS :
- Code:
/*LE FOOTER DANS SA TOTALITE*/
#M14_footer{background-color:#6D6E6E;font-size: 13px;padding: 5px;bottom:0px;position: relative;height: 135px;}
.M14_wrap{width:100%;}
/*LES TROIS BLOCS*/
.M14_stats{display: inline-table;padding: 5px;}
/*LE BLOC DES STATS*/
.M14_stats.forum{color:white!important;width:30%;}
i#small{margin-right: 6px;font-size: 16px !important;color:white!important;}
/*LE BLOC DES LIENS*/
.M14_stats.LinkS{width:25%;}
/*LE BLOC PARNERT*/
.M14_stats.Part{width:25%;}
/*LE BLOC DES CREDITS*/
.M14_stats.CreditS{width:20%;}
.M14_stats.CreditS,.M14_stats.CreditS span,.M14_stats.CreditS a.M14_link_footer,.M14_stats.Part .M14_link_footer,
.M14_stats.LinkS .M14_link_footer{color:white!important;}
/*LES TITRES*/
#M14_footer .M14_titre{color:white !important;font-size:24px;}
#M14_footer .M14_titre span{top: 2px;position: relative;}
#M14_footer .M14_titre i{margin-right: 6px;}
.M14_link{margin: 0px 10px 0px 10px;}
Merci à tous le monde.
- Milouze14
Fondateur -
Lun 6 Jan 2020 - 17:32
Hello YOUGATAGA,
pourtant la css est commentée afin de mieux se repérer, alors je vais citer tes demandes et tâcher de répondre:
C'est ceci:
Puis modifies la valeur 13 pour augment la taille de police ici:
Ajoutes exemple:
Il faut modifier la largeur et mettre un margin-left:
ceci devrait fonctionner:
Ajoutes ceci dans la feuille de style:
Modifies cette ligne :
en ajoutant:
Comme ceci:
Et voilou pour les explications.
pourtant la css est commentée afin de mieux se repérer, alors je vais citer tes demandes et tâcher de répondre:
1- Je voudrais savoir ou est la ligne qui me permet de modifier la hauteur de mon footer.
4- Agrandir la taille de mon texte.
5- Modifier la police ( le font )
- Code:
/*LE FOOTER DANS SA TOTALITE*/
#M14_footer{background-color:#6D6E6E;font-size: 13px;padding: 5px;bottom:0px;position: relative;height: 135px;}
C'est ceci:
- Code:
height: 135px;
Puis modifies la valeur 13 pour augment la taille de police ici:
- Code:
font-size: 13px;
Ajoutes exemple:
- Code:
font-family: Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
2- Decoller le bloc des statistiques du bord gauche.
- Code:
/*LE BLOC DES STATS*/
.M14_stats.forum{color:white!important;width:30%;}
Il faut modifier la largeur et mettre un margin-left:
ceci devrait fonctionner:
- Code:
/*LE BLOC DES STATS*/
.M14_stats.forum{color:white!important;width:28%;margin-left:2%;}
3- Laisser un petit espace entre chaque lien ( verticale ) (( ils sont trop collés à mon avis ))
Ajoutes ceci dans la feuille de style:
- Code:
.M14_stats.LinkS .M14_link_footer{margin:2px 0px 2px 0px;}
6- Mettre du gras aux titres des blocs.
Modifies cette ligne :
- Code:
/*LES TITRES*/
#M14_footer .M14_titre{color:white !important;font-size:24px;}
en ajoutant:
- Code:
font-weight:bold;
Comme ceci:
- Code:
/*LES TITRES*/
#M14_footer .M14_titre{color:white !important;font-size:24px;font-weight:bold;}
Et voilou pour les explications.
- YOUGATAGA
-
Lun 6 Jan 2020 - 17:53
Laisser un petit espace entre chaque lien :
J'ajoutes ce code ou exactement ?
Pour le font :
Je procéde comment pour mettre disons le 'Comic Sans MS'
J'ai modifier la hauteur du footer, mais le texte n'est pas centré entre le haut et le bas , j'ai trop de vide en bas. comment centrer s'il te plais ?
- Code:
.M14_stats.LinkS .M14_link_footer{margin:2px 0px 2px 0px;}
J'ajoutes ce code ou exactement ?
Pour le font :
- Code:
font-family: Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
Je procéde comment pour mettre disons le 'Comic Sans MS'
J'ai modifier la hauteur du footer, mais le texte n'est pas centré entre le haut et le bas , j'ai trop de vide en bas. comment centrer s'il te plais ?
- Milouze14Fondateur
-
Lun 6 Jan 2020 - 18:19
J'ajoutes ce code ou exactement ?
Dans la feuille de style:
Affichage/Images et Couleurs/Couleurs/Feuille de style
Tout comme le reste
Pour le font:
- Code:
font-family:Comic Sans MS;
J'ai modifier la hauteur du footer, mais le texte n'est pas centré entre le haut et le bas , j'ai trop de vide en bas. comment centrer s'il te plais ?
Ici:
- Code:
#M14_footer{background-color:#6D6E6E;font-size: 13px;padding: 5px;bottom:0px;position: relative;height: 135px;}
Augmentes la valeur 5 à padding à 20 et ce sera bon normalement
- Milouze14Fondateur
-
Lun 6 Jan 2020 - 18:56
merci à toi Phil, tu gères frangin.
pour phil pas de soucis , mais je ne suis pas ton frangin
.Pour les blocs,il faut modifier les valeurs mentionnées en pourcentage:
- Code:
/*LE BLOC DES STATS*/
.M14_stats.forum{color:white!important;width:30%;}
/*LE BLOC DES LIENS*/
.M14_stats.LinkS{width:25%;}
/*LE BLOC DES LIENS*/
.M14_stats.LinkS{width:25%;}
/*LE BLOC PARNERT*/
.M14_stats.Part{width:25%;}
- Milouze14Fondateur
-
Jeu 9 Jan 2020 - 4:11
Hello
Si ton sujet est résolu, merci de suivre la procédure suivante:
Un tag précédent ton premier message et un autre au dessus de la réponse rapide est présent.
Il te suffira de cliquer sur l'un d'entre eux.
Si ton sujet est résolu, merci de suivre la procédure suivante:
Un tag précédent ton premier message et un autre au dessus de la réponse rapide est présent.
Il te suffira de cliquer sur l'un d'entre eux.
Créer un compte ou se connecter pour répondre
Vous devez être membre pour répondre.
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum