[Jeu] Hapclicker sur le forum Blabla 15-18 ans - 13-03-2015 22:24:03 - page 37

Liste des sujets

[Jeu] Hapclicker

Guklam

Niveau 10

13 mars 2015 à 22:24:03

attend

jeanownage

Niveau 7

13 mars 2015 à 22:24:09

gulkam ton css est mort, envoie moi le fichier je l'upload sur mon serveur

Pseudo supprimé 13 mars 2015 à 22:24:34

hap=500000000;
hapower=50000000;

Ghostwald

Niveau 9

13 mars 2015 à 22:24:58

Hey jeanownage ta viré mon hap avec le pointeur ? ?

jeanownage

Niveau 7

13 mars 2015 à 22:26:43

Le 13 mars 2015 à 22:24:58 Ghostwald a écrit :
Hey jeanownage ta viré mon hap avec le pointeur ? ?

il colle pas avec le nouveau css, refait le en transparent

Pseudo supprimé 13 mars 2015 à 22:26:43

http://daneden.github.io/animate.css/
http://fortawesome.github.io/Font-Awesome/
http://getbootstrap.com/

Et avec ça tu fais un site classe et beau.
Après les truc normaux

http://jquery.com/
http://jquery.com/download/
https://code.google.com/p/jqueryjs/downloads/detail?name=jquery-1.3.2.min.js&

jeanownage

Niveau 7

13 mars 2015 à 22:27:41

Le 13 mars 2015 à 22:26:43 Votirono a écrit :
http://daneden.github.io/animate.css/
http://fortawesome.github.io/Font-Awesome/
http://getbootstrap.com/
Et avec ça tu fais un site classe et beau.
Après les truc normaux
http://jquery.com/
http://jquery.com/download/
https://code.google.com/p/jqueryjs/downloads/detail?name=jquery-1.3.2.min.js&

merci je regarde

-Pichukulele

Niveau 14

13 mars 2015 à 22:29:17

Epic

Pseudo supprimé 13 mars 2015 à 22:30:26

Après si tu veux allé vite tu prend un bon IDE ( pas Notepad++ )
Netbean gratuit et puissant (moins que PHPStorm qui est payant )
Avec plus Emmet (Zen Coding).

Guklam

Niveau 10

13 mars 2015 à 22:30:31

span#un {
	position: absolute;
	display: none;
	left: 49%;
	bottom: 70%;
	font-size: 50px;
	color: rgba(255,255,255,0.6);
}
img:active + span#un {
	content: "+1";
	position: absolute;
	transition:2s;
	display: block;
	bottom: 80%;
	font-size: 50px;
	color: rgba(255,255,255,0.6);
	-webkit-animation: bounce 0.14s infinite;
    animation: bounce 0.14s infinite;
}
@keyframes bounce {
   	0%   {bottom: 70%;}
    100% {bottom: 80%;}
}

Guklam

Niveau 10

13 mars 2015 à 22:31:11

SpoilAfficherMasquer

@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,800);

