Crimson DayFiches RPGSignaturesCodages diversAvatars 200*320 (F)Avatars 200*320 (M)Avatars 200*320 (divers)Proposer des personnalitésCommander des avatarsCommander des codesFiches d'aidePoser une questionPartenariatsSuivre les actus (Tumblr)Prochain design : se proposerLa pub : Wicked Witches





 
AccueilAccueil  S'enregistrerS'enregistrer  ConnexionConnexion  RechercherRechercher  

Poster un nouveau sujet   Répondre au sujetPartagez | 
 

 Une petite fiche de liens **

Voir le sujet précédent Voir le sujet suivant Aller en bas 
avatar
Looooove <3
Invité


Message(#)Sujet: Une petite fiche de liens **   15.10.17 18:13

Eeeeeh, comme dis, je suis de retour -pour vous jouer un mauvais tour xD !

Tout d'abord, je voulais vous féliciter pour ce nouveau thème, j'adhère, j'adore ** Bravo !

♦️ Type de codage : fiche de liens
♦️ Schéma : Normal : https://imgur.com/be1xObi
Au click de rps (et au survol de l'image du personnage) : https://imgur.com/2pkfRFn
Au click de recherches : https://imgur.com/QVEEMyw

Lien 1 : https://imgur.com/9Ve04Be
Lien 2 : https://imgur.com/lGGu1ls (le texte du prénom nom/symbole est à l'endroit, j'ai juste eu la flemme de le faire xD)
♦️ Largeur max : Euh, comme sur le schéma, soit 470px !
♦️ Couleurs : Tout est sur le schéma ! (sauf, le gris entre les liens (nom prénom/symbole & description), c'est au final transparent ^^)
♦️ Précisions : Tout est sur le schéma, sauf quelques points :
-les "photos" rotate légèrement au survol
-les images virent au noir et blanc au survol
-les rps & recherches changent de couleur au survol (le rouge vire noir & le noir vire rouge xD)

Ah, et les liens se rajoutent manuellement (je le ferais), alternativement de chaque sens, et sont séparés par le même espace qu'il y a entre le bloc "photo" et description :)
♦️ Avec ou sans hébergement CSS ? Euh, non, ça ira xD

Merci beaucoup de prendre en charge cette commande, j'ai pu voir que vous aviez des soucis de temps (surchargés), donc je vous souhaite un bon courage ! heart
Revenir en haut Aller en bas
avatar
YOU_COMPLETE_MESS
© Avatar by YOU_COMPLETE_MESS


Message(#)Sujet: Re: Une petite fiche de liens **   19.10.17 21:17

Saluuut ! Aloors, bon, ta commande, ça v être compliqué, la seule d'entre nous qui puisse se débrouiller avec un code à onglet, c'est 29 qui n'est actuellement pas disponible..
Du coup je sais pas si c'est vraiment ce que tu veux, mais à moins que tu veuille changer pour quelques chose de plus simple à faire, va falloir attendre.. Et ça risque d'être assez long..

Voilà, du coup c'est toi qui voit si tu veux changer ou non !
Revenir en haut Aller en bas
avatar
LUve
Invité


Message(#)Sujet: Re: Une petite fiche de liens **   20.10.17 15:04

Euh, tout dépend, qu’est-ce que tu peux me proposer comme alternative ?
Revenir en haut Aller en bas
avatar
LOVE <3
Invité


Message(#)Sujet: Re: Une petite fiche de liens **   24.10.17 21:13

Je me permets d’upper ;)
Revenir en haut Aller en bas
avatar
YOU_COMPLETE_MESS
© Avatar by YOU_COMPLETE_MESS


Message(#)Sujet: Re: Une petite fiche de liens **   24.10.17 23:47

Pour être honnête, j'ai pas grand chose à te proposer comme autre idée. Je ne sais pas ce qui pourrait te plaire, donc je me vois mal te proposer quelques chose pour remplacer ta fiche.. Je peux toujours essayer de faire quelque chose avec un effet, du genre, tu passe la souris sur le mot recherche ou RP et le cadre apparaît.. Mais c'est quelque chose que je n'ai jamais essayé, alors je ne pourrais rien garantir.. De plus je ne serait pas vraiment sûre du résultat..
Après, je peux toujours mettre les choses l'une en dessous de l'autre, mais ça rendrait pas du tout la même chose donc.. Je sais pas..
L'autre alternative reste d'attendre le retour de 29, mais je ne sais pas quand est ce qu'elle reprendra donc.. Faudrait attendre..
Revenir en haut Aller en bas
avatar
YOU_COMPLETE_MESS
© Avatar by YOU_COMPLETE_MESS


Message(#)Sujet: Re: Une petite fiche de liens **   25.10.17 0:03

Bon, après avoir discuté avec 29, je réalise que l'idée que j'ai eu avec les effets de transition, c'est vraiment quelque chose de simple que j'arriverai à faire, donc si jamais tu veux que j'essaie, je devrais pouvoir y arriver !
Revenir en haut Aller en bas
avatar
<3
Invité


Message(#)Sujet: Re: Une petite fiche de liens **   25.10.17 9:34

Carrément !
Surtout que j’avais pas vraiment d’idée pour le hover des deux cases (qui incite au clic), donc ça m’arrange xD
Revenir en haut Aller en bas
avatar
YOU_COMPLETE_MESS
© Avatar by YOU_COMPLETE_MESS


Message(#)Sujet: Re: Une petite fiche de liens **   25.10.17 15:49

Bon, du coup, je vais essayer de te faire quelques chose au plus vite !
Revenir en haut Aller en bas
avatar
YOU_COMPLETE_MESS
© Avatar by YOU_COMPLETE_MESS


Message(#)Sujet: Re: Une petite fiche de liens **   28.10.17 21:32

J'ai voulu m'y mettre dans la journée, mais j'ai eu un soucis, la playlist, tu veux que je te fasse ça comment ? Un petit cadre avec les titres (et liens) des chansons ? Autrement ?

Et aussi est ce que tu aurais les deux images que tu as utilisé pour les fond, j'en ois deux, celui en fond de tout (blanc avec les traits noirs dans tout les sens là) et un autre derrière le cadre avec les informations, ils sont jolis, j'aimerais bien pouvoir les utiliser si possible ♥️
Revenir en haut Aller en bas
avatar
Moi
Invité


Message(#)Sujet: Re: Une petite fiche de liens **   30.10.17 7:52

Coucou !
Désolée pour le temps de réponse, j’ai complètement zappé :/

Alors, pour la playlist, ne t’embete pas, faut juste laisser la place ;) J’insérerais moi-même le lien d’une playlist !

Pour le fond : https://i.imgur.com/ycgv1ug.png

Par contre, j’ai pas l’autre, désolée ! C’était juste un truc provisoire, je mettrais sûrement un gif de fumée ^^ (faut que ça se redimensionnement tout seul, par contre xD)

Encore merci !
Revenir en haut Aller en bas
avatar
YOU_COMPLETE_MESS
© Avatar by YOU_COMPLETE_MESS


Message(#)Sujet: Re: Une petite fiche de liens **   30.10.17 18:36

D'accord merci pour ta réponse, je me lance dans le semaine !
Revenir en haut Aller en bas
avatar
wsh
Invité


Message(#)Sujet: Re: Une petite fiche de liens **   06.11.17 12:51

Un petit up ;)
Revenir en haut Aller en bas
avatar
YOU_COMPLETE_MESS
© Avatar by YOU_COMPLETE_MESS


Message(#)Sujet: Re: Une petite fiche de liens **   06.11.17 22:55

Je t'oublie pas. Je suis super occupée en ce moment, laisse me du temps s'il te plait.
Revenir en haut Aller en bas
avatar
YOU_COMPLETE_MESS
© Avatar by YOU_COMPLETE_MESS


Message(#)Sujet: Re: Une petite fiche de liens **   09.11.17 14:28

VOILA ENFIN C'EST FAIT. J'ai tellement galéré, mais ça vaut le coup ->
Alors voilà ta petite commande !

> dispoPlaylistNom : ...
Prénom : ...
Age : ...
Sexe : ...
Orientation : ...
Statut : ...
Métier : ...
Groupe : ...

Un petit résumé ici ! Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus malesuada urna et ipsum tempus, eget porttitor nunc facilisis. Praesent in dapibus lacus. Proin at dolor et velit tristique auctor quis eu justo. Morbi quam nisi, commodo et lobortis vel, dignissim ut massa. Phasellus commodo at augue et consectetur. Mauris magna.
RP> fini Le nom du rp : une petite description.
> fini Le nom du rp : une petite description.
> fini Le nom du rp : une petite description.
> fini Le nom du rp : une petite description.
Demandes : pseudos
RECHERCHE> 0/2 Le nom du lien : une petite description.
> 0/2 Le nom du lien : une petite description.
> 0/2 Le nom du lien : une petite description.
> 0/2 Le nom du lien : une petite description.
© Crimson Day
Code:
<link href="https://fonts.googleapis.com/css?family=Handlee" rel="stylesheet"><style>fondlove ::-webkit-scrollbar {width: 6px; height: 6px; background-color: white;} fondlove ::-webkit-scrollbar-track {background-color: white; border-left:2px solid white; border-right: 2px solid white;} fondlove ::-webkit-scrollbar-thumb {background-color: black; border: 2px solid white;} fondlove {display: block; width: 440px; height: 270px; background: url('http://zupimages.net/up/17/45/lo91.png'); margin: auto; padding: 15px; overflow:hidden;} fondlove b {text-transform: uppercase; font-style: italic; font-family: handlee; font-weight: bold;} fondlove a {color:silver!important} cadrelove {display: block; width: 420px; background: #222222; height: 215px; padding: 10px; position:relative} fondimglove {display: block; height: 146px; width: 151px; background: white; padding: 12px;} imglove {display: block; height: 125px; width: 151px; box-shadow: 0px 0px 1px grey; border-radius: 1%;} dispolove {display: inline-block; height: 17px; background: #65a91b; font-style: italic; padding: 1px 5px; text-align: center; margin-top: 6px; color: white; font-family: handlee; font-size: 13px; line-height: 20px;} playlove {background: black; display: block; height: 29px; margin-top: 8px; width: 165px; padding: 5px; text-align: center; text-transform: uppercase; font-weight: bold; font-style: italic; font-family: arial; font-size: 16px; line-height: 28px; letter-spacing: 3px;} fondinfolove {display: block; position: absolute; width: 205px; height: 186px; top: 10px; right: 10px; background: grey; padding: 15px;} cadreinfolove {display: block; width: 191px; background: white; height: 172px; overflow: auto; padding: 7px; text-align: justify; color: black; line-height: 15px; font-size: 12px; font-family: arial;} rplove {display: inline-block; width: 220px; background: darkred; height: 35px; font-style: italic; font-family: handlee; font-weight: bold; color: silver; text-align: center; line-height: 36px; letter-spacing: 3px; font-size: 20px; position:relative;} fondrplove {display: block; background: darkred; transition: all 1s linear; position:absolute; top: -225px; right: -210px; width: 205px; height:0; padding: 0px 15px;} rplove:hover fondrplove {transition: all 1s linear; padding: 15px; height: 186px; width: 205px;} cadrerplove {display: block; background: white; overflow: auto; text-align: justify; color: black; line-height: 15px; font-size: 12px; font-family: arial; letter-spacing: 0; font-style: initial; font-weight: initial; font-family: verdana; transition: all 1s linear; width: 191px; height:0; padding: 0px 7px;} rplove:hover cadrerplove {transition: all 1s linear; height: 172px; padding: 7px;} rechlove {display: inline-block; width: 220px; background: black; height: 35px; font-style: italic; font-family: handlee; font-weight: bold; color: silver; text-align: center; line-height: 36px; letter-spacing: 3px; font-size: 20px; position:relative} fondrechlove {display: block; background: black; transition: all 1s linear; position:absolute; width: 205px; height:0; padding: 0px 15px; top: -225px; right: 10px;} rechlove:hover fondrechlove {transition: all 1s linear; padding: 15px; height: 186px; width: 205px;} cadrerechlove {display: block; background: white; overflow: auto; text-align: justify; color: black; line-height: 15px; font-size: 12px; font-family: arial; width: 191px; height:0; padding: 0px 7px; letter-spacing: 0; font-style: initial; font-weight: initial; font-family: verdana; transition: all 1s linear;} rechlove:hover cadrerechlove {transition: all 1s linear; height: 172px; padding: 7px;} creditscd {font-size: 9px; text-align: center; font-family:verdana; display: block; margin: auto; letter-spacing:1px; text-transform:uppercase;}</style><fondlove><cadrelove><fondimglove><imglove style="background:url(http://zupimages.net/up/17/45/yj27.gif) center center; background-size:cover"></imglove><dispolove style="margin-left: 104px; width: 40px">> dispo</dispolove></fondimglove><a href="#" target="_blank"><playlove>Playlist</playlove></a><fondinfolove><cadreinfolove><b>Nom</b> : ...<br/><b>Prénom</b> : ...<br/><b>Age</b> : ...<br/><b>Sexe</b> : ...<br/><b>Orientation</b> : ...<br/><b>Statut</b> : ...<br/><b>Métier</b> : ...<br/><b>Groupe</b> : ...<br/><hr/>Un petit résumé ici ! Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus malesuada urna et ipsum tempus, eget porttitor nunc facilisis. Praesent in dapibus lacus. Proin at dolor et velit tristique auctor quis eu justo. Morbi quam nisi, commodo et lobortis vel, dignissim ut massa. Phasellus commodo at augue et consectetur. Mauris magna.</cadreinfolove></fondinfolove></cadrelove><rplove>RP<fondrplove><cadrerplove><dispolove>> fini</dispolove> <b>Le nom du rp</b> : une petite description.<br/><dispolove>> fini</dispolove> <b>Le nom du rp</b> : une petite description.<br/><dispolove>> fini</dispolove> <b>Le nom du rp</b> : une petite description.<br/><dispolove>> fini</dispolove> <b>Le nom du rp</b> : une petite description.<br/><b>Demandes</b> : pseudos</cadrerplove></fondrplove></rplove><rechlove>RECHERCHE<fondrechlove><cadrerechlove><dispolove>> 0/2</dispolove> <b>Le nom du lien</b> : une petite description.<br/><dispolove>> 0/2</dispolove> <b>Le nom du lien</b> : une petite description.<br/><dispolove>> 0/2</dispolove> <b>Le nom du lien</b> : une petite description.<br/><dispolove>> 0/2</dispolove> <b>Le nom du lien</b> : une petite description.</cadrerechlove></fondrechlove></rechlove></fondlove><creditscd><a href="http://crimsonday.forumactif.com/" target="_blank">[size=9]©️[/size] Crimson Day</a></creditscd>

Alors quelques petites infos : Tu passes la souris sur le mot RP ou recherche, t'as le cadre indiqué qui apparaît et si tu passes la souris sur le cadre avant qu'il se soit barré, tu peux le garder afficher, donc si tu veux mettre les liens dedans, normalement ça marche !

Ensuite, pour la playlist, dans le code, tu trouveras
Code:
<a href="#" target="_blank">
t'as juste à remplacer le # par ton lien et ça sera tout bon.
Puis.. Je crois que c'est tout.. Si t'as une question ou un petit soucis, hésite pas !


Nom PrénomsymboleLorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus malesuada urna et ipsum tempus, eget porttitor nunc facilisis. Praesent in dapibus lacus. Proin at dolor et velit tristique auctor quis eu justo. Morbi quam nisi, commodo et lobortis vel, dignissim ut massa. Phasellus commodo at augue et consectetur. Mauris magna.rp1rp2rp3rp4Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus malesuada urna et ipsum tempus, eget porttitor nunc facilisis. Praesent in dapibus lacus. Proin at dolor et velit tristique auctor quis eu justo. Morbi quam nisi, commodo et lobortis vel, dignissim ut massa. Phasellus commodo at augue et consectetur. Mauris magna.rp1rp2rp3rp4Nom Prénomsymbole© Crimson Day
Code:
<link href="https://fonts.googleapis.com/css?family=Handlee" rel="stylesheet"><style>fondllove ::-webkit-scrollbar {width: 6px; height: 6px; background-color: #222;} fondllove ::-webkit-scrollbar-track {background-color: #222; border-left:2px solid #222; border-right: 2px solid #222;} fondllove ::-webkit-scrollbar-thumb {background-color: silver; border: 2px solid #222;} fondllove {display: block; width: 470px; margin: auto; margin-top: 15px;} fondllove a {color:silver!important} fond1lloveg {display: inline-block; height: 165px; width: 165px; border-right: 10px solid darkred; background: white; padding: 10px;} fond1lloved {display: inline-block; height: 165px; width: 165px; border-left: 10px solid darkred; background: white; padding: 10px;} imgllove {display: block; width: 165px; height: 120px; border-radius: 1%; box-shadow: 0px 0px 1px grey;} nomllove {display: block; text-align: right; font-size: 20px; font-family: handlee; text-transform: lowercase; font-style: italic; font-weight: bold; color: black; line-height: 35px;} lignellove {width: 100%; display: block; background: black; height: 1px; margin-top: -2px;} symllove {font-style: italic; text-align: right; display: block; color: #999; font-size: 11px; font-family: verdana; line-height: 20px;} fond2llove {display: inline-block; width: 245px; background: url(http://www.zupimages.net/up/17/45/lo91.png); vertical-align: top; height: 155px; padding: 15px;} cadrellove {width: 235px; display: block; height: 145px; background: #222; padding: 5px;} descllove {width: 100%; font-size: 11px; font-family: verdana; text-align: justify; color: silver; display: block; line-height: 13px; overflow: auto; height: 120px;} rpllove {display: block; width: 100%; font-family: handlee; font-size: 14px; font-style: italic; height: 18px; margin-top: 2px; text-align: justify; color: silver; line-height: 15px; padding-top: 5px;} creditscd {font-size: 9px; text-align: center; font-family:verdana; display: block; margin: auto; letter-spacing:1px; text-transform:uppercase;}</style>
<!-- DEBUT D'UN LIEN IMAGE A GAUCHE --><fondllove><fond1lloveg><imgllove style="background:url(http://www.zupimages.net/up/17/45/g7p5.gif) center center; background-size:cover"></imgllove><nomllove>Nom Prénom</nomllove><lignellove></lignellove><symllove>symbole</symllove></fond1lloveg><fond2llove><cadrellove><descllove>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus malesuada urna et ipsum tempus, eget porttitor nunc facilisis. Praesent in dapibus lacus. Proin at dolor et velit tristique auctor quis eu justo. Morbi quam nisi, commodo et lobortis vel, dignissim ut massa. Phasellus commodo at augue et consectetur. Mauris magna.</descllove><rpllove><a href="#" target="_blank">rp1</a> ♦ <a href="#" target="_blank">rp2</a> ♦ <a href="#" target="_blank">rp3</a> ♦ <a href="#" target="_blank">rp4</a></rpllove></cadrellove></fond2llove></fondllove><!-- FIN D'UN LIEN IMAGE A GAUCHE --><!-- DEBUT D'UN LIEN IMAGE A DROITE --><fondllove><fond2llove><cadrellove><descllove>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus malesuada urna et ipsum tempus, eget porttitor nunc facilisis. Praesent in dapibus lacus. Proin at dolor et velit tristique auctor quis eu justo. Morbi quam nisi, commodo et lobortis vel, dignissim ut massa. Phasellus commodo at augue et consectetur. Mauris magna.</descllove><rpllove><a href="#" target="_blank">rp1</a> ♦ <a href="#" target="_blank">rp2</a> ♦ <a href="#" target="_blank">rp3</a> ♦ <a href="#" target="_blank">rp4</a></rpllove></cadrellove></fond2llove><fond1lloved><imgllove style="background:url(http://www.zupimages.net/up/17/45/gcuw.gif) center center; background-size:cover"></imgllove><nomllove>Nom Prénom</nomllove><lignellove></lignellove><symllove>symbole</symllove></fond1lloved></fondllove><!-- FIN D'UN LIEN IMAGE A DROITE --><creditscd><a href="http://crimsonday.forumactif.com/" target="_blank">[size=9]©️[/size] Crimson Day</a></creditscd>

Voilà, normalement c'est nickel hein ? (Dis moi que c'est nickel sinon je vais pleurer je crois ->)
M'enfin.. Encore désolée pour l'attente, j'avais pas des masses de temps et comme c'était un truc que j'avais jamais fait, j'avais un peu de mal à me lancer, mais finalement, c'est bon, c'est fait ->
Revenir en haut Aller en bas
avatar
wsh
Invité


Message(#)Sujet: Re: Une petite fiche de liens **   10.11.17 20:07

C'est absolument génial **

Merci beaucoup pour le temps que tu as passé dessus, c'est just perfect heart heart heart !!!

Revenir en haut Aller en bas
Contenu sponsorisé


Message(#)Sujet: Re: Une petite fiche de liens **   

Revenir en haut Aller en bas
 

Une petite fiche de liens **

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
Crimson Day :: Zone des Invités :: Vous & Nous :: Requêtes :: Requêtes terminées-
Poster un nouveau sujet   Répondre au sujet