AccueilAccueil  CalendrierCalendrier  FAQFAQ  RechercherRechercher  MembresMembres  GroupesGroupes  S'enregistrerS'enregistrer  ConnexionConnexion  

Poster un nouveau sujetRépondre au sujetPartagez|

Une petite PA

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



Messages : 5
Inscription : 04/03/2016

MessageSujet: Une petite PA Ven 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
Voir le profil de l'utilisateur
avatar
Andramas
Admin


Messages : 162
Inscription : 11/11/2014
Age : 19
Compétences : Codage, Graphisme

KRKRKR
Icône:
Citation: TEST TEST TEST
MessageSujet: Re: Une petite PA Sam 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
Voir le profil de l'utilisateur http://kingdom-of-panda.forumactif.org
avatar
Abschiedsbrief



Messages : 5
Inscription : 04/03/2016

MessageSujet: Re: Une petite PA Mer 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
Voir le profil de l'utilisateur
avatar
Andramas
Admin


Messages : 162
Inscription : 11/11/2014
Age : 19
Compétences : Codage, Graphisme

KRKRKR
Icône:
Citation: TEST TEST TEST
MessageSujet: Re: Une petite PA Dim 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
Voir le profil de l'utilisateur http://kingdom-of-panda.forumactif.org
avatar
Abschiedsbrief



Messages : 5
Inscription : 04/03/2016

MessageSujet: Re: Une petite PA Dim 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
Voir le profil de l'utilisateur
avatar
Andramas
Admin


Messages : 162
Inscription : 11/11/2014
Age : 19
Compétences : Codage, Graphisme

KRKRKR
Icône:
Citation: TEST TEST TEST
MessageSujet: Re: Une petite PA Dim 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
Voir le profil de l'utilisateur http://kingdom-of-panda.forumactif.org
avatar
Abschiedsbrief



Messages : 5
Inscription : 04/03/2016

MessageSujet: Re: Une petite PA Dim 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
Voir le profil de l'utilisateur
avatar
Andramas
Admin


Messages : 162
Inscription : 11/11/2014
Age : 19
Compétences : Codage, Graphisme

KRKRKR
Icône:
Citation: TEST TEST TEST
MessageSujet: Re: Une petite PA Sam 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
Voir le profil de l'utilisateur http://kingdom-of-panda.forumactif.org
avatar
Abschiedsbrief



Messages : 5
Inscription : 04/03/2016

MessageSujet: Re: Une petite PA Sam 26 Mar - 17:01

Hello ^^ Oui merci beaucoup ça fonctionne très bien, un grand merci Smile
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
MessageSujet: Re: Une petite PA

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 pouvez répondre aux sujets dans ce forum
Somewhere :: Welcome :: Visiteurs venus d'ailleurs :: Commandes-
Poster un nouveau sujetRépondre au sujet