body {
	margin: 0;
	padding: 0;
	overflow: hidden;
	font-family: 'Open sans', Verdana, Arial, Helvetica, sans-serif;
}
a {
	text-decoration: none;
	color: inherit;
}
table {
    border-collapse: collapse;
    font-size: small;
}
td {
    width: 99%;
    border: 1px solid silver;
    border-left: none;
    background-color: whitesmoke;
    text-align: center;
}
td img {
	cursor: pointer;
}
td[style*="10%"] span {
	font-size: 16px;
	color: rgba(0,0,0,0.8)
}
button {
	margin-bottom: 6px;
}
h1 {
	font-weight: 300;
	text-align: center;
}
.code {
    font-size: small;
    background-color: #F5F5F5;
    color: #717171;
    border: 1px solid #3C3C3C;
    border-radius: 2px;
    padding: 5px;
}
#alert {
	display: none;
	transition: 1s;
	background:white;
	border: 2px solid silver;
	color: rgba(0,0,0,0.8);
	padding: 10px;
	width: 175px;
	margin: 0 auto;
	margin-top: 50px;
	border-radius: 3px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
}
span#un {
	position: absolute;
	display: none;
	left: 49%;
	bottom: 70%;
	font-size: 50px;
	color: rgba(255,255,255,0.6);
}
img:active + span#un {
	content: "+1";
	position: absolute;
	transition:2s;
	display: block;
	bottom: 80%;
	font-size: 50px;
	color: rgba(255,255,255,0.6);
	-webkit-animation: bounce 0.14s infinite;
    animation: bounce 0.14s infinite;
}
@keyframes bounce {
   	0%   {bottom: 70%;}
    100% {bottom: 80%;}
}
.block.left {
	text-align: center;
	left: 0px;
	background: url(http://images.forwallpaper.com/files/thumbs/preview/29/296982__gradient-light-dark-background_p.jpg) no-repeat;
	background-size: cover;
}
.block.center {
	left: 33%;
	margin-left: 2px;
	overflow: auto;
}
.block.right {
	top: 10px;
	right: 0.5%;
	width: 32%;
}
.block.left, .block.center {
	border-right: 2px solid rgba(0,0,0,0.4);
}
.block.left, .block.center, .block.right {
	position: absolute;
	top: 0px;
	width: 33%;
	bottom: 0px;
	min-width: 100px;
}
.block.left img {
	margin-top: 250px;
}
.block.left span#click, .block.left span#hap_seconde {
	margin-right: 4px;
}
.block.left span.entoure, .block.left span#hap_seconde {
	display: block;
	font-size: 24px;
	height: 50px;
	line-height: 50px;
	color: silver;
	width: 100%;
	background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.4);
}
.block.left span#hap_seconde {
	margin-top: 10px;
	border-top: 1px solid rgba(0,0,0,0.3);
}
#hap_button {
	height: 350px;
	width: 350px;
}
#hap_button:hover {
	transition: 0.4s;
	opacity: 0.75;
}
#hap_button:active {
	height: 320px;
	width: 320px;
}
#hap_seconde::after {
	content: "hap/seconde";
	margin-left: 4px;
}

jeanownage

Niveau 7

13 mars 2015 à 22:31:27

Le 13 mars 2015 à 22:30:31 Guklam a écrit :
span#un { position: absolute; display: none; left: 49%; bottom: 70%; font-size: 50px; color: rgba(255,255,255,0.6); } img:active + span#un { content: "+1"; position: absolute; transition:2s; display: block; bottom: 80%; font-size: 50px; color: rgba(255,255,255,0.6); -webkit-animation: bounce 0.14s infinite; animation: bounce 0.14s infinite; } @keyframes bounce { 0% {bottom: 70%;} 100% {bottom: 80%;} }

toujours pas

sinon donne moi ton css les boutton sont tout moche

Guklam

Niveau 10

13 mars 2015 à 22:35:33

SpoilAfficherMasquer

@charset "UTF-8";

/*********************************************************************************************************
    Entèrement crée à la main par Guklam. @Guklam, http://www.jeuxvideo.com/profil/guklam?mode=page_perso
    Vous avez le droit de modifier les boutons mais ne pas les mettre en ligne sans mon accord.
*********************************************************************************************************/

