WebForge Sŕrl

: Modèles types

Modèles types

Exemples de modèles pour récupérer XML

Bovet: code du 05.07.2012

Afficher

Modèle 1 >?

Afficher
<?xml version='1.0' encoding='utf-8' ?>
<template>
  <gfx name='middle-bg' type='pattern' dir='horizontal' >
    <param type='flat' color='#fff' size='200' />
    <param type='flat' color='#ccc' size='1' />
    <param type='flat' color='#fff' size='580' />
    <param type='flat' color='#ccc' size='1' />
    <param type='flat' color='#fff' size='230' />
  </gfx>
  <font name='nav-font' family='verdana' weight='normal' size='0.92em' decoration='none' color='#006666' />
  <font name='fastlink-font' family='verdana' weight='normal' size='0.9em' decoration='none' color='#929292' />
  <font name='flags' family='verdana' weight='normal' size='1.2em' decoration='none' color='#494949' />
  <font name='footer-title-font' family='arial' weight='bold' size='0.9em' decoration='none' color='#ffffff' />
  <font name='footer-adresse-font' family='arial' weight='normal' size='0.9em' decoration='none' color='#333333' />
  <font name='footer-slogan-font' family='verdana' weight='normal' size='0.9em' decoration='none' color='#ffffff' />
  <font name='titles-font' family='verdana' weight='bold' />
  <font name='texts-font' family='verdana' weight='normal' size='1em' decoration='none' color='#454545' />
  <background name='body' repeat='repeat' level='0'  />
  <background name='top' repeat='no-repeat' level='0'  />
  <background name='navBack' repeat='repeat-x' level='0'  />
  <background name='socialBack' repeat='repeat-x' level='0'  />
  <background name='footerBack' repeat='repeat-x' level='0'  />
  <background name='puce' repeat='no-repeat' position='0px 7px' level='0' />
  <css background-color='#ffffff' use-background='body' font-size='88%' padding-bottom='20px' />
  <layout align='center' width='1006'>
    <div id='main'>
      <css padding='0' margin='20px 0' box-shadow='2px 2px 2px #9f9f9f' border='solid 1px #999' border-radius='20px' background-color='#ffffff' />
      <div id='top'>
        <css position='relative' padding-top='120px' border-top-left-radius='22px' border-top-right-radius='22px' use-background='top' />
        <nav id='nav' preset='horizontal-left'>
          <css use-font='nav-font' use-background='navBack' background-color='#999999' />
          <css selector='li' margin='0' padding='0' />
          <css selector='li a' color='#ffffff' margin='0' padding='6px 15px' />
          <css selector='li a:hover' color='#ccccff' margin='0' />
        </nav>
        <fastlinks quant='2' preset='horizontal-right'>
          <css use-font='nav-font' use-background='navBack' background-color='#413568' />
          <css selector='li' margin='0' padding='0' />
          <css selector='li a' color='#ffffff' margin='0' padding='6px 15px' />
          <css selector='li a:hover' color='#ccccff' margin='0' />
        </fastlinks>
        <share size='24'>
          <css position='absolute' right='52px' top='68px' />
        </share>
        <print color='#999' size='24'>
          <css position='absolute' right='22px' top='68px' />
        </print>
      </div>
      <div id='middle'>
        <css background='url(middle-bg) repeat-y' margin='20px 0' />
        <layout float='left' width='200,*,220'>
          <div id='left'>
            <nav id='subnav' render='always' preset='vertical' level='1'>
              <css margin='0 5px 100px 15px' min-width='200px' use-font='nav-font' />
              <css selector='li a' padding='3px 0 3px 15px' color='#666666' use-background='puce' />
              <css selector='li.on a' color='#000001' background-position='0 -90px' />
              <css selector='li a:hover' color='#FF1629' background-position='0 -90px' />
              <css selector='li.on a' color='#FF1629' />
              <nav preset='vertical'>
                <css margin='0 0 0 10px' use-font='nav-font' />
                <css selector='li a' padding='3px 0 3px 15px' color='#666666' background-image='none' />
                <css selector='li a:hover' color='#FF1629' />
                <css selector='li.on a' color='#FF1629' />
              </nav>
            </nav>
            <item name='footerTitle' type='paragraph'>
              <css padding='4px 20px 3px' background-color='#999999' text-align='left' use-font='footer-title-font' />
            </item>
            <item name='footerAdresse' type='paragraph'>
              <css use-font='footer-adresse-font' padding='20px' />
              <css selector='a' color='#666699' />
              <css selector='a:hover' color='#663399' />
            </item>
          </div>
          <container id='content'>
            <css margin='0 20px' use-font='texts-font' font-size='1em' min-height='1px' />
            <css selector='h1' use-font='titles-font' font-size='1.6em' color='#ff1525' />
            <css selector='h2' use-font='titles-font' font-size='1.4em' />
            <css selector='h3' use-font='titles-font' font-size='1.2em' />
            <css selector='a' color='#666699' />
            <css selector='a:hover' color='#663399' />
            <css media='print' color='#000' width='95%' />
          </container>
          <container id='aside' level='0' image-fx='border'>
            <css min-height='1px' margin='0 15px 100px 15px' use-font='texts-font' font-size='0.9em'  />
            <css selector='h1' use-font='titles-font' font-size='1.6em' color='#ff1525' />
            <css selector='h2' use-font='titles-font' font-size='1.4em' />
            <css selector='h3' use-font='titles-font' font-size='1.2em' />
            <css selector='a' color='#666699' />
            <css selector='a:hover' color='#663399' />
          </container>
        </layout>
      </div>
      <div id='footer' clear-after='both'>
        <css position='relative' text-align='center' background='#999999' border-bottom-left-radius='18px' border-bottom-right-radius='18px' use-background='footerBack' />
        <powered>
          <css position='absolute' right='120px' top='-30px' />
        </powered>
        <designer name='inforweb'>
          <css position='absolute' right='20px' top='-20px' />
        </designer>
        <item name='slogan' type='paragraph'>
          <css padding='6px 0 4px 0' use-font='footer-slogan-font' />
        </item>
      </div>
    </div>
  </layout>
</template>

Ellen Weigand: code du 05.07.2012

Afficher

Modèle 1 >?

Afficher
<?xml version='1.0' encoding='utf-8' ?>
<template>
  <gfx name='middle-bg' type='pattern' dir='horizontal' >
    <param type='flat' color='#fff' size='200' />
    <param type='flat' color='#ccc' size='1' />
    <param type='flat' color='#fff' size='580' />
    <param type='flat' color='#ccc' size='1' />
    <param type='flat' color='#fff' size='230' />
  </gfx>
  <font name='nav-font' family='verdana' weight='normal' size='0.92em' decoration='none' color='#006666' />
  <font name='fastlink-font' family='verdana' weight='normal' size='0.9em' decoration='none' color='#929292' />
  <font name='flags' family='verdana' weight='normal' size='1.2em' decoration='none' color='#ffffff' />
  <font name='footer-title-font' family='arial' weight='bold' size='0.9em' decoration='none' color='#ffffff' />
  <font name='footer-adresse-font' family='arial' weight='normal' size='0.9em' decoration='none' color='#333333' />
  <font name='footer-partner-font' family='verdana' weight='normal' size='1em' decoration='none' color='#ffffff' />
  <font name='titles-font' family='verdana' weight='bold' />
  <font name='texts-font' family='verdana' weight='normal' size='1em' decoration='none' color='#454545' />
  <background name='top' repeat='no-repeat' level='0'  />
  <background name='navBack' repeat='repeat-x' level='0'  />
  <background name='socialBack' repeat='repeat-x' level='0'  />
  <background name='footerBack' repeat='repeat-x' level='0'  />
  <background name='puce' repeat='no-repeat' position='0px 7px' level='0' />
  <css background='#ffffff' font-size='88%' padding-bottom='20px' />
  <layout align='center' width='1006'>
    <div id='main'>
      <css padding='0' margin='20px 0' box-shadow='2px 2px 2px #666' border='solid 2px #666' border-radius='20px' />
      <div id='top'>
        <css position='relative' padding-top='114px' border-top-left-radius='18px' border-top-right-radius='18px' use-background='top' />
        <nav id='nav' preset='horizontal-left'>
          <css position='relative' use-font='nav-font' use-background='navBack' background-color='#413568' />
          <css selector='li' margin='0' padding='0' />
          <css selector='li a' color='#ffffff' margin='0' padding='6px 15px' />
          <css selector='li a:hover' color='#ccccff' margin='0' />
        </nav>
        <fastlinks quant='2' preset='horizontal-right'>
          <css use-font='nav-font' use-background='navBack' background-color='#413568' />
          <css selector='li' margin='0' padding='0' />
          <css selector='li a' color='#ffffff' margin='0' padding='6px 15px' />
          <css selector='li a:hover' color='#ccccff' margin='0' />
        </fastlinks>
        <div id='social' clear-after='both'>
          <css use-background='socialBack' min-height='32px' />
          <flags preset='horizontal-left'>
            <css margin-left='11px' float='left' width='190px' />
            <css selector='li' margin='0' padding='0' font-variant='small-caps' use-font='flags' />
            <css selector='li a' color='#ffffff' margin='0' padding='5px' />
            <css selector='li a:hover' color='#ccf' margin='0' />
            <css selector='li.on a' color='#ffffff' margin='0' padding='5px' text-decoration='underline' />
          </flags>
          <share size='16'>
            <css float='left' margin-top='7px' />
          </share>
          <print color='#eeeeee' size='16'>
            <css float='right'  margin-right='220px' margin-top='7px' />
          </print>
        </div>
      </div>
      <div id='middle'>
        <css background='#ffffff url(middle-bg) repeat-y' margin='45px 0 15px 0' />
        <layout float='left' width='200,*,220'>
          <div id='left'>
            <nav id='subnav' render='always' preset='vertical' level='1'>
              <css margin='0 5px 0 15px' use-font='nav-font' />
              <css selector='li a' padding='3px 0 3px 15px' color='#666666' use-background='puce' />
              <css selector='li.on a' color='#000001' background-position='0 -90px' />
              <css selector='li a:hover' color='#000001' background-position='0 -90px' />
              <nav preset='vertical'>
                <css margin='0 0 0 10px' use-font='nav-font' />
                <css selector='li a' padding='3px 0 3px 15px' color='#666666' background-image='none' />
                <css selector='li.on a' color='#000001' />
                <css selector='li a:hover' color='#000001' />
              </nav>
            </nav>
            <item name='footerTitle' type='paragraph'>
              <css padding='4px 20px 3px' margin-top='50px' background-color='#584790' use-font='footer-title-font' />
            </item>
            <item name='footer' type='paragraph'>
              <css use-font='footer-adresse-font' padding='16px' />
                <css selector='a' color='#666699' />
                <css selector='a:hover' color='#663399' />
            </item>
          </div>
          <container id='content'>
            <css margin='0 20px' use-font='texts-font' font-size='1em' min-height='1px' />
            <css selector='h1' use-font='titles-font' font-size='1.6em' color='#333366' />
            <css selector='h2' use-font='titles-font' font-size='1.4em' />
            <css selector='h3' use-font='titles-font' font-size='1.2em' />
            <css selector='a' color='#666699' />
            <css selector='a:hover' color='#663399' />
            <css media='print' color='#000' width='95%' />
          </container>
          <container id='aside' level='0' image-fx='border'>
            <css min-height='1px' margin='0 15px 100px 15px' use-font='texts-font' font-size='0.9em'  />
            <css selector='h1' use-font='titles-font' font-size='1.6em' color='#333366' />
            <css selector='h2' use-font='titles-font' font-size='1.4em' />
            <css selector='h3' use-font='titles-font' font-size='1.2em' />
            <css selector='a' color='#666699' />
            <css selector='a:hover' color='#663399' />
          </container>
        </layout>
      </div>
      <div id='footer' clear-after='both'>
        <css position='relative' text-align='center' background='#fff' border-bottom-left-radius='18px' border-bottom-right-radius='18px' use-background='footerBack' />
        <powered>
          <css position='absolute' right='120px' top='-30px' />
        </powered>
        <designer name='inforweb'>
          <css position='absolute' right='20px' top='-20px' />
        </designer>
        <item name='adresse' type='paragraph'>
           <css padding='10px 0 6px 0' use-font='footer-partner-font' backgroud-color='red    '/>
        </item>
      </div>
    </div>
  </layout>
</template>

Exclusive Voyages: code du 05.07.2012

Afficher

Modèle 1 >?

Afficher
<?xml version='1.0' encoding='utf-8' ?>
<template>
  <var name='mw' value='860' level='0' />
  <var name='color1' type='color' value='#006666' level='1' />
  <var name='color2' function='modLum' lum='1.8' color='{color1}' />
  <var name='color3' function='mix' color-start='{color1}' color-end='#999' ratio='0.8' />
  <font name='nav-font' family='verdana' weight='normal' size='0.92em' decoration='none'  />
  <font name='flags' family='verdana' weight='normal' size='1em' decoration='none' />
  <font name='texts-font' family='verdana' weight='normal' size='1em' decoration='none' color='#eeeeee' />
  <font name='titles-font' family='verdana' weight='bold' />
  <font name='slogan-font' family='verdana'  weight='normal' size='0.9em' decoration='none' color='#ffffff' />
  <font name='footer-adresse-font' family='verdana'  weight='normal' size='0.9em' decoration='none' color='#ffffff' />
  <background name='body' repeat='repeat' level='0'  />
  <background name='topBack1' repeat='repeat-x' level='0' />
  <background name='navBack' repeat='repeat-x' level='0' color='#3C0A13' />
  <background name='subnavBack' repeat='repeat-x' level='0' />
  <background name='subnavBackLi' repeat='repeat-x' level='0' />
  <background name='footerBack1' repeat='repeat-x' level='0' />
  <background name='footerBack2' repeat='repeat-x' level='0' />
  <css background='#333333' font-size='88%' padding-bottom='20px' use-background='body' />
  <div id='top1ex'>
    <css use-background='topBack1' />
    <layout align='center' width='{mw}px'>
      <div id='top1'>
        <css min-height='47px' />
        <item name='follow' type='paragraph'>
          <css float='left' padding='12px 3px 12px 0' use-font='footer-adresse-font' color='{color3}' />
          <css selector='a' color='#fff' />
          <css selector='a:hover' color='{color3}' />
        </item>
        <item name='follow1' type='imglink'>
          <css float='left' />
        </item>
        <item name='follow2' type='imglink'>
          <css float='left' />
        </item>
        <item name='follow3' type='imglink'>
          <css float='left' />
        </item>
        <fastlinks quant='4' preset='horizontal-right'>
          <css float='right' margin='0' padding='6px 0 0 0' use-font='nav-font' />
          <css selector='li' />
          <css selector='li a' color='#ffffff' margin='0' padding='6px 0 6px 15px' />
          <css selector='li a:hover' color='{color3}' margin='0' />
        </fastlinks>
      </div>
    </layout>
  </div>
  <div id='top2ex'>
    <css />
    <layout align='center' width='{mw}px'>
      <div id='top2'>
        <css />
        <logo>
          <css padding='40px 0 40px 185px' />
        </logo>
      </div>
    </layout>
  </div>
  <div id='nav1ex'>
    <css use-background='navBack' />
    <layout align='center' width='{mw}px'>
      <div>
      <nav id='nav' preset='horizontal-left'>
        <css float='left' use-font='nav-font' border-right='1px solid #999' border-right-color='rgba(255, 255, 255, 0.2)' />
        <css selector='li' border-left='1px solid #999' border-left-color='rgba(255, 255, 255, 0.2)' />
        <css selector='li:first-child' border-left='0 none' />
        <css selector='li a' color='#fff' margin='0' padding='8px 15px' border-right='1px solid #999' border-right-color='rgba(0, 0, 0, 0.2)' />
        <css selector='li.on a' background-color='rgba(255, 255, 255, 0.2)' border-right-color='transparent' />
        <css selector='li a:hover' color='{color3}' margin='0' />
      </nav>
      <flags preset='horizontal-right'>
        <css selector='li' float='left' use-font='flags' />
        <css selector='li a' color='#ffffff' margin='0' padding='7px 15px 0' text-decoration='none' />
        <css selector='li a:hover' color='{color3}' margin='0' />
      </flags>
      </div>
    </layout>
  </div>
  <div id='subnav1ex' clear-after='both'>
    <css use-background='subnavBack' />
    <layout align='center' width='{mw}px'>
      <div id='subnavDiv'>
        <nav id='subnav' preset='horizontal-left' parent-visibility='hidden' level='1'>
          <css margin='8px 0' border='solid #454545 1px' box-shadow='2px 2px 2px #000' use-font='nav-font' use-background='subnavBackLi' />
          <css selector='li a' padding='3px 10px' color='#ffffff' use-background='sprite' background-position='-10px -447px' />
          <css selector='li.on a' color='{color2}' background-position='-260px -447px'  />
          <css selector='li a:hover' color='{color3}' background-position='-260px -447px'  />
        </nav>
      </div>
    </layout>
  </div>
  <div id='middle1ex'>
    <css padding='10px 0' />
    <layout align='center' width='{mw}px'>
      <div id='socialBar'>
        <css />
        <print color='#999' size='16'>
          <css float='right' margin-left='20px' />
        </print>
        <share size='16'>
          <css float='right' />
        </share>
        <item name='share' type='paragraph'>
          <css float='right' padding='0 7px 0 0' use-font='footer-adresse-font' color='{color3}' />
          <css selector='a' color='#fff' />
          <css selector='a:hover' color='{color3}' />
        </item>
       </div>
    </layout>
  </div>
  <div id='middle2ex'>
    <css />
    <layout align='center' width='{mw}px'>
      <container id='content' bgcolor='#333333' fgcolor='{color2}' txtcolor='#eeeeee'>
        <css min-height='350px' padding='5px 0 25px 0' />
        <css margin='15px 0' use-font='texts-font' font-size='1em' />
        <css selector='h1' use-font='titles-font' font-size='1.6em' font-variant='small-caps' color='{color3}' />
        <css selector='h2' use-font='titles-font' font-size='1.4em' />
        <css selector='h3' use-font='titles-font' font-size='1.2em' />
        <css selector='a' color='{color2}' />
        <css media='print' color='#000' width='95%' />
      </container>
    </layout>
  </div>
  <div id='footer1ex'>
    <css use-background='footerBack1' />
    <layout align='center' width='{mw}px'>
      <div id='footer1'>
        <css position='relative' text-align='center' />
        <powered bgcolor='#000000'>
          <css position='absolute' right='0px' top='-26px' />
        </powered>
        <designer name='inforweb' bgcolor='#fff'>
          <css position='absolute' left='0' top='-15px' />
        </designer>
        <item name='adresse' type='paragraph'>
          <css padding='12px 0' use-font='footer-adresse-font' color='{color3}' />
          <css selector='a' color='#fff' />
          <css selector='a:hover' color='{color3}' />
        </item>
      </div>
    </layout>
  </div>
  <div id='footer2ex'>
    <css use-background='footerBack2' />
    <layout align='center' width='{mw}px'>
      <div id='footer2' clear-after='both'>
        <css position='relative' text-align='center' />
        <item name='villes' type='paragraph'>
          <css padding='12px 0' use-font='footer-adresse-font' color='{color3}' />
          <css selector='a' color='#fff' />
          <css selector='a:hover' color='{color3}' />
        </item>
      </div>
    </layout>
  </div>
</template>

Commune de Goumoens: code du 05.07.2012

Afficher

Modèle 1 >?

Afficher
<?xml version='1.0' encoding='utf-8' ?>
<template>
  <var name='mw' value='764' level='0' />
  <gfx name='middle-bg' type='pattern' dir='horizontal' >
    <param type='flat' color='#fff' size='190' />
    <param type='flat' color='#ccc' size='1' />
    <param type='flat' color='#fff' size='580' />
  </gfx>

  <font name='nav-font' family='arial' weight='bold' size='0.9em' decoration='none' />
  <font name='fastlink-font' family='arial' weight='bold' size='0.82em' decoration='none' />
  <font name='footer-title-font' family='arial' weight='bold' size='1.2em' decoration='none' color='#ffffff' />
  <font name='footer-link-font' family='arial' weight='bold' size='0.9em' decoration='none' color='#ffffff' />
  <font name='footer-adresse-font' family='arial' weight='normal' size='1em' decoration='none' color='#333333' />
  <font name='titles-font' family='verdana' weight='bold' />
  <font name='texts-font' family='verdana' weight='normal' size='0.9em' decoration='none' color='#666666' />
  <background name='body' repeat='repeat' level='0' color='#99978a' />
  <background name='top' repeat='no-repeat' level='0' />
  <background name='main1ex' repeat='repeat-x' position='0px 0px' level='0'  />
  <background name='puce' repeat='no-repeat' position='0px 2px' level='0' />
  <css use-background='body' font-size='88%' padding='0 0 20px 0' />
  <div id='main1ex'>
    <css use-background='main1ex' margin='0' padding-top='40px' />
    <layout align='center' width='{mw}px'>
        <div id='main'>
          <css position='relative' background='#ffffff' box-shadow='2px 2px 2px #666' border='solid 2px #333' border-radius='20px' />
        <div id='peinture'>
          <css position='absolute' top='-52px' left='-70px' use-background='top' height='{top.height}px' width='{top.width}px'/>
        </div>
        <div id='top'>
            <css position='relative' border-top-left-radius='18px' border-top-right-radius='18px' border-bottom='solid black 4px'  />
            <logo>
              <css position='absolute' left='90px' top='90px' />
            </logo>
            <div id='photoVillage'>
              <css position='absolute' top='-8px' right='146px' />
              <each var-n='1,2,3,4' width='106,106,106,106' float='left'>
                  <item name='photo{n}' type='image'>
                    <css box-shadow='2px 2px 2px #999' margin-left='8px' border='3px solid white' height='90px' />
                  </item>
              </each>
            </div>
            <fastlinks quant='4' preset='horizontal-right'>
              <css use-font='fastlink-font' margin-right='146px' padding-top='141px' />
              <css selector='li' width='100px' margin-left='5px' padding='0' text-align='center' />
              <css selector='li a' color='#fff' padding='6px 12px 3px' background='#003366' border='solid #eee 2px' border-bottom='none' border-top-right-radius='8px' border-top-left-radius='8px' />
              <css selector='li a:hover' color='#ffff00' margin='0' />
            </fastlinks>
          </div>
          <div id='middle'>
            <css background='#ffffff url(middle-bg) repeat-y' margin='20px 0 40px 0' />
            <layout float='left' width='192,*'>
              <nav id='nav' preset='vertical'>
                <css margin='0 3px 0 2px' use-font='nav-font' />
                <css selector='li a' padding='3px 0 3px 20px' color='#777777' use-background='puce' />
                <css selector='li.on a' color='#333333' background-position='0px -70px' />
                <css selector='li a:hover' color='#333333' background-position='0px -70px' />
                <nav preset='vertical'>
                  <css margin='0 0 0 10px' use-font='nav-font' font-size='1em' />
                  <css selector='li a' padding='3px 0 3px 15px' color='#878787' background-image='none' />
                  <css selector='li.on a' color='#222222' />
                  <css selector='li a:hover' color='#222222' />
                </nav>
              </nav>
              <container id='content'>
                <css margin='0 20px 0 18px' use-font='texts-font' font-size='1em' />
                <css selector='h1' use-font='titles-font' font-size='1.5em' color='#666666' />
                <css selector='h2' use-font='titles-font' font-size='1.2em' color='#666666' border-bottom='1px solid #cccccc' />
                <css selector='h3' use-font='titles-font' font-size='1em' color='#ce2c2c' />
                <css selector='h4' use-font='titles-font' font-size='1em' color='#456789' />
                <css selector='a' color='#222299' font-weight='normal' />
                <css selector='a:hover' color='#ce2c2c' />
                <div id='social' clear-after='both'>
                  <css use-background='socialBack' min-height='20px' />
                  <share size='16'>
                    <css float='left' />
                  </share>
                  <print color='#666666' size='16'>
                    <css float='right' />
                  </print>
                </div>
              </container>
            </layout>
          </div>
          <div id='footer' clear-after='both'>
            <css margin='0 20px' border-top-left-radius='18px' border-top-right-radius='18px' position='relative' />
            <powered>
              <css position='absolute' right='2px' top='-28px' />
            </powered>
            <designer name='inforweb'>
              <css position='absolute' left='2px' top='-20px' />
            </designer>
            <each float='left' width='187,187,187,*' var-n='1,2,3,4' var-mr='29,29,29,0' var-c='#003366,#1f5825,#e87619,#ce2c2c'>
                <div>
                    <css margin-right='{mr}px' background-color='{c}' min-height='72px' padding='8px' box-shadow='2px 2px 2px #999'  />
                    <item name='part{n}title' type='paragraph' level='0'>
                      <css use-font='footer-title-font' padding-bottom='5px' />
                    </item>
                    <item name='part{n}' type='paragraph' level='0'>
                      <css use-font='footer-link-font' text-align='right' />
                      <css selector='a' color='#ffffff' text-decoration='none' />
                      <css selector='a:hover' color='#9999ff' />
                    </item>
                </div>
            </each>
            <div id="blocadresse" clear-after='both'>
              <item name='footer' type='paragraph'>
                <css padding='10px 0 8px' use-font='footer-adresse-font' text-align='center'  />
              </item>
            </div>
          </div>
      </div>
    </layout>
  </div>
</template>

Cercle Turquoise: code du 05.07.2012

Afficher

Modèle 1 >?

Afficher
<?xml version='1.0' encoding='utf-8' ?>
<template>
  <var name='navtopcol' value='#96642f' type='color' level='0' />
  <var name='fgcolor' value='#96642f' type='color' level='0' />

  <!-- pour upload images -->
  <background name='body'         repeat='repeat'                            level='0' color='#00696d' />
  <background name='main'         repeat='repeat'                            level='0' />
  <background name='mainBottom'   repeat='no-repeat' position='bottom left'  level='0' />
  <background name='nav'          repeat='repeat'                            level='0' />
  <background name='puce'         repeat='no-repeat' position='2px 5px'      level='0'  />
  <font name='nav-font'       family='arial' weight='normal'   size='0.92em'  decoration='none' />
  <font name='fastlink-font'  family='arial' weight='normal'   size='0.9em'   decoration='none' />
  <font name='titles-font'    family='arial' weight='bold'                                      />
  <font name='texts-font'     family='arial' weight='normal'   size='1em'     decoration='none' color='#fff' />
  <css use-background='body' font-size='88%' padding-bottom='20px' />
  <layout width='960' align='center'>
    <div id='main'>
      <css use-background='main' border-bottom-right-radius='20px' border-bottom-left-radius='20px' border='#005f68 solid 5px'  border-top='none'/>
      <div id='main2'>
        <css use-background='mainBottom' min-height='400px' border-bottom-right-radius='20px' border-bottom-left-radius='20px' />
        <layout float='left' width='170,*,170'>
          <div id='left'>
            <css position='relative' margin='0 0 0 15px' />
            <div id='navlogo'>
              <css padding='0 5px 15px 8px' margin='0' use-background='nav' use-font='nav-font' border-bottom-right-radius='18px' border-bottom-left-radius='18px' />
              <logo>
                <css />
              </logo>
              <nav id='nav' preset='vertical'>
                <css padding-top='10px' />
                <css selector='li a' padding='3px 15px' color='#7dafc8' />
                <css selector='li.on a' padding-left='22px' color='#fff' background-position='0px 6px' use-background='puce' />
                <css selector='li a:hover' padding-left='22px' color='#fff' background-position='0px 6px' use-background='puce' />
                <nav preset='vertical'>
                  <css margin='0 0 0 10px' use-font='nav-font' />
                  <css selector='li a' padding='3px 0 3px 15px' color='#7dafc8' background-image='none' />
                  <css selector='li.on a' color='#fff' />
                  <css selector='li a:hover' color='#fff' />
                </nav>
              </nav>
              <share size='24'>
                <css margin='58px 0 0 12px' />
              </share>
          <powered  bgcolor='#1b5056'>
            <css position='absolute' left='20px' bottom='63px' opacity='0.9' />
          </powered>
          <designer bgcolor='#1b5056' name='inforweb'>
            <css position='absolute' left='45px' bottom='48px' opacity='0.4' />
          </designer>            </div>
          </div>
          <div id='centre'>
            <div id='top'>
              <css  />
              <logo id='logo2'>
                <css padding='15px 0 20px 18px' />
              </logo>
            </div>
            <container id='content' fgcolor='{fgcolor}' bgcolor='#298087'>
              <css margin='0 15px' use-font='texts-font' font-size='1em' min-height='450px' />
              <css selector='h1' use-font='titles-font' font-size='1.6em' color='#fff' />
              <css selector='h2' use-font='titles-font' font-size='1.4em' color='#ffcc33'/>
              <css selector='h3' use-font='titles-font' font-size='1.2em' color='#66ffcc'/>
              <css selector='a' color='#66ffcc' />
              <css selector='a:hover' color='#fff' />
            </container>
          </div>
          <div id='right'>
            <css margin='0 5px 0 0' />
            <container id='aside' level='0'>
              <css min-height='1px' margin='15px 10px' use-font='texts-font' font-size='0.9em'  />
              <css selector='h1' use-font='titles-font' font-size='1.6em' color='#fff' />
              <css selector='h2' use-font='titles-font' font-size='1.4em' color='#ffcc33' />
              <css selector='h3' use-font='titles-font' font-size='1.2em' color='#66ffcc' />
              <css selector='a' color='#66ffcc' />
              <css selector='a:hover' color='#fff' />
            </container>
          </div>
        </layout>
        <div id='footer' clear-after='both'>
          <css position='relative' padding-top='135px' border-bottom-right-radius='20px' border-bottom-left-radius='20px' />
          <item name='fleur' type='image'>
            <css position='absolute' right='20px' bottom='30px' />
          </item>
        </div>
      </div>
    </div>
  </layout>
</template>

KS ASSIST: code du 05.07.2012

Afficher

Modèle 1 >?

Afficher
<?xml version='1.0' encoding='utf-8' ?>
<template>
  <var name='color1' type='color' value='#006666' level='1' />
  <var name='color2' function='modLum' lum='1.8' color='{color1}' />
  <var name='color3' function='mix' color-start='{color1}' color-end='#fff' ratio='0.8' />

  <font name='nav-font' family='verdana' weight='normal' size='0.92em' decoration='none' />
  <font name='texts-font' family='verdana' weight='normal' size='1em' decoration='none' color='#eeeeee' />
  <font name='titles-font' family='verdana' weight='bold' />
  <font name='slogan-font' family='verdana'  weight='normal' size='0.9em' decoration='none' color='#ffffff' />
  <font name='footer-adresse-font' family='verdana'  weight='normal' size='0.9em' decoration='none' color='#ffffff' />

  <background name='body' repeat='repeat' level='0'  />
  <background name='sprite' repeat='no-repeat' level='1' />
  <background name='top' repeat='no-repeat' position='bottom' level='0'  />
  <background name='socialBack' repeat='repeat-x' level='0'  />


  <css background='#222' font-size='88%' padding-bottom='20px' use-background='body' />
  <layout align='center' width='969'>
    <div id='main'>
      <css position='relative' padding='0' margin='0 0 20px' border='solid 2px {color1}' border-bottom-left-radius='20px' border-bottom-right-radius='20px' background-color='#000000' />
      <div id='top'>
        <css position='relative' use-background='top' min-height='96px' text-align='left' />
        <div id='logo'>
          <css position='absolute' left='15px' top='15px' width='151px' height='34px' use-background='sprite' background-position='0 -320px' />
        </div>
      </div>
        <div id='top2'>
            <css use-background='sprite' background-position='0 -361px' background-repeat='repeat-x' />
            <nav id='nav' preset='horizontal-left'>
              <css use-font='nav-font' border-right='1px solid #999' border-right-color='rgba(255, 255, 255, 0.2)' />
              <css selector='li' margin='0' padding='0' border-left='1px solid #999' border-left-color='rgba(255, 255, 255, 0.2)' />
              <css selector='li:first-child' border-left='0 none' />
              <css selector='li a' color='#fff' margin='0' padding='8px 15px' border-right='1px solid #999' border-right-color='rgba(0, 0, 0, 0.2)' />
              <css selector='li.on a' background-color='rgba(255, 255, 255, 0.2)' border-right-color='transparent' />
              <css selector='li a:hover' color='{color3}' margin='0' />
            </nav>
            <fastlinks quant='2' preset='horizontal-right'>
              <css selector='ul' use-font='nav-font' border-left='1px solid #999' border-left-color='rgba(0, 0, 0, 0.2)' />
              <css selector='li' margin='0' padding='0'  border-left='1px solid #999' border-left-color='rgba(255, 255, 255, 0.2)' />
              <css selector='li a' color='#ffffff' margin='0' padding='8px 15px' border-right='1px solid #999' border-right-color='rgba(0, 0, 0, 0.2)' />
              <css selector='li.on a' background-color='rgba(255, 255, 255, 0.2)' border-right-color='transparent' />
              <css selector='li a:hover' color='{color3}' margin='0' />
            </fastlinks>
          </div>
          <div id='top3'>
              <css float='left' width='100%' padding='8px 0' use-background='socialBack' />
              <share size='16'>
                <css float='left' margin-left='200px' />
              </share>
              <flags>
                <css float='left' margin-left='400px' />
                <css selector='li' float='left' margin='0' padding='0' font-variant='small-caps' use-font='flags' />
                <css selector='li a' color='#ffffff' margin='0' padding='18px 0 10px 10px' text-decoration='none' />
                <css selector='li a:hover' color='#33ffff' margin='0' />
              </flags>
              <print color='#fcfcfc' size='16'>
                <css float='left' margin-left='465px' />
              </print>
         </div>
      <div id='middle'>
        <css margin='45px 0 35px 0' />
        <layout float='left' width='180,*,180'>
          <div id='left'>
            <nav id='subnav' render='always' preset='vertical' level='1'>
              <css margin='0 5px 320px 0' use-font='nav-font' />
              <css selector='li a' padding='3px 0 3px 15px' color='#ffffff' use-background='sprite' background-position='-10px -447px' />
              <css selector='li.on a' color='{color2}' background-position='-260px -447px'  />
              <css selector='li a:hover' color='{color2}' background-position='-260px -447px'  />
              <nav preset='vertical'>
                <css margin='0 0 0 0' use-font='nav-font' />
                <css selector='li a' padding='3px 0 3px 23px' color='#cccccd' background-image='none' />
                <css selector='li.on a' color='{color2}' use-background='sprite' background-position='-253px -447px' />
                <css selector='li a:hover' color='{color2}' use-background='sprite' background-position='-253px -447px' />
              </nav>
            </nav>
          </div>
          <container id='content' bgcolor='#000' fgcolor='{color2}' txtcolor='#eeeeee'>
            <css margin='0 20px' use-font='texts-font' font-size='1em' />
            <css selector='h1' use-font='titles-font' font-size='1.6em' color='{color2}' />
            <css selector='h2' padding='15px' use-font='titles-font' font-size='0.92em' color='#fff' border-radius='15px' border='1px solid #000' background-color='{color1}' />
            <css selector='h3' use-font='titles-font' font-size='1.2em' />
            <css selector='a' color='{color2}' />
            <css selector='a:hover' opacity='0.8' />
            <css media='print' color='#000' width='95%' />
          </container>
          <container id='aside' level='1' bgcolor='#222222' fgcolor='{color2}' txtcolor='#eeeeee'>
            <css min-height='1px' margin='0 15px' use-font='texts-font' font-size='0.9em'  />
            <css selector='h1' use-font='titles-font' font-size='1.6em' color='{color2}' />
            <css selector='h2' use-font='titles-font' font-size='1.2em' />
            <css selector='h3' use-font='titles-font' font-size='0.92em' color='#ff0' />
            <css selector='a' color='{color2}' />
            <css selector='a:hover' opacity='0.8' />
          </container>
        </layout>
      </div>
      <div id='flowercontent'>
        <css position='absolute' opacity='0.5' width='153px' height='320px' left='0' bottom='0px' use-background='sprite' background-position='-665px 0'/>
      </div>
      <div id='flowerleft'>
        <css position='absolute' width='250px' height='320px' left='-252px' top='0px' use-background='sprite' />
      </div>
      <div id='flowerright'>
        <css position='absolute' width='415px' height='320px' right='-234px' bottom='-178px' use-background='sprite' background-position='-251px 0' />
      </div>
      <div id='footer' clear-after='both'>
        <css position='relative' text-align='center' background-color='{color1}' border-bottom-left-radius='16px' border-bottom-right-radius='16px' />
        <powered bgcolor='#000000'>
          <css position='absolute' right='15px' top='-26px' />
        </powered>
        <designer name='inforweb' bgcolor='#000'>
          <css position='absolute' right='100px' top='-15px' />
        </designer>
        <item name='adresse' type='paragraph'>
          <css padding='6px 0 6px 0' use-font='footer-adresse-font' color='{color3}' />
          <css selector='a' color='#fff' />
          <css selector='a:hover' color='{color3}' />
        </item>
      </div>
    </div>
  </layout>
</template>

MBS RAPIN: code du 05.07.2012

Afficher

Modèle 1 >?

Afficher
<?xml version='1.0' encoding='utf-8' ?>
<template>
  <gfx name='main-bg' type='pattern' dir='horizontal' >
    <param type='flat' color='#c9dbde' size='23' />
    <param type='flat' color='#fff' size='180' />
    <param type='flat' color='#ccc' size='1' />
    <param type='flat' color='#fff' size='580' />
    <param type='flat' color='#c9dbde' size='6' />
    <param type='flat' color='#dbe8ea' size='216' />
  </gfx>
  <font name='nav-font' family='verdana' weight='normal' size='0.92em' decoration='none' color='#006666' />
  <font name='fastlink-font' family='verdana' weight='normal' size='0.9em' decoration='none' color='#66cccc' />
  <font name='footer-partner-font' family='verdana' weight='normal' size='1em' decoration='none' color='#999999' />
  <font name='titles-font' family='verdana' weight='bold' />
  <font name='texts-font' family='verdana' weight='normal' size='1em' decoration='none' color='#494949' />
  <background name='top' repeat='no-repeat' level='0' />
  <background name='puce' repeat='no-repeat' position='2px 5px' level='0' />
  <css background='#165868' font-size='88%' padding-bottom='20px' />
  <div id='topex'>
    <css background='#082827' border-bottom='3px solid white' />
    <layout align='center' width='1006'>
      <div id='top'>
        <css position='relative' min-height='{top.height}px' use-background='top' />
        <item name='mouse' type='image'>
          <css position='absolute' right='12px' top='97px' />
        </item>
        <fastlinks quant='6' preset='horizontal'>
          <css padding-top='138px' padding-left='23px' use-font='fastlink-font' />
          <css selector='li' margin='0' padding='0' />
          <css selector='li a' color='#66cccc' margin='0' padding='18px 0 10px 35px' width='93px' />
          <css selector='li a:hover' color='#ffffff' margin='0' />
        </fastlinks>
        <share size='16'>
          <css position='absolute' bottom='-23px' left='218px' />
        </share>
        <print color='#999' size='24'>
          <css position='absolute' bottom='-27px' right='238px' />
        </print>
      </div>
    </layout>
  </div>
  <layout align='center' width='1006'>
    <div id='main'>
      <css min-height='150px' padding='15px 0 0 0' margin-bottom='20px' box-shadow='2px 2px 2px #666' border-bottom-right-radius='20px' border-bottom-left-radius='20px' background='#fff url(main-bg) repeat-y' />
      <layout float='left' width='202,*,223'>
        <div id='left'>
          <nav id='nav' preset='vertical'>
            <css margin='0 0 0 25px' use-font='nav-font' />
            <css selector='li a' padding='3px 0 3px 22px' color='#117777' use-background='puce' />
            <css selector='li.on a' color='#004545' background-position='2px -69px' />
            <css selector='li a:hover' color='#004545' background-position='2px -69px' />
            <nav preset='vertical'>
              <css margin='0 0 0 10px' use-font='nav-font' />
              <css selector='li a' padding='3px 0 3px 15px' color='#117777' background-image='none' />
              <css selector='li.on a' color='#004545' />
              <css selector='li a:hover' color='#004545' />
            </nav>
          </nav>
        </div>
        <container id='content'>
          <css margin='20px 15px 0' use-font='texts-font' font-size='1em' />
          <css selector='h1' use-font='titles-font' font-size='1.6em' color='#115665' />
          <css selector='h2' use-font='titles-font' font-size='1.4em' />
          <css selector='h3' use-font='titles-font' font-size='1.2em' />
          <css selector='a' color='#339999' />
          <css selector='a:hover' color='#17414d' />
          <css media='print' color='#000' width='95%' />
        </container>
        <container id='aside' level='0' image-fx='border'>
          <css min-height='1px' margin='0 15px' use-font='texts-font' font-size='0.9em'  />
          <css selector='h1' use-font='titles-font' font-size='1.6em' color='#115665' />
          <css selector='h2' use-font='titles-font' font-size='1.4em' />
          <css selector='h3' use-font='titles-font' font-size='1.2em' />
          <css selector='a' color='#339999' />
          <css selector='a:hover' color='#17414d' />
        </container>
      </layout>
      <div id='footer' clear-after='both'>
        <css background='#fff' margin-left='41px' margin-right='240px' padding-top='28px' position='relative' />
        <powered>
          <css position='absolute' right='-223px' bottom='10px' />
        </powered>
        <designer name='inforweb'>
          <css position='absolute' right='-125px' bottom='8px' />
        </designer>
        <item name='footer' type='paragraph'>
          <css padding='6px 0' border-top='1px solid #ccc' border-bottom='1px solid #ccc' use-font='footer-partner-font' />
        </item>
        <item name='part1' type='imglink'>
          <css float='left' />
        </item>
        <item name='part2' type='imglink'>
          <css margin-left='10px' float='left' />
        </item>
        <item name='part3' type='imglink'>
          <css margin-left='10px' float='left' />
        </item>
        <item name='part4' type='imglink'>
          <css margin-left='15px' float='left' />
        </item>
        <item name='part5' type='imglink'>
          <css margin-left='20px' float='left' />
        </item>
      </div>
    </div>
  </layout>
</template>

SUSHI code du 05.07.2012

Afficher

Modèle 1 >?

Afficher
<?xml version='1.0' encoding='utf-8' ?>
<template>

<var name='maincol' value='#ce934a' type='color' level='0' />
<var name='backcol' value='#ce934a' type='color' level='0' />
<var name='frontcol' value='#fff' type='color' level='0' />
<var name='navtopcol' value='#96642f' type='color' level='0' />

<gfx name='main-bg' type='pattern' dir='horizontal' >
  <param type='flat' color='{backcol}' size='9' />
  <param type='flat' color='{frontcol}' size='185' />
  <param type='flat' color='{backcol}' size='9' />
  <param type='flat' color='{frontcol}' size='560' />
  <param type='flat' color='{backcol}' size='9' />
  <param type='flat' color='{frontcol}' size='185' />
  <param type='flat' color='{backcol}' size='9' />
</gfx>

<gfx name='footer-bg' type='pattern' dir='horizontal' thickness='10' >
  <param type='flat' color='{backcol}' size='9' />
  <param type='corner' color-start='{backcol}'  color-end='{frontcol}' dir='bottom-left' />
  <param type='flat' color='{frontcol}' size='165' />
  <param type='corner' color-start='{frontcol}'  color-end='{backcol}' dir='bottom-right' />
  <param type='flat' color='{backcol}' size='9' />
  <param type='corner' color-start='{backcol}'  color-end='{frontcol}' dir='bottom-left' />
  <param type='flat' color='{frontcol}' size='540' />
  <param type='corner' color-start='{frontcol}'  color-end='{backcol}' dir='bottom-right' />
  <param type='flat' color='{backcol}' size='9' />
  <param type='corner' color-start='{backcol}'  color-end='{frontcol}' dir='bottom-left' />
  <param type='flat' color='{frontcol}' size='165' />
  <param type='corner' color-start='{frontcol}'  color-end='{backcol}' dir='bottom-right' />
  <param type='flat' color='{backcol}' size='9' />
</gfx>

<!-- pour upload images -->
<background name='body' repeat='repeat-x' level='0' color='#febd6b' />
<background name='puce' repeat='no-repeat' position='2px 5px' level='0' />

<css use-background='body' font-size='85%' padding-bottom='20px' />

<font name='top-txt-font' family='arial' weight='bold' size='1.27em' decoration='none' color='#ebcd92' />
<font name='nav-top-font' family='arial' weight='bold' size='1em' decoration='none' color='#ebcd92' />
<font name='nav-font' family='arial' weight='normal' size='0.92em' decoration='none' color='#663300' />
<font name='fastlink-font' family='arial' weight='normal' size='0.9em' decoration='none' color='#ebcd92' />
<font name='footer-font' family='arial' weight='normal' size='0.82em' decoration='none' color='#ebcd92' />
<font name='titles-font' family='arial' weight='bold' />
<font name='texts-font' family='arial' weight='normal' size='1em' decoration='none' color='#513519' />

         <layout width='966' align='center'>

           <div id='main'>
               <css min-height='400px' background='{maincol} url(main-bg) repeat-y' border-bottom-right-radius='20px' border-bottom-left-radius='20px' />

               <div id='head'>
                       <css margin='0 9px 0 0' />

                       <item name='toptxt' type='paragraph' level='0'>
                           <css padding='10px' use-font='top-txt-font' background='{maincol}' text-align='center' />
                       </item>

               <div id='top'>
                    <css position='relative' use-background='top' />

                </div>
               </div>
               <layout float='left' width='194,*,194'>

                   <div id='left'>
                       <css margin='0 0 0 9px' />

                       <item name='navlefttop' type='paragraph' level='0'>
                           <css padding='10px' use-font='nav-top-font' background='{navtopcol}' text-align='center' />
                       </item>
                       <div id='navlogo'>
                        <css padding='10px' margin='0 5px' background='#f8f2eb' use-font='nav-font' border-bottom-right-radius='18px' border-bottom-left-radius='18px' />
                        <logo>
                            <css padding-right='0' />
                        </logo>

                       <nav id='nav' preset='vertical'>
                        <css selector='li a' padding='3px 0 3px 0' color='#A57951' />
                        <css selector='li.on a' padding-left='22px' color='#663300' background-position='0px 6px' use-background='puce' />
                        <css selector='li a:hover' padding-left='22px' color='#663300' background-position='0px 6px' use-background='puce' />
                             <nav preset='vertical'>
                                <css margin='0 0 0 10px' use-font='nav-font' />
                                <css selector='li a' padding='3px 0 3px 15px' color='#A57951' background-image='none' />
                                <css selector='li.on a' color='#663300' />
                                <css selector='li a:hover' color='#663300' />
                            </nav>
                       </nav>
                           <share size='24'>
                               <css margin-top='25px' />
                           </share>
                       </div>


                   </div>

                   <div id='centre'>
                    <fastlinks quant='4' preset='horizontal-right'>
                        <css use-font='fastlink-font' margin-right='9px' />
                        <css selector='li' min-width='90px' margin-right='10px' padding='0' text-align='center' />
                        <css selector='li a' color='#ebcd92' padding='6px 12px' background='{navtopcol}' border-bottom-right-radius='8px' border-bottom-left-radius='8px' />
                        <css selector='li a:hover' color='#ffffff' margin='0' />
                    </fastlinks>

                   <container id='content'>
                      <css margin='15px 24px 100px' use-font='texts-font' font-size='1em' min-height='500px' /><!-- min-heigt pour faire apparaitre -->
                      <css selector='h1' use-font='titles-font' font-size='1.6em' color='#7D4000' />
                      <css selector='h2' use-font='titles-font' font-size='1.4em' />
                      <css selector='h3' use-font='titles-font' font-size='1.2em' />
                      <css selector='a' color='#CC711F' />
                      <css selector='a:hover' color='#7D4000' />
                   </container>
                   </div>

                   <div id='right'>
                       <css margin='0 9px 0 0' />

                       <item name='navrighttop' type='paragraph' level='0'>
                           <css padding='10px' width='165px' height='' use-font='nav-top-font' background='{navtopcol}' text-align='center' />
                       </item>

                           <container id='aside' level='0'>
                              <css min-height='1px' margin='15px 10px' use-font='texts-font' font-size='0.9em'  />
                              <css selector='h1' use-font='titles-font' font-size='1.6em' color='#7D4000' />
                              <css selector='h2' use-font='titles-font' font-size='1.4em' />
                              <css selector='h3' use-font='titles-font' font-size='1.2em' />
                              <css selector='a' color='#CC711F' />
                              <css selector='a:hover' color='#7D4000' />
                           </container>

                   </div>
               </layout>

               <div id='footer' clear-after='both'>
                   <css position='relative' padding-top='10px' background='{backcol} url(footer-bg) no-repeat' border-bottom-right-radius='20px' border-bottom-left-radius='20px' />
                      <powered>
                          <css position='absolute' left='18px' top='-20px' />
                      </powered>
                      <designer name='inforweb'>
                          <css position='absolute' left='93px' top='-10px' />
                      </designer>
                      <item name='sushi' type='image' level='0'>
                        <css position='absolute' left='213px' top='-87px' />
                      </item>
                      <item name='footertxt' type='paragraph' level='0'>
                           <css padding='10px' use-font='footer-font' text-align='justify' />
                      </item>

               </div>

             </div>
           </layout>
</template>
Editer