source: trunk/spip/esqueleto-redcta/themes/redcta/paleta3.html @ 274

Last change on this file since 274 was 93, checked in by guille, 16 years ago

limpiezafinal
File size: 16.1 KB
Line 
1#CACHE{86400}
2<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
3<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
4<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="#LANG" lang="#LANG">
5<head>
6        <title>[(#NOM_SITE_SPIP)]</title>
7        <INCLURE{fond=inc/inc-head}{lang}>
8   
9        #INSERT_HEAD
10        #SPIP_HEAD
11        <script language="JavaScript" type="text/javascript">
12function init(){
13        for(var i=1; i<=5; i++){
14                document.getElementById('contenido'+i).style.display = 'none';
15        }
16}
17
18function viewSection(id,total){
19        for (var i=1; i<=5; i++){
20                if(i!=id){
21                        document.getElementById('contenido'+i).style.display = 'none';
22                }else{
23                        document.getElementById('contenido'+i).style.display = 'block';
24                }
25        }
26}
27</script>
28<style>
29#menu1{
30        font-family:Century Gothic, Arial, helvetica, sans-serif;
31        font-size:11px;
32        /*clear:right;
33        display:inline;
34        margin-left:0px;
35        padding-left:0px;*/
36}
37#menu1 ul{margin:0;padding:0;}
38        #menu1 ul li{
39                list-style-type:none;
40                display:block;
41                float:left;
42                margin:3px 3px 3px 0px;
43                padding:3px;
44                border:solid #cccccc 1px;
45                border-left-width:10px;
46        }
47        #menu1 ul li a{
48                text-decoration:none;
49                text-transform:capitelize;
50                color:#000000;
51        }
52        #menu1 ul li a:hover{
53                color:#BA5257;
54        }
55        #menu1 ul li a:active{
56                border:solid #FFFFFF 0px;       
57        }
58</style>
59
60</head>
61
62<body onload="init()">
63<div id="pagina">
64        <INCLURE{fond=inc/inc-cabeza}{lang}>
65        <INCLURE{fond=inc/inc-barracabeza}{lang}>       
66        <div id="cuerpo">
67                <div id="estructura"></div>
68                <div id="columnaizquierda">
69                        <div id="estructura">columnaizquierda</div>
70                        <INCLURE{fond=inc/inc-menu-principal}{lang}>
71                </div><!-- columnaizquierda -->
72                <div id="contenido"><div id="estructura">contenido</div>
73                        <div id="bloquearriba">
74                                <BOUCLE_article_principal(ARTICLES) {titre=Paleta de Colores} {lang_select} {doublons} >
75                                        #DEBUT_SURLIGNE
76                                        [<div class="chapo">(#CHAPO)</div>]
77                                        [<div id="sommaire">
78                                                <h4><:icone_brouteur:></h4> [(#REM) = "Navigation rapide" on aurait prefere "Sommaire", mais pas de traduction ]
79                                                (#TEXTE*|sommaire_article|propre)
80                                        </div>]
81                                        <br class="nettoyeur" />
82                                        [<p class="lien"><:voir_en_ligne:> : <a href="(#URL_SITE)" class="spip_out">[(#NOM_SITE|sinon{[(#URL_SITE|couper{80})]})]</a></p>]
83                                        [<div class="texte">(#TEXTE*|decouper_en_page{#ID_ARTICLE}|propre|reduire_image{510,0})</div>]
84                                        #FIN_SURLIGNE
85                                               
86                                        [(#REM) Portfolio : album d'images ]
87                                        <B_documents_portfolio>
88                                                <div id="rubriquedestacada" >
89                                                        <center>Selecciona tu color base</center>
90                                                </div> 
91                                                <br />
92                                                <div id="documents_portfolio">
93                                                        <BOUCLE_documents_portfolio(DOCUMENTS) {id_article} {mode=document} {extension IN png,jpg,gif} {par num titre, date} >
94                                                                [<a href="spip.php?page=paleta3&id_document=#ID_DOCUMENT" type="#MIME_TYPE" onclick="location.href='spip.php?page=paleta3&id_document=#ID_DOCUMENT';return false;"[ title="(#TITRE|couper{80}|texte_backend)"]>(#LOGO_DOCUMENT||image_reduire{0,20}|inserer_attribut{alt,[(#TITRE|couper{80}|texte_backend)]})</a>]
95                                                        </BOUCLE_documents_portfolio>
96                                                </div>
97                                        </B_documents_portfolio>
98                                        <B_afficher_document1>
99                                                <a href="#" onclick="viewSection('1')">Ver Paleta de Colores</a>
100                                                <BOUCLE_afficher_document1(DOCUMENTS) {id_document} {id_article} {mode=document}{extension IN png,jpg,gif}>
101                                                        <div id="contenido1">
102                                                                <table width="100%"  border="0" cellspacing="0" style="border:1 solid #000000 ">
103                                                                        <tr>
104                                                                        <td align="center" valign="top" style="[background-color:#(#LOGO_DOCUMENT||couleur_extraire)] ">
105                                                                                        [<div style=" float:left; width:240px; height:250px padding:5px; background-color:#(#LOGO_DOCUMENT||couleur_extraire)">
106                                                                                                <b style="color:#[(#LOGO_DOCUMENT||couleur_extraire|couleur_inverser)] ">#FICHIER</b>
107                                                                                        </div>]
108                                                                                </td>
109                                                                        <td>   
110                                                                                        [<div style="float:left; width:250px;padding:5px; background-color:#(#LOGO_DOCUMENT||couleur_extraire|oscurecer_color_si_es_claro{8} |aclarar_color_si_es_oscuro{8})">
111                                                                                                <b style="color:#[(#LOGO_DOCUMENT||couleur_extraire|oscurecer_color_si_es_claro{8} |aclarar_color_si_es_oscuro{8}|couleur_inverser)] ">oscurecer_color_si_es_claro{8}| aclarar_color_si_es_oscuro{8}</b>
112                                                                                        </div>]         
113                                                                                        [<div style="float:left; width:250px;padding:5px; background-color:#(#LOGO_DOCUMENT||couleur_extraire|oscurecer_color_si_es_claro{6} |aclarar_color_si_es_oscuro{6})">
114                                                                                                <b style="color:#[(#LOGO_DOCUMENT||couleur_extraire|oscurecer_color_si_es_claro{6} |aclarar_color_si_es_oscuro{6}|couleur_inverser)] ">oscurecer_color_si_es_claro{6}| aclarar_color_si_es_oscuro{6}</b>
115                                                                                        </div>]                                                                                         
116                                                                                        [<div style="float:left; width:250px;padding:5px; background-color:#(#LOGO_DOCUMENT||couleur_extraire|oscurecer_color_si_es_claro{4} |aclarar_color_si_es_oscuro{4})">
117                                                                                                <b style="color:#[(#LOGO_DOCUMENT||couleur_extraire|oscurecer_color_si_es_claro{4} |aclarar_color_si_es_oscuro{4}|couleur_inverser)] ">oscurecer_color_si_es_claro{4}| aclarar_color_si_es_oscuro{4}</b>
118                                                                                        </div>]
119                                                                                        [<div style="float:left; width:250px;padding:5px; background-color:#(#LOGO_DOCUMENT||couleur_extraire|oscurecer_color_si_es_claro{3} |aclarar_color_si_es_oscuro{3})">
120                                                                                                <b style="color:#[(#LOGO_DOCUMENT||couleur_extraire|oscurecer_color_si_es_claro{3} |aclarar_color_si_es_oscuro{3}|couleur_inverser)] ">oscurecer_color_si_es_claro{3}| aclarar_color_si_es_oscuro{3}</b>
121                                                                                        </div>]
122                                                                                        [<div style="float:left; width:250px;padding:5px; background-color:#(#LOGO_DOCUMENT||couleur_extraire|oscurecer_color_si_es_claro{2} |aclarar_color_si_es_oscuro{2})">
123                                                                                                <b style="color:#[(#LOGO_DOCUMENT||couleur_extraire|oscurecer_color_si_es_claro{2} |aclarar_color_si_es_oscuro{2}|couleur_inverser)] ">oscurecer_color_si_es_claro{2}| aclarar_color_si_es_oscuro{2}</b>
124                                                                                        </div>]
125                                                                                        [<div style="float:left; width:250px;padding:5px; background-color:#(#LOGO_DOCUMENT||couleur_extraire|oscurecer_color_si_es_claro{1.8} |aclarar_color_si_es_oscuro{1.8})">
126                                                                                                <b style="color:#[(#LOGO_DOCUMENT||couleur_extraire|oscurecer_color_si_es_claro{1.8} |aclarar_color_si_es_oscuro{1.8}|couleur_inverser)] ">oscurecer_color_si_es_claro{1.8}| aclarar_color_si_es_oscuro{1.8}</b>
127                                                                                        </div>]
128                                                                                        [<div style="float:left; width:250px;padding:5px; background-color:#(#LOGO_DOCUMENT||couleur_extraire|oscurecer_color_si_es_claro{1.5} |aclarar_color_si_es_oscuro{1.5})">
129                                                                                                <b style="color:#[(#LOGO_DOCUMENT||couleur_extraire|oscurecer_color_si_es_claro{1.5} |aclarar_color_si_es_oscuro{1.5}|couleur_inverser)] ">oscurecer_color_si_es_claro{1.5}| aclarar_color_si_es_oscuro{1.5}</b>
130                                                                                        </div>]
131                                                                                        [<div style="float:left; width:250px;padding:5px; background-color:#(#LOGO_DOCUMENT||couleur_extraire|oscurecer_color_si_es_claro{1.3} |aclarar_color_si_es_oscuro{1.3})">
132                                                                                                <b style="color:#[(#LOGO_DOCUMENT||couleur_extraire|oscurecer_color_si_es_claro{1.3} |aclarar_color_si_es_oscuro{1.3}|couleur_inverser)] ">oscurecer_color_si_es_claro{1.3}| aclarar_color_si_es_oscuro{1.3}</b>
133                                                                                        </div>]
134                                                                                        [<div style="float:left; width:250px;padding:5px; background-color:#(#LOGO_DOCUMENT||couleur_extraire|oscurecer_color_si_es_claro{1.1} |aclarar_color_si_es_oscuro{1.1})">
135                                                                                                <b style="color:#[(#LOGO_DOCUMENT||couleur_extraire|oscurecer_color_si_es_claro{1.1} |aclarar_color_si_es_oscuro{1.1}|couleur_inverser)] ">oscurecer_color_si_es_claro{1.1}| aclarar_color_si_es_oscuro{1.1}</b>
136                                                                                        </div>]
137                                                                                        [<div style="float:left; width:250px;padding:5px; background-color:#(#LOGO_DOCUMENT||couleur_extraire|oscurecer_color_si_es_claro{1.1} |aclarar_color_si_es_oscuro{1.1}|couleur_extreme)">
138                                                                                                <b style="color:#[(#LOGO_DOCUMENT||couleur_extraire|oscurecer_color_si_es_claro{1.1} |aclarar_color_si_es_oscuro{1.1}|couleur_inverser|couleur_extreme)] ">oscurecer_color_si_es_claro{1.1}| aclarar_color_si_es_oscuro{1.1}| couleur_extreme</b>
139                                                                                        </div>]
140                                                                                </td>
141                                                                        </tr>
142                                                                </table>
143                                                        </div><!-- contenido1-->
144                                                        [<style type='text/css'>
145                                                                #cuerpo
146                                                                {
147                                                                background-image: url("(#LOGO_DOCUMENT|fichier)");
148                                                                float:left;
149                                                                background-repeat:repeat
150                                                                }
151                                                                body{ background-color:#[(#LOGO_DOCUMENT||couleur_extraire|oscurecer_color_si_es_claro{1.3}| aclarar_color_si_es_oscuro{1.3})]}
152                                                                body #contenido{color:#[(#LOGO_DOCUMENT||couleur_extraire|oscurecer_color_si_es_claro{1.1} |aclarar_color_si_es_oscuro{1.1}|couleur_inverser)]}
153                                                                #contenido{background-color:#[(#LOGO_DOCUMENT||couleur_extraire|oscurecer_color_si_es_claro{1.1}| aclarar_color_si_es_oscuro{1.1})]}
154                                                                #contenido, #contenido a, #contenido a:visited{ color:#[(#LOGO_DOCUMENT||couleur_extraire|couleur_extreme)]}
155                                                                .menuseccionesitem a{ color:#[(#LOGO_DOCUMENT||couleur_extraire|oscurecer_color_si_es_claro{1.8}| aclarar_color_si_es_oscuro{1.8})]}
156                                                                .menuseccionesitem-sub a{ color:#[(#LOGO_DOCUMENT||couleur_extraire|oscurecer_color_si_es_claro{1.5}| aclarar_color_si_es_oscuro{1.5})]}
157                                                                .agendain ,#rubriquepirulo, .cortepirulo{background-color:#[(#LOGO_DOCUMENT||couleur_extraire|oscurecer_color_si_es_claro{1.3}| aclarar_color_si_es_oscuro{1.3})]}
158                                                                .avisosderecha {border-bottom:1px solid #[(#LOGO_DOCUMENT||couleur_extraire|oscurecer_color_si_es_claro{2}| aclarar_color_si_es_oscuro{2})]}
159                                                                .menuseccionesitem a:hover, .menuseccionesitem-sub a:hover, .menuseccionesitemon a,.menuseccionesitem-subon a{ color:#[(#LOGO_DOCUMENT||couleur_extraire|oscurecer_color_si_es_claro{1.3}| aclarar_color_si_es_oscuro{1.3})]}
160                                                                #contenido a h3 , #contenido a:visited h3, #contenido h3{ color:#[(#LOGO_DOCUMENT||couleur_extraire)]}
161                                                                #rubriquedestacada { background-color:#[(#LOGO_DOCUMENT||couleur_extraire|oscurecer_color_si_es_claro{6}| aclarar_color_si_es_oscuro{6})]}
162                                                        </style>]
163                                                </BOUCLE_afficher_document1>
164                                        </B_afficher_document1> 
165                                        ----------- Para cambiar de a uno los colores --------------
166                                        <B_colorfondo>
167                                                <div id="documents_portfolio">
168                                                        <table border=0"">
169                                                                <tr>
170                                                                        <td width="200">
171                                                                                <h3>COLOR FONDO</h3>
172                                                                        </td>
173                                                                        <td width="300">
174                                                                                <BOUCLE_colorfondo(DOCUMENTS) {id_article} {mode=document} {extension IN png,jpg,gif} {par num titre, date} >
175                                                                                        [<a href="#SELF" type="#MIME_TYPE" onclick="location.href='[(#SELF|parametre_url{colorfondo,#ID_DOCUMENT})]';return false;"[ title="(#TITRE|couper{80}|texte_backend)"]>(#LOGO_DOCUMENT||image_reduire{0,15}|inserer_attribut{alt,[(#TITRE|couper{80}|texte_backend)]})</a>]
176                                                                                </BOUCLE_colorfondo>
177                                                                        </td>
178                                                                </tr>
179                                                        </table>
180                                                </div>
181                                        </B_colorfondo>
182                                        <B_doc_colorfondo>
183                                                <BOUCLE_doc_colorfondo(DOCUMENTS) {id_article}{id_document== #ENV{colorfondo,xxx}}  {mode=document}{extension IN png,jpg,gif}>         
184                                                        [<style type='text/css'>
185                                                                body{ background-color:#(#LOGO_DOCUMENT||couleur_extraire)
186                                                                }
187                                                        </style>]
188                                                </BOUCLE_doc_colorfondo>
189                                        </B_doc_colorfondo>
190                                        <B_colorcontenido>
191                                                <div id="documents_portfolio">
192                                                        <table border=0"">
193                                                                <tr>
194                                                                        <td width="200">
195                                                                                <h3>COLOR CONTENIDO</h3>
196                                                                        </td>
197                                                                        <td width="300">
198                                                                                <BOUCLE_colorcontenido(DOCUMENTS) {id_article} {mode=document} {extension IN png,jpg,gif} {par num titre, date} >
199                                                                                        [<a href="#SELF" type="#MIME_TYPE" onclick="location.href='[(#SELF|parametre_url{colorcontenido,#ID_DOCUMENT})]';return false;"[ title="(#TITRE|couper{80}|texte_backend)"]>(#LOGO_DOCUMENT||image_reduire{0,15}|inserer_attribut{alt,[(#TITRE|couper{80}|texte_backend)]})</a>]
200                                                                                </BOUCLE_colorcontenido>
201                                                                        </td>
202                                                                </tr>
203                                                        </table>
204                                                </div>
205                                        </B_colorcontenido>
206                                        <B_doc_colorcontenido>
207                                                <BOUCLE_doc_colorcontenido(DOCUMENTS) {id_article}{id_document== #ENV{colorcontenido,xxx}}  {mode=document}{extension IN png,jpg,gif}>         
208                                                        [<style type='text/css'>
209                                                                #contenido{ background-color:#(#LOGO_DOCUMENT||couleur_extraire)}
210                                                                body #contenido{color:#[(#LOGO_DOCUMENT||couleur_extraire|oscurecer_color_si_es_claro{1.8}| aclarar_color_si_es_oscuro{1.8})]}
211                                                                #contenido, #contenido a, #contenido a:visited{ color:#[(#LOGO_DOCUMENT||couleur_extraire|couleur_extreme)]}
212                                                                #contenido a h3 , #contenido a:visited h3, #contenido h3{ color:#[(#LOGO_DOCUMENT||couleur_extraire|oscurecer_color_si_es_claro{1.1}| aclarar_color_si_es_oscuro{1.1})]}
213                                                                #rubriquedestacada { background-color:#[(#LOGO_DOCUMENT||couleur_extraire|oscurecer_color_si_es_claro{6}| aclarar_color_si_es_oscuro{6})]}
214
215                                                        </style>]
216                                                </BOUCLE_doc_colorcontenido>
217                                        </B_doc_colorcontenido>
218
219                                        <BOUCLE_colortextocontenido(MOTS) {titre=texto contenidox}{par titre}{" - "}>
220                                                [<style type='text/css'>
221                                                        #contenido, #contenido a, #contenido a:visited{ color:#(#LOGO_MOT||couleur_extraire)
222                                                        }
223                                                </style>]
224                                        </BOUCLE_colortextocontenido>
225                                        <BOUCLE_colortitulomenu(MOTS) {titre=titulo menux}{par titre}{" - "}>
226                                                [<style type='text/css'>
227                                                        .menuseccionesitem a{ color:#(#LOGO_MOT||couleur_extraire)
228                                                        }
229                                                </style>]
230                                        </BOUCLE_colortitulomenu>
231                                        <BOUCLE_colorsubtitulomenu(MOTS) {titre=subtitulo menux}{par titre}{" - "}>
232                                                [<style type='text/css'>
233                                                        .menuseccionesitem-sub a{ color:#(#LOGO_MOT||couleur_extraire)
234                                                        }
235                                                </style>]
236                                        </BOUCLE_colorsubtitulomenu>
237                                        <BOUCLE_colortitulomenuhover(MOTS) {titre=titulo menu hoverx}{par titre}{" - "}>
238                                                [<style type='text/css'>
239                                                        .menuseccionesitem a:hover,.menuseccionesitem-sub a:hover, .menuseccionesitemon a,.menuseccionesitem-subon a{ color:#(#LOGO_MOT||couleur_extraire)
240                                                        }
241                                                </style>]
242                                        </BOUCLE_colortitulomenuhover>
243                                        <BOUCLE_colortitulocontenido(MOTS) {titre=titulo contenidox}{par titre}{" - "}>
244                                                [<style type='text/css'>
245                                                        #contenido a h3 , #contenido a:visited h3{ color:#(#LOGO_MOT||couleur_extraire)
246                                                        }
247                                                </style>]
248                                        </BOUCLE_colortitulocontenido>
249                                       
250                                        [(#REM) Autres documents joints a l'article ]
251                                        <B_documents_joints>
252                                                <div><hr />
253                                                        <BOUCLE_documents_joints(DOCUMENTS) {id_article} {mode=document} {par num titre, date} {doublons}>
254                                                                <div style="float: left;">
255                                                                        [(#LOGO_DOCUMENT|#URL_DOCUMENT)][<div style="clear: both;"><b>(#TITRE)</b></div>][<div style="clear: both;">(#DESCRIPTIF)</div>]
256                                                                </div>
257                                                        </BOUCLE_documents_joints>
258                                                </div>
259                                                <div style="clear: both;"></div>
260                                        </B_documents_joints>
261                               
262                                </BOUCLE_article_principal>
263                        </div><!-- bloquearriba -->
264                        <div id="bloquemedio">
265                               
266                        </div><!-- bloquemedio -->
267                       
268
269        <div id="menu1">
270    <ul>
271        <li><a href="#" onclick="viewSection('2')">contenido 1</a></li>
272        <li><a href="#" onclick="viewSection('3')">contenido 2</a></li>
273        <li><a href="#" onclick="viewSection('4')">contenido 3</a></li>
274        <li><a href="#" onclick="viewSection('5')">contenido 4</a></li>
275    </ul>
276</div>
277                       
278                        <div id="contenido2">
279                        <INCLURE{fond=inc/inc-aviso-portada}{lang}>
280                        <div id="bloquearriba">
281                                <div id="estructura"><:bloquearriba:></div>
282                                <INCLURE{fond=inc/inc-nota-principal}{lang}>
283                                <INCLURE{fond=inc/inc-nota-secundaria}{lang}>
284                        </div><!-- bloquearriba -->
285                        <div id="bloquemedio">
286                                <div id="estructura">bloquemedio</div>
287                                <INCLURE{fond=inc/inc-comunicados}{lang}>
288                                <INCLURE{fond=inc/inc-notas-destacadas}{lang}>
289                                <INCLURE{fond=inc/inc-galeria}{lang}>
290                        </div><!-- bloquemedio -->
291                        <div id="bloqueabajo">
292                                <div id="estructura">bloqueabajo</div>
293                                <INCLURE{fond=inc/inc-titulares}{lang}> 
294                        </div><!-- bloqueabajo -->
295                        </div>
296                        <div id="muestrarubrique">
297                       
298                        </div>
299                        <div id="muestramot">
300                       
301                        </div>
302                        <div id="muestragrupomot">
303                       
304                        </div>
305                        <div id="muestradespacho">
306                       
307                        </div>
308                        <div id="muestrarecherche">
309                       
310                        </div>
311                        <div id="muestraautor">
312                       
313                        </div>
314                </div><!-- contenido -->
315                <div id="columnaderecha">
316                        <div id="estructura">columnaderecha</div>
317                                                        <INCLURE{fond=inc/inc-avisos}{lang}>
318                       
319
320                </div><!-- columnaderecha -->
321  </div><!-- cuerpo -->
322  <INCLURE{fond=inc/inc-piegral}{lang}> 
323       
324</div><!-- pagina -->
325<!-- Formulario de administracion-->
326[(#FORMULAIRE_ADMIN)]   
327</body>
328</html>
Note: See TracBrowser for help on using the repository browser.