Changeset 90480 in spip-zone


Ignore:
Timestamp:
Jun 24, 2015, 12:27:45 PM (4 years ago)
Author:
chankalan@…
Message:

formulaire de choix du logo pour simulation

Location:
_squelettes_/spiplogo/skel
Files:
11 added
2 edited

Legend:

Unmodified
Added
Removed
  • _squelettes_/spiplogo/skel/content/rubrique-insitu_site.html

    r90472 r90480  
    22        Permet de simuler la page d'accueil su site spip.net avec un logo de 300x300
    33]
    4 
     4[(#REM) les explications sont maintenant dans le texte de l'article de la rubrique, avec l'appelle du formulaire]
     5<!--
    56<h2>Fond du site combiné dynamiquement avec un des logos proposés</h2>
    67<p>Recalculer la page pour visualiser les fonds avec un autre logo.</p>
    7 <p>Les logos sont pris au hasard parmi la liste suivante : 97,84,100,112,170,161</p>
     8<p>Les logos sont pris au hasard parmi la liste suivante : 97,84,100,112,170,161</p>-->
    89
    9 <BOUCLE_logo(DOCUMENTS){id_document IN 97,84,100,112,170,161}{0,1}{par hasard}>
     10<BOUCLE_article(ARTICLES){id_rubrique}{!par date}{0,1}>
     11#TEXTE
     12</BOUCLE_article>
    1013
    11 <h3>Superposition en CSS[ (logo (#ID_DOCUMENT))]</h3>
    12 <div class="cadre">
    13         <div class="fond">[(#CHEMIN{img/spip.net_960x660.png}|image_recadre{960,660})]</div>
    14         <div class="logo">[(#FICHIER|image_reduire{0,150}|image_recadre{450,150,'center','transparent'})]</div>
    15 </div>
    16 </BOUCLE_logo>
    17 
    18 <h3>Superposition avec |image_masque</h3>
    19 [(#CHEMIN{img/spip.net_960x660.png}
    20         |image_recadre{960,660}
    21         |image_masque{ [(#CHEMIN{img/polatouche.png}|image_recadre{960,660})] , mode=normal})]
    22 
    23 <h3>Fond du site sans logo</h3>
    24 [(#CHEMIN{img/spip.net_960x660.png}|balise_img)]
    25 
    26 <h2>Voir sur le site plugins.spip.net</h2>
    27 [(#CHEMIN{img/plugins.spip.net_9960x660.png}|balise_img)]
    28 
    29 <h2>Voir sur le site contrib.spip.net</h2>
    30 [(#CHEMIN{img/contrib.spip.net_960x660.png}|balise_img)]
  • _squelettes_/spiplogo/skel/css/style.css

    r90473 r90480  
    1818.planche-contact dl.liste-items dd.texte { padding:0; width:100%; bottom:0; }
    1919
     20
     21/*
     22 * in situ
     23 */
     24.composition_insitu_site .content, .composition_insitu_site .aside { width:100%; margin:0; }
     25.insitu { width:960px; height:660px; margin:0 0 60px; position:relative; }
     26.insitu .logo { position:absolute; }
     27.insitu img { max-width:100%; height:auto; }
     28
     29.spipnet { background:url('images/spip.png'); }
     30.insitu.spipnet .logo { top:80px; left:50%; margin-left:-200px; width:400px; text-align:center; }
     31.spipnet1 { background:url('images/spip1.png'); }
     32.insitu.spipnet1 .logo { top:50px; left:10px; }
     33
     34.programmer { background:url('images/programmer.png'); }
     35.insitu.programmer .logo { width:305px; top:125px; left:20px; }
     36
     37.contrib { background:url('images/contrib.png'); }
     38.insitu.contrib .logo { width:105px; top:50px; left:10px; }
     39
     40.plugins { background:url('images/plugins.png'); }
     41.insitu.plugins .logo { width:250px; top:75px; left:700px; }
     42
     43.code { background:url('images/code.png'); }
     44.insitu.code .logo { width:140px; top:60px; left:120px; }
    2045
    2146/*
     
    85110        height:660px;
    86111}
    87 .rubrique_insitu_site .logo {
     112/*.rubrique_insitu_site .logo {
    88113        position:absolute;
    89114        top:40px;
     
    91116        width: 450px;
    92117        height: 180px;
    93 }
     118}*/
    94119
    95120
Note: See TracChangeset for help on using the changeset viewer.