Message d'Accueil

2 participants

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

Résolu Message d'Accueil

Message par Space Sapien Dim 28 Juil 2013 - 21:59

Bonjour à tous,

Je viens vers vous aujourd'hui car je rencontre un problème épineux avec mon message d'accueil. J'ai d'abord créé une image ici et j'ai ensuite utilisé les codes nécessaires afin que les différentes zones de l'image soient cliquables et mènent aux pages désirées.

Code:
<div style="margin:auto;text-align:center;width:100%"><img src="http://i37.servimg.com/u/f37/18/19/71/69/page_d13.png" usemap="#MADELI" width="800" height="312">
<map name="MADELI">
<area shape="rect" coords="464,220,636,288" title="Youtube" href="http://www.youtube.com/channel/UCUwapfFO6_1e8AWIikDTE6g">
<area shape="rect" coords="13,233,114,251" title="Charte" href="http://deliriums.forumgratuit.org/f44-charte-de-la-guilde-delirium-s">
<area shape="rect" coords="15,253,109,271" title="Postuler" href="http://deliriums.forumgratuit.org/t1491-a-lire-avant-de-postuler">
<area shape="rect" coords="165,234,286,251" title="Alliance" href="http://deliriums.forumgratuit.org/c7-alliance-de-guilde">
<area shape="rect" coords="166,255,247,271" title="Flood" href="http://deliriums.forumgratuit.org/f2-le-cafe-des-deli-s">
<area shape="rect" coords="297,45,506,193" title="La Doctoresse" href="http://deliriums.forumgratuit.org/u192contact">
<area shape="rect" coords="516,46,663,208" title="Zobal Bizarre" href="http://deliriums.forumgratuit.org/u276contact">
<area shape="rect" coords="668,47,799,197" title="Maître Fouettarde" href="http://deliriums.forumgratuit.org/u8contact"></map></div>

Jusqu'ici aucun problème, seulement j'aimerai maintenant pouvoir créer une zone de texte qui se superposerai sur le cadre en dessous de "NEWS". Mais impossible de faire ce que je veux. J'ai bien essayé à partir d'une div en mettant l'image en arrière plan mais du coup les images ne sont plus réactives...

Après quelques recherches j'ai cru comprendre que l'on devait se servir des balises position absolute et z-index mais je ne parviens pas à les utiliser correctement.

Si vous pouviez me donner un coup de main, je vous serai très reconnaissant. Wink


Dernière édition par Space Sapien le Lun 29 Juil 2013 - 16:52, édité 1 fois
avatar

Space Sapien
***

Masculin
Messages : 183
Inscrit(e) le : 28/07/2013

http://deliriums.forumgratuit.org
Space Sapien a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Message d'Accueil

Message par Lixyr Lun 29 Juil 2013 - 14:07

Bonjour.

En faisant ainsi ?

Like a Star @ heaven panneau d'administration >> affichage >> page d'accueil >> généralités
rajouter au tout début de votre code :

Code:
<div class="news">
Autem hiberna imperator perfectaque tantum Mediolanum ad omnis vigilasse ratione ad civilibus laudato consilio ad imperator quod laudato foedere promptior cum quod icto malis foedere maxime in in in laudato consensit hiberna autem malis plerumque ea bella expeditionibus voluit ea.
</div>

:enreg: 

Like a Star @ heaven puis panneau d'administration >> affichage >> couleurs et images >> couleurs >> feuille de style css

rajouter :
Code:
.news {position:relative; top:50px; left:-242px;
  width:285px; height:150px; margin-bottom:-150px;}

:enreg: 
Lixyr

Lixyr
Aidactive
Aidactive

Féminin
Messages : 7381
Inscrit(e) le : 22/07/2010

https://forum.forumactif.com
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Message d'Accueil

Message par Space Sapien Lun 29 Juil 2013 - 16:47

Merci beaucoup Lixyr !
Ça ne tombait pas pile poile dans le cadre mais en bidouillant les valeurs des pixels ça a bien fonctionné.
avatar

Space Sapien
***

Masculin
Messages : 183
Inscrit(e) le : 28/07/2013

http://deliriums.forumgratuit.org
Space Sapien a été remercié(e) par l'auteur de ce sujet.

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

- Sujets similaires

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