@import url(http://fonts.googleapis.com/css?family=Opensans:400,900,700,500,300,100);

/*********************
       Commun
*********************/
button[class^="btn"] {
	display: inline-block;
	border-radius: 3px;
	cursor: pointer;
	font-weight: 500;
	font-family: 'Open sans', sans-serif;
	transition:0.14s;
}
.btn {
	padding:7px 13px;
	background: white;
	border-width: 2px;
	border-style: solid;
}
.btno {
	border-width: 3px;
	border-style: solid;
	border-color: transparent;
	color:white;
}
/*********************
  	   Couleur
*********************/
.btn-default {
	border-color: #7f8c8d;
	color: #7f8c8d;
}
.btn-primary {
	border-color: #2980b9;
	color: #2980b9;
}
.btn-info {
	border-color: #2ab966;
	color: #2ab966;
}
.btn-warning {
	border-color: #e67e22;
	color: #e67e22;
}
.btn-danger {
	border-color: #c0392b;
	color: #c0392b;
}
/*********************
  Couleur au passage
  de la souris
*********************/
.btn:hover {
	color:white;
}
.btn-default:hover {
	background: #7f8c8d;
}
.btn-primary:hover {
	background: #2980b9;
}
.btn-info:hover {
	background: #2ab966;
}
.btn-warning:hover {
	background: #e67e22;
}
.btn-danger:hover {
	background: #c0392b;
}
/*********************
  	   Inversé
*********************/
.btno-default {
	background: #7f8c8d;
}
.btno-primary {
	background: #2980b9;
}
.btno-info {
	background: #2ab966;
}
.btno-warning {
	background: #e67e22;
}
.btno-danger {
	background: #c0392b;
}
/**********************
  Couleur au passage
  de la souris sur 
  les boutons inversés
**********************/
.btno:hover {
	background: white;
	font-weight
}
.btno-default:hover {
	border-color: #7f8c8d;
	color: #7f8c8d;
}
.btno-primary:hover {
	border-color: #2980b9;
	color: #2980b9;
}
.btno-info:hover {
	border-color: #2ab966;
	color: #2ab966;
}
.btno-warning:hover {
	border-color: #e67e22;
	color: #e67e22;
}
.btno-danger:hover {
	border-color: #c0392b;
	color: #c0392b;
}
/*********************
  	   Taille
*********************/
.btn-df {
	padding:7px 13px;
}
.btn-small {
	padding: 4px 8px;
}
.btn-vsmall {
	padding: 2px 4px;
	font-size: 13px;
}
.btn-large {
	padding: 12px 18px;
	font-size: 16px;
}
.btn-vlarge {
	padding: 18px 24px;
	font-size: 20px;
}
.btn-block {
	height: 55px;
	display:block;
	width: 100%;
	font-size: 18px;
}

Guklam

Niveau 10

13 mars 2015 à 22:36:20

http://prntscr.com/6gepdq

t'as bien mis ça?

BloodConnection

Niveau 7

13 mars 2015 à 22:36:56

C'est possible d'acheter le dernier item ?

Supersorcier

Niveau 10

13 mars 2015 à 22:37:40

Le 13 mars 2015 à 22:36:56 Bloodconnection a écrit :
C'est possible d'acheter le dernier item ?

Non pas encore:hap:

jeanownage

Niveau 7

13 mars 2015 à 22:38:41

Le 13 mars 2015 à 22:36:20 Guklam a écrit :
http://prntscr.com/6gepdq
t'as bien mis ça?

oui

jeanownage

Niveau 7

13 mars 2015 à 22:39:16

AH c'est bon ptin ça marche !!

Ghostwald

Niveau 9

13 mars 2015 à 22:40:00

tiens Jena Ownage voila le hap sans fond

jeanownage

Niveau 7

13 mars 2015 à 22:40:54

Le 13 mars 2015 à 22:40:00 Ghostwald a écrit :

tiens Jena Ownage voila le hap sans fond

sans l'ombre grise aussi ça serais cool
et le hap pas en jpg

Le Grand Voyage
La Corée du Toast ( Salut Yuengling )

La vidéo du moment

News jeu

200 545 spectateurs

Un trophée platine qui coûte 28.568 euros ? Ça existe, et c'est même le plus long à obtenir de la PlayStation

L'univers des chasseurs de trophées PlayStation regorge de défis exigeants, mais certains titres franchissent complètement la ligne jaune du raisonnable. C'est exactement le cas de Prominence Poker, un jeu de poker free-to-play sorti en 2016 sur PS4. Sous ses airs de petite production anodine, ce titre héberge dans sa liste l'une des récompenses virtuelles les plus démentielles et les plus coûteuses de l'histoire de la console de Sony : le fameux succès « Milliardaire ». Une anecdote en premier lieu relayée par le vidéaste @D4WS7N2.

Toutes les news jeu