Revenir en haut Aller en bas



 
AccueilAccueil  CalendrierCalendrier  FAQFAQ  RechercherRechercher  MembresMembres  GroupesGroupes  S'enregistrerS'enregistrer  ConnexionConnexion  

LES MOTS DOUX
Voir le sujet précédent Voir le sujet suivant Aller en bas
AuteurMessage

avatar
Aloha !
› Date d'atterrissage : 25/02/2018
› Messages : 64
Dévoiler le secret
Revenir en haut Aller en bas
LES MOTS DOUX
ENVOI DE SMS





Nous vous invitons afin de pouvoir échanger des sms avec vos petits camarades, d'ouvrir un sujet à votre nom en le nommant de la sorte:

Boîte à mots doux - VOTRE PSEUDO

Nous vous mettons pour votre premier poste, des exemples de code sur l'illustration de votre mobile. (Voir second message à la suite de ce post)

Quand quelqu'un aura un SMS à vous envoyé, il suffira qu'il poste le code ci-dessous remplis sous votre sujet.



1 NOUVEAU MESSAGE
DE (TON PSEUDO) A 00:00

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.



Code:
<center><br><div style="width:250px;border:1px solid lightgrey;border-radius:2px;padding:5px;"><img src="http://urlz.fr/5HDz" width="60" style="padding:3px;margin-right:8px" align="left"><b><span style="color:#01C7E0;font-size:11px;font-family:Times;">1 NOUVEAU MESSAGE
DE (<u>TON PSEUDO</u>) A 00:00</span></b>
<div style="font-size:11px;text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</div></div></center>
Voir le profil de l'utilisateur http://ohanameansfamily.forumactif.com

avatar
Aloha !
› Date d'atterrissage : 25/02/2018
› Messages : 64
Dévoiler le secret
Revenir en haut Aller en bas
Re: LES MOTS DOUX
Modèle IPHONE 6 Doré

explications





Petit code pour L'IPHONE 6 gentillement délivré par Candy Apple sur Bazzart.

- Le background de l'iphone est un mock up en libre service réalisé par Pixeden Wink.

- La date, le texte, sont personnalisables bien sûr, ainsi que le fond d'écran.  

- En ce qui concerne le texte "Déverrouiller" il peut être amené à se déplacer vers le bas, selon la longueur du message, qui lui se trouve plus haut. N'hésitez pas à changer sa valeur margin-top pour y remédier  div>








16:21

Vendredi 06 Avril
DEESSE MAORI
Coucou choubidouuubidouuuuu
Je barbote à la plage, je t'attends.
Glisser pour répondre
> Déverrouiller


Code:
<center><link href='http://fonts.googleapis.com/css?family=Lato:100' rel='stylesheet' type='text/css'>
<div style="background-image:url(http://image.noelshack.com/fichiers/2016/45/1478945848-gold-copie.png);width:300px;height:526px;"><div style="padding-top:73px;margin-left:-7px;"><div style="background-image:url(http://image.noelshack.com/fichiers/2016/45/1478945172-screen.png);width:206px;height:348px;color:black; font-family:lato;font-size: 50px;color:#ffffff;">
<center>16:21</center><br><span style="font-size:12px;font-family:arial"><center>lundi 01 juin</center></span><div style="font-size:12px;font-family:arial;margin-top:30px;color:#ffffff"><img src="http://image.noelshack.com/fichiers/2016/45/1478945172-icon.png" style="width:15px;margin-right:4px;margin-left:-90px;text-align:left"><b>Nom Prénom</b></div><div style="font-size:12px;font-family:arial;color:#ffffff;margin-left:33px;text-align:left">Message</div><div style="font-size:11px;font-family:arial;color:#ffffff;margin-left:41px;opacity: 0.7;margin-left:33px;text-align:left">Glisser pour répondre</div><div style="font-size:16px;font-family:arial;margin-top:120px;color:#ffffff;opacity: 0.5;"><center>> Déverrouiller</center></div></center>


Modèle IPHONE 6

autres couleurs

explications





