Facebrooke

FACEBROOKE

BONJOUR ET BIENVENUE
SUR FACEBROOKE,

votre réseau social spécial
légendes et contes de fées !

Qu'est-ce que c'est ?

Facebrooke est un réseau social fictif imprégné du site original facebook. De la même manière, il s'agira de publier des statuts sur votre personnage. Attention, l'accent doit être mit sur l'humour, et les statuts ne doivent pas être personnels (le vrai Facebook existe pour cela). Facebrooke est un système fictif de réseau social dans lequel le but est de faire rire les autres membres par des statuts ironique (exemple: Regina Mills aime Andros). Pour mieux comprendre, nous vous invitons à lire cette Fanfiction.

Comment ça marche ?

Vous commencez par vous inscrire ICI. Quelques heures après (ou le jour qui suit), un profil vous sera créé (vous serez averti par MP). Sur ce profil, vous aurez pour commencer la possibilité de personnaliser votre mur en indiquant votre prénom et votre nom, en ajoutant une photo d'identité, une photo de couverture, des photos, des amis et enfin des groupes. Tout ces éléments seront expliqué à la suite.

Le principe de Facebrooke n'est parler des états d'âmes de votre personnage, ou de publier des banalités. Le but est ironique, la moindre de vos publications doit viser l'ironie. Ce n'est pas un vrai compte facebook, il ne doit donc pas figurer vos pensées personnelles. Par ironie, nous entendons des choses comiques qui dénigrent certains personnages voir vous-même (ex: Regina Mills aime Andros. Killian Jones a rejoins le groupe Je me maquille mais je le vis bien. Henry a rejoint le groupe Je crois aux contes de fées mais je ne suis pas fou. Ariel aime le Maquereaux. Zéléna est en train de regarder Harry Potter - avec Maléfique, Regina et Mr. Gold).

Les autres membres ont accès à votre mur et peuvent interagir en aimant votre statut, en aimant un commentaire, en postant une publication, en postant un commentaire.

Mode d'emploi

Cette section est importante et vous guidera dans les différentes étapes d'utilisation de Facebrooke. N'hésitez pas à consulter cette rubrique régulièrement et, avec l'expérience, vous saurez correctement manipuler les codes de votre mur Facebrooke sans ce tutoriel. Pour commencer la personnalisation de votre mur Facebrooke, suivez le guide !

1- Les images
Pour commencer, votre mur vous serez envoyé près-construit, mais vierge. Vous devrez y ajouter une photo de couverture et une photo de profil dans cette partie de code:

Code:: <div style="background-color : #ffffff; width: 550px;"><img src="IMAGE EN PHOTO DE COUVERTURE" style="width: 550px; height: 200px;">

Code:: [left]<div style="background-image:url('IMAGE DE VOTRE PROFIL');

Pour finir cette première étape, vous pourrez également rajouter quatre photos dans cette partie de code:

Code:: [color=#8D8D8D][b]PHOTOS[/b][/color]
[color=#C6C6C6]________________________________[/color]

<center><nobr><c class="PhotoFB"><img src="PREMIERE PHOTO" style="height: 75px; weight: 75px;" /><span><br /><br /></c> <c class="PhotoFB"><img src="DEUXIEME PHOTO" style="height: 75px; weight: 75px;" /><span><br /><br /> </span></c> </nobr> <br /> <center><nobr><c class="PhotoFB"><img src="TROISIEME PHOTO" style="height: 75px; weight: 75px;" /><span><br /><br /></c> <c class="PhotoFB"><img src="QUATRIEME PHOTO" style="height: 75px; weight: 75px;" /><span><br /><br /></c> </nobr> <br />

Attention, ces quatre photos doivent être des icones (c'est à dire des images nécessairement carrées. La dimension importe peu en revanche).

2- A propos

Une fois que vous vous êtes occupés des images, vous allez ensuite remplir les parties textes, notamment la rubrique "A propos". Cette manipulation correspond à cette partie de code:

Code:: [color=#8D8D8D][b]A PROPOS[/b][/color]
[color=#C6C6C6]________________________________[/color]

[color=#8D8D8D]♙ Travaille chez :[/color]
[color=#C6C6C6]________________________________[/color]

[color=#8D8D8D]♞ Habite à :[/color]
[color=#C6C6C6]________________________________[/color]

[color=#8D8D8D][b]⇲[/b] De :[/color] looool
[color=#C6C6C6]________________________________[/color]

[color=#8D8D8D]♥ Situation amoureuse à compléter[/color]</div>

Attention, les grandes lignes ne servent pas à écrire à la place, il ne faut surtout pas les supprimer ! Vous devez compléter à la suite.
EX:

Code:: [color=#8D8D8D]♙ Travaille chez :[/color] PET SHELTER
[color=#C6C6C6]________________________________[/color]

[color=#8D8D8D]♞ Habite à :[/color] STORYBROOKE
[color=#C6C6C6]________________________________[/color]

(Vous ne devez pas remplir en lettre majuscule, ceci est seulement un exemple pour faciliter votre repérage des éléments).

3- Les Amis

Attaquons-nous désormais à la partie "amis". Nous parlons ici de la case qui se trouve sous la partie des quatre photos (et non du "amis" écrit sous votre photo de couverture). La partie "amis" est la plus conséquente, car elle vous permet d'ajouter un nombre illimité d'amis à votre Facebrooke (une barre de défilement apparaîtra si votre liste devient trop longue).
Pour compléter la section "amis" il vous faut remplacer deux champs: coller le lien de l'image de votre ami, et remplacer la partie "Nom Prénom" par les identifiants qui lui correspondent.

Code:: <img src="PHOTO AMI" style="height: 50px; weight: 50px;" /><span><d style="COLOR: #24407D !important; FONT-SIZE: 12px !important">Prénom Nom</d>

A la place de "PHOTO AMI" vous ajouterez le lien de l'image qui correspond à votre ami (à nouveau, il devra s'agir d'un icone, et donc d'une image carrée), et vous remplacerez "Prénom Nom" par ses identifiants (ex: Emma Swan).

4- Les groupes
On tient le bon bout: dernière étape de la personnalisation de votre mur. La dernière case "Groupes" peut être compléter par quatre groupes (pas plus). De la même manière que précédemment, il vous faudra remplacer les "PHOTO DU GROUPE" par le lien de votre image (un icone, de dimension 50*50 - possibilité de demander à The Spell de redimensionner vos quatre images si vous ne savez pas faire), "Nom du Groupe" et "nbr de membres" par ce que vous souhaitez. Le nom du groupe ne doit pas faire plus de deux lignes lorsque vous faites "Prévisualiser".

Ex:

Code:: [left]<div style="background-image:url('ICI VOUS COLLEREZ LE LIEN DE LA PHOTO DU GROUPE'); margin: -0px 0px 0px 0px; width:50px; height: 50px; box-shadow: 0px 0px 1px #000000;">[/left]
<link href="http://fonts.googleapis.com/css?family=Bigelow Rules" rel="stylesheet" type="text/css"><div style="font-family: 'Calibri', cursive; color:#24407D;font-size:15px;letter-spacing:-1px; margin: -45px 10px -10px 60px">[b]J'ADORE LES LICORNES TOUTE POILUE ET J'ASSUME ![/b] <br/> [size=13]<br/>[color=#8D8D8D]1 059 membres.[/color][/size]</div>

Voilà, vous avez réussi à personnaliser complètement votre book.

FACEBROOKE

BONJOUR ET BIENVENUE
SUR FACEBROOKE,

votre réseau social spécial
légendes et contes de fées !

Qu'est-ce que c'est ?

Facebrooke est un réseau social fictif imprégné du site original facebook. De la même manière, il s'agira de publier des statuts sur votre personnage. Attention, l'accent doit être mit sur l'humour, et les statuts ne doivent pas être personnels (le vrai Facebook existe pour cela). Facebrooke est un système fictif de réseau social dans lequel le but est de faire rire les autres membres par des statuts ironique (exemple: Regina Mills aime Andros). Pour mieux comprendre, nous vous invitons à lire cette Fanfiction.

INSCRIPTIONS

Tout d'abord, il est fortement conseillé de lire Règlement et Instructions avant de vous engagez à tenir votre mur Facebrooke, car il nécessite assez de courage pour suivre le tutoriel de codage nécessaire à la bonne apparence de votre compte, et de celui des autres. Si vous êtes partant (ce que nous espérons), voici le formulaire à compléter:

Code:: ♦ Votre Prénom et votre Nom

♦ Le Lien vers votre image de profil (un 'icon', donc de forme carré. Les Gifs ne sont pas autorisés pour la section Facebrooke).

♦ Le Lien vers votre Image de couverture (horizontale, format paysage).

♦ Le code de Règlement du forum, puisqu'il s'applique évidemment, aussi bien pour Facebrooke (politesse, écriture française, et tout ce qui s'en suit).

[center]<div style="background-color:#309A30 ; height: px; width:240px; border: solid 1px #154315; border-radius: 4px; text-align:justify; font-family:verdana; font-size: 14px; padding: 4px; color: white;">[center][b]J'accepte les conditions générales et je m'inscris[/b][/center]</div>[/center]

/!\ Ce code doit être copier et coller dans une nouvelle publication dans le forum "Facebrooke", publication que vous intitulerez par votre Prénom et votre Nom.

FACEBROOKE

Publier sur Facebrooke

Accrochez-vous c'est ici que ça se corse ! Mais pas de panique, plus vous publierez, plus cela deviendra automatique. Vous trouverez ci-dessous les différents types de codes selon les cas et les situations. Attention à bien respecter ces situations justement, et à ne pas supprimer un caractère du code, ce qui pourrait casser tout votre mur !

1- La Publication
Voici tout d'abord l'élément de base de la publication:

Code:: <center><div style="background-color: #FFFFFF; height: px; width:330px; overflow: auto; border: #C6C6C6 solid 1px; border-radius: 3px; text-align:justify; font-family:verdana; font-size: 10px; color:black;"><div style="margin-left:10px; margin-right:10px; margin-top:1px;line-height:95%;">
[left]<div style="background-image:url('LIEN DE VOTRE PHOTO DE PROFIL'); margin: -0px 0px 0px 0px; width:50px; height: 50px; box-shadow: 0px 0px 1px #000000;">[/left]
<link href="http://fonts.googleapis.com/css?family=Bigelow Rules" rel="stylesheet" type="text/css"><div style="font-family: 'Calibri', cursive; color:#24407D;font-size:17px;letter-spacing:-1px; margin: -45px 10px -10px 60px">[b]PRENOM NOM[/b] <br/> <br/> [size=13][color=#8D8D8D]DATE: JOUR EN CHIFFRE MOIS EN LETTRES, HEURE: 00:00[/color][/size]</div>
<br/><br/>[size=12][color=#000000]ICI TAPER LE TEXTE DE VOTRE PUBLICATION[/color][/size]
<br/>[size=11][color=#24407D]J'aime · Commenter · Partager[/color][/size]<br/>
</div> </div></center>

Voici un exemple de publication correctement complétée:

Killian Jones

7 novembre, 01:09

aime la page Morue

J'aime · Commenter · Partager

2- Aimer un statut

Pour ajouter un j'aime à un statut, il va vous falloir éditer le mur de votre ami Facebrooke. Faites donc très attention de ne pas casser le code de sa page. Lorsque vous voulez liker une publication, et que vous êtes le premier à liker ce statut, vous devrez placer ce code-ci (à compléter) juste à côté de la fin du code-publication; c'est-à-dire à la fin de ceci:

Code:: <br/>[size=11][color=#24407D]J'aime · Commenter · Partager[/color][/size]<br/>
</div> </div></center>

sans passer à la ligne, collez-ceci:

Code:: <center><div style="background-color: #EDEDED; height: 40px; width:330px; overflow:visible; border: #C6C6C6 solid 1px; border-radius: 3px; text-align:justify; font-family:verdana; font-size: 10px; color:black;"><div style="margin-left:10px; margin-right:10px; margin-top:1px;line-height:95%;">
[size=11][color=#24407D][b]PRENOM NOM[/b][/color][color=#000000] aime ça.[/color][/size]
[center][color=#C6C6C6]_____________________________________________[/color]
[/center]</div></center>

Vous obtiendrez:

Killian Jones

7 novembre, 01:09

aime la page Morue

J'aime · Commenter · Partager

Dory l'amnésique aime ça.

_____________________________________________

Si vous êtes la deuxième personne à liker ce statut, vous trouverez déjà ce code. Remplacez-le par celui-ci:

Code:: <center><div style="background-color: #EDEDED; height: 40px; width:330px; overflow:visible; border: #C6C6C6 solid 1px; border-radius: 3px; text-align:justify; font-family:verdana; font-size: 10px; color:black;"><div style="margin-left:10px; margin-right:10px; margin-top:1px;line-height:95%;">
[size=11][color=#24407D][b]PRENOM NOM DE LA PERSONNE AYANT LIKE AVANT VOUS[/b][/color] [color=#000000]et[/color] [color=#24407D][b]VOTRE PRENOM NOM[/b][/color][color=#000000] aiment ça.[/color][/size]
[center][color=#C6C6C6]_____________________________________________[/color]
[/center]</div></center>

Killian Jones

7 novembre, 01:09

aime la page Morue

J'aime · Commenter · Partager

Dory l'Amnésique et Némo l'Atrophié aiment ça.

_____________________________________________

Si vous êtes la troisième personne à liker, remplacer par ce code:

Code:: <center><div style="background-color: #EDEDED; height: 40px; width:330px; overflow:visible; border: #C6C6C6 solid 1px; border-radius: 3px; text-align:justify; font-family:verdana; font-size: 10px; color:black;"><div style="margin-left:10px; margin-right:10px; margin-top:1px;line-height:95%;">
[size=11][color=#24407D][b]PRENOM NOM DE LA PREMIERE PERSONNE A AVOIR LIKER[/b][/color] [color=#000000]et[/color] <c class="BullesLike">[color=#24407D][b]NBR DE PERSONNE EN CHIFFRE QUI ONT LIKE EN PLUS DE LA PREMIERE autres personnes[/b][/color]<span><d style="COLOR: #FFFFFF !important; FONT-SIZE: 10px !important">[b]PRENOM NOM <br/>PRENOM NOM <br/>PRENOM NOM <br/>PRENOM NOM[/b]</d> </span></c> [color=#000000]aiment ça.[/color][/size]
[center][color=#C6C6C6]_____________________________________________[/color]
[/center]</div></center>

Pour ce dernier cas, vous pouvez rajouter autant de personne que vous le voulez, en mettant bien un
( saut de ligne ) avant votre PRENOM NOM.

Killian Jones

7 novembre, 01:09

aime la page Morue

J'aime · Commenter · Partager

Dory l'Amnésique et 4 autres personnesNemo l'Amnésique
Pingu
Ursula
Davy Jones aiment ça.

_____________________________________________

(glissez votre curseur sur le "4 autres personnes et... magie !)

3- Publier un commentaire

Pour publier un commentaire, vous devez déjà avoir aimé le statut, ou que quelqu'un d'autre l'ai liké (pour des soucis de codages plus 'simple'). Attention, vous devrez modifier le code-like avant: remplacez les valeurs

Code:: height:40px

par

Code:: height:110px

dans le code-like avant de publier un commentaire (si vous laissez 40, il n'y aura pas assez de place pour votre commentaire, donc changez par 110).

Supprimez la mention

Code:: </div></center>

à la fin du code-like. Attention, vérifier bien qu'il s'agit de la fin du code-like et non du code-publication. Ne confondez pas les trois types de codes (publication - commentaire - like)

Voilà, la publication est prête à accueillir un ou plusieurs commentaires. Placez ensuite, directement à suivre en allant seulement à la ligne (donc juste en dessous du code-like):

Code:: <div style="height: 65px; overflow: auto;">
[left]<div style="background-image:url('LIEN DE VOTRE PHOTO DE PROFIL'); margin: -0px 0px 0px 0px; width:40px; height: 40px; box-shadow: 0px 0px 1px #000000;">[/left]
<link href="http://fonts.googleapis.com/css?family=Bigelow Rules" rel="stylesheet" type="text/css"><div style="font-family: 'Calibri', cursive; color:#24407D;font-size:17px;letter-spacing:-1px; margin: -45px 10px -10px 45px">[size=14][b]PRENOM NOM[/b] [color=#000000]ECRIVEZ VOTRE COMMENTAIRE ICI MEME.[/color][/size] <br/>[size=12][color=#8D8D8D]DATE: JOUR EN CHIFFRE MOIS EN LETTRES, HEURE: 00:00[/color][/size]</div></div></center>

Killian Jones

7 novembre, 01:09

aime la page Morue

J'aime · Commenter · Partager

Dory l'Amnésique et 4 autres personnesNemo l'Amnésique
Pingu
Ursula
Davy Jones aiment ça.

_____________________________________________

Cruella de Vil C'est vrai que tu ressembles un peu à Jack... Tu lui as piqué son eye-liner ?
20 mars, 16:55

Pour poster un deuxième commentaire, supprimez la mention

Code:: </div></center>

qui termine le premier code-commentaire, appuyez deux fois sur ENTREE et placez le code suivant (il doit donc y avoir une ligne vide entre les deux codes-commentaires):

Code:: <div style="height: 65px; overflow: none;">
[left]<div style="background-image:url('LIEN DE VOTRE PHOTO DE PROFIL'); margin: -0px 0px 0px 0px; width:40px; height: 40px; box-shadow: 0px 0px 1px #000000;">[/left]
<link href="http://fonts.googleapis.com/css?family=Bigelow Rules" rel="stylesheet" type="text/css"><div style="font-family: 'Calibri', cursive; color:#24407D;font-size:17px;letter-spacing:-1px; margin: -45px 10px -10px 45px">[size=14][b]PRENOM NOM[/b] [color=#000000]ECRIVEZ VOTRE COMMENTAIRE ICI MEME.[/color][/size] <br/>[size=12][color=#8D8D8D]DATE: JOUR EN CHIFFRE MOIS EN LETTRES, HEURE: 00:00[/color][/size]</div></div></center>

Pour postez un troisième commentaire, il s'agit de refaire exactement cette même étape (supprimer le petit morceau de code, laisser une ligne vide, puis coller le code-commentaire).

Résultat obtenu avec deux commentaires :

Killian Jones

7 novembre, 01:09

aime la page Morue

J'aime · Commenter · Partager

Dory l'Amnésique et 4 autres personnesNemo l'Amnésique
Pingu
Ursula
Davy Jones aiment ça.

_____________________________________________

Cruella de Vil C'est vrai que tu ressembles un peu à Jack... Tu lui as piqué son eye-liner ?
20 mars, 16:55

Cruella de Vil Je suis une vieille bique schizophrène.
20 mars, 16:58

Pour Liker un commentaire, il vous faut placer ce code:

Code:: [color=#24407D] · [b]PRENOM NOM[/b][/color] [color=#000000]aime(NT) ça[/color] [color=#24407D]·[/color]

à la fin du code-commentaire, entre

Code:: [/color]

et

Code:: [/size]</div>

qui se trouvent à la fin du code-commentaire. Si vous êtes plusieurs à liker un même commentaire, il vous suffit de rajouter une virgule, suivie de votre Prénom Nom.

Killian Jones

7 novembre, 01:09

aime la page Morue

J'aime · Commenter · Partager

Dory l'Amnésique et 4 autres personnesNemo l'Amnésique
Pingu
Ursula
Davy Jones aiment ça.

_____________________________________________

Cruella de Vil C'est vrai que tu ressembles un peu à Jack... Tu lui as piqué son eye-liner ?
20 mars, 16:55 · Dory l'Amnésique aime ça ·

4- Code typographique

Les codes typographiques pour vos publications sont assez simples, mais essentiel. Lorsque vous mentionnez un nom propre (le nom d'un membre, le nom d'une page, d'un groupe, d'un film, etc...) il doit être en gras et de couleur #24407D.
Les mentions tu types "aime" (pour "aime la page patate"), ou "est en train de regarder", etc... doivent être en italique (couleur normale, soit noir).

N'oubliez pas aussi un détail essentiel: les publications sont placées dans l'ordre décroissant: votre publication la plus récentes doit donc être la première sur le mur (comme le vrai Facebook quoi !).

Notifications Facebrooke:
Lorsque vous publiez un commentaire, un post, ou que vous likez une publication, etc. , vous devrez publier, dans un post en dessous de celui qui correspond au mur, un message du style "a commenté la publication" "a liker la publication" "a posté sur votre mur" (de manière à ce qu'une notification apparaisse sur le forum, pour pouvoir repérer les nouveautés sur chacun des murs - et oui, nous ne sommes pas vraiment sur Facebook !). De même, lorsque vous publiez un sujet sur votre mur, vous pouvez mettre un post en dessous "a publié sur son propre mur" pour l'indiquer aux autres.

Voilà, le tutoriel est terminé ! Vous savez désormais comment gérer Facebrooke ! Egalement, n'hésitez pas à survoler les différents éléments qui compose le mur (les amis, le nombre de personne ayant aimer, la barre d'outil tout en haut dans le fond bleu....), quelques petits détails pourraient vous amuser ! Si vous avez des questions, des incompréhensions, ou autres, merci de contacter Killian Jones.

A Bientôt sur FACEBROOKE.

FACEBROOKE

Votre réseau social spécial légendes et contes de fées

Règlement

Facebrooke est un réseau social fictif imprégné du site original Facebook. De la même manière, il s'agira de publier des statuts sur votre personnage. Attention, l'accent doit être mit sur l'humour, et les statuts ne doivent pas être personnels (le vrai Facebook existe pour cela). Facebrooke est un système fictif de réseau social dans lequel le but est de faire rire les autres membres par des statuts ironique (exemple: Regina Mills aime Andros. Killian Jones a rejoint le groupe Je me maquille mais je le vis bien. Ariel aime le Maquereaux. Zelena est en train de regarder Harry Potter - avec Maléfique, Regina et M. Gold).

Le principe: vous publierez sur le mur Facebrooke de Storybrooke que tout le monde pourra consulter. Vous devrez, à la suite de ce sujet, poster le code qui correspond à votre action sur l'application, qui sera ensuite ajouter sur le mur de Storybrooke. Les codes correspondants se trouveront à la suite de ce message.

Comment participez: il vous faudra avoir une certaine activité RP, une certaine ancienneté (pour éviter les "membres fantômes" - car cette application me demande du travail). Pour cela, vous devrez quémander votre profil Facebook à The Spell, par MP.

Les Codes

Aimer un statut:

Code:: <center><div style="background-color: #FFFFFF; height: px; width:330px; overflow: auto; border: #C6C6C6 solid 1px; border-radius: 3px; text-align:justify; font-family:verdana; font-size: 10px; color:black; padding: 5px;"> [color=#24407D][b]Votre Prenom Nom[/b][/color] a aimé le statut *intitulé du statut* de [color=#24407D][b]Son Prenom Nom[/b][/color].
</div> </center>

Aimer un commentaire:

Code:: <center><div style="background-color: #FFFFFF; height: px; width:330px; overflow: auto; border: #C6C6C6 solid 1px; border-radius: 3px; text-align:justify; font-family:verdana; font-size: 10px; color:black; padding: 5px;"> [color=#24407D][b]Votre Prenom Nom[/b][/color] a aimé le commentaire *intitulé du commentaire* de [color=#24407D][b]Son Prenom Nom[/b][/color].
</div> </center>

Commenter un statut (+ ajout d'un like obligatoire, pour la facilité du code):

Code:: <center><div style="background-color: #FFFFFF; height: px; width:330px; overflow: auto; border: #C6C6C6 solid 1px; border-radius: 3px; text-align:justify; font-family:verdana; font-size: 10px; color:black; padding: 5px;"> [color=#24407D][b]Votre Prenom Nom[/b][/color] a commenté le statut *intitulé du statut* de [color=#24407D][b]Son Prenom Nom[/b][/color]</div> </center>

Poster un statut:

Code:: <center><div style="background-color: #FFFFFF; height: px; width:330px; overflow: auto; border: #C6C6C6 solid 1px; border-radius: 3px; text-align:justify; font-family:verdana; font-size: 10px; color:black; padding: 5px;"> [color=#24407D][b]Votre Prenom Nom[/b][/color] a posté: *intitulé du statut*</div> </center>

Bref, vous connaissez tous les possibilités, à vous d'adapter ses codes en fonction de vos idées et des fonctionnalités facebook classiques !

Radis

Have Fun

Kiki.2000

FACEBROOKE

BONJOUR ET BIENVENUE
SUR FACEBROOKE,

votre réseau social spécial
légendes et contes de fées !

Qu'est-ce que c'est ?

Facebrooke est un réseau social fictif imprégné du site original facebook. De la même manière, il s'agira de publier des statuts sur votre personnage. Attention, l'accent doit être mit sur l'humour, et les statuts ne doivent pas être personnels (le vrai Facebook existe pour cela). Facebrooke est un système fictif de réseau social dans lequel le but est de faire rire les autres membres par des statuts ironique (exemple: Regina Mills aime Andros). Pour mieux comprendre, nous vous invitons à lire cette Fanfiction.

Comment ça marche ?

Vous commencez par vous inscrire ICI. Quelques heures après (ou le jour qui suit), un profil vous sera créé (vous serez averti par MP). Sur ce profil, vous aurez pour commencer la possibilité de personnaliser votre mur en indiquant votre prénom et votre nom, en ajoutant une photo d'identité, une photo de couverture, des photos, des amis et enfin des groupes. Tout ces éléments seront expliqué à la suite.

Le principe de Facebrooke n'est parler des états d'âmes de votre personnage, ou de publier des banalités. Le but est ironique, la moindre de vos publications doit viser l'ironie. Ce n'est pas un vrai compte facebook, il ne doit donc pas figurer vos pensées personnelles. Par ironie, nous entendons des choses comiques qui dénigrent certains personnages voir vous-même (ex: Regina Mills aime Andros. Killian Jones a rejoins le groupe Je me maquille mais je le vis bien. Henry a rejoint le groupe Je crois aux contes de fées mais je ne suis pas fou. Ariel aime le Maquereaux. Zéléna est en train de regarder Harry Potter - avec Maléfique, Regina et Mr. Gold).

Les autres membres ont accès à votre mur et peuvent interagir en aimant votre statut, en aimant un commentaire, en postant une publication, en postant un commentaire.

Mode d'emploi

Cette section est importante et vous guidera dans les différentes étapes d'utilisation de Facebrooke. N'hésitez pas à consulter cette rubrique régulièrement et, avec l'expérience, vous saurez correctement manipuler les codes de votre mur Facebrooke sans ce tutoriel. Pour commencer la personnalisation de votre mur Facebrooke, suivez le guide !

1- Les images
Pour commencer, votre mur vous serez envoyé près-construit, mais vierge. Vous devrez y ajouter une photo de couverture et une photo de profil dans cette partie de code:

Code:: <div style="background-color : #ffffff; width: 550px;"><img src="IMAGE EN PHOTO DE COUVERTURE" style="width: 550px; height: 200px;">

Code:: [left]<div style="background-image:url('IMAGE DE VOTRE PROFIL');

Pour finir cette première étape, vous pourrez également rajouter quatre photos dans cette partie de code:

Code:: [color=#8D8D8D][b]PHOTOS[/b][/color]
[color=#C6C6C6]________________________________[/color]

<center><nobr><c class="PhotoFB"><img src="PREMIERE PHOTO" style="height: 75px; weight: 75px;" /><span><br /><br /></c> <c class="PhotoFB"><img src="DEUXIEME PHOTO" style="height: 75px; weight: 75px;" /><span><br /><br /> </span></c> </nobr> <br /> <center><nobr><c class="PhotoFB"><img src="TROISIEME PHOTO" style="height: 75px; weight: 75px;" /><span><br /><br /></c> <c class="PhotoFB"><img src="QUATRIEME PHOTO" style="height: 75px; weight: 75px;" /><span><br /><br /></c> </nobr> <br />

Attention, ces quatre photos doivent être des icones (c'est à dire des images nécessairement carrées. La dimension importe peu en revanche).

2- A propos

Une fois que vous vous êtes occupés des images, vous allez ensuite remplir les parties textes, notamment la rubrique "A propos". Cette manipulation correspond à cette partie de code:

Code:: [color=#8D8D8D][b]A PROPOS[/b][/color]
[color=#C6C6C6]________________________________[/color]

[color=#8D8D8D]♙ Travaille chez :[/color]
[color=#C6C6C6]________________________________[/color]

[color=#8D8D8D]♞ Habite à :[/color]
[color=#C6C6C6]________________________________[/color]

[color=#8D8D8D][b]⇲[/b] De :[/color] looool
[color=#C6C6C6]________________________________[/color]

[color=#8D8D8D]♥ Situation amoureuse à compléter[/color]</div>

Attention, les grandes lignes ne servent pas à écrire à la place, il ne faut surtout pas les supprimer ! Vous devez compléter à la suite.
EX:

Code:: [color=#8D8D8D]♙ Travaille chez :[/color] PET SHELTER
[color=#C6C6C6]________________________________[/color]

[color=#8D8D8D]♞ Habite à :[/color] STORYBROOKE
[color=#C6C6C6]________________________________[/color]

(Vous ne devez pas remplir en lettre majuscule, ceci est seulement un exemple pour faciliter votre repérage des éléments).

3- Les Amis

Attaquons-nous désormais à la partie "amis". Nous parlons ici de la case qui se trouve sous la partie des quatre photos (et non du "amis" écrit sous votre photo de couverture). La partie "amis" est la plus conséquente, car elle vous permet d'ajouter un nombre illimité d'amis à votre Facebrooke (une barre de défilement apparaîtra si votre liste devient trop longue).
Pour compléter la section "amis" il vous faut remplacer deux champs: coller le lien de l'image de votre ami, et remplacer la partie "Nom Prénom" par les identifiants qui lui correspondent.

Code:: <img src="PHOTO AMI" style="height: 50px; weight: 50px;" /><span><d style="COLOR: #24407D !important; FONT-SIZE: 12px !important">Prénom Nom</d>

A la place de "PHOTO AMI" vous ajouterez le lien de l'image qui correspond à votre ami (à nouveau, il devra s'agir d'un icone, et donc d'une image carrée), et vous remplacerez "Prénom Nom" par ses identifiants (ex: Emma Swan).

4- Les groupes
On tient le bon bout: dernière étape de la personnalisation de votre mur. La dernière case "Groupes" peut être compléter par quatre groupes (pas plus). De la même manière que précédemment, il vous faudra remplacer les "PHOTO DU GROUPE" par le lien de votre image (un icone, de dimension 50*50 - possibilité de demander à The Spell de redimensionner vos quatre images si vous ne savez pas faire), "Nom du Groupe" et "nbr de membres" par ce que vous souhaitez. Le nom du groupe ne doit pas faire plus de deux lignes lorsque vous faites "Prévisualiser".

Ex:

Code:: [left]<div style="background-image:url('ICI VOUS COLLEREZ LE LIEN DE LA PHOTO DU GROUPE'); margin: -0px 0px 0px 0px; width:50px; height: 50px; box-shadow: 0px 0px 1px #000000;">[/left]
<link href="http://fonts.googleapis.com/css?family=Bigelow Rules" rel="stylesheet" type="text/css"><div style="font-family: 'Calibri', cursive; color:#24407D;font-size:15px;letter-spacing:-1px; margin: -45px 10px -10px 60px">[b]J'ADORE LES LICORNES TOUTE POILUE ET J'ASSUME ![/b] <br/> [size=13]<br/>[color=#8D8D8D]1 059 membres.[/color][/size]</div>

Voilà, vous avez réussi à personnaliser complètement votre book.

FACEBROOKE

Publier sur Facebrooke

Accrochez-vous c'est ici que ça se corse ! Mais pas de panique, plus vous publierez, plus cela deviendra automatique. Vous trouverez ci-dessous les différents types de codes selon les cas et les situations. Attention à bien respecter ces situations justement, et à ne pas supprimer un caractère du code, ce qui pourrait casser tout votre mur !

1- La Publication
Voici tout d'abord l'élément de base de la publication:

Code:: <center><div style="background-color: #FFFFFF; height: px; width:330px; overflow: auto; border: #C6C6C6 solid 1px; border-radius: 3px; text-align:justify; font-family:verdana; font-size: 10px; color:black;"><div style="margin-left:10px; margin-right:10px; margin-top:1px;line-height:95%;">
[left]<div style="background-image:url('LIEN DE VOTRE PHOTO DE PROFIL'); margin: -0px 0px 0px 0px; width:50px; height: 50px; box-shadow: 0px 0px 1px #000000;">[/left]
<link href="http://fonts.googleapis.com/css?family=Bigelow Rules" rel="stylesheet" type="text/css"><div style="font-family: 'Calibri', cursive; color:#24407D;font-size:17px;letter-spacing:-1px; margin: -45px 10px -10px 60px">[b]PRENOM NOM[/b] <br/> <br/> [size=13][color=#8D8D8D]DATE: JOUR EN CHIFFRE MOIS EN LETTRES, HEURE: 00:00[/color][/size]</div>
<br/><br/>[size=12][color=#000000]ICI TAPER LE TEXTE DE VOTRE PUBLICATION[/color][/size]
<br/>[size=11][color=#24407D]J'aime · Commenter · Partager[/color][/size]<br/>
</div> </div></center>

Voici un exemple de publication correctement complétée:

Killian Jones

7 novembre, 01:09

aime la page Morue

J'aime · Commenter · Partager

2- Aimer un statut

Pour ajouter un j'aime à un statut, il va vous falloir éditer le mur de votre ami Facebrooke. Faites donc très attention de ne pas casser le code de sa page. Lorsque vous voulez liker une publication, et que vous êtes le premier à liker ce statut, vous devrez placer ce code-ci (à compléter) juste à côté de la fin du code-publication; c'est-à-dire à la fin de ceci:

Code:: <br/>[size=11][color=#24407D]J'aime · Commenter · Partager[/color][/size]<br/>
</div> </div></center>

sans passer à la ligne, collez-ceci:

Code:: <center><div style="background-color: #EDEDED; height: 40px; width:330px; overflow:visible; border: #C6C6C6 solid 1px; border-radius: 3px; text-align:justify; font-family:verdana; font-size: 10px; color:black;"><div style="margin-left:10px; margin-right:10px; margin-top:1px;line-height:95%;">
[size=11][color=#24407D][b]PRENOM NOM[/b][/color][color=#000000] aime ça.[/color][/size]
[center][color=#C6C6C6]_____________________________________________[/color]
[/center]</div></center>

Vous obtiendrez:

Killian Jones

7 novembre, 01:09

aime la page Morue

J'aime · Commenter · Partager

Dory l'amnésique aime ça.

_____________________________________________

Si vous êtes la deuxième personne à liker ce statut, vous trouverez déjà ce code. Remplacez-le par celui-ci:

Code:: <center><div style="background-color: #EDEDED; height: 40px; width:330px; overflow:visible; border: #C6C6C6 solid 1px; border-radius: 3px; text-align:justify; font-family:verdana; font-size: 10px; color:black;"><div style="margin-left:10px; margin-right:10px; margin-top:1px;line-height:95%;">
[size=11][color=#24407D][b]PRENOM NOM DE LA PERSONNE AYANT LIKE AVANT VOUS[/b][/color] [color=#000000]et[/color] [color=#24407D][b]VOTRE PRENOM NOM[/b][/color][color=#000000] aiment ça.[/color][/size]
[center][color=#C6C6C6]_____________________________________________[/color]
[/center]</div></center>

Killian Jones

7 novembre, 01:09

aime la page Morue

J'aime · Commenter · Partager

Dory l'Amnésique et Némo l'Atrophié aiment ça.

_____________________________________________

Si vous êtes la troisième personne à liker, remplacer par ce code:

Code:: <center><div style="background-color: #EDEDED; height: 40px; width:330px; overflow:visible; border: #C6C6C6 solid 1px; border-radius: 3px; text-align:justify; font-family:verdana; font-size: 10px; color:black;"><div style="margin-left:10px; margin-right:10px; margin-top:1px;line-height:95%;">
[size=11][color=#24407D][b]PRENOM NOM DE LA PREMIERE PERSONNE A AVOIR LIKER[/b][/color] [color=#000000]et[/color] <c class="BullesLike">[color=#24407D][b]NBR DE PERSONNE EN CHIFFRE QUI ONT LIKE EN PLUS DE LA PREMIERE autres personnes[/b][/color]<span><d style="COLOR: #FFFFFF !important; FONT-SIZE: 10px !important">[b]PRENOM NOM <br/>PRENOM NOM <br/>PRENOM NOM <br/>PRENOM NOM[/b]</d> </span></c> [color=#000000]aiment ça.[/color][/size]
[center][color=#C6C6C6]_____________________________________________[/color]
[/center]</div></center>

Pour ce dernier cas, vous pouvez rajouter autant de personne que vous le voulez, en mettant bien un

Code:: <br/>

juste avant votre PRENOM NOM.

Killian Jones

7 novembre, 01:09

aime la page Morue

J'aime · Commenter · Partager

Dory l'Amnésique et 4 autres personnesNemo l'Amnésique
Pingu
Ursula
Davy Jones aiment ça.

_____________________________________________

(glissez votre curseur sur le "4 autres personnes et... magie !)

3- Publier un commentaire

Pour publier un commentaire, vous devez déjà avoir aimé le statut, ou que quelqu'un d'autre l'ai liké (pour des soucis de codages plus 'simple'). Attention, vous devrez modifier le code-like avant: remplacez les valeurs

Code:: height:40px

par

Code:: height:110px

dans le code-like avant de publier un commentaire (si vous laissez 40, il n'y aura pas assez de place pour votre commentaire, donc changez par 110).

Supprimez la mention

Code:: </div></center>

à la fin du code-like. Attention, vérifier bien qu'il s'agit de la fin du code-like et non du code-publication. Ne confondez pas les trois types de codes (publication - commentaire - like)

Voilà, la publication est prête à accueillir un ou plusieurs commentaires. Placez ensuite, directement à suivre en allant seulement à la ligne (donc juste en dessous du code-like):

Code:: <div style="height: 65px; overflow: auto;">
[left]<div style="background-image:url('LIEN DE VOTRE PHOTO DE PROFIL'); margin: -0px 0px 0px 0px; width:40px; height: 40px; box-shadow: 0px 0px 1px #000000;">[/left]
<link href="http://fonts.googleapis.com/css?family=Bigelow Rules" rel="stylesheet" type="text/css"><div style="font-family: 'Calibri', cursive; color:#24407D;font-size:17px;letter-spacing:-1px; margin: -45px 10px -10px 45px">[size=14][b]PRENOM NOM[/b] [color=#000000]ECRIVEZ VOTRE COMMENTAIRE ICI MEME.[/color][/size] <br/>[size=12][color=#8D8D8D]DATE: JOUR EN CHIFFRE MOIS EN LETTRES, HEURE: 00:00[/color][/size]</div></div></center>

Killian Jones

7 novembre, 01:09

aime la page Morue

J'aime · Commenter · Partager

Dory l'Amnésique et 4 autres personnesNemo l'Amnésique
Pingu
Ursula
Davy Jones aiment ça.

_____________________________________________

Cruella de Vil C'est vrai que tu ressembles un peu à Jack... Tu lui as piqué son eye-liner ?
20 mars, 16:55

Pour poster un deuxième commentaire, supprimez la mention

Code:: </div></center>

qui termine le premier code-commentaire, appuyez deux fois sur ENTREE et placez le code suivant (il doit donc y avoir une ligne vide entre les deux codes-commentaires):

Code:: <div style="height: 65px; overflow: none;">
[left]<div style="background-image:url('LIEN DE VOTRE PHOTO DE PROFIL'); margin: -0px 0px 0px 0px; width:40px; height: 40px; box-shadow: 0px 0px 1px #000000;">[/left]
<link href="http://fonts.googleapis.com/css?family=Bigelow Rules" rel="stylesheet" type="text/css"><div style="font-family: 'Calibri', cursive; color:#24407D;font-size:17px;letter-spacing:-1px; margin: -45px 10px -10px 45px">[size=14][b]PRENOM NOM[/b] [color=#000000]ECRIVEZ VOTRE COMMENTAIRE ICI MEME.[/color][/size] <br/>[size=12][color=#8D8D8D]DATE: JOUR EN CHIFFRE MOIS EN LETTRES, HEURE: 00:00[/color][/size]</div></div></center>

Pour postez un troisième commentaire, il s'agit de refaire exactement cette même étape (supprimer le petit morceau de code, laisser une ligne vide, puis coller le code-commentaire).

Résultat obtenu avec deux commentaires :

Killian Jones

7 novembre, 01:09

aime la page Morue

J'aime · Commenter · Partager

Dory l'Amnésique et 4 autres personnesNemo l'Amnésique
Pingu
Ursula
Davy Jones aiment ça.

_____________________________________________

Cruella de Vil C'est vrai que tu ressembles un peu à Jack... Tu lui as piqué son eye-liner ?
20 mars, 16:55

Cruella de Vil Je suis une vieille bique schizophrène.
20 mars, 16:58

Pour Liker un commentaire, il vous faut placer ce code:

Code:: [color=#24407D] · [b]PRENOM NOM[/b][/color] [color=#000000]aime(NT) ça[/color] [color=#24407D]·[/color]

à la fin du code-commentaire, entre

Code:: [/color]

et

Code:: [/size]</div>

qui se trouvent à la fin du code-commentaire. Si vous êtes plusieurs à liker un même commentaire, il vous suffit de rajouter une virgule, suivie de votre Prénom Nom.

Killian Jones

7 novembre, 01:09

aime la page Morue

J'aime · Commenter · Partager

Dory l'Amnésique et 4 autres personnesNemo l'Amnésique
Pingu
Ursula
Davy Jones aiment ça.

_____________________________________________

Cruella de Vil C'est vrai que tu ressembles un peu à Jack... Tu lui as piqué son eye-liner ?
20 mars, 16:55 · Dory l'Amnésique aime ça ·

4- Code typographique

Les codes typographiques pour vos publications sont assez simples, mais essentiel. Lorsque vous mentionnez un nom propre (le nom d'un membre, le nom d'une page, d'un groupe, d'un film, etc...) il doit être en gras et de couleur #24407D.
Les mentions tu types "aime" (pour "aime la page patate"), ou "est en train de regarder", etc... doivent être en italique (couleur normale, soit noire).

N'oubliez pas aussi un détail essentiel: les publications sont placées dans l'ordre décroissant: votre publication la plus récente doit donc être la première sur le mur (comme le vrai Facebook quoi !).

Notifications Facebrooke:
Lorsque vous publiez un commentaire, un post, ou que vous likez une publication, etc. , vous devrez publier, dans un post en dessous de celui qui correspond au mur, un message du style "a commenté la publication" "a liker la publication" "a posté sur votre mur" (de manière à ce qu'une notification apparaisse sur le forum, pour pouvoir repérer les nouveautés sur chacun des murs - et oui, nous ne sommes pas vraiment sur Facebook !). De même, lorsque vous publiez un sujet sur votre mur, vous pouvez mettre un post en dessous "a publié sur son propre mur" pour l'indiquer aux autres.

Voilà, le tutoriel est terminé ! Vous savez désormais comment gérer Facebrooke ! Egalement, n'hésitez pas à survoler les différents éléments qui compose le mur (les amis, le nombre de personne ayant aimer, la barre d'outil tout en haut dans le fond bleu....), quelques petits détails pourraient vous amuser ! Si vous avez des questions, des incompréhensions, ou autres, merci de contacter Killian Jones ou The Spell.

N'ayez pas peur, ça paraît très compliqué, mais après avoir fait quelques essais, ça deviendra un automatisme rassurez-vous !

A Bientôt sur FACEBROOKE.

FACEBROOKE

BONJOUR ET BIENVENUE
SUR FACEBROOKE,

votre réseau social spécial
légendes et contes de fées !

Qu'est-ce que c'est ?

Facebrooke est un réseau social fictif imprégné du site original facebook. De la même manière, il s'agira de publier des statuts sur votre personnage. Attention, l'accent doit être mit sur l'humour, et les statuts ne doivent pas être personnels (le vrai Facebook existe pour cela). Facebrooke est un système fictif de réseau social dans lequel le but est de faire rire les autres membres par des statuts ironique (exemple: Regina Mills aime Andros). Pour mieux comprendre, nous vous invitons à lire cette Fanfiction.

INSCRIPTIONS

Tout d'abord, il est fortement conseillé de lire Règlement et Instructions avant de vous engagez à tenir votre mur Facebrooke, car il nécessite assez de courage pour suivre le tutoriel de codage nécessaire à la bonne apparence de votre compte, et de celui des autres. Si vous êtes partant (ce que nous espérons), voici le formulaire à compléter:

Code:: ♦ Votre Prénom et votre Nom

♦ Le Lien vers votre image de profil (un 'icon', donc de forme carré. Les Gifs ne sont pas autorisés pour la section Facebrooke).

♦ Le Lien vers votre Image de couverture (horizontale, format paysage).

♦ Le code de Règlement du forum, puisqu'il s'applique évidemment, aussi bien pour Facebrooke (politesse, écriture française, et tout ce qui s'en suit).

[center]<div style="background-color:#309A30 ; height: px; width:240px; border: solid 1px #154315; border-radius: 4px; text-align:justify; font-family:verdana; font-size: 14px; padding: 4px; color: white;">[center][b]J'accepte les conditions générales et je m'inscris[/b][/center]</div>[/center]

/!\ Ce code doit être copier et coller dans une nouvelle publication dans le forum "Facebrooke", publication que vous intitulerez par votre Prénom et votre Nom.

Ne prenez pas peur en voyant le tutoriel, il est tout simplement très détaillé pour que vous compreniez au mieux. D'autant plus que la première partie concerne la personnalisation de votre mur, autrement dit: une étape qui, une fois terminée, ne sera plus à refaire. Pour le reste, c'est un coup de main à prendre, en suivant bien les tutos, selon ce que vous voulez faire (mais rassurez-vous, ça deviendra vite très simple ! Si ça vous tente d'essayer, il ne faut pas hésiter ! Killian Jones (ou The Spell) est là en cas de besoin mes lapins !

Rechercher

Résultats par : Messages Sujets
Recherche avancée