Qui deviendrez-vous?
 

Partagez | .
 

 » Donner, c'est recevoir.

Voir le sujet précédent Voir le sujet suivant Aller en bas 
AuteurMessage
Yorozuya Amanto
Messages : 257
Date d'inscription : 09/06/2012
Age : 21

Feuille de personnage
Rang:
Info' utiles:
avatar
Yatô Kagura
MessageSujet: » Donner, c'est recevoir.   Ven 22 Fév - 23:11

    On désire tous au fond de nous un petit quelque chose. Pourquoi ne pas offrir des avatars/signatures/codes, n'importe quoi, pour faire plaisir aux autres ? C'est avec plaisir que j'inaugure ce sujet. ♥

Revenir en haut Aller en bas
Kiheitai humain
Messages : 275
Date d'inscription : 27/01/2013
avatar
Shinsuke Takasugi
MessageSujet: Re: » Donner, c'est recevoir.   Ven 22 Fév - 23:14

OMG SENKYUUUUUU ♥ Je me la mets de coté *^*
TwT je t'offrirais aussi un petit cadeau ♥
Revenir en haut Aller en bas
Yorozuya Amanto
Messages : 257
Date d'inscription : 09/06/2012
Age : 21

Feuille de personnage
Rang:
Info' utiles:
avatar
Yatô Kagura
MessageSujet: Re: » Donner, c'est recevoir.   Ven 22 Fév - 23:37

    Ça me fait plaisir <3
    Un autre, pour Gin-san cette fois, mwahaha.
    Et pour Ayame, pervers avertis.


    Et puis pour Hayko.
    Je ferai les autres membres demain, je suis crevée ;w;
Revenir en haut Aller en bas
avatar Invité
MessageSujet: Re: » Donner, c'est recevoir.   Sam 23 Fév - 9:08

OMG...OMG...OMG !!!!
J'aime l'image que tu as utilisée !
Et j'aime le style !
Et, euuuuh... je t'aime ? XD
Merci beaucoup !! ♥
Revenir en haut Aller en bas
Yorozuya Amanto
Messages : 257
Date d'inscription : 09/06/2012
Age : 21

Feuille de personnage
Rang:
Info' utiles:
avatar
Yatô Kagura
MessageSujet: Re: » Donner, c'est recevoir.   Sam 23 Fév - 9:45

Ça me fait plaisiiiir ♥♥♥
Revenir en haut Aller en bas
Yorozuya Humain
Messages : 162
Date d'inscription : 30/01/2013
Localisation : au chiotte si ça t'interesse -_- nan mais j'vous jure
avatar
Sakata Gintoki
MessageSujet: Re: » Donner, c'est recevoir.   Sam 23 Fév - 10:36

*Va étouffer sa chtite Kagura de câlin* ouwaaa trop classe je voulait justement me faire un vava dans le genre bien humoristique hahahaahah c'est epic!! merchwiiii
Revenir en haut Aller en bas
Yorozuya Amanto
Messages : 257
Date d'inscription : 09/06/2012
Age : 21

Feuille de personnage
Rang:
Info' utiles:
avatar
Yatô Kagura
MessageSujet: Re: » Donner, c'est recevoir.   Sam 23 Fév - 12:34

Yatô Kagura a écrit:
Ça me fait plaisiiiir ♥♥♥
Revenir en haut Aller en bas
Kiheitai humain
Messages : 275
Date d'inscription : 27/01/2013
avatar
Shinsuke Takasugi
MessageSujet: Re: » Donner, c'est recevoir.   Ven 8 Mar - 10:13



Bonjour mes p'tits loups !
Comme en ce moment je chipote *enfin comme toujours* avec des codes, je viens vous offrir un petit cadeau, c'est une signature codée très simple à faire \o/