Petit code pour L'IPHONE 6 gentillement délivré par JealyJ sur Bazzart.

- Au niveau des tailles : Le fond d'écran doit faire 202x354 (Un avatar 200*320 fonctionne très bien). Toutes les autres images sont carrées (automatiquement redimensionnées).

- Vous n'avez normalement rien à modifier dans le style, tout ce qui est images, couleurs ou texte se trouvent dans le HTML




EN ROUGE






12:30

Artiste - Titre

< NOM ICI
MESSAGE ICI


Répondre
(c) Jealy


Code:
<link rel="stylesheet" href="//fonts.googleapis.com/css?family=PT+Sans:300,400,600,700&lang=en" />
<style>.whtelfond{width:230px; height:356px; padding-top: 50px; padding-bottom: 50px;} .whtelverr{background-repeat: none; width:202px; height: 304px; margin-left:2px; padding-top: 50px;} .whtelheure{font-size:20px; margin-left:5px; float:right; font-size:50px;} .whtelnotif{border-radius:2em; background:black; opacity:0.7; height:50px;color:white; text-align:left;} .whtelimg{width:40px; float:left; padding-left:15px; padding-top:5px;} .whtelmsg{opacity:0; transition: 0.7s; transform: all; background:Gainsboro; width:202px; height: 354px; margin-left:1px;margin-top:-372px; color:black;} .whtelmsg:hover{opacity:1; position:relative; z-index:2} .whtelnom{ color:black; width:100%; font-size:20px; height:20px;text-align:left;} .whtelfin1{height:26px; margin-top:295px;} .whtelfin2{background:white;margin-left:5px; margin-top:-14px;height:15px; width:192px; border-radius:1em;} .whtelzone{width:127px; margin-top:-262px;overflow:auto; max-height:280px;text-align:justify;font-size:12px;} .whtelimg2{width:45px;margin-top:-262px; margin-right:10px;} .whtelsign{text-align:center;color:black;font-family:verdana;font-size:8px;}</style>

[center]<div class="whtelfond" style="background-image: url(http://i.imgur.com/SnZjgtO.png); font-family:PT Sans;"><div class="whtelverr" style="background-image: url(https://redcdn.net/hpimg15/pics/890396disneychateau.png); "><div class="whtelheure" style="color:firebrick;">[b]12:30[/b]</div><div class="whtelnotif" style="margin-top:210px;"><img src="IMAGE MUSIQUE ICI" class="whtelimg" /><br/><span style="margin-left:10px;">Artiste - [i]Titre[/i]</span></div></div>
<div class="whtelmsg"><img src="http://i.imgur.com/93obeYi.png" style="width:202px;"/> <div class="whtelnom" style=" background:firebrick;">< [b]NOM ICI[/b]</div><div class="whtelzone" style="background:firebrick; float:left; margin-left:10px; border-radius:10px 0px 10px 10px; clear:both;"><div style="margin:5px;">MESSAGE ICI</div>
</div><img class="whtelimg2" src="https://i1.wp.com/bambinsbeauteetfutilite.com/wp-content/uploads/2016/12/Vaiana-bebe.png?resize=800%2C533" style="float:right;"><div class="whtelfin1" style="background:firebrick;"><br/><div class="whtelfin2">Répondre</div></div></div></div><div class="whtelsign">(c) Jealy</div>[/center]


En bleu-ciel





12:30

Artiste - Titre

< NOM ICI
MESSAGE ICI


Répondre
(c) Jealy



Code:
<link rel="stylesheet" href="//fonts.googleapis.com/css?family=PT+Sans:300,400,600,700&lang=en" />
<style>.whtelfond{width:230px; height:356px; padding-top: 50px; padding-bottom: 50px;} .whtelverr{background-repeat: none; width:202px; height: 304px; margin-left:2px; padding-top: 50px;} .whtelheure{font-size:20px; margin-left:5px; float:right; font-size:50px;} .whtelnotif{border-radius:2em; background:black; opacity:0.7; height:50px;color:white; text-align:left;} .whtelimg{width:40px; float:left; padding-left:15px; padding-top:5px;} .whtelmsg{opacity:0; transition: 0.7s; transform: all; background:Gainsboro; width:202px; height: 354px; margin-left:1px;margin-top:-372px; color:black} .whtelmsg:hover{opacity:1; position:relative; z-index:2} .whtelnom{ color:black; width:100%; font-size:20px; height:20px;text-align:left;} .whtelfin1{height:26px; margin-top:295px;} .whtelfin2{background:white;margin-left:5px; margin-top:-14px;height:15px; width:192px; border-radius:1em;} .whtelzone{width:127px; margin-top:-262px;overflow:auto; max-height:280px;text-align:justify;font-size:12px;} .whtelimg2{width:45px;margin-top:-262px; margin-right:10px;} .whtelsign{text-align:center;color:black;font-family:verdana;font-size:8px;}</style>

[center]<div class="whtelfond" style="background-image: url(http://i.imgur.com/v4BOXuY.png); font-family:PT Sans;"><div class="whtelverr" style="background-image: url(IMAGE FOND ICI); "><div class="whtelheure" style="color:lightskyblue;">[b]12:30[/b]</div><div class="whtelnotif" style="margin-top:210px;"><img src="IMAGE MUSIQUE ICI" class="whtelimg" /><br/><span style="margin-left:10px;">Artiste - [i]Titre[/i]</span></div></div>
<div class="whtelmsg"><img src="http://i.imgur.com/93obeYi.png" style="width:202px;"/> <div class="whtelnom" style=" background:lightskyblue;">< [b]NOM ICI[/b]</div><div class="whtelzone" style="background:lightskyblue; float:left; margin-left:10px; border-radius:10px 0px 10px 10px; clear:both;"><div style="margin:5px;">MESSAGE ICI</div>
</div><img class="whtelimg2" src="IMAGE CARREE ICI" style="float:right;"><div class="whtelfin1" style="background:lightskyblue;"><br/><div class="whtelfin2">Répondre</div></div></div></div><div class="whtelsign">(c) Jealy</div>[/center]

En violet






12:30

Artiste - Titre

< NOM ICI
MESSAGE ICI


Répondre
(c) Jealy


Code:
<link rel="stylesheet" href="//fonts.googleapis.com/css?family=PT+Sans:300,400,600,700&lang=en" />
<style>.whtelfond{width:230px; height:356px; padding-top: 50px; padding-bottom: 50px;} .whtelverr{background-repeat: none; width:202px; height: 304px; margin-left:2px; padding-top: 50px;} .whtelheure{font-size:20px; margin-left:5px; float:right; font-size:50px;} .whtelnotif{border-radius:2em; background:black; opacity:0.7; height:50px;color:white; text-align:left;} .whtelimg{width:40px; float:left; padding-left:15px; padding-top:5px;} .whtelmsg{opacity:0; transition: 0.7s; transform: all; background:Gainsboro; width:202px; height: 354px; margin-left:1px;margin-top:-372px; color:black} .whtelmsg:hover{opacity:1; position:relative; z-index:2} .whtelnom{ color:black; width:100%; font-size:20px; height:20px;text-align:left;} .whtelfin1{height:26px; margin-top:295px;} .whtelfin2{background:white;margin-left:5px; margin-top:-14px;height:15px; width:192px; border-radius:1em;} .whtelzone{width:127px; margin-top:-262px;overflow:auto; max-height:280px;text-align:justify;font-size:12px;} .whtelimg2{width:45px;margin-top:-262px; margin-right:10px;} .whtelsign{text-align:center;color:black;font-family:verdana;font-size:8px;}</style>

[center]<div class="whtelfond" style="background-image: url(http://i.imgur.com/HiqXjze.png); font-family:PT Sans;"><div class="whtelverr" style="background-image: url(IMAGE FOND ICI); "><div class="whtelheure" style="color:darkorchid;">[b]12:30[/b]</div><div class="whtelnotif" style="margin-top:210px;"><img src="IMAGE MUSIQUE ICI" class="whtelimg" /><br/><span style="margin-left:10px;">Artiste - [i]Titre[/i]</span></div></div>
<div class="whtelmsg"><img src="http://i.imgur.com/93obeYi.png" style="width:202px;"/> <div class="whtelnom" style="background:darkorchid;">< [b]NOM ICI[/b]</div><div class="whtelzone" style="background:darkorchid; float:left; margin-left:10px; border-radius:10px 0px 10px 10px; clear:both;"><div style="margin:5px;">MESSAGE ICI</div>
</div><img class="whtelimg2" src="IMAGE CARREE ICI" style="float:right;"><div class="whtelfin1" style="background:darkorchid;"><br/><div class="whtelfin2">Répondre</div></div></div></div><div class="whtelsign">(c) Jealy</div>[/center]


En vert






12:30

Artiste - Titre

< NOM ICI
MESSAGE ICI


Répondre
(c) Jealy



Code:
<link rel="stylesheet" href="//fonts.googleapis.com/css?family=PT+Sans:300,400,600,700&lang=en" />
<style>.whtelfond{width:230px; height:356px; padding-top: 50px; padding-bottom: 50px;} .whtelverr{background-repeat: none; width:202px; height: 304px; margin-left:2px; padding-top: 50px;} .whtelheure{font-size:20px; margin-left:5px; float:right; font-size:50px;} .whtelnotif{border-radius:2em; background:black; opacity:0.7; height:50px;color:white; text-align:left;} .whtelimg{width:40px; float:left; padding-left:15px; padding-top:5px;} .whtelmsg{opacity:0; transition: 0.7s; transform: all; background:Gainsboro; width:202px; height: 354px; margin-left:1px;margin-top:-372px; color:black} .whtelmsg:hover{opacity:1; position:relative; z-index:2} .whtelnom{ color:black; width:100%; font-size:20px; height:20px;text-align:left;} .whtelfin1{height:26px; margin-top:295px;} .whtelfin2{background:white;margin-left:5px; margin-top:-14px;height:15px; width:192px; border-radius:1em;} .whtelzone{width:127px; margin-top:-262px;overflow:auto; max-height:280px;text-align:justify;font-size:12px;} .whtelimg2{width:45px;margin-top:-262px; margin-right:10px;} .whtelsign{text-align:center;color:black;font-family:verdana;font-size:8px;}</style>

[center]<div class="whtelfond" style="background-image: url(http://i.imgur.com/RZ7p7uD.png); font-family:PT Sans;"><div class="whtelverr" style="background-image: url(IMAGE FOND ICI); "><div class="whtelheure" style="color:palegreen;">[b]12:30[/b]</div><div class="whtelnotif" style="margin-top:210px;"><img src="IMAGE MUSIQUE ICI" class="whtelimg" /><br/><span style="margin-left:10px;">Artiste - [i]Titre[/i]</span></div></div>
<div class="whtelmsg"><img src="http://i.imgur.com/93obeYi.png" style="width:202px;"/> <div class="whtelnom" style="background:palegreen;">< [b]NOM ICI[/b]</div><div class="whtelzone" style="background:palegreen; float:left; margin-left:10px; border-radius:10px 0px 10px 10px; clear:both;"><div style="margin:5px;">MESSAGE ICI</div>
</div><img class="whtelimg2" src="IMAGE CARREE ICI" style="float:right;"><div class="whtelfin1" style="background:palegreen;"><br/><div class="whtelfin2">Répondre</div></div></div></div><div class="whtelsign">(c) Jealy</div>[/center]
Voir le profil de l'utilisateur http://ohanameansfamily.forumactif.com
LES MOTS DOUX
Voir le sujet précédent Voir le sujet suivant Revenir en haut
Page 1 sur 1
Sujets similaires
-
» moyen age 2
» Des mots (à deux)
» Au delà des mots...
» les mots par joelle
» Cheveux doux et brillants

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
OHANA MEANS FAMILY™ :: La toile d'araignée :: Allo c'est moi!-