AccueilAccueil  Dernières imagesDernières images  RechercherRechercher  S'enregistrerS'enregistrer  ConnexionConnexion  
Le Deal du moment :
Coffret dresseur d’élite ETB ...
Voir le deal
56.90 €

Partagez|

Une petite PA

Voir le sujet précédent Voir le sujet suivant Aller en bas
Abschiedsbrief
MessageSujet: Une petite PA Une petite PA  EmptyVen 4 Mar - 21:47

Bonjour/bonsoir, je viens passer une petite commande, pourquoi ici? C'est simple j'aime énormément les différentes créations qui se trouvent ici, je les trouve simples et très belles à regarder. Je félicite d'ailleurs la fondatrice de ce forum Smile

Alors voilà, en espérant que cela soit possible, j'aimerais, si possible une PA pour un forum RPG, j'ai fait un plan que je vais mettre ci-dessous et donc quelques détails, si c'est possible à faire, en espérant avoir bien tout détailler suffisamment, mais si j'ai oublié de préciser une petite chose, ou si je me suis mal exprimé, il ne faut pas hésiter à me le dire, je suis parfois tête en l'air Smile

Le plan de la PA:

Les petits détails:

➠ La PA serait de taille width: 800px et height: 400px (en me référençant à la PA que j'ai, je trouve cette taille suffisante)
➠ Alors le fond noir l'idéal serait que je puisse y mettre un fond à motif tout simplement et lorsque je ne voudrais pas de fond il deviendra automatiquement transparent grâce à un code déjà présent dans mon template.
➠ Tous les encadrés en blanc ça serait pareil, j'utiliserai une image en fond, pour les encadrés contexte, nouveautés, crédits et groupes, l'idéal serait d'avoir une scrollbar (je crois que c'est le nom :/), il y a aura très certainement beaucoup à écrire dedans.
➠ L'encadrer "groupes" sera juste pour spécifier la place restant dans les divers groupes en fait.
➠ L'encadrer staff et membre du mois sera pour mettre des images de 85*85 px, si ça pouvait automatiquement prendre cette taille là ce serait génial car j'utilise souvent des gifs, mais j'aimerais qu'en passant dessus, l'image parte afin de laisser place au nom du personnage (et son rang pour le staff)
➠ Pour les top-partenaires, tous les logo en 88*31 mais j'ignore si il est possible dans le code de faire en sorte que tous les logos prennent directement cette taille afin d'éviter des logos de tailles différentes. Et que les logos puisse tout simplement défilé.
➠ Pour les liens, afin de les séparer du bloc, si il est possible de faire comme une petite bordure en pointillé?

Et voilà je pense avoir donner le plus de détails possible, si ce n'est pas le cas je les donnerai Smile En espérant que je n'en demande pas trop non plus, merci par avance et je ne suis aucunement pressé, je me contente de celle que j'ai, qui n'est pas terrible d'ailleurs xD
Revenir en haut Aller en bas
Andramas
MessageSujet: Re: Une petite PA Une petite PA  EmptySam 12 Mar - 14:41

Bonjour bonjour !
Désolée de la réponse aussi tardive T.T
Je me charge de ta demande au plus vite et je m'excuse d'avoir répondu aussi tard :c
Revenir en haut Aller en bas
https://kingdom-of-panda.forumactif.org
Abschiedsbrief
MessageSujet: Re: Une petite PA Une petite PA  EmptyMer 16 Mar - 19:20

Bonsoir Smile il n'y a aucun souci vraiment, je ne suis pas impatiente bien au contraire ^^
Merci beaucoup en tout cas Smile
Revenir en haut Aller en bas
Andramas
MessageSujet: Re: Une petite PA Une petite PA  EmptyDim 20 Mar - 11:17




Charte X Bottin X Scénarios X Partenariat


CONTEXTE
Nouveautés
CREDITS
GROUPES
STAFF & MEMBRE DU MOIS
Le mec à la capuche
Le mec à la capuche
Le mec à la capuche

TOP PARTENAIRES




Voici l'aperçu, si ça te convient je te donne les codes au plus vite !
Revenir en haut Aller en bas
https://kingdom-of-panda.forumactif.org
Abschiedsbrief
MessageSujet: Re: Une petite PA Une petite PA  EmptyDim 20 Mar - 14:20

Hello Smile Cela m'a l'air parfait, j'aime bien le rendu en tout cas Smile
Revenir en haut Aller en bas
Andramas
MessageSujet: Re: Une petite PA Une petite PA  EmptyDim 20 Mar - 16:41

Et bien si cela te convient voici les codes :
Le CSS
Code:
.bombb{background-color:#000;font-size:9px;line-height:100%;position:relative;text-align:center;top:-100px;transform:scale(0,0);transition:all .5s ease-in-out 0;width:85px;height:85px;opacity:.8;}#bomb:hover .bombb{transform:scale(1,1);}#bomb {height:85px;width:85px;display:inline-block;}
Et la PA
Code:
<div align="center">
<div style="width:800px;height:400px;background-color:black;">
<a href="#">Charte</a> X <a href="#">Bottin</a> X <a href="#">Scénarios</a> X <a href="#">Partenariat</a>
<hr/>
<table><tr><td><div style="width:200px;height:150px; background-color:white; overflow:auto">CONTEXTE</div></td><td><div style="width:200px;height:150px; background-color:white; overflow:auto">Nouveautés</div></td><td><iframe width="300" height="150" src="https://www.youtube.com/embed/Vm-asWH4UFo" frameborder="0" allowfullscreen></iframe></td></tr><tr><td><div style="width:200px;height:100px; background-color:white; overflow:auto">CREDITS</div></td><td><div style="width:200px;height:100px; background-color:white; overflow:auto">GROUPES</div></td><td><div style="width:300px;height:100px; background-color:white; overflow:auto">STAFF & MEMBRE DU MOIS<br/><div id="bomb"><img style="width: 100px; height: 100px;" src="https://svn.apache.org/repos/asf/hadoop/common/branches/branch-1/src/contrib/eclipse-plugin/resources/hadoop-logo-85x85.png" /><div class="bombb">Le mec à la capuche</div></div><div id="bomb"><img style="width: 100px; height: 100px;" src="https://svn.apache.org/repos/asf/hadoop/common/branches/branch-1/src/contrib/eclipse-plugin/resources/hadoop-logo-85x85.png" /><div class="bombb">Le mec à la capuche</div></div><div id="bomb"><img style="width: 100px; height: 100px;" src="https://svn.apache.org/repos/asf/hadoop/common/branches/branch-1/src/contrib/eclipse-plugin/resources/hadoop-logo-85x85.png" /><div class="bombb">Le mec à la capuche</div></div></div></td></tr></table>
<hr/> TOP PARTENAIRES
<a href="#"><img src="http://img15.hostingpics.net/pics/7848548831.jpg"/></a><a href="#"><img src="http://img15.hostingpics.net/pics/7848548831.jpg"/></a><a href="#"><img src="http://img15.hostingpics.net/pics/7848548831.jpg"/></a><a href="#"><img src="http://img15.hostingpics.net/pics/7848548831.jpg"/></a><a href="#"><img src="http://img15.hostingpics.net/pics/7848548831.jpg"/></a><a href="#"><img src="http://img15.hostingpics.net/pics/7848548831.jpg"/></a><a href="#"><img src="http://img15.hostingpics.net/pics/7848548831.jpg"/></a><a href="#"><img src="http://img15.hostingpics.net/pics/7848548831.jpg"/></a>
</div>
</div>
Revenir en haut Aller en bas
https://kingdom-of-panda.forumactif.org
Abschiedsbrief
MessageSujet: Re: Une petite PA Une petite PA  EmptyDim 20 Mar - 20:29

Merci beaucoup Smile
Je dois avoir un petit souci, j'ai mis la PA sur mon forum test en attendant de la remplir convenablement mais au niveau du staff et membre du mois quand je passe ma souris sur les images, j'ai bien le carré noir qui apparaît mais aucun texte, est-ce normal?
Revenir en haut Aller en bas
Andramas
MessageSujet: Re: Une petite PA Une petite PA  EmptySam 26 Mar - 11:31

Bonjour,
Dans le css donné précédemment il faut modifier cela :
Code:
.bombb{background-color:#000;font-size:9px;line-height:100%;position:relative;text-align:center;top:-100px;transform:scale(0,0);transition:all .5s ease-in-out 0;width:85px;height:85px;opacity:.8;}#bomb:hover .bombb{transform:scale(1,1);}#bomb {height:85px;width:85px;display:inline-block;}
En ceci :
Code:
.bombb{background-color:#000;color:#fff;font-size:9px;line-height:100%;position:relative;text-align:center;top:-100px;transform:scale(0,0);transition:all .5s ease-in-out 0;width:85px;height:85px;opacity:.8;}#bomb:hover .bombb{transform:scale(1,1);}#bomb {height:85px;width:85px;display:inline-block;}

En espérant que ça fonctionne ^^
Revenir en haut Aller en bas
https://kingdom-of-panda.forumactif.org
Abschiedsbrief
MessageSujet: Re: Une petite PA Une petite PA  EmptySam 26 Mar - 17:01

Hello ^^ Oui merci beaucoup ça fonctionne très bien, un grand merci Smile
Revenir en haut Aller en bas
MessageSujet: Re: Une petite PA Une petite PA  Empty

Revenir en haut Aller en bas

Une petite PA

Voir le sujet précédent Voir le sujet suivant Revenir en haut
Page 1 sur 1

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Somewhere :: Welcome :: Visiteurs venus d'ailleurs :: Commandes-