Archives pour la catégorie templates

the Last Horizontal Menu Item in CMS Made Simple CMSMS

Update Your StyleSheetNow you can turn off the border or whatever you’d like on the last menu item through your StyleSheet.#menu li#last { border: none; }

viaEdward Robirds | The Last Horizontal Menu Item in CMS Made Simple CMSMS.

> pas de bordure droite après le dernier élément d’un menu. I ncroyagble d’élégance et de simplciité !

Calguys Smart Image : attention aux urls !

Mauvaise surprise avec Calguys Smart Image lors du lancement d’un site.

Il existe un paramètre « Image Url Prefix: » qui pointe sur le répertoire utilisé au moment du développement. Si l’adresse change, il faut aller modifier

Extensions » Calguys Smart Image Toolkit » General » Image Url Prefix

Mise en oeuvre de l’extension :

{Gallery dir= »index » template= »index_tpl »}

 

Dans un template Os-templates :

<div id= »featured_slide_ »>
<ul id= »featured_slide_Content »>

{foreach from=$images item=image}

<li class= »featured_slide_Image »>

{CGSmartImage src=$image->file height= »540″}
<div class= »introtext »>
{$image->titlename}
</div>

</li>

{/foreach}

<li class= »clear featured_slide_Image »>
</li>

</ul>
</div>

CompagnyDirectory + CGGoogleMaps

{CompanyDirectory assign= » » detailpage= »churchyard-details »}{foreach from=$items item=’entry’} {assign var=’name’ value=$entry->company_name}{assign var=’lat’ value=$entry->latitude} {assign var=’long’ value=$entry->longitude} {capture assign=’description’}

<h3>{$entry->company_name}</h3>

<a href= »{$entry->detail_url} »>Find out more</a>

{/capture}{cggm_add_dynpoint map=’1′ name= »$name » lat= »$lat » long= »$long » description= »$description »}{/foreach}{CGGoogleMaps map=’1′ zoom=’1′ }

viaCMS Made Simple • View topic – [opgelost] CompagnyDirectory en CGGoogleMaps.

Templates HTML-CSS simples

Très bon point de départ pour créer des templates CSS

Tous les gabarits

Gabarits sur une colonne

*

Gabarit 01

Largeur fluide,

contenu sur toute la largeur,

en-tête, contenu et pied de page.

*

Gabarit 02

Conteneur global aligné à gauche,

largeur fixe 750px,

en-tête, contenu et pied de page.

Variante: conteneur global aligné à droite

*

Gabarit 03

Largeur fixe 750px,

conteneur global centré,

avec hauteur minimale de 100% de la fenêtre du navigateur.

Gabarits sur deux colonnes

*

Gabarit 04

Minimaliste,

menu vertical à gauche,

largeur fluide.

Variante: menu placé à droite.

*

Gabarit 05

Menu vertical à gauche,

simulation de colonnes de même hauteur,

largeur fluide

*

Gabarit 06

Menu vertical à gauche,

simulation de colonnes de même hauteur grâce à la technique des colonnes factices,

largeur fluide «intelligente».

*

Gabarit 07

En-tête, corps et pied de page séparés,

menu vertical à gauche,

colonnes factices,

largeur fixe 750px

*

Gabarit 08

Menu de navigation horizontal,

colonnes factices,

largeur fixe 900px

Gabarits sur trois colonnes

*

Gabarit 09

Minimaliste,

largeur fluide,

colonnes latérales positionnées en absolu

*

Gabarit 10

largeur fixe 900px,

colonnes factices,

colonnes latérales positionnées en float

*

Gabarit 11

largeur fluide «intelligente»,

colonnes factices,

colonnes latérales positionnées en float

viaTous les gabarits — Gabarits HTML-CSS.