Créer une page Accueil à votre page Fan Facebook grâce au iFrame. Facebook annonça le 11 Mars 2011, la fin de l’application Static FBML. Celle-ci permettait aux administrateurs d’une page fan Facebook de se créer facilement et rapidement une page d’accueil personnalisée. Désormais, la solution de rechange pour arriver au même résultat est de vous créer votre propre application iFrame. Celle-ci comporte plusieurs étapes, mais est quand même assez simple à implanter. À l’aide de vos connaissances en HTML et en CSS ainsi que de ce tutoriel, vous pourrez apprendre comment vous bâtir facilement votre propre « landing page ». La première étape pour la création de votre page d’accueil sera de la construire en HTML et en CSS (au besoin). N’oubliez pas que la largeur maximale des pages Facebook personnalisées est de 520 pixels.
Si vous êtes en manque d’inspiration pour votre page, voici un article paru précédemment sur des exemple de pages fan Facebook situé au bas de l’article. Installation de l’application Facebook pour votre page. Social Plugins - Développeurs Facebook. JavaScript SDK - Développeurs Facebook. All Docs Web SDKs Docs/Web SDKs/JavaScript SDK/ On This Page.
Design and Code an Integrated Facebook App: HTML + CSS. Welcome back!
In this part of the tutorial we're going to be coding our design into HTML and illustrating some of Facebook's CSS style properties that will give it that native feel. So stick with me, make yourself a cup of tea and happy coding! Introduction Welcome to part 2 of our design and code a native Facebook app. In the last article we looked behind the scenes at some of the thought processes involved with creating a native look and feel Facebook app. What We'll be Creating In this part of the tutorial we're going to be coding that design into HTML and illustrating some of Facebook's CSS style properties that will give it that native feel. Step 1: Failing to Prepare is Preparing to Fail It's always a good idea to begin with a bit of forward planning.
Sometimes I also like to print out my wireframe and mark the dimensions on them with a pen. Step 2: App Structure cssjsimagesindex.html Step 3: HTML Markup. How to Style an Application Like Facebook - Devtacular. Hello!
Développement des bases de notre application Facebook - Tutorial. Dans ce chapitre, nous allons poser les briques de notre application en développant la partie d'identification et d'autorisation des accès, puis nous finirons par l'utilisation de l'API Facebook pour afficher un message d'accueil à nos utilisateurs.
La structure de base de l'application Nous allons à présent entrer dans le vif du sujet: Comment identifier les utilisateurs Facebook sur notre application ? Le fichier de configuration Première chose à faire, entrer les identifiants de notre application dans le fichier de configuration config.php Modifiez les XXXXXXX par les vraies valeurs de votre application. Structure XHTML / CSS de base Le contrôleur index.php va déjà nous permettra d'inclure tous les bons fichiers: Créez la structure du HTML avec header.php: Et footer.php: Mettez en forme rapidement (Le design n'est pas l'objet du tutoriel, donc on va rester avec des divs avec backgrounds...) styles.css: Voici un aperçu de ce que vous devriez obtenir si vous vous connectez à votre application: