Connexion

Récupérer mon mot de passe

Derniers sujets
» [TOUTES VERSIONS] Afficher un texte dans l'éditeur avec transition
par chrisnvidia Aujourd'hui à 8:00

» [TOUTES VERSIONS] Recherche de texte dans les templates
par Morane Sam 25 Jan 2020 - 15:56

» *RESOLU*[PHPBB2] Lien d'un message spécifique dans un topic
par Milouze14 Ven 24 Jan 2020 - 18:40

» *RESOLU*[EDGE] Tags sur la page d'accueil
par Milouze14 Mer 22 Jan 2020 - 17:33

» histoire du Jour sans fin
par Quad Daniel Mer 22 Jan 2020 - 8:03

» [PUNBB] Module de connexion type Forumactif
par soleda Lun 20 Jan 2020 - 16:05

» *RESOLU*[PHPBB2] Problème des membres non inscrits sur le Tchatt:
par Milouze14 Lun 20 Jan 2020 - 14:59

» [TOUTES VERSIONS sauf AwesomeBB] Ajouter une limite de caractères à la réponse rapide..
par Splash Sam 18 Jan 2020 - 10:25

» *CORBEILLE*[PHPBB2] Echange de trafic modifié en recherche interne inopérant
par Milouze14 Ven 17 Jan 2020 - 19:04

» [AWESOMEBB]Ajouter une limite de caractères à la réponse rapide..
par Milouze14 Ven 17 Jan 2020 - 16:28

» [TOUTES VERSIONS]Visualiser le mot de passe
par soleda Ven 17 Jan 2020 - 6:00

» *RESOLU*[PHPBB2] Nouveaux BBcode pour le TchatBox :
par Milouze14 Mer 15 Jan 2020 - 18:08

» *RESOLU*[PHPBB3] Bouton à Smileys
par Milouze14 Mer 15 Jan 2020 - 11:23

» Histoire de Blondes Sans Fin
par Quad Daniel Mar 14 Jan 2020 - 12:48

» [AWESOMEBB]Afficher les widgets à droite
par Splash Mar 14 Jan 2020 - 8:21

» [AWESOMEBB] Widget "Derniers Sujets"
par Milouze14 Mar 14 Jan 2020 - 7:20

» *RESOLU*[PHPBB3] Bouton à Smileys
par Milouze14 Sam 11 Jan 2020 - 16:13

» *RESOLU*[AWESOMEBB] Nombre de caractères restant sur les nouveaux sujets
par Milouze14 Sam 11 Jan 2020 - 15:55

» *RESOLU*[PHPBB3] Bouton avec menu déroulant
par Milouze14 Sam 11 Jan 2020 - 15:52

» C’est fort de calva !
par Quad Daniel Sam 11 Jan 2020 - 10:14

*RESOLU*[AWESOMEBB] Design Footer

Voir le sujet précédent Voir le sujet suivant Aller en bas

YOUGATAGA
YOUGATAGA
Milouzien

Avertissement : 20/100

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

*RESOLU*[AWESOMEBB] Design Footer 09ro

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
Milouze14
Fondateur

MessageMilouze14 le 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:

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
YOUGATAGA
Milouzien

Avertissement : 20/100

MessageYOUGATAGA le Lun 6 Jan 2020 - 17:34

Merci pour la rapidité, je vais tester tout ça !

YOUGATAGA
YOUGATAGA
Milouzien

Avertissement : 20/100

MessageYOUGATAGA le Lun 6 Jan 2020 - 17:53

Laisser un petit espace entre chaque lien :
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 ?

Milouze14
Milouze14
Fondateur

MessageMilouze14 le 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








YOUGATAGA
YOUGATAGA
Milouzien

Avertissement : 20/100

MessageYOUGATAGA le Lun 6 Jan 2020 - 18:24

Tout marche à merveille.

Sauf pour espacer un peu entre les lignes :

Code:
.M14_stats.LinkS .M14_link_footer{margin:2px 0px 2px 0px;}

Milouze14
Milouze14
Fondateur

MessageMilouze14 le Lun 6 Jan 2020 - 18:27

Merci de mettre les codes entre les balises code Said,
survol les boutons de l'éditeur pour le trouver.

Remplaces:
Code:
   
.M14_stats.LinkS .M14_link_footer{margin:2px 0px 2px 0px;}
 
par:
Code:
.M14_stats.LinkS .M14_link_footer{line-height: 24px;}

Augmentes si besoin la valeur 24 hinhin  

YOUGATAGA
YOUGATAGA
Milouzien

Avertissement : 20/100

MessageYOUGATAGA le Lun 6 Jan 2020 - 18:35

La sa marche, mais je crois j'ai pas bien preciser, je veux faire ça pas que pour le bloc lien mais pour tout le footer.

Desolé c'est ma faute, j'avais pas précisé.

Milouze14
Milouze14
Fondateur

MessageMilouze14 le Lun 6 Jan 2020 - 18:42

Remplaces alors:
Code:
.M14_stats.LinkS .M14_link_footer{line-height: 24px;}

Par:
Code:
.M14_link_footer{line-height: 24px;}

Pour la partie gauche ce ne sera malheureusement pas possible car ce sont des variables qui génèrent des phrases.




YOUGATAGA
YOUGATAGA
Milouzien

Avertissement : 20/100

MessageYOUGATAGA le Lun 6 Jan 2020 - 18:46

Je crois que j'en ai fini avec le footer, juste un dernier réglage des positions des blocs, je vais essayer tout seule, si j'y arrive pas je poste.

merci à toi Phil, tu géres frangin.

Milouze14
Milouze14
Fondateur

MessageMilouze14 le 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 clin oeil .
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%;}


Milouze14
Milouze14
Fondateur

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





Milouze14
Milouze14
Fondateur

MessageMilouze14 le Ven 10 Jan 2020 - 19:24

Hello



5 jours sans réponse de ta part

Un avertissement reçu


Merci de lire à nouveau le règlement .



Voir le sujet précédent Voir le sujet suivant Revenir en haut

Créer un compte ou se connecter pour répondre

Vous devez être membre pour répondre.

S'enregistrer

Rejoignez notre communauté ! C'est facile !


S'enregistrer

Connexion

Vous êtes déjà membre ? Aucun soucis, cliquez ici pour vous connecter.


Connexion

 
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum