C’était le jour de la rentrée, déjà. Comme chaque année, les vacances étaient passées bien trop vite à ton goût, mais peu importe : aujourd’hui, tu venais de retourner à Ilukaan, ton école mais aussi ce qui était devenu avec le temps, ta deuxième maison. A vrai dire, tu étais presque nostalgique, aujourd’hui : tu débutais ta dernière année d’études. Quel sentiment étrange, de savoir que ce serait la dernière fois que tu assisterais à ce spectacle. Lire la suite
Aly
Admin
Tam
Admin
Sue
Modo
Alex
Modo
Gaumar
Modo
Forum multifandom ▲ Univers inspiré d'Harry Potter ▲ Avatars 200*320 illustrés/mangas ▲RPCB/RP-Post ▲ Tout public avec possibilité de R18 ▲ Forum au contexte évolutif ▲ Pas de minimum de mots



 

Partagez|

Modèle de SMS/portable
 :: Administration :: Communication :: Portables

avatar

ϟ Œuvre : Axis Powers Hetalia
ϟ Parchemins : 122
Modèle de SMS/portable Lun 28 Mai - 22:10


call CECI EST LE TEMPLATE À UTILISER POUR OUVRIR VOTRE TOPIC PERSONNEL.

call Il est bien sûr possible de personnaliser l'heure, la date et les informations relatives au titre musical écouté.

call Pour modifier la coque/bordure du téléphone, remplacer le code hexadécimal #9676a0 par celui de la couleur que vous souhaitez mettre à la place.

call L'URL à changer pour le fond d'écran est http://ekladata.com/APJ8-koLVlSjUqiw1i8ZAKB5nfg.png. Les dimensions sont 278 x 430.

call L'URL à changer pour la couverture de l'album musical est http://ekladata.com/6-ZhP4dx-HH7QV-H5dajPMAQEjU.png. Les dimensions sont 50 x 50.




14:20
Jour # mois

Titre de la chanson
ARTISTE
Album (année)
0:374:21
skip_previousplay_circle_filledpauseskip_next


Code:
<center><link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"><style type="text/css">..contentInfo td {font-family:trebuchet ms; font-size:10px; font-weight:bold;} .contentInfo .fa {font-size:6px; margin-right:1px; margin-top:-0px;} .faLock {margin-left:50px; transition:.3s; color:#fff;} .mobileContent1 {background-color:#f1f1f1; height: 430px; width: 278px; overflow:hidden;} .battery2 {padding:1px; border: white 1px solid; border-radius:2px; width:13px; height:5px;} .batteryLife2 {background-color: white; width:10px; height:5px;} .batteryHead2 {background-color: white; height:5px; width:1px; float:right; margin right:7px; margin-top:-7px;}</style>

<div style="height: 560px;"><div style="width: 300px; height: 550px; background-color: black; border: #9676a0 5px solid; border-radius: 30px;"></div><div style="background-color: #9676a0; height: 40px; width: 5px; margin-left: 312px; margin-top: -450px;"></div><div style="margin-top: -130px; margin-left: 10px;"><div style="background-color:#2a2a2a; height:5px; width:5px; border-radius:100%;"></div><div style="background-color:#2a2a2a; height:4px; width:50px; border-radius:5px; margin-top:10px;"></div><div style="background-color:#414141; height:10px; width:10px; border-radius:100%; margin-left:-80px; margin-top:-7px;"></div></div><div style="background-color:#2a2a2a; height:430px; width:278px; margin-top:20px;"><div class="mobileContent1"><div style="background-image: url('http://ekladata.com/APJ8-koLVlSjUqiw1i8ZAKB5nfg.png'); width: 278px; height: 430px;"><div style="margin-left:-9px;" class="contentInfo"><table style="width: 278px; padding-top: 5px;"><tr><td style="width: 33%; padding-left: 7px;"><i class="material-icons" style="font-size: 9px;">brightness_1</i><i class="material-icons" style="font-size: 9px;">brightness_1</i><i class="material-icons" style="font-size: 9px;">brightness_1</i><i class="material-icons" style="font-size: 9px;">panorama_fish_eye</i><i class="material-icons" style="font-size: 9px;">panorama_fish_eye</i></td><td style="width: 34%;"><div class="faLock"><i class="material-icons" style="font-size: 9px;">lock</i></div></td><td style="width:10%"><div style="margin-left: 80px;"><i class="material-icons" style="font-size: 18px; transform: rotate(90deg);">battery_charging_full</i></div></td></tr></table></div><div style="font-family: Source Sans Pro; font-size: 60px; margin-top:40px; color:#fff;">14:20</div><div style="font-family: Source Sans Pro; margin-top: 20px; color:#fff; font-size: 15px;">Jour # mois</div>
<div style="width: 230px; background: rgba(255,255,255,0.8); border-radius: 10px; color: #505050; padding: 10px; font-family: Source Sans Pro; text-align: left;"><table><tr><td><img src="http://ekladata.com/6-ZhP4dx-HH7QV-H5dajPMAQEjU.png" style="width: 50px; height: 50px;"></td><td style="padding-left: 10px;"><b>Titre de la chanson</b>
<span style="font-size: 9px;">ARTISTE
Album (année)</span></tr></table>
<div style="width: 70px; height: 2px; background-color: #efefef; margin-top: 10px; margin-left: 5px; border-radius: 1px 0px 0px 1px;"></div><div style="width: 150px; height: 2px; background-color: #b2b2b2; margin-top: -2px; margin-left: 70px; border-radius: 0px 1px 1px 0px;"></div><table style="margin-top: -2px; width: 223px; margin: auto; margin-left: 2px;"><tr><td><span style="font-size: 8px;">0:37</span></td><td style="text-align: right;"><span style="font-size: 8px;">4:21</span></td></tr></table>
<table style="width: 310px; margin-left: -4px;"><tr><td width="28%"><i class="material-icons" style="font-size: 30px; color: white;">skip_previous</i></td><td width="33%"><i class="material-icons" style="font-size: 30px; color: white;">play_circle_filled</i><i class="material-icons" style="font-size: 30px; color: white;">pause</i></td><td width="33%"><i class="material-icons" style="font-size: 30px; color: white;">skip_next</i></tr></table></div></div></div></div><div style="height:40px; width:40px; border:#2a2a2a 2px solid; border-radius:100%; margin-top: 9px; margin-left:3px;"></div></div></center>




Dernière édition par Berwald Oxenstierna le Lun 28 Mai - 23:27, édité 1 fois
Voir le profil de l'utilisateur
avatar

ϟ Œuvre : Axis Powers Hetalia
ϟ Parchemins : 122
Re: Modèle de SMS/portable Lun 28 Mai - 23:22


call CECI EST LE TEMPLATE À UTILISER POUR ENVOYER/TENIR UNE CONVERSATION PAR SMS.

call Il est évidemment possible d'enchaîner plusieurs messages reçus ou envoyés à la suite, en changeant les attributs "send" et "receive" des div.

call Pour modifier la coque/bordure du téléphone, remplacer le code hexadécimal #9676a0 par celui de la couleur que vous souhaitez mettre à la place.

call L'URL à changer pour le fond d'écran est http://ekladata.com/APJ8-koLVlSjUqiw1i8ZAKB5nfg.png. Les dimensions sont 278 x 430.

call L'URL à changer pour l'image de profil de votre correspondant est http://ekladata.com/Z7y91Jk8P-0jLE05mOXqPN-Rq-Q.png. Les dimensions sont 40 x 40.




14:20
Jour # mois
Nom du contact
@pseudo
info
Message reçu.
Message envoyé !


Code:
<center><link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"><style type="text/css">..contentInfo td {font-family: Source Sans Pro; font-size:10px; font-weight:bold;} .contentInfo .fa {font-size:6px; margin-right:1px; margin-top:-0px;} .faLock {margin-left:50px; transition:.3s; color:#fff; margin-top: 6px;} .faUnlock {margin-left:18px; margin-top:-10px; font family:Helvetica neue; font-weight:400; opacity:0; color:#fff;} .mobileContent2 {background-color:#f1f1f1; height: 430px; width: 278px; overflow:hidden;} .mobileContent2:hover .faLock {margin-left:14px; opacity:0; transition:.3s;} .mobileContent2:hover .faUnlock {opacity:1; transition:.3s; transition-delay:.1s;} .mobileBody1 {background-color:#2a2a2a; height:430px; width:278px; margin-top:20px;} .mobileMessages1 {margin-top:-430px; -webkit-transform:scale(2); opacity:0; transition:.3s;} .mobileBody1:hover .mobileMessages1 {-webkit-transform:scale(1); opacity:1; transition:.3s; transition-delay:.8s;} .mobileConvo1 {margin-top:-1px; padding-top:1px; height:350px; background-color:#fff; overflow:auto; padding-bottom:10px;}.mobileConvo1::-webkit-scrollbar {width:0px} .receive {background-color:#E7E6EB; padding:6px; font-family:arial; color:#1a1a1a; font-size:10px; width:200px; margin-left:-50px; margin-top:10px; border-radius:10px 10px 10px 0px; text-align:left;} .send {background-color:#6184b8; padding:6px; font-family:arial; font-size:10px; width:200px; margin-right:-50px; margin-top:10px; border-radius:10px 10px 0px 10px; text-align:left; color:#fff;}</style>

<div style="height: 560px;"><div style="width: 300px; height: 550px; background-color: black; border: #9676a0 5px solid; border-radius: 30px;"></div><div style="background-color: #9676a0; height: 40px; width: 5px; margin-left: 312px; margin-top: -450px;"></div><div style="margin-top: -130px; margin-left: 10px;"><div style="background-color:#2a2a2a; height:5px; width:5px; border-radius:100%;"></div><div style="background-color:#2a2a2a; height:4px; width:50px; border-radius:5px; margin-top:10px;"></div><div style="background-color:#414141; height:10px; width:10px; border-radius:100%; margin-left:-80px; margin-top:-7px;"></div></div><div class="mobileBody1"><div class="mobileContent2"><div style="background-image: url('http://ekladata.com/APJ8-koLVlSjUqiw1i8ZAKB5nfg.png'); width: 278px; height: 430px;"><div style="margin-left:-9px;" class="contentInfo"><table width="278px;"><tr><td style="width: 33%; padding-left: 7px;"><i class="material-icons" style="font-size: 9px;">brightness_1</i><i class="material-icons" style="font-size: 9px;">brightness_1</i><i class="material-icons" style="font-size: 9px;">brightness_1</i><i class="material-icons" style="font-size: 9px;">panorama_fish_eye</i><i class="material-icons" style="font-size: 9px;">panorama_fish_eye</i></td><td style="width: 34%;"><div class="faLock"><i class="material-icons" style="font-size: 9px;">lock</i></div><div class="faUnlock"><i class="material-icons" style="font-size: 9px;">lock_open</i> Unlocked</div></td><td style="width:10%"><div style="margin-left: 80px;"><i class="material-icons" style="font-size: 18px; transform: rotate(90deg);">battery_charging_full</i></div></td></tr></table></div><div style="font-family: Source Sans Pro; font-size: 60px; margin-top:40px; color:#fff;">14:20</div><div style="font-family: Source Sans Pro; margin-top: 20px; color:#fff; font-size: 15px;">Jour # mois</div></div><div class="mobileMessages1"><div style="height: 80px; background-color:#efefef; border-bottom:#dadada 1px solid; text-align:left;"><div style="margin-left:-9px;" class="contentInfo"><table style="width: 278px; color: black; margin-left: 3px;"><tr><td style="width: 33%; padding-left: 7px;"><i class="material-icons" style="font-size: 9px;">brightness_1</i><i class="material-icons" style="font-size: 9px;">brightness_1</i><i class="material-icons" style="font-size: 9px;">brightness_1</i><i class="material-icons" style="font-size: 9px;">panorama_fish_eye</i><i class="material-icons" style="font-size: 9px;">panorama_fish_eye</i></td><td style="width: 33%; text-align: center; padding-left: 20px;">14:20</td><td style="width:33%"><div style="margin-left: 80px;"><i class="material-icons" style="font-size: 18px; transform: rotate(90deg);">battery_charging_full</i></div></td></tr></table></div><div style="height:40px; width:40px; float:left; border-radius:100%; border:#dadada 2px solid; margin-left:10px;"><img src="http://ekladata.com/Z7y91Jk8P-0jLE05mOXqPN-Rq-Q.png" style="max-width:40px; border-radius:100%"></div><div style="text-transform:uppercase; font-family: Source Sans Pro; text-align:left; margin-left:60px; font-size:15px; font-weight:bold; color: #676767;">Nom du contact</div><div style="font-variant: small-caps; color: #c1c1c1; margin-top: 2px; margin-left: 60px;">@pseudo</div><div style="float:right; font-size:23px; color:#c1c1c1; margin-top:-27px; margin-right:10px;"><i class="material-icons">info</i></div></div><div class="mobileConvo1"><div class="receive">Message reçu.</div><div class="send">Message envoyé !</div></div></div></div><div style="height:40px; width:40px; border:#2a2a2a 2px solid; border-radius:100%; margin-top: 9px; margin-left:3px;"></div></div></center>


Voir le profil de l'utilisateur
Modèle de SMS/portable
Voir le sujet précédent Voir le sujet suivant Revenir en haut
Page 1 sur 1
Sujets similaires
-
» Formulaire d'inscription (modèle unique)
» Faudrait que je change mon portable: que me conseillerz vous
» Modèle de présentation
» PC portable qui chauffe et s'arrete
» Quand le téléphone portable peut sauver la vie...

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
 :: Administration :: Communication :: Portables-
Sauter vers: