AccueilAccueil  Dernières imagesDernières images  RechercherRechercher  S'enregistrerS'enregistrer  Connexion  

Les membres déjà enregistrés et validés, doivent choisir un nouveau groupe!
-20%
Le deal à ne pas rater :
-20% Récupérateur à eau mural 300 litres (Anthracite)
79 € 99 €
Voir le deal

CHASING THEIR TAILS :: WORLDWIDE SOCIAL MEDIA :: Let Me Take A SelfiePartagez
 

 MODÈLE.

Voir le sujet précédent Voir le sujet suivant Aller en bas 
AuteurMessage
Sutton Fawkes
★ one l a s t time i need to be the one takes you h o m e;
Sutton Fawkes

Messages : 611
Subscribed : 10/10/2014
Credits : © argents, tumblr.
Face + dc : nina dobrev (dc: laura, tiff et leigh)
Pseudo : hales, clau.
Job + $ : propriétaire d'un refuge pour animaux, $$$.
Heart status : lately i've been waking up alone.
Years-old : twenty-six yo.

Feuille de personnage
RELATIONSHIP:

MODÈLE. Empty
MessageSujet: MODÈLE.   MODÈLE. EmptySam 11 Oct - 11:26
modèle
but first, let me take a selfie
_____________________________________________________________________
Instagram est un des réseaux sociaux les plus utilisés. Son principe est de poster des photos qui passent par un filtre ou de mini vidéo. Sur BOF, vous pourrez vous créer un instagram!
- Vous pouvez prendre l'url de votre post et le mettre sur votre sujet twitter.
- Si vous éprouvez des problèmes, vous pouvez mpotter Cara, Lana ou X qui vous aiderons.  I love you
- Le code peut être complexe.
- Pour commenter vous n'avez qu'à poster à la suite du nouveau post de la personne.


CODE À PLACER AVANT CHAQUE POST
Code:
  <link href='http://fonts.googleapis.com/css?family=Grand+Hotel' rel='stylesheet' type='text/css'><link href='http://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'><link href='http://Zadig.opendrive.com/files/85298802_ewQZo/Instagram%20-%20CSS%20Page%20principale.css' rel='stylesheet' type='text/css'><!--
    --> <style type='text/css'>.photo{width: 100px; height: 100px; padding:5px; margin: 5px;} .photo-inside{width: 100px; height:100px; background-color: rgba(0, 0, 0, 0.1); background-size:100px;position: relative;left: -1px;top: -1px;}.instapost {width: 480px; background: none repeat scroll 0% 0% #F8F8F8; padding: 5px; border-radius: 5px; margin-bottom: 5px;}</style>

CODE DE PREMIER POST
Code:
  <center> <div class="insta-fond"><!--

    ---- Début de la barre Instagram ----

    --> <div class="insta-barre"><!--
    --> <table cellpadding="0" cellspacing="0"><tr><td><div style="position: relative; left:-130px;"><table cellpadding="0" cellspacing="0"><tr><td><div class="insta-separator"></div></td><td><div style="background-color:rgba(6, 54, 95, 0.35); height:30px;"><a href="http://www.bazzart.org/u4334"> <div class="insta-home"> </div></a> </div></td><td><div class="insta-separator"></div></td></tr></table></div></td><td><div class="logo"> Instagram </div> </td><td><div style="position: relative; right:-127px;"> <!--
    --><table cellpadding="0" cellspacing="0"><tr><td><div class="insta-separator"></div> </td><td> <!--

    --><div style="margin-left:8px; margin-right:3px;"><!--
    Début mini icone utilisateur
    --> <div class="mini-icon-profile" style="background-image: url(votre-image de profil);"></div><!--
    Fin icone utilisateur et début Username
    --></div> </td><td><div class="insta-miniusername">Votre Username ici</div><!--
    ----- Fin Username -----
    --></td><td><div class="insta-separator"></div></td></tr></table></div></td></tr></table> </div><!--

    ---- FIN de la barre Instagram ----

    --><div class="insta-feed-header" style=""><!--

    ---------- Début du header contenant les icones --------------------

    --> <div class="insta-icon-container"> <table cellpadding="0" cellspacing="0"><tr><td><!--
    ----- IMAGE 1 -----
    --><!--
    IMAGE 1.a--><div id="instaimg1" style="background-image: url(votre-image);"> <!--
    IMAGE 1.b
    --><div class="instahover1" style="background-image: url(votre-image);"></div></div><!--
    ---- IMAGE 2 ----
    --> <!-- IMAGE 2.a
    --> <div id="instaimg2" style="background-image: url(votre-image);"> <!--
    IMAGE 2.b
    --><div class="instahover2" style="background-image: url(votre-image);"></div></div></td><td><!--
    ----- IMAGE 3 (grande pic) -----
    --><!--
    IMAGE 3.a --><div id="instaimg" style="background-image: url(votre-image);"><!--
    IMAGE 3.b
    --><div class="instahover" style="background-image: url(votre-image);"></div></div></td><td><!--
    ------ IMAGE 4 ------
    --><!-- IMAGE 4.a
    --><div id="instaimg3" style="background-image: url(http://img4.hostingpics.net/pics/818362NicoIc4.png);"><!--
    IMAGE 4.b
    --><div class="instahover3" style="background-image: url(votre-image);"></div></div> <!--
    ------ IMAGE 5 ------
    --><!-- IMAGE 5.a
    --><div id="instaimg4" style="background-image: url(votre-image);"><!--
    IMAGE 5.b
    --><div class="instahover4" style="background-image: url(votre-image);"></div></div></td> <td><!--
    ------ IMAGE 6 ------
    --><!-- IMAGE 6.a
    --><div id="instaimg5" style="background-image: url(votre-image);"><!--
    IMAGE 6.b
    --><div class="instahover5" style="background-image: url(votre-image);"></div></div><!--
    ------ IMAGE 7 ------
    --><!-- IMAGE 7.a
    --> <div id="instaimg6" style="background-image: url(votre-image);"><!--
    ------ IMAGE 7 ------
    --><!-- IMAGE 7.b
    --><div class="instahover6" style="background-image: url(votre-image);"></div></div></td></tr></table> </div></div><!--

    ---------- FIN du header contenant les icones --------------------

    --> <div class="insta-fond-profile"><table cellpadding="0" cellspacing="0"><tr><td><div class="icon-profile-wrap"> <!--

    ---------- Icone du profil (la même que la mini) --------------------

    --><div class="icon-profile" style="background-image: url(votre-image de profil);"><!--

    --></div><div style="height:4px;"></div><div class="insta-button-follow"> <div class="insta-follow-text"> Following</div></div></div></td><td><!--
    ------------ DEBUT DU PROFIL ------------------
    --><div class="insta-username2">Nom d'utilisateur </div><!--
    --><div class="bio-user"> <b>Pseudo, nom, whatever</b> Hello my name is Robert </div></td><td> <!--
    ------------ DEBUT DES STATS ------------------
    --><div class="insta-stat"><center><!--
    ------------ Nombre de posts ------------------
    --><table cellpadding="0" cellspacing="0"><tr> <td> <div class="stat-a">###</div> <div class="stat-b"> posts </div></td> <!--
    ------------ Nombre de followers ------------------
    --><td> <div class="stat-separator"></div></td><td><div class="stat-a">###</div><div class="stat-b"> followers </div></td><!--
    ------------ Nombre de compte suivis ------------------
    --><td><div class="stat-separator"></div></td><td><div class="stat-a">###</div><div class="stat-b"> following </div></td></tr></table></center></div></td></tr></table></div><!--
    ------------ FIN DU PROFIL ------------------
    --> <!--
    ------------ DEBUT DU FEED PHOTOS ------------------
    --><div class="feed-photos"><table cellpadding="0" cellspacing="0" class="feed-photo-container"><tr><!--

    --> <td> <div class="photo"> <div class="photo-inside" style="background-image: url(votre-image);"> </div></div></td><!--

    --> <td> <div class="photo"> <div class="photo-inside" style="background-image: url(votre-image);"> </div></div></td><!--

    --> <td> <div class="photo"> <div class="photo-inside" style="background-image: url(votre-image);"> </div></div></td><!--

    --> <td> <div class="photo"> <div class="photo-inside" style="background-image: url(votre-image);"> </div></div></td><!--
    --> </tr> </table><!--

    --><div class="feed-divider"></div><!--

    --> <table cellpadding="0" cellspacing="0" class="feed-photo-container"><tr><!--
    --><td> <div class="photo"> <div class="photo-inside" style="background-image: url(votre-image);"> </div></div></td> <!--

    --><td> <div class="photo"> <div class="photo-inside" style="background-image: url(votre-image);"> </div></div></td><!--

    --> <td> <div class="photo"> <div class="photo-inside" style="background-image: url(votre-image);"> </div></div></td><!--

    --> <td> <div class="photo"> <div class="photo-inside" style="background-image: url(votre-image);"> </div></div></td><!--

    --> </tr> </table>   <!--
    Coller le code avant le <!-- précédent pour rajouter des lignes.
    --></div><div class="load-footer">Load more...</div></div> </center>

RAJOUTER UNE LIGNE DE PHOTOS (il est indiqué où le faire dans le code précédent)
Code:
  <table cellpadding="0" cellspacing="0" class="feed-photo-container"><tr><!--

    --> <td> <div class="photo"> <div class="photo-inside" style="background-image: url(votre-image);"> </div></div></td><!--

    --> <td> <div class="photo"> <div class="photo-inside" style="background-image: url(votre-image);"> </div></div></td><!--

    --> <td> <div class="photo"> <div class="photo-inside" style="background-image: url(votre-image);"> </div></div></td><!--

    --> <td> <div class="photo"> <div class="photo-inside" style="background-image: url(votre-image);"> </div></div></td><!--
    --> </tr> </table><!--

    --><div class="feed-divider"></div>

CODE DE PAGE/NOUVEAU POST
Code:
  <center><!--

    ---- Début de la barre Instagram ----

    --> <div class="insta-barre" style="left:0px;"><!--
    --> <table cellpadding="0" cellspacing="0"><tr><td><div style="position: relative; left:-130px;"><table cellpadding="0" cellspacing="0"><tr><td><div class="insta-separator"></div></td><td><div style="background-color:rgba(6, 54, 95, 0.35); height:30px;"><a href="http://www.bazzart.org/u4334"> <div class="insta-home"> </div></a> </div></td><td><div class="insta-separator"></div></td></tr></table></div></td><td><div class="logo"> Instagram </div> </td><td><div style="position: relative; right:-127px;"> <!--
    --><table cellpadding="0" cellspacing="0"><tr><td><div class="insta-separator"></div> </td><td> <!--

    --><div style="margin-left:8px; margin-right:3px;"><!--
    Début mini icone utilisateur
    --> <div class="mini-icon-profile" style="background-image: url(votre image de profil);"></div><!--
    Fin icone utilisateur et début Username
    --></div> </td><td><div class="insta-miniusername">Votre Username ici</div><!--
    ----- Fin Username -----
    --></td><td><div class="insta-separator"></div></td></tr></table></div></td></tr></table> </div><!--

    ---- FIN de la barre Instagram ----

    --><div class="insta-fond" style="padding-top:5px;"><div class="instapost"><table cellpadding=0 cellspacing=0 cellmargin=0 width=100%><tr valign="middle"><td width="230px" style="border-right: 1px solid #AAA; padding: 3px;"><a href="http://www.bazzart.org/u4334"><!--

    --><div class="insta-post-left"> <!--
    Votre image de post
    --><div class="insta-post-left-img" style="background:url(Pic postée)"></div></div></a><!--

    --></td><td><!--

    --><div style="background: #fefefe;"><div class="profile-bar"><table width="100%"><tr valign="top"><!--
    Mini-image de profil
    --><td width="30px"><div class="insta-comment-img" style="background:url(votre image)"></div></td><td><!--

    --><div class="insta-poster">Votre pseudo <!--
    --><b># days ago</b> </div></td><!--

    --><td width="60px"><div class="insta-button-follow" style="margin-top: 0px"><span class="insta-follow-text">Following</span></div></td></tr><!--

    --><tr><td colspan="2"><div class="instacap"> Ta vie, tes tags #Jambon ! </div> </td></tr></table></div> <!--
    La Like bar. Si t'as pas de likes, bah tu mets 0 *pan*
    --><div class="likesBar"> <span class="likesBar-pseudo">Saucisse au jambon</span> and <span class="likesBar-number">125</span> others like this. </div><!--
    Les champs des commentaires
    --> <div class="insta-comment"><!--

    --> <div style="icomm"> <div class="insta-comment-img" style="background:url(image de profil du commentateur)"></div> <b>un pseudo</b><br/> un commentaire. <i>#tag</i> <a href="" class="insta-link">@Link</a></div><br/> <!--

    --><div style="icomm"> <div class="insta-comment-img" style="background:url(image de profil du commentateur)"></div> <b>un pseudo</b> <br/> un commentaire.</div>
    <!-- Remplacer ici pour rajouter des commentaires -->
    </div><!--
    --> <div style="background: #fefefe; padding: 0px 0px"><img src="http://image.noelshack.com/fichiers/2014/13/1395771220-0nwsiwm2.png"/></div></div><!--

    --></td></tr></table> </div></div></center>

AJOUTER UN COMMENTAIRE (indiquer dans le code précédent où le faire)
Code:
  <div style="icomm"> <div class="insta-comment-img" style="background:url(image de profil du commentateur)"></div> <b>un pseudo</b> <br/> un commentaire.</div>
Revenir en haut Aller en bas
https://ultraviolence.forum-canada.com
 

MODÈLE.

Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1

 Sujets similaires

-
» MODÈLE.
» MODÈLE.
» MODÈLE.
» MODÈLE.
» MODÈLE.

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
CHASING THEIR TAILS :: WORLDWIDE SOCIAL MEDIA :: Let Me Take A Selfie-