AccueilCalendrierFAQRechercherMembresGroupesS'enregistrerConnexion

Partagez | 
 

 Bidouiller une page web en 10 leçons

Voir le sujet précédent Voir le sujet suivant Aller en bas 
AuteurMessage
Misao
La meilleure chanteuse de ce monde


Messages : 23866
Date d'inscription : 17/10/2010
Age : 26

MessageSujet: Bidouiller une page web en 10 leçons   Lun 1 Aoû - 11:39

Suite à une petite discussion avec Shynna qui rêve de bidouiller sa page OMD j'ouvre ce topic pour regrouper tous les trucs qui se rapprochent de près ou de loin aux feuilles de style (les typo, les différentes balises, les attributs possibles, etc.).
Même si ça part de OMD je pense qu'on a tous déjà croisé du CSS en tant que geeks donc que ce soit pour apporter sa patte ou posez des questions le sujet est ouvert à tous

_________________
Compagnon de la pelle de l'anneau ~ Maître de la guilde Mysteris
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://kaze-no-kokoro.comli.com
Misao
La meilleure chanteuse de ce monde


Messages : 23866
Date d'inscription : 17/10/2010
Age : 26

MessageSujet: Re: Bidouiller une page web en 10 leçons   Lun 1 Aoû - 11:40

(et comme je sais pas comment je vais organiser la synthèse du truc je vais déjà me réserver la première page)

_________________
Compagnon de la pelle de l'anneau ~ Maître de la guilde Mysteris
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://kaze-no-kokoro.comli.com
Bigb308
Le Bad Nonours


Messages : 17285
Date d'inscription : 19/10/2010
Age : 24

MessageSujet: Re: Bidouiller une page web en 10 leçons   Lun 1 Aoû - 16:19

comment on fait un avatar moins moche ? XD

comment on dessine un rondoudou c'est pour mon site Very Happy

après tout dépends ce que vous voulez faire...
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
Misao
La meilleure chanteuse de ce monde


Messages : 23866
Date d'inscription : 17/10/2010
Age : 26

MessageSujet: Re: Bidouiller une page web en 10 leçons   Lun 1 Aoû - 17:41

une bonne image, du talent et une autre couleur de caractère que du noir quand le fond du forum est noir (je viens à peine de remarquer qu'il y avait ton nom sur ton avatar XD)

bah pour faire simple pour le moment sur nos pages on fait que les trucs basiques proposés par le jeu (fond d'écran, et à peu près tout ce qu'on veut dans la zone de texte (aka Qui-suis-je ou QSJ).
http://www.ohmydollz.com/index.php?p=fiche&pseudo=yuuko-san
http://www.ohmydollz.com/index.php?p=fiche&pseudo=taharie

Et shynna veut faire des choses comme ces gens-là :

du soft :
http://www.ohmydollz.com/index.php?p=fiche&pseudo=leyla130
http://www.ohmydollz.com/index.php?p=fiche&pseudo=minoud
http://www.ohmydollz.com/index.php?p=fiche&pseudo=princessmimiko
http://www.ohmydollz.com/index.php?p=fiche&pseudo=direngrey

là ça commence déjà à changer les trucs de place (=chiant quand tu viens juste pour faire ton vote volunteer)
http://www.ohmydollz.com/index.php?p=fiche&pseudo=bella100000
http://www.ohmydollz.com/index.php?p=fiche&pseudo=ladygrace
http://www.ohmydollz.com/index.php?p=fiche&pseudo=minyeonkim
http://www.ohmydollz.com/index.php?p=fiche&pseudo=brynja

pour shynna, ceci est l'exemple type de gens qui méritent le bucher avec leur musique
http://www.ohmydollz.com/index.php?p=fiche&pseudo=onedan

_________________
Compagnon de la pelle de l'anneau ~ Maître de la guilde Mysteris
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://kaze-no-kokoro.comli.com
Shynna
Le chat du forum


Messages : 24255
Date d'inscription : 18/10/2010
Age : 22
Localisation : Loin de ce monde

MessageSujet: Re: Bidouiller une page web en 10 leçons   Mar 2 Aoû - 14:58

Wiiiii \0/


Pour infos, le genre simple comme dans le premier exemple je sais déjà gérer en grande partie ^^

j'arrive pas a tout faire correctement par contre et souvent je contourne d'une autre manière le problème ^^ ( par exemple les icones pour les feez et les $$$ ainsi que les petits + dans le bloc d'information sur notre dollz, la seule solution que j'ai trouver jusqu'a maintenant c'est de les masquers et d'y rajouter sur une image qui viendra remplacer le fond x) en gardant la fonction de clic dessus ^^)

Après le déplacement de bloc suffit juste de rajouter les valeurs en coordonnée X Y dans le code pour pouvoir les mouvoirs et les agrandir non ? x)
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
Misao
La meilleure chanteuse de ce monde


Messages : 23866
Date d'inscription : 17/10/2010
Age : 26

MessageSujet: Re: Bidouiller une page web en 10 leçons   Sam 20 Aoû - 14:39

ah bah tiens cette semaine on doit encore voter pour un exemple type de ce que j'aime pas : musique de fond instopable, des blocs dans lesquels tu vois tellement tiens que pour voter et surtout poster le com qui va avec c'est chiant (heureusement ils ont pas changer de place)
http://www.ohmydollz.com/?p=fiche&pseudo=jenalee1414&com=&blocfiche=com

tu parles de ce bout de code là?
Code:
<div id="dollar_container">
             <div id="ico"><a href="?p=banqueglobale&l=bloc_dollar"><img src="design2012/icone_dollarz.png"></a></div>
                <div id="montant"><a href="?p=banqueglobale&l=bloc_dollar"><span id="argent">2066</span></a></div>
                <div id="plus"><a href="?p=banqueglobale&l=bloc_dollar"><img src="design2012/btn_plusdedollarz.png" title="Obtenir plus de dollarz" onmouseout="tooltip.hide(this)" onmouseover="tooltip.show(this)"></a></div>
            </div>
vu que les images semblent collées en dur tu pourra pas la changer telle quelle je pense, donc oui va falloir rendre invisible les images sous ces id et mettre un background à la place.



au fait tu m'avais aussi demander comment mettre de la musique avec un lecteur, je te copie-colle ce que le site du zéro openclassroom dit là-dessus :

openclassroom a écrit:
En théorie, il suffit d'une simple balise pour jouer un son sur notre page :

Code:
<audio src="musique.mp3"></audio>

En pratique, c'est un peu plus compliqué que cela.
Si vous testez ce code… vous ne verrez rien ! En effet, le navigateur va seulement télécharger les informations générales sur le fichier (on parle de métadonnées) mais il ne se passera rien de particulier.

Vous pouvez compléter la balise des attributs suivants :

  • controls : pour ajouter les boutons « Lecture », « Pause » et la barre de défilement. Cela peut sembler indispensable, et vous vous demandez peut-être pourquoi cela n'y figure pas par défaut, mais certains sites web préfèrent créer eux-mêmes leurs propres boutons et commander la lecture avec du JavaScript.
  • width : pour modifier la largeur de l'outil de lecture audio.
  • loop : la musique sera jouée en boucle.
  • autoplay : la musique sera jouée dès le chargement de la page. Évitez d'en abuser, c'est en général irritant d'arriver sur un site qui joue de la musique tout seul !
  • preload : indique si la musique peut être préchargée dès le chargement de la page ou non. Cet attribut peut prendre les valeurs :

    • auto (par défaut) : le navigateur décide s'il doit précharger toute la musique, uniquement les métadonnées ou rien du tout.
    • metadata : charge uniquement les métadonnées (durée, etc.).
    • none : pas de préchargement. Utile si vous ne voulez pas gaspiller de bande passante sur votre site.



Ajoutons les contrôles et ce sera déjà mieux !

Code:
<audio src="hype_home.mp3" controls></audio>

resultat :



après une astuce que je peux te donner c'est que comme les hebergeurs d'images qui te fournisse le code pour poster une image les autres hébergeurs font pareil (du moins 4shared chez qui je suis) et c'est encore plus élaboré :



résultat :

#sanctuaireDeL'eau #TalesOfZestiria #UneDesPlusBellesMusiquesDuJeu #PlacementDeProduit

_________________
Compagnon de la pelle de l'anneau ~ Maître de la guilde Mysteris
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://kaze-no-kokoro.comli.com
Bigb308
Le Bad Nonours


Messages : 17285
Date d'inscription : 19/10/2010
Age : 24

MessageSujet: Re: Bidouiller une page web en 10 leçons   Ven 26 Aoû - 8:56

la transparence bien dégueu comme on les aime XD

va falloir arrêter les pluies de hashtag aussi.. Rolling Eyes
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
Misao
La meilleure chanteuse de ce monde


Messages : 23866
Date d'inscription : 17/10/2010
Age : 26

MessageSujet: Re: Bidouiller une page web en 10 leçons   Sam 27 Aoû - 9:34

la transparence peut passer, mais faut un fond adapté avec XD

#J'enMetSiJeVeuxD'abord

_________________
Compagnon de la pelle de l'anneau ~ Maître de la guilde Mysteris
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://kaze-no-kokoro.comli.com
Shynna
Le chat du forum


Messages : 24255
Date d'inscription : 18/10/2010
Age : 22
Localisation : Loin de ce monde

MessageSujet: Re: Bidouiller une page web en 10 leçons   Sam 3 Sep - 17:48

Mon dieu cette page xD

Oui je parle de ceux là ^^ ( mais bon quand on à compris comment leur faire la peau c'est plus simple xD)

C'est ce que j'avais fait quand j'avais tester la chose x3
Il y a aussi le bouton poster un commentaire dans ce cas, et le mots "favoris" dans la barre des pièces préférées, et encore d'autres xD



Oh merci mimi :3

La seconde solution avec le site d'hébergement de la musique est simple et rapide, mais malheureusement il se fait directement censurer sur le jeu xD ( faut pas être feignant et se faciliter la tâches avec le site du coup xD)
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
Contenu sponsorisé




MessageSujet: Re: Bidouiller une page web en 10 leçons   Aujourd'hui à 9:48

Revenir en haut Aller en bas
 

Bidouiller une page web en 10 leçons

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

 Sujets similaires

+
Page 1 sur 1

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
PMT La vie continue :: La Taverne :: La Taverne-
Sauter vers: