Apprenez à programmer en VB .NET. Personnaliser la carte - Centre d'aide Google Maps. Tutoriel rendre une carte personnalisée google maps interactive a... Archives2012.emencia.net/newsletter/avril_mai_2009/tutoriel_googlemap.pdf. Créer ou ouvrir une carte personnalisée - Centre d'aide Google Maps. Vous pouvez créer des cartes personnalisées avec la version bêta de Maps Engine Lite. Ainsi, vous pouvez par exemple créer une carte des meilleurs restaurants de votre région. Les cartes personnalisées que vous créez peuvent ensuite être ouvertes dans Google Maps. Si vous avez par le passé créé des cartes personnalisées à l'aide de la fonctionnalité "Mes cartes", vous pouvez quand même les ouvrir dans Google Maps.
Créer une carte personnalisée Connectez-vous à la version classique de Google Maps. Cliquez sur Mes adresses en haut du panneau de gauche. Cliquez sur Créer une carte. Remarque : Nous vous recommandons de suivre les instructions ci-dessus pour créer des cartes personnalisées. Ouvrir une carte personnalisée Vous pouvez ouvrir dans la version classique de Google Maps vos cartes créées à l'aide de la fonctionnalité "Mes cartes" ainsi que vos cartes Maps Engine. Connectez-vous à la version classique de Google Maps. Mment créer une page d'options Thème pour Wordpress. If you have ever used a WordPress premium theme then you would of seen the custom theme options page that are available. The theme options page that is found under the appearance menu which allows the admin of the WordPress site to change some of the settings on the theme. Most premium themes will come with options to change the colours of fonts, backgrounds, change images or font types...anything that allows you to style the WordPress theme.
Some of the most common fields to change are: Theme Options - To edit the theme logo, change the stylesheet, upload a new favicon, Add Google analytics code, enter your feedburner URL and add custom CSS.Styling Options - Change the background colour or change the background image.Fonts - Change the font on all your header tags or the main content text.Social - Providing you theme with your social media profiles will make it easier to link to them in parts of your theme or display your latest tweets. Examples Of Theme Options Pages Conclusion. Grid Accordion with jQuery.
Accordions are a UI pattern where you click on a title (in a vertical stack of titles) and a panel of content reveals itself below. Typically, all other open panels close when the new one opens. They are a clever and engaging mechanism for packing a lot of information in a small space. Basic accordion from jQuery UI One way to look at an accordion is like a collapsed single column of a table. Another consideration in this table I was building is that there was enough columns that each individual column (should they have been equal width in the space available) wasn't very wide, maybe 150px.
The Grid Accordion works with the same theory as most other accordions. You can view and download the example at the end of this article. HTML: Classic use of the definition list Accordions are perfect semantic examples of definition lists. <dl><dt>Title</dt><dd>Information about that title here</dd><dt>Another Title</dt><dd>Information about that other title here</dd></dl> This is a classic technique. Le CSS seul effet d'accordéon. Update: I’ve created an advanced version of this technique that works in IE6!
Read more here. The Accordion Effect is fast becoming one of the most commonly used (and perhaps abused?) Effects of the Web 2.0 world. Most JavaScript frameworks make such an effect fairly easy to pull off – heck, MooTools even built their reputation on it in the early days. So what makes this accordion effect special? It doesn’t require a single line of JavaScript. First off, what is an “accordion” effect? Our accordion will work exactly the same way: all of the elements will be partially visible when the user loads the page.
So how do we accomplish this trick? <div id="accordion"><div id="part1"><p>This text is in part 1. My first div defines where my accordion starts and ends. So now, let’s start building our accordion. All I’ve done is give my accordion a specific width and centered it in the page for a nice visual effect. The overflow: hidden part here is also crucially important. So there you have it. Helen's nerdy blog | Snippets of “how-to” s from a wordpress.com user. 15+ plugins pour gérer un blog Multi-auteurs sur Wordpress. Après vous avoir proposé une sélection de plugins pour optimiser l’admin WordPress, je vais aller plus loin en m’attaquant au cas spécifique du blog multi-auteurs. J’en profite pour partager mon expérience sur le blog La Crèmerie, puisqu’il s’agit du blog de l’agence sur lequel tous les collaborateurs contribuent.
Voici donc une sélection de plugins qui vous permettront d’optimiser le worflow et la communication entre les auteurs du blog. Cleverness To-Do List C’est un de mes préférés donc je le met en premier. Future Posts Calendar Ajouter un calendrier des publications peut s’avérer bien pratique pour gérer une armée de rédacteurs. Post Reminder En complément du calendrier de publication, ce plugin est très pratique pour gérer les notifications de publications. Pre-Publish Reminder WyPiekacz Draft Notification Co-Authors. 21 Free Premium Wordpress Themes to Impress. There are so many premium themes out there, at such a low price that you’re just forbidden to have an ugly website anymore. More and more online companies start selling awesome wordpress themes, and, along with this raise in premium theme services, as a way to get more customers (or just for generating traffic and then selling advertising), some of these companies are offering free premium themes, and I must admit: gorgeous themes these are!
You could take a look at free premium themes since 2007 and you will observe how much things have evolved. We have now awesome designs and the choice to use them free of charge! Of course, chances are that more people will use a free theme than a paid premium one, but you still can customize it a little bit to express your own online personality. Do you want to impress with a nice premium and free WordPress theme? Sight Demo | Download Paragrams Demo | Download Obscorp v2 Demo | Download Newspress Demo | Download Simplo Demo | Download Designpile Journal Crunch. Top 100 des Plugins WordPress. Generateur Codes Couleurs RGB hexadecimal Nuancier Annuaire Referencement Gratuit Jok Concept. Couleurs hexadécimale RGB Informatique et Web Les couleurs en informatique sont exprimées en "codes hexadécimaux" ou "RGB", (Red, Green, Blue, en francais RVB Rouge, Vert, Bleu).
Pour coder la couleur d'un pixel on utilise trois octets qui définissent chacun la luminosité des couleurs Rouge Verte Bleu ; on utilise un nombre hexadecimal à 6 chiffres : les 2 premiers correspondent à la luminosité du rouge, les 2 suivants à la luminosité du vert et les 2 derniers à la luminosité bleu (ex : avec une intensité maximale sur le rouge on a #FF0000)... En RGB la couleur est aussi définit en fonction du "mélange" de trois couleur de base : Rouge, Green, Blue. Chacunes de ces trois couleurs de bases ce "découpent en valeurs allant de "0" à "255".
"0" étant le NOIRE" et "255" le blanc. Chaque couleurs sera donc définit avec le mélange de trois valeurs de "0" à "255", expl : "255 0 0" = ROUGE - "0 0 0" = NOIRE - "255 255 255" = BLANC - "153 153 153" = GRIS... Créer un menu Accordéon avec jQuery. Non non, détrompez-vous, nous n’utiliserons pas CSS et jQuery pour fabriquer cet instrument de musique à vent ! Bien que les langages évoluent continuellement, dans un contexte aussi poussé seuls quelques poignées de petits génies pourraient pratiquer ce sport extrême ! Dans notre cas, nous allons simplement nous intéresser au menu accordéon, et c’est bien mieux comme ça.
Petit tour d’horizon Si vous parcourez fréquemment les blogs, vous avez sans doute déjà vu ce type de menus dépliables. Avec ce genre de menu, on sollicite l’action de l’utilisateur par un évènement JavaScript (ex: click, hover, …) qui ouvre le contenu de la section sur laquelle il a interagi. L’effet visuel de base s’effectue par deux scrolling inversés. Est-ce vraiment utile ? Tout dépend du contexte, et de ce que vous souhaitez faire. Prenons pour exemple, un blog de voitures. Dans d’autres cas, il représente carrément l’armature même d’un site (ex: book photo, portfolio, …). <! On y intègre nos sections : <! Accordion with CSS3. Using hidden inputs and labels, we will create a CSS-only accordion that will animate the content areas on opening and closing. View demo Download source Today we’ll experiment some more with the adjacent and general sibling combinator and the :checked pseudo-class.
Using hidden inputs and labels, we will create an accordion that will animate the content areas on opening and closing. There are many variations of CSS-only accordions around, most of which are implemented using the :target pseudo-class. So, let start! Please note: the result of this tutorial will only work as intended in browsers that support the CSS3 properties in use. The Markup We will be going through an example that uses checkboxes where one content section is open by default (the input needs to be ‘checked’). Note that we need to give each input an ID which we will then use in the for attribute of the label. Each article will have a class that will help us determine to which height we it to expand to.
The CSS Demos. Utiliser Wordpress en local avec Wamp. La plupart des webmasters souhaitent faire une refonte complète du design de leur thème Wordpress ou bien avoir un backup local de leurs articles afin de les éditer ou tout simplement ajouter des articles en local. Il y a de nombreuses solutions pour travailler en local, avec par exemple Google Gears qui vous permettra de créer des articles en local et qui synchronisera le contenu une fois ceux-ci terminés. Mais si vous souhaitez par exemple importez vos articles localement et que vos fichiers (images, zip) ont une URL absolue sur vos articles pointant chez votre hébergeur, alors là ça se corse Dans ce tuto, je vais vous montrer comment travailler simplement en local avec Wordpress tout en étant hors-ligne afin d'avoir une copie conforme de votre blog et pouvoir synchroniser votre travail simplement avec votre hébergeur.
Cela concerne les refontes de thèmes, plugins, l'écriture et modification d'articles, mots-clés, etc... Allez c'est parti WampServer Paramétrages initiaux. Deep in the web - Comprendre le web. Deep in the web - Comprendre le web. Des liens pour pouvoir "customiser" vos thèmes ! 10 Générateurs de thèmes pour Wordpress sur Anthilemoon. Ryan Hellyer | WordPress ramblings. Using Tagul in WordPress « Michele Wolfe. WordPress / Atahualpa theme page last updated 12 February 2012 Situation: You want to provide a visual representation of your site. A Wordle-like image. And like a tag cloud widget. The keywords in the image are clickable and executes a search of your site using that keyword. You generate the (free) image at Tagul. You need an account but signing up is dead simple and your word clouds are saved. Demo page: Exploring Tagul Go to Tagul Click My Clouds > CREATE NEW CLOUD It’s pretty self-explanatory.
The key step here is to change the default Tags’ Link Pattern so that it follows this format: To produce the image, click the Visualize! Click Save changes Click Grab and share! Click Place on a Web page This is where you can change the size of the image that you’ll place on your webpage. Place the code into your post – BE SURE TO USE the HTML tab (not the Visual tab). Unfortunately, this code alone doesn’t work. Take a look at the code above. Code used within the post: How to add a Google Calendar to your wordpress.com blog using the RSS widget | helen's nerdy blog.
Updated July 2008 because formats of google calendar appear to have changed How to add future events from your public google calendar to your sidebar, in event order. This is how I did it (for our canoe site). There may be easier ways – if so, do share. You can see an example of what this does on the sidebar of this blog’s homepage. The google bit Presumably you already have a google calendar, and have made it public. Or else, presumably, you have found a publicly available google calendar, and want to display that.
Having created the calendar, or added it to your set of calendars, go to the Calendar settings and get the url of the xml feed of the google calendar, and paste it into a text editor, so that you can modify it. For example, for Kenyan public holidays, the URL of the xml is: The getting-things-in-the-right-order-by-adding-parameters bit ? So in our example, becomes instead Step 2a. Créer des zones réactives avec Gimp. Dans le cas de mon exemple, entrer le nom de la photo escalier1.jpg dans URL à activer (sans le chemin si dans le même répertoire que le code html). Dans le Type de lien, choisir Autre (ici une image, sans plus de précision). Lien relatif activé, permet d'éviter les erreurs de chemin, quelque soit le répertoire où vous déciderez de placer ensemble, le fichier html et les images.
Tuto : Créer une carte de France, une zone d'image cliquable avec GIMP. 19/01/2013 Posté dans Wordpress & CO | 18 commentaires Je n’avais pas forcément prévu de faire une section wordpress (encore moins « développement ») sur ce blog mais finalement c’est chose faite. Pour les besoins d’un site, il me fallait une carte de France, cliquable sous WordPress, idéalement un plugin, mais je n’ai pas trouvé mon bonheur. Finalement, en fouinant un peu sur la toile, j’ai trouvé quelques cartes gratuites avec le codage associé, que vous trouverez ci-dessous. Pour les modifier, c’est plutôt simple, il faut simplement une image et utiliser les balises MAP, AREA et COORDS pour créer des zones cliquables sur une image, ici, une carte de France. Comment faire une carte de France cliquable?
Si vous ne connaissez pas le site C-Map, qui fournit des cartes cliquables et que vous avez besoins de cartes interactives, vous devriez y faire un tour. Bref, j’ai opté pour une carte gratuite des régions de France. Ensuite, vous aurez ce type de résultat: Simple non? MapPress Easy Google Maps. MapPress adds an interactive map to the wordpress editing screens. When editing a post or page just enter any addresses you'd like to map. The plugin will automatically insert a great-looking interactive map into your blog. Your readers can get directions right in your blog and you can even create custom HTML for the map markers (including pictures, links, etc.)! For even more features, try the MapPress Pro Version Key Features MapPress is based on the latest Google maps API v3WordPress MultiSite compatibleCustom post types are supportedEasily create maps right in the standard post edit and page edit screensAdd markers for any address, place or latitude/longitude location, or drag markers where you want themCreate custom text and HTML for the markers, including photos, links, etc.Street view supportedReaders can get driving, walking and bicycling directions right in your blog.
Pro Version Features Home Page | Documentation | FAQ | Support. 14.2. Carte cliquable. Tutoriel vidéo WordPress : Créer une homepage personnalisée. Créer une page statique comme page d’accueil de votre blog Wordpress.