Framework développement selectour
Ressources utilisées dans la construction des sites selectour.
Fil d'ariane
Voyages Vacances
Séjour
Séjour Laos
Séjour Ventiane
Affichage des notes
Affichage notation en points
Affichage notation en cercle
Affichage notation en circle "mini"
Module permettant de réduire un texte, d'ajouter "..." et éventuellement de rajouter "afficher plus".
Options : Nombre de caractères | Couleur du lien | Activation du lien
Exemples :
Popup de contact
Contact d'agent
Contact d'agence
Prise de rendez-vous
Réseaux sociaux
Affichage fan page type "bloc", uniquement facebook
Affichage en ligne, facebook et twiiter
Titres
Tous les titres sont basés sur la même classe, et reçoivent les mêmes paramêtres:
- font-family : Uni-Sans-Book
- font-weight: 600
- padding, margin, letter-spacing identiques
Exemple :
Titre de base + font-color-orange
Titre de base + font-color-blue
Bloc prix
COUP DE
329 €
TTC*
/pers.
789 €
Police par défaut
Le jeu de police appliqué par défault sur les projets est : font-family: Helvetica, Arial, sans-serif;
Polices disponibles
Uni-Sans-Book
Uni-Sans-Bold
Uni-Sans-Regular
Uni-Sans-SemiBold
Couleurs
Bleu #00B0D7
Bleu foncé #182983
Vert #94BF3C
Jaune #F9B62A
Orange #ED760E
Rouge #E63437
#fafafa // background clair
#f0f0f0 // background site
#dbdbdb // bordures
#d6d6d6 // background footer droite
#c7c7c7 // glyphicons
#b5b5b5
#b3b3b3 // textes clair
#858585 // textes sombre
#505050 // textes très sombres
#3d3d3d // Fonds foncés
Déclinaisons background
Les couleurs sont déclinables en background via la classe "background-{color}".
Exemples :
background-blue
background-yellow
background-red
Autres backgrounds
class="background-black-transparent"
background-gradient-yellow-orange
Déclinaisons bordure supérieur
background-top-green + background-white
background-top-blue-dark + background-white
Bouttons
Boutons génériques, déclinables sur toutes les couleurs :
button-border-rounded + background-blue
button-border-rounded + background-blue
button-border-rounded + background-blue
Boutons d'actions :
button-flat-orange
button-flat-yellow
Groupe de boutons
TEXTE
OPTION 1
OPTION 2
OPTION 3
Barre d'action
Descriptif
Avis d'experts
Infos Destination
Photos
Tarifs et disponibilités
Blocs
La création de bloc se fait via un agrégat de classes.
Exemple :
Ceci est un titre
Ce bloc est composé des classes :
Bloc : background-top-red background-white
Titre : global-title font-color-red
Ceci est un titre
Ce bloc est composé des classes :
Bloc : background-white
Titre : global-title font-color-green
Bloc retour moteur produit
Bloc home
Elements de formulaire
Interval
Plus et moins
Pagination