Concrete5 Tutorial, Change the site name and enable full caching in Concrete5, Concrete5 24/7 Support, Concrete5 Hosting. We will show you in this tutorial in a few simple steps how to modify your website name and also how to change the caching settings on Concrete5. In order to start making the above changes, the first step is to login to the administrator back-end of the CMS: The above will be valid if your Concrete5 is installed under the www root folder of your hosting account. If you have installed it under a subfolder add the subfolder name before the /dashboard/ in the above line. When the administrator back-end is completely rendered click on the “Sitewide Settings”: Here the top left box is the SiteName. The next thing we manage from this very same menu is the caching for the application. We will show you here how to enable sitewide caching and this will effect all the pages which have no other manual configurations. With the default Concrete5 installation the Basic caching is enabled.
CSS3 Background Images 100% width/height 28th July 2010 A Box with known width and height A Box with known width and height Caramels caramel tiramisu. A Box with known width and unknown height A Box with known width and unknown height Sugar plum sesame snaps cotton candy chupa chups jelly lemon drops. Liquorice tiramisu tootsie roll apple pie pudding bear claw. A Box with unknown width and unknown height A Box with unknown width and unknown height Sugar plum sesame snaps cotton candy chupa chups jelly lemon drops.Gingerbread tiramisu gummies. stu nicholls - CSS play Information Having recently ploughed through hundreds of pages on the web looking for information on how to style a background image to be 100% the size of the container using CSS3 and found most did not have the correct information, I thought that I would clarify things here and show how this is actually styled. All three of the above boxes use the same styling for the background image and is as follows: Copyright
Manuel PHP Edit Report a Bug Manuel PHP ¶ par: Mehdi Achour Friedhelm Betz Antony Dovgal Nuno Lopes Hannes Magnusson Georg Richter Damien Seguy Jakub Vrana Et bien d'autres Édité par: Peter Cowburn par: Frédéric Blanc Traducteur Vincent Blanchon Traducteur Pierrick Charron Traducteur Julien Pauli Traducteur Mickaël Perraud Relecteur Guillaume Plessis Traducteur Yannick Torrès Traducteur Vincent Briet Jean-Sébastien Goupil David Manusset © 1997-2019 PHP Documentation Group add a note User Contributed Notes There are no user contributed notes for this page. Créer des menus simples en CSS - Alsacreations Dans ce tutoriel, nous allons apprendre à réaliser des menus "simples" (sans arborescence: tous les liens sont au même niveau) à l'aide des feuilles de style. Sommaire Le code HTML Comme toujours, le choix des balises html doit être guidé par la nature du contenu qu'on souhaite y placer. Un point de vue largement répandu consiste à considérer le menu de navigation comme une liste de liens, et donc à utiliser la balise correspondant aux listes non ordonnées, <ul>. Par exemple, pour un menu comportant 5 items: <ul id="navigation"><li><a href="#" title="aller à la section 1">item1</a></li><li><a href="#" title="aller à la section 2">item2</a></li><li><a href="#" title="aller à la section 3">item3</a></li><li><a href="#" title="aller à la section 4">item4</a></li><li><a href="#" title="aller à la section 5">item5</a></li></ul> Remarquez l'identifiant placé sur la balise <ul>. Capture d'écran du résultat: On va donner une bordure, une couleur de fond et une couleur de texte aux éléments <li>:
Concrete5 Tutorial, How to install themes in Concrete5, Concrete5 24/7 Support, Concrete5 Hosting. Having a great-looking and unique Concrete5 website has never been easier before. Simply choose the Concrete5 Theme that you would like to have on your Concrete5 website and our professional tech support team will install it for free in almost no time. Any Concrete5 Theme installation can be requested from the client's area -> Get Support section -> Submit Support Ticket. We will show you in this article how to install new themes on your Concrete5 based website. The Concrete5 developers have made it really easy to add themes to the CMS without even the need of downloading these manually. First step is to login to the administrator back-end of the CMS: The above will be valid if your Concrete5 is installed under the www root folder of your hosting account. You should now register a concrete5 community account. When you click the Connect to Community link it will load the next page on which you may use an existing account or create a new one: 3.
Sélecteurs CSS class et id A quoi servent les sélecteurs CSS class et id ? Tout simplement à définir des styles particuliers que l'on voudra reproduire de façon ponctuelle ou récurrente dans les pages HTML.Une fois que la la feuille de style de base n'a plus de secrets, il est temps de passer à la vitesse supérieure. Les sélecteurs class et id sont incontournables et indispensables. Voyons leurs similitudes et leurs différences par deux exemples. Fonctionne avec : Tous les navigateurs Propriétés utilisés : background-color float width margin text-align Le sélecteur class Premier exemple : les pages web sont souvent ponctuées d'ancres permettant de remonter en haut de page, et celles-ci sont souvent placées à droite de la page. Code CSS Code (X)HTML Pour appeler ce style dans la page html, on indique simplement class="haut" à l'intérieur de la balise voulue. <p class="haut"><a href="#haut">Haut de page</a></p> Et voilà, et cette mise en forme peut-être répétée autant de fois que besoin dans la page. Sélecteur id Haut
Gérer les débordements de contenus grâce à CSS - Alsacreations Comment ça ? Vous pensiez être maître de votre design web et voilà que certains bouts de textes débordent par-ci par-là en cassant toute votre œuvre ? Quel manque de reconnaissance de vos rédacteurs ! Sommaire Précision : cet article se limite volontairement au dépassement de contenus et non à d'éventuelles erreurs de conception de design, de mauvaise gestion de la fluidité, ou à des débordements de blocs flottants. Préambule J'ai une mauvaise nouvelle pour vous : le Web n'est pas un média figé ou paginé tel que le média d'impression. Puisque - heureusement - il n'est plus possible de fixer la taille, voici un point sur les différentes techniques modernes permettant de canaliser les caprices de vos contributeurs… overflow: hidden : circulez, y'a rien à voir ! La propriété CSS2 overflow a été conçue pour administrer les débordements d'éléments au sein d'un bloc. Voici comment mettre en œuvre cette propriété : Le retour à la ligne forcé avec word-wrap : chérie, ça va couper ! Exemple (HTML) :
Backstretch: a simple jQuery plugin that allows you to add a dynamically-resized background image to any page Advertisement a simple jQuery plugin that allows you to add a dynamically-resized, slideshow-capable background image to any page or element by Scott Robbin Download Backstretch Now link to a hosted copy on cdnjs.com or download the entire project, including examples. Do you see the full-sized background image on this page? Images are fetched after your page is loaded, so your users won't have to wait for the (often large) image to download before using your site. Demos Where can I get it? If you are interested in learning more about Backstretch, it's recommended that you view the project on GitHub. Support Basic support is offered through Github's issues tracker. If you are in need of immediate support, Email Support is available for $17. Other jQuery Plugins If you like this plugin, feel free to check out some of the others I've built. Intelligist Share and demo code in-page, usingGitHub gists.
Tuto Geek » Tutoriaux » [CSS] Les bases 1) Introduction Bonjour Le langage CSS, Cascade Style Sheet, traduit littéralement Feuille de Style en Cascade sert à la mise en forme. Il est en effet très utile pour séparer mise en forme et contenu du XHTML. 2) Utilisation du CSS Pour pouvoir l'utiliser, vous devez créer une balise <div> ou <span> avec un attribut class ou id. 1. Il faut savoir qu'il y a des différences entre class et id : - Un id s'applique à un objet unique : il ne peut pas y avoir deux mêmes id dans une page - Une classe peut désigner plusieurs objets identiques. Par exemple, il peut avoir 1. 2. Mais il n'est pas correct 1. 2. De même entre <span> et <div> : - Un <div> s'applique à un élément bloc, qui contribue à la mise en page du document. - Un <span> s'applique à un élément en-ligne, qui enrichie du texte. Il est préférable de créer une feuille de style à part en .css pour plus de lisibilité. 1. Vous pouvez spécifier le type de media comme screen, print,... 1. 2. 3. 1. Et ceci dans votre feuille de style CSS: 1. 1. 1.h1
CSS3 Create - Démos, tutoriels et expériences CSS : menus, galerie photos, interfaces web. Apprendre le HTML : les bases des CSS Les CSS (Cascading Style Sheets) peuvent constituer le point de réference du formatage (couleurs et apparence du texte, des liens, et de certains éléments de la page html) de tout le site web. Si votre site comporte plus d'une centaine de pages HTML, il serait fastidieux de les modifier une à une, si vous décidez de changer la couleur de vos liens sur votre site ! Les CSS vous permettent une maintenance extrèmement simple... Les liens avec les CSS Par exemple, si vous désirez que tous les liens de votre site soient rouges, blancs lorsqu'ils sont survolés par la souris, et orange une fois cliqués, vous utiliserez ce code : Pourquoi "a:" ? Autre exemple, mais ici les liens survolés vont être en gras, soulignés, verts et en taille de 20pt : Le body et les CSS Intégrez la couleur du body dans les CSS et non dans le code HTML de la page : si vous décidez de modifier après coup la couleur du body, vous n'aurez qu'à modifier une ligne dans le fichier CSS et non chaque page HTML !
CSS : on reprend tout à zéro ! Par Joe Gillespie Cet article est le premier d'une série qui en compte 15. Chaque épisode sera publié bimensuellement dans nos pages. Introduction Si l'idée d'utiliser des Feuilles de Styles en Cascade vous effraie, tranquillisez-vous. Que vous utilisiez un éditeur WYSIWYG sans jamais vous occuper du code source qu'il y a derrière, ou même si vous n'avez jamais créé la moindre page Web, ce tutoriel va vous mettre dans la bonne direction. De quoi aurez-vous besoin? De rien de particulier. Pas de panique ! Ah, vous aurez besoin d'un navigateur, ça va sans dire. Si vous voulez télécharger vos pages vers un serveur Web, vous aurez besoin d'un programme FTP standard, mais ne vous en inquiétez pas pour l'instant, tout va être fait sur votre ordinateur. Première étape : une page de base Avant toute chose, il nous faut une page Web de base. <html><head></head><body> Voici ma page Web </body></html> À l'intérieur de la balise html se trouvent deux autres paires de balises. La partie <head>...
Débuter avec HTML + CSS Ce court tutoriel est destiné à ceux qui commencent à utiliser CSS et n'ont jamais écrit de feuille de style CSS. Il n'explique pas CSS en profondeur. Il explique comment créer un fichier HTML, un fichier CSS et comment les faire fonctionner ensemble. Après cela, vous pourrez lire d'autres tutoriels afin d'ajouter plus de caractéristiques à vos fichiers HTML et CSS. Ou bien vous pouvez utiliser un éditeur HTML ou CSS afin de mettre en place des sites complexes. A la fin de ce tutoriel, vous aurez fait un fichier HTML qui ressemble à cela: Page HTML résultante, couleurs et disposition effectuées avec CSS. Notez que je ne prétends pas que c'est joli :) Voici un exemple de section optionelle. Etape 1: Le langage HTML Pour ce tutoriel, je vous recommande d'utiliser des outils simples comme Blocnote (Windows), TextEdit (Mac) ou KEdit (KDE). <! En fait, vous n'avez pas à le taper: vous pouvez le copier et coller depuis cette page Web dans votre éditeur. Etape 2: Ajouter de la couleur <! En savoir plus