C'est un petit code facile à comprendre, cependant je ne vais pas simplement vous copier-coller le code, mais je vais vous l'expliquez pas-à-pas, comme ça si vous avez envie d'en modifier l'apparence, vous pourrez traficoter le code comme bon vous semble xD
Bon évidemment, si vous savez coder, vous savez surement faire tout ça nwn".

Résultat :




Explications ♥ :


- Ouvrir le bloc note ou wordpad.

- Commencer par y copier-coller ce début de code :
Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Signature</title>

    <style type="text/css">

.signacontour {
background-color: #F3D6C9; /*COULEUR DU FOND*/
width:500px; /*TAILLE DE L'ENSEMBLE*/
}

.basigna {
  background-color:#EBC2C9; /*BANDEAU EN BAS DE LA SIGNA*/
}


.liens {
  color: #8D4323; /*COULEUR DES LIENS*/
  font-variant: small-caps; /*LIENS EN PETITES MAJUSCULES*/
  text-decoration: none !important;
  margin-right: 20px; /*AJUSTEMENT*/
  font-size: 13px; /*TAILLE DES LIENS*/
  font-family:Arial; /*POLICE DES LIENS*/
  text-shadow: 0px 0px 2px white; /*OMBRES DES LIENS*/

}

.liens:hover {
font-weight:bold; /*TEXTE EN GRAS AU SURVOL*/
color: #FFF; /*COULEUR DES LIENS AU SURVOL*/
}


.liens:hover:before {
    content: "►";  /*AJOUT D'UN CARACTERE AU SURVOL*/
  margin-left: 1px; /*AJUSTEMENT*/
  margin-right: 1px; /*AJUSTEMENT*/

  }
 


        </style>
</head>

Je ne vais pas vous expliquer la signification de chaque balises, mais plutôt insister sur le css.
Je vous ai décrit globalement chaque partie, pour que vous sachiez changer facilement chaque élément.







.signacontour - Le fond
.basignaLe bandeau
.liensLes liens
.liens:hoverLes liens au survol

Si par exemple vous souhaitez mettre le fond de l'image en bleu, vous changez ici :

.signacontour {
background-color: #F3D6C9; /*COULEUR DU FOND*/
width:500px; /*TAILLE DE L'ENSEMBLE*/
}

Remplacer "#F3D6C9;" par "#2DC1F7;"
[Si vous n'avez pas de logiciel sous la main ou si vous avez la flemme de l'ouvrir mais que vous avez besoin du code couleur html, voici ce site http://code-couleur.com/ 8D]



Ce qui donnerais ça chez moi. Vous pouvez aussi arrondir les bordures, en ajoutant

.signacontour {
background-color: #F3D6C9; /*COULEUR DU FOND*/
width:500px; /*TAILLE DE L'ENSEMBLE*/
border-radius: 10px; CETTE LIGNE ICI èé
}
Resultat:



C'est très léger mais si vous faites plus, vous aurez les bords très pointus et carré de votre image qui dépasse, si vous voulez remédiez à ça, vous pouvez encore une fois rajouter une ligne à votre css.

.signacontour {
background-color: #F3D6C9; /*COULEUR DU FOND*/
width:500px; /*TAILLE DE L'ENSEMBLE*/
border-radius: 30px; /*bordure arrondies, plus se sera elevé, plus vous augmenterez le padding sur la ligne ci dessous. Comptez entre pour un arrondis de 30pixel par exemple, comptez 15pixel, donc la moitié*/
padding: 15px; CETTE LIGNE ICI èé
}

Resultat :


Et pour le reste du code, copier ce morceau à la suite, après le ""

Code:
<body>
<table class="signacontour"><tr><td>
<center><img src="http://image.noelshack.com/fichiers/2013/10/1362740698-signa.png"></center>
</td></tr><tr><td>
  <div class="basigna">  <center><a href="" target="_blank" class="liens">LIEN 1</a><a href="http://" target="_blank" class="liens">LIEN 2</a><a href="" target="_blank" class="liens">LIEN 3</a><a href="http://" target="_blank" class="liens">LIEN 4</a></center></div></td></tr></table>
</body>
</html>

Ici, c'est tout ce qui concerne la signature en elle même.

Vous ne devrez que changer les liens et l'image, puisque le code reste relativement facile et comme vous le voyez, TRES court \o/

Lorsque vous avez tout fini de personnaliser comme bon vous semble, enregistrer comme ceci


Et vous aurez ce joli icone *enfin ça depends votre navigateur et votre système d'exploitation, tout ça quoi*



Et lorsque vous cliquerez dessus, la magie opèèèèèreee et vos yeux s'illumineront de fierté devant votre joli signature codée, qui s'ouvrira sur votre navigateur [firefox pour moi *^*]



Mais là, damnation... C'est bien beau d'avoir réussi à créer votre signature... Seulement, vous ne pouvez pas copier-coller ce code dans votre profil et là vous avez une folle envie de me taper parce que vous avez passer de longues minutes, heures ou même des jours entiers à coder cette m*rde de signature qui refuse de se mettre D<

J'ai la solution pour vous \o/ Bien sûr, c'est pas gratuit uwu //ZBARF//
Bon d'accord, c'est vrai, c'est un cadeau donc se serait ridicule de vous faire payer... Surtout que ça n'a rien de compliquer et que tout le monde peut le faire.

Donc, ce qu'il vous reste à faire c'est... Allez héberger votre fichier html.
Oussa? Comment? Pourquoi?

Où... c'est vous qui voyez. Personnellement, mes fichiers textes sont majoritairement héberger sur archive-host, comme je suis inscrite, je les ai toujours sous la main. Après il existe peut être d'autres hébergeurs mais je les connais pas, donc si vous êtes flemmard aussi de chercher, inscrivez-vous sur http://archive-host.com/ /ZBAF/ *c'est gratuit 8D*

Comment? Bon... là j'ai la flemme d'expliquer, pis ça commence à faire long comme tuto... Donc, vous vous débrouillez 8D *c'est simple en plus, vous n'aurez qu'a cliquer sur ajouter fichier et démarrer les envois, comme un hébergeur d'image*

Et pourquoi ? Parce que vous avez besoin d'un lien direct, pour pouvoir l'afficher sur le forum en passant par un petit site très pratique.

"Quoi, encore? Tu nous fais chier avec tes f*cking sites è___é"

TwT Je sais, c'est chiant mais j'y peux rien ,c'est la seule méthode possible D':

Donc, lorsque vous aurez héberger votre fichier, cliquer sur la petite flèche en haut et ensuite "information et codes".
Une nouvelle fenêtre s'ouvrira et vous copier le premier lien "principal"


Et enfin, vous collerez ce lien en venant ici :

http://creer-un-site.fr/generateur-d-iframe-118.php

Choisissez le nom de votre iframe: (10 caractères maximum)
OSEF, c'est pas important 8D

L'URL de la page que vous souhaitez voir apparaître dans l'iframe:
Le lien que vous venez de créer; pour moi se sera :
http://www.archive-host.com/files/1958855/4171be2d832246f7cb16fe35c57faa302b2b9da9/titre.htm

Options de scrolling :
Désactiver le scrolling:


Voulez-vous que votre iframe présente des bordures visibles ?:
Non

Préciser les dimensions de votre iframe:
Hauteur : pensez à mettre 5 à 10px de plus de votre signature, pour être sur
Largeur : pensez à mettre 5 à 10px de plus de votre signature, pour être sur

Par exemple ici moi ce sera :

Hauteur : 265
Largeur : 505

Et vous cliquez sur générer le code !

Vous aurez un code ressemblant à ça:

Code:
<iframe name="" SRC="http://" scrolling="no" height="200" width="500" FRAMEBORDER="no"></iframe>


Code que vous collerez en allant sur votre profil et signature \o/
Et voualaaaaaa. Amusez-vous bien en créant des signatures codées, cependant faites attention a respecter la taille maximale des signatures 8D

Évidemment, que ce tuto reste ici, si vous voulez l'utilisez, demandez-moi et mettez un lien vers le forum, c'est la moindre des choses uwu"

Quant au code, utilisez-le comme bon vous semble, c'est cadôôôô *^*


Revenir en haut Aller en bas
Yorozuya Amanto
Messages : 257
Date d'inscription : 09/06/2012
Age : 21

Feuille de personnage
Rang:
Info' utiles:
avatar
Yatô Kagura
MessageSujet: Re: » Donner, c'est recevoir.   Mer 21 Aoû - 21:51

Merci Shin' !!! ♥
Revenir en haut Aller en bas
Kiheitai humain
Messages : 275
Date d'inscription : 27/01/2013
avatar
Shinsuke Takasugi
MessageSujet: Re: » Donner, c'est recevoir.   Jeu 22 Aoû - 9:28

De riiiien ! J’espère que c'était compréhensible  
Revenir en haut Aller en bas
Gérante de Bar
Messages : 8
Date d'inscription : 12/01/2015
Age : 21

Feuille de personnage
Rang:
Info' utiles:
avatar
Reita
MessageSujet: Re: » Donner, c'est recevoir.   Lun 12 Jan - 6:31

*tousse*



*retourne faire sa fiche*
Revenir en haut Aller en bas
Kiheitai humain
Messages : 275
Date d'inscription : 27/01/2013
avatar
Shinsuke Takasugi
MessageSujet: Re: » Donner, c'est recevoir.   Lun 12 Jan - 9:38

*tousse très fortement*
....


....................
....je....

...J'ai....
Mh.

L'impression que... ça manque de moi... //SBAF// -vouijegratteunavatarpourpouvoirlemettreplustard-


courage pour ta fiche jeune nouveau 83
Revenir en haut Aller en bas
Yorozuya Amanto
Messages : 257
Date d'inscription : 09/06/2012
Age : 21

Feuille de personnage
Rang:
Info' utiles:
avatar
Yatô Kagura
MessageSujet: Re: » Donner, c'est recevoir.   Lun 12 Jan - 15:28

oh mon dieu c'est trop beaaaaaaaau ♥
(comment shin est pas satisfait de l'avatar que je lui ai fais, C'EST ÇA ;;)
Revenir en haut Aller en bas
Messages : 13
Date d'inscription : 23/06/2014
Age : 17

Feuille de personnage
Rang:
Info' utiles:
avatar
Yatô Kamui
MessageSujet: Re: » Donner, c'est recevoir.   Lun 12 Jan - 15:52

Oooh super, je trouvais mon kit trop muoche. 8D Mirci ! *retourne faire sa fiche également*
Revenir en haut Aller en bas
Kiheitai humain
Messages : 275
Date d'inscription : 27/01/2013
avatar
Shinsuke Takasugi
MessageSujet: Re: » Donner, c'est recevoir.   Lun 12 Jan - 15:58

Yatô Kagura a écrit:
(comment shin est pas satisfait de l'avatar que je lui ai fais, C'EST ÇA ;;)

MAIS SIIII je prévois pour le prochain ! (parcequej'aipasenviedelefairemoi,voilàtout/BAM/)
Revenir en haut Aller en bas
Contenu sponsorisé
MessageSujet: Re: » Donner, c'est recevoir.   

Revenir en haut Aller en bas
 

» Donner, c'est recevoir.

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

 Sujets similaires

-
» Il y a plus de bonheur à donner
» Llama badge [Résolu]
» [Débat] Recevoir ... et donner.
» [TUTO] Configurer un comptes email & recevoir vos dossiers perso
» Recevoir la tnt à l'arbresle 69210 par GEX

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Souvenirs d'Edo :: &. Hors Sujet :: 《 Graphisme 》-