Commande de Template (Footer)

 :: Exposition NLDD :: Intruders :: Réalisés Voir le sujet précédent Voir le sujet suivant Aller en bas
MessageCommande de Template (Footer) Dim 10 Jan - 12:14
Bonjour, c'est encore moi !
Comme j'ai vu dans les règles que les commandes de templates étaient disponibles, j'en profite !

Alors, je ne suis pas sur que ce que je vais demander se fais par des templates mais il me semble que oui. Je ne sais même pas si vous faites ce genre de choses mais je tente mais je comprendrais si vous refusez ma commande.

Alors en fait, ça serait pour un footer afin de mettre des partenariats sous forme de "partenariat footer"

   Largeur et largeur maximale : La même longueur et hauteur que la rubrique de partenaire dans la PA. Ça peut être plus petit.  
   Schéma : http://img15.hostingpics.net/pics/867911schmafooter.png
   Images : http://pyonpyon.deviantart.com/art/Old-Book-II-56964283
   Animations : Je sais pas comment vous appelez ça, mais quand on passe la souris, l’opacité part pour qu'on puisse bien voir le logo.


Merci par avance I love you
Revenir en haut Aller en bas
MessageRe: Commande de Template (Footer) Lun 11 Jan - 5:13
avatar
Nombre de messages : 891
Date d'inscription : 04/07/2007
Logiciels : Photoshop CS6 - Flash CS6 - Notepad
I. Créer une nouvelle page html :

Code:
<style type="text/css">.FOOTER {width:800px; height:75px; padding-top:5px; overflow:auto; text-align:center;}
.FOOTER a{margin:4px;}
.FOOTER a img{opacity:0.7; transition:opacity 0.45s ease; -webkit-transition:opacity 0.45s ease;}
.FOOTER a:hover img{opacity:1;}
.tleFOOTER {width:800px; height:20px; padding:10px 0; text-align:center; text-transform:uppercase;}
.tleFOOTER img{position:absolute; z-index:3; margin-left:-325px; margin-top:-15px; width:55px; transform:rotate(-15deg); -webkit-transform:rotate(-15deg);}</style>
<!-- BLOC TITRE --><div class="tleFOOTER" style="background:#C1AFAC; color:white;"><!-- IMAGE --><img src="http://www.aht.li/2807414/imgFOOTER.png" /><!-- TITRE -->Partenaires Footer</div>
<div class="FOOTER" style="background:#EDDAD2;"><!-- LIGNE I - 8 PARTENAIRES 88*31 - I --><a href="http://mademoisellefiction.forumactif.org/" target="_blank"><img src="http://www.aht.li/2801558/8831MLEF.png" /></a><!-- II --><a href="http://mademoisellefiction.forumactif.org/" target="_blank"><img src="http://www.aht.li/2801558/8831MLEF.png" /></a><!-- III --><a href="http://mademoisellefiction.forumactif.org/" target="_blank"><img src="http://www.aht.li/2801558/8831MLEF.png" /></a><!-- IV --><a href="http://mademoisellefiction.forumactif.org/" target="_blank"><img src="http://www.aht.li/2801558/8831MLEF.png" /></a><!-- V --><a href="http://mademoisellefiction.forumactif.org/" target="_blank"><img src="http://www.aht.li/2801558/8831MLEF.png" /></a><!-- VI --><a href="http://mademoisellefiction.forumactif.org/" target="_blank"><img src="http://www.aht.li/2801558/8831MLEF.png" /></a><!-- VII --><a href="http://mademoisellefiction.forumactif.org/" target="_blank"><img src="http://www.aht.li/2801558/8831MLEF.png" /></a><!-- VIII --><a href="http://mademoisellefiction.forumactif.org/" target="_blank"><img src="http://www.aht.li/2801558/8831MLEF.png" /></a><!-- LIGNE II - 8 PARTENAIRES 88*31 - I --><a href="http://mademoisellefiction.forumactif.org/" target="_blank"><img src="http://www.aht.li/2801558/8831MLEF.png" /></a><!-- II --><a href="http://mademoisellefiction.forumactif.org/" target="_blank"><img src="http://www.aht.li/2801558/8831MLEF.png" /></a><!-- III --><a href="http://mademoisellefiction.forumactif.org/" target="_blank"><img src="http://www.aht.li/2801558/8831MLEF.png" /></a><!-- IV --><a href="http://mademoisellefiction.forumactif.org/" target="_blank"><img src="http://www.aht.li/2801558/8831MLEF.png" /></a><!-- V --><a href="http://mademoisellefiction.forumactif.org/" target="_blank"><img src="http://www.aht.li/2801558/8831MLEF.png" /></a><!-- VI --><a href="http://mademoisellefiction.forumactif.org/" target="_blank"><img src="http://www.aht.li/2801558/8831MLEF.png" /></a><!-- VII --><a href="http://mademoisellefiction.forumactif.org/" target="_blank"><img src="http://www.aht.li/2801558/8831MLEF.png" /></a><!-- VIII --><a href="http://mademoisellefiction.forumactif.org/" target="_blank"><img src="http://www.aht.li/2801558/8831MLEF.png" /></a></div>

II. Ajouter une iframe au template index_body :

Code:
<iframe id="footerSIT" src="lien de la page html" frameborder="0"></iframe>

III. Partie CSS :
Code:
/* IFRAME PARTENAIRES FOOTER */
#footerSIT {
display:block; margin:auto;
width:820px; height:145px; padding:0;
}

∞ Effectuer les modifications - ajout/actualisation de partenaire, directement à partir de la page html dédiée
Revenir en haut Aller en bas
MessageRe: Commande de Template (Footer) Lun 11 Jan - 16:57
Hello !

Encore une fois je n'ai rien à dire, c'est tout simplement parfait ! I love you J'ai eu un peu de mal à le mettre au début mais ça, c'est parce que je suis une nouille en codage templates tout ça ! Sinon tuto très bien expliqué, c'est super ! **

Merci beaucoup pour avoir prit de votre temps.

Bonne continuation et peut-être à bientôt. -héhé-
Revenir en haut Aller en bas
Page 1 sur 1

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
CCCrush. :: Exposition NLDD :: Intruders :: Réalisés-