Modèle de portable.

Le Choixpeau Magique
Pnj
Pnj
Le Choixpeau Magique
Messages : 3697
Points : 8948
Modèle de portable. Dim 9 Avr - 19:11


wizardnet 80% 00:00

Contacts
Caleb le mal élevé
Petit caca amusé


Répondeur
répondeur ici



Code:
<style>.po-body{width:250px; height:400px; border-bottom:18px solid black; border-radius:5px;} .po-latinfos{background:#000; width:250px; height:20px; color:white; text-transform:uppercase; font-size:10px; border-top-right-radius:5px; border-top-left-radius:5px;} .po-ww{width:150px;} .po-contacts{position:relative; margin-top:150px; width:150px; border-radius:10px; height:18px; padding:10px; font-size:12px; text-transform:uppercase; background:white;} .po-repondeur{width:150px; border-radius:10px; height:18px; padding:10px; font-size:12px; text-transform:uppercase; background:white;} .po-bulle{width:100px; padding:0; position:relative;} .po-bubulle{color:black; font-size:10px; text-transform:uppercase; width:160px; height:180px; display:none; background:white; position:absolute; top:-120px; left:0px; z-index:20; transition: all 0.5s ease; padding:5px; text-align:justify; line-height:12px; border-radius:5px; overflow:auto;  font-size:10px;} .po-bulle:hover .po-bubulle{display:block;} .po-cadre{transition:all 0.5s ease; width:170px; height:38px; overflow:hidden;} .po-cadre:hover{height:140px;} .po-repopo{width:150px; padding:10px; overflow:auto; color:black; height:70px; border-radius:5px; text-align:justify; background:white;} .po-regle{margin-left:-70px;} .well-sh{font-family: 'Saira Condensed', sans-serif; font-size:15px;}</style><link href="https://fonts.googleapis.com/css?family=Roboto|Saira+Condensed" rel="stylesheet">
<center><div class="po-body" style="background-image:url('http://FONDDECRAN.JPEG');"><div class="po-latinfos"><table width="100%"><tr><td class="po-ww">wizardnet</td><td><i class="fas fa-signal"></i> 80% <i class="fas fa-battery-three-quarters"></i> 00:00</td></tr></table></div>
<div class="po-regle"><div class="po-bulle"><span><div class="po-contacts" style="color:coral"><table><tr><td><i class="fas fa-user"></i></td><td><span class="well-sh">Contacts</span></td></tr></table></div></span><span class="po-bubulle"><a href="URL DU PORTABLE"><i class="fas fa-user-circle"></i></a> Pseudo du contact<br /><a href="URL DU PORTABLE"><i class="fas fa-user-circle"></i></a> Pseudo du contact</span></div></div>

<div class="po-cadre"><div class="po-repondeur" style="color:black"><table><tr><td><i class="fas fa-phone"></i></td><td><span class="well-sh">Répondeur</span></td></tr></table></div><div class="po-repopo">répondeur ici</div></div>
</div></center>

POUR PERSONNALISER LES COULEURS :
#6bbbc7 correspond à la couleur autour de l'icon, et elle peut être tout à fait retirée en remplaçant par "transparent"
#c3dee2 correspond à la couleur du fond des sms ainsi qu'à la flèche qui pointe vers l'icon. !attention! il est impératif que la flèche et le fond du sms restent de la même couleur, n'oubliez pas de bien modifier les deux.
#fff correspond à la couleur du texte du sms.
00:00


POUR RAJOUTER UN SMS A LA SUITE DU PRÉCÉDENT :
Il vous suffit de copier ce code :
Code:
<div class="smsfleche" style="border-right-color:#c3dee2;"></div><div class="smstext" style="background-color:#c3dee2; color:#fff;">contenu du sms</div><div class="smshour">00:00</div>
Et de le coller à la suite de ceci : (!attention! à ne pas laisser d'espace ou de saut de ligne entre les deux)
Code:
<div class="smshour">00:00</div>
EXEMPLE
contenu sms 1
00:00
contenu sms 2
00:00


Code:
<center><div class="smsbgg"><table><tr><td valign="top"><img src="https://i.imgur.com/V3kYCDu.png" class="smsicon" style="box-shadow:0px 0px 5px #6bbbc7;"/></td><td width=10px"></td><td valign="top"><div class="smsfleche" style="border-right-color:#c3dee2;"></div><div class="smstext" style="background-color:#c3dee2; color:#fff;">contenu sms 1</div><div class="smshour">00:00</div></td></tr></table></div></center>


Dernière édition par Le Choixpeau Magique le Dim 9 Avr - 19:38, édité 2 fois
Modèle de portable.
Page 1 sur 1
Sujets similaires
-
» [AIDE] Portable ne s'allume plus du tout
» Quel ordinateur portable choisir ?
» Mini téléphone portable.
» gris gris de portable
» Chouette housse de portable

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Dabberblimp ::  :: Gestion RP :: Portables-
Sauter vers: