Cherche Effet HTML CSS ou PHP!

Fermé
Bill Gates - 12 sept. 2011 à 23:03
Lord Zero Messages postés 459 Date d'inscription lundi 18 octobre 2010 Statut Membre Dernière intervention 15 juin 2018 - 13 sept. 2011 à 12:44
Bonjour a tous,
je cherche comment faire cette effet la regardé les dates du blog on dirait une vignette qui dépasse mais je ne sais pas comment on appelle cet effet!
tenez http://www.konami-pes2012.com/
Regardez juste les date ou bien la mini banniere "Become a Fan on Facebook"

Merci a tous ce qui auront lu ce message et qui auront pris le temps de me répondre! :)

A voir également:

4 réponses

cybertipunch Messages postés 635 Date d'inscription jeudi 7 février 2008 Statut Membre Dernière intervention 28 juillet 2016 176
Modifié par cybertipunch le 12/09/2011 à 23:08
Une des images décortiquées
http://www.konami-pes2012.com/wp-content/themes/pes_2012_style/images/bg_latest_videos_alpha.png

Voici une autre pour la date

http://www.konami-pes2012.com/wp-content/themes/pes_2012_style/images/bg_right_datum_alpha.png

Fan FB
http://www.konami-pes2012.com/wp-content/themes/pes_2012_style/images/bg_right_befan_alpha.png
1
Salut, ce sont des images donc rien à voir avec le html, le css qui servent à la mise en page. PHP peut faire des images mais ça sera pixel par pixel, utilisez un logiciel de graphisme.
1
Merci
mais je voudrais savoir maintenant comment pourvoir les insérer pour les image facebook et latest vidéo ok
mais pour les date il faudrait que je les insère quand je créerais mon système de news en php??
encore merci pour vos réponse! :)
0
Je comprends pas la question...quel rapport avec facebook. Il me sembles qu'on peut mettre des images en ligne avec facebook.

Les dates? Il y a une fonction pour afficher la date en php(celle du serveur) et avec javascript ce sera la date du client(l'internaute ou plutôt la date sur son ordinateur). Si c'est pour une date de news il faut la mettre dans une table quand tu fais ton système d'informations, c'est une donnée qui vas servir entre autres pour un classement chronologique sinon comment savoir quelles news afficher(la dernière remplaceras la précédente).

edit: je viens de comprendre que vous parlez du bouton facebook, pour afficher une image il faut utiliser la balise <img src="adresse_de_l_image" />, on peut bien sûr l'insérer dans une balise de lien pour en faire un bouton. Pour avoir un effet "bouton enfoncé" il faut utiliser 2 images pour l'état inactif et survolé, éventuellement une troisième pour l'état enfoncé(lorsque la personne est en train d'appuyer).
Je vous conseille avant tout d'apprendre le html et ses balises les plus courantes au moins vous saurez de quoi vous parlez. C'est assez simple il faut 20 minutes pour comprendre le principe des balises(voire moins) et en 2 demi journées de pratique vous saurez quasiment tout faire(le temps de tester une dizaine de balises en gros et de les retenir).

edit:Pour le css il faut d'abord maîtriser le html. On peut faire des effets sympas avec les bordures(border-style )et les styles du CSS3(comme des contours arrondis) mais c'est bien sûr pas aussi beau ni détaillé qu'une image désigné sous Photoshop par exemple.
0
Oui j'ai appris mais je me suis mal exprimé désolé je retire la question du haut je parlais de comment insérer une image dans mon système de news car je vais normalement en créer un!
Mais oubliez cette question j'ai trouver une réponse.
Maintenant ce que je voudrais savoir c'est comment je peut mettre une image pour quelle dépasse un peut du site comme sur celui du dessus il faudrait que je la mette entre des balise div et que je place la balise sur le site non?

Mais franchement merci de vous donnez autant de mal pour me répondre! :)
0
Lord Zero Messages postés 459 Date d'inscription lundi 18 octobre 2010 Statut Membre Dernière intervention 15 juin 2018 115
13 sept. 2011 à 12:44
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<title>test</title>
</head>

<body>
<div style="width:1024px;height:768px;background-color:silver;margin:auto">
<div style="position:absolute;top:150px;margin-left:-9px"><img alt="" src="http://www.konami-pes2012.com/wp-content/themes/pes_2012_style/images/bg_latest_videos_alpha.png"/></div>
<div style="position:absolute;top:50px;margin-left:660px"><img alt="" src="http://www.konami-pes2012.com/wp-content/themes/pes_2012_style/images/bg_right_befan_alpha.png"/>
</div></div>
</body>

</html>
0