Changeset 6412 in spip-zone


Ignore:
Timestamp:
Oct 18, 2006, 12:10:59 PM (14 years ago)
Author:
izo@…
Message:

alors au programme :

les vignettes sont en bas
le css est me semble jolie
c'est noir et rose mais facilement modifiable

Location:
_plugins_/_test_/portfolio
Files:
4 added
2 edited

Legend:

Unmodified
Added
Removed
  • _plugins_/_test_/portfolio/modeles/portfolio.html

    r6273 r6412  
    1010#SET{separateur,''}
    1111<B_imagettes>
    12 <div class='portfolio_galerie'>
     12
     13        <B_portfolio>
     14        <div class="spip_documents portfolio_document" id="document_actif">
     15                <div class='searching_placeholder'></div>
     16
     17        <BOUCLE_portfolio(DOCUMENTS) {id_rubrique?}{id_article?}{id_mot?}{id_breve?}{extension IN png,jpg,gif}{pagination 1}{par num titre, id_document} >
     18<div class="image">[<a href='#URL_DOCUMENT' title='<:bouton_telecharger:>'  type="#MIME_TYPE">(#FICHIER|copie_locale|image_reduire{300,0}|inserer_attribut{alt,[(#TITRE|couper{80}|texte_backend)]})</a>]</div>
     19  [<div class="spip_doc_titre">(#TITRE)</div>]
     20                [<div class="spip_doc_descriptif">(#DESCRIPTIF)</div>]
     21        </div>
     22        </BOUCLE_portfolio>
     23                <div class='pagination'>(#PAGINATION{precedent_suivant})</div>
     24        </B_portfolio>
     25
     26
     27        <div class='portfolio_galerie'>
    1328<h3>#GET{titre}</h3>
    1429<a name='#GET{ancre}' id='#GET{ancre}'></a>
    15 <span class='pagination pagination_portfolio'>
     30<div class='.pagination pagination_portfolio'>
    1631<BOUCLE_imagettes(DOCUMENTS) {id_rubrique?}{id_article?}{id_mot?}{id_breve?}{extension IN png,jpg,gif}{pagination #GET{max}}{par num titre, id_document}>
    1732        #SET{nombre_pages,#GRAND_TOTAL}
     
    2338        [<span class="imagette">(#INCLURE{fond=modeles/paginationitem}{num=#COMPTEUR_BOUCLE}{texte=#GET{texte}}{separateur=#GET{separateur}}{url=#GET{url}|parametre_url{#GET{debut},#GET{item}}|ancre_url{#GET{ancre}}}{page_courante=#GET{page_courante}}{derniere=#GET{derniere}})</span>]
    2439</BOUCLE_imagettes>
    25 </span>
    26 <span class='pagination pagination_galerie'>#PAGINATION{page}</span>
    2740</div>
    28         <B_portfolio>
    29         <div class="spip_documents portfolio_document" id="document_actif">
    30         <span class='pagination'>#PAGINATION{precedent_suivant}</span>
    31         <BOUCLE_portfolio(DOCUMENTS) {id_rubrique?}{id_article?}{id_mot?}{id_breve?}{extension IN png,jpg,gif}{pagination 1}{par num titre, id_document} >
    32                 [<a href='#URL_DOCUMENT' title='<:bouton_telecharger:>'  type="#MIME_TYPE">(#URL_DOCUMENT||image_reduire{300,0}|inserer_attribut{alt,[(#TITRE|couper{80}|texte_backend)]})</a>]
    33                 [<div class="spip_doc_titre">(#TITRE)</div>]
    34                 [<div class="spip_doc_descriptif">(#DESCRIPTIF)</div>]
    35         </div>
    36         </BOUCLE_portfolio>
    37         <span class='searching_placeholder'></span>
    38         </B_portfolio>
     41<h3 class='pagination pagination_galerie'>#PAGINATION{page}</h3>
     42</div>
    3943</B_imagettes>
  • _plugins_/_test_/portfolio/portfolio.css

    r6139 r6412  
    11div.portfolio_galerie {
    2 float:left;
    3 background:#ffeecc;
    4 padding:0px;
    5 width:143px;
     2        background: #000000;
     3        padding: 0;
     4        color: #ffffff;
     5        margin-top: 10px;
    66}
     7
    78div.portfolio_galerie h3,
    89div.portfolio_galerie h3 .ahah_surligne_1,
    910div.portfolio_galerie h3 .ahah_surligne_2,
    1011div.portfolio_galerie h3 .ahah_surligne_3 {
    11 font-size:1em;
    12 width:100%;
    13 background:#ffcc88;
    14 font-weight:bold;
    15 text-align:center;
     12        background: #191919;
     13        text-align: center;
     14        font: small-caps bold small 'Lucida Grande', LucidaGrande, Lucida, Helvetica, Arial, sans-serif;
     15        letter-spacing: 2px;
     16        color: #ffffff;
    1617}
    1718
    1819div.portfolio_galerie .pagination_portfolio {
    19 display:block;
     20        display: block;
    2021}
    21 div.portfolio_galerie .pagination_portfolio img{
    22 border:3px solid #ffcc88;
    23 width:60px;
    24 height:60px;
     22
     23div.portfolio_galerie .pagination_portfolio img {
     24        border: 1px solid #b3b3b3;
     25        margin: 5px;
     26        padding: 5px;
     27        background: #ffffff;
     28        width: 60px;
     29        height: 60px;
    2530}
     31
    2632div.portfolio_galerie .pagination_portfolio .imagette {
    27 float:left;
    28 display:block;
    29 margin-left:5px;
    30 margin-top:5px;
    31 margin-right:-3px;
     33        float: left;
     34        display: block;
     35        margin-left: 5px;
     36        margin-top: 5px;
     37        margin-right: -3px;
    3238}
     39
    3340div.portfolio_galerie .pagination_portfolio a img {
    34 border:3px solid #ffeecc;
    35         filter:alpha(opacity=60);
     41        border: 1px solid #ff6fcf;
     42        filter: alpha(opacity=60);
    3643        opacity: 0.6;
    37         -moz-opacity:0.6;
     44        -moz-opacity: 0.6;
    3845}
     46
    3947div.portfolio_galerie .pagination_portfolio a:hover img {
    40 border:3px solid #ffaa66;
    41         filter:alpha(opacity=100);
     48        border: 1px solid #ff0080;
     49        filter: alpha(opacity=100);
    4250        opacity: 1.0;
    43         -moz-opacity:1.0;
     51        -moz-opacity: 1.0;
    4452}
    4553
    4654div.portfolio_galerie .pagination_galerie {
    47 clear:left;
    48 padding:10px;
    49 display:block;
     55        clear: left;
     56        padding: 10px;
     57        display: block;
    5058}
    5159
    52 .portfolio_document .pagination {
    53 font-size:1em;
    54 font-weight:bold;
    55 background:#ffcc88;
    56 display:block;
    57 width:100%;
     60.pagination {
     61        text-align: center;
     62        font: bold x-small 'Lucida Grande', LucidaGrande, Lucida, Helvetica, Arial, sans-serif;
     63        color: #ffffff;
     64        height: 20px;
     65        background: #000000;
     66}
     67
     68.pagination a {
     69        text-decoration: none;
     70        color: #ffffff;
     71}
     72
     73.pagination a:hover {
     74        text-decoration: none;
     75        color: #ff0080;
    5876}
    5977
    6078div.portfolio_galerie .ahah_surligne_1,
    61 div.portfolio_document .ahah_surligne_1 { background: #ffcc88; }
     79div.portfolio_document .ahah_surligne_1 {
     80        background: #4c4c4c;
     81}
     82
    6283div.portfolio_galerie .ahah_surligne_2,
    63 div.portfolio_document .ahah_surligne_2 { background: #ffdd99; }
     84div.portfolio_document .ahah_surligne_2 {
     85        background: #333333;
     86}
     87
    6488div.portfolio_galerie .ahah_surligne_3,
    65 div.portfolio_document .ahah_surligne_3 { background: #ffeeaa; }
     89div.portfolio_document .ahah_surligne_3 {
     90        background: #000000;
     91}
     92
     93#document_actif {
     94        background: #191919;
     95}
     96
     97.image img {
     98        border: 1px solid #b3b3b3;
     99        margin: 10px;
     100        padding: 5px;
     101        background: #ffffff;
     102}
     103
     104/* style plugins ahah */
     105.ahah_searching_left{
     106        width: 16px;
     107        height: 16px;
     108        background: url(searching.gif) top left no-repeat;
     109        text-align: center;
     110}
     111.ahah_searching_right{
     112        width: 16px;
     113        height: 16px;
     114        background: url(searching.gif) top left no-repeat;
     115        text-align: center;
     116}
     117.ahah_surligne_1 { background: #000000; }
     118.ahah_surligne_2 { background: #333333; }
     119.ahah_surligne_3 { background: #4c4c4c; }
Note: See TracChangeset for help on using the changeset viewer.