Pro-School

[Réglé] Déplacer le menu - Pro-School

[Réglé] Déplacer le menu

par Bruno36 » 08 juil. 2014 à 16:45

Bonjour!

Est t'il possible de déplacer le menu comme sur la photo car je trouve cela plus intuitif
• Voir les messages sans réponses
• Voir les messages non lus
• Voir les nouveaux messages
• Voir les sujets actifs

menu.jpg
Avatar du membre
Bruno36
Empereur des posts
Empereur des posts
Messages : 1001
Enregistré le : 14 nov. 2007 à 12:53
Localisation : issoudun
Contact :

Re: Déplacer le menu

par cabot » 08 juil. 2014 à 18:09

Hello,

Tu parles de menu et tu indiques un titre de forum sur ton screen, puis tu parles des différents liens (messages sans réponse, etc.) sans que ça ait un rapport avec ce screen.

Du coup, je ne comprends pas vraiment ce que tu demandes. :oops:
Avatar du membre
cabot
Equipe site
Equipe site
Messages : 28260
Enregistré le : 13 févr. 2011 à 19:42
Localisation : Rarement sur la plaque
Contact :

Re: Déplacer le menu

par Bruno36 » 08 juil. 2014 à 18:38

Oups désolé je me suis trompé d'image :oops:
Avatar du membre
Bruno36
Empereur des posts
Empereur des posts
Messages : 1001
Enregistré le : 14 nov. 2007 à 12:53
Localisation : issoudun
Contact :

Re: Déplacer le menu

par cabot » 08 juil. 2014 à 18:41

Ben même là je ne vois pas où tu veux le mettre, à droite ? :/

C'est possible, hein, c'est juste que comme il y a pas mal de modifs à faire, je veux être sûr de bien comprendre ce que tu veux. ;)
Avatar du membre
cabot
Equipe site
Equipe site
Messages : 28260
Enregistré le : 13 févr. 2011 à 19:42
Localisation : Rarement sur la plaque
Contact :

Re: Déplacer le menu

par Bruno36 » 09 juil. 2014 à 09:56

Oui en haut ou a droite!
Avatar du membre
Bruno36
Empereur des posts
Empereur des posts
Messages : 1001
Enregistré le : 14 nov. 2007 à 12:53
Localisation : issoudun
Contact :

Re: Déplacer le menu

par cabot » 09 juil. 2014 à 12:53

Avatar du membre
cabot
Equipe site
Equipe site
Messages : 28260
Enregistré le : 13 févr. 2011 à 19:42
Localisation : Rarement sur la plaque
Contact :

Re: Déplacer le menu

par Bruno36 » 09 juil. 2014 à 18:38

Oui ou a droite peut importe
• Voir les messages sans réponses
• Voir les messages non lus
• Voir les nouveaux messages
• Voir les sujets actifs
Avatar du membre
Bruno36
Empereur des posts
Empereur des posts
Messages : 1001
Enregistré le : 14 nov. 2007 à 12:53
Localisation : issoudun
Contact :

Re: Déplacer le menu

par cabot » 10 juil. 2014 à 08:53

Parfait, en plus c'est tout simple à faire. Au début je croyais que tu voulais déplacer le menu gauche, ce qui aurait demandé un peu plus de modifications.

Dans pro-school.css, modifie le margin-top de #box : remplace -289px par -24px.
Avatar du membre
cabot
Equipe site
Equipe site
Messages : 28260
Enregistré le : 13 févr. 2011 à 19:42
Localisation : Rarement sur la plaque
Contact :

Re: Déplacer le menu

par Bruno36 » 10 juil. 2014 à 10:22

Je veut séparer donc enlever du menu Recherche pour qui ne reste que cela
rec.png


Et placer les 4 liens dans un nouveau menu
• Voir les messages sans réponses
• Voir les messages non lus
• Voir les nouveaux messages
• Voir les sujets actifs

Options messages forum.png
Avatar du membre
Bruno36
Empereur des posts
Empereur des posts
Messages : 1001
Enregistré le : 14 nov. 2007 à 12:53
Localisation : issoudun
Contact :

Re: Déplacer le menu

par cabot » 11 juil. 2014 à 10:18

  1. Ouvre overall_header.html
    Trouve :

    Code : Tout sélectionner

       <!-- Search -->
       <!-- IF not S_IS_BOT -->
       <div id="box">
          <ul>
             <li><a href="#"><span class="down">{L_SEARCH}</span></a>
                <ul>
                   <!-- IF S_DISPLAY_SEARCH -->
                      <!-- IF not S_IN_SEARCH --><li><a href="{U_SEARCH}" title="{L_SEARCH_ADV_EXPLAIN}">{L_SEARCH_ADV}</a></li><!-- ENDIF -->
                      <li><a href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a><!-- IF S_LOAD_UNREADS --> <a href="{U_SEARCH_UNREAD}">{L_SEARCH_UNREAD}</a><!-- ENDIF --><!-- IF S_USER_LOGGED_IN --><a href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a><!-- ENDIF --><a href="{U_SEARCH_ACTIVE_TOPICS}">{L_SEARCH_ACTIVE_TOPICS}</a></li>
                   <!-- ENDIF -->
                   <!-- IF U_MARK_FORUMS -->
                      <!-- IF SCRIPT_NAME eq index -->
                         <li><a href="{U_MARK_FORUMS}" accesskey="m">{L_MARK_FORUMS_READ}</a></li>
                      <!-- ELSEIF SCRIPT_NAME eq viewforum and S_HAS_SUBFORUM -->
                         <li><a href="{U_MARK_FORUMS}" accesskey="m">{L_MARK_SUBFORUMS_READ}</a></li>
                      <!-- ENDIF -->
                   <!-- ENDIF -->
                   <!-- IF U_MARK_TOPICS and SCRIPT_NAME eq viewforum --><li><a href="{U_MARK_TOPICS}" accesskey="m">{L_MARK_TOPICS_READ}</a></li><!-- ENDIF -->                  
                   <!-- IF S_USER_LOGGED_IN and U_RESTORE_PERMISSIONS --><li><a href="{U_RESTORE_PERMISSIONS}">&bull; {L_RESTORE_PERMISSIONS}</a></li><!-- ENDIF -->
                </ul>
             </li>
          </ul>
       </div>
       <!-- ENDIF -->   
       <!-- End Search -->

    Remplace par :

    Code : Tout sélectionner

       <!-- Search -->
       <!-- IF not S_IS_BOT and S_DISPLAY_SEARCH and not S_IN_SEARCH -->
       <div class="box">
          <ul>
             <li><a href="#"><span class="down">{L_SEARCH}</span></a>
                <ul>
                   <li><a href="{U_SEARCH}" title="{L_SEARCH_ADV_EXPLAIN}">{L_SEARCH_ADV}</a></li>
                </ul>
             </li>
          </ul>
       </div>
       <!-- ENDIF -->
       <!-- End Search -->

    Trouve :

    Code : Tout sélectionner

    <div id="wrap">

    Ajoute après :

    Code : Tout sélectionner

       <!-- IF not S_IS_BOT -->
       <div class="box dubas">
          <ul>
             <li><a href="#"><span class="down">Options messages forum</span></a>
                <ul>
                   <!-- IF S_DISPLAY_SEARCH -->
                      <li><a href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a><!-- IF S_LOAD_UNREADS --> <a href="{U_SEARCH_UNREAD}">{L_SEARCH_UNREAD}</a><!-- ENDIF --><!-- IF S_USER_LOGGED_IN --><a href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a><!-- ENDIF --><a href="{U_SEARCH_ACTIVE_TOPICS}">{L_SEARCH_ACTIVE_TOPICS}</a></li>
                   <!-- ENDIF -->
                   <!-- IF U_MARK_FORUMS -->
                      <!-- IF SCRIPT_NAME eq index -->
                         <li><a href="{U_MARK_FORUMS}" accesskey="m">{L_MARK_FORUMS_READ}</a></li>
                      <!-- ELSEIF SCRIPT_NAME eq viewforum and S_HAS_SUBFORUM -->
                         <li><a href="{U_MARK_FORUMS}" accesskey="m">{L_MARK_SUBFORUMS_READ}</a></li>
                      <!-- ENDIF -->
                   <!-- ENDIF -->
                   <!-- IF U_MARK_TOPICS and SCRIPT_NAME eq viewforum --><li><a href="{U_MARK_TOPICS}" accesskey="m">{L_MARK_TOPICS_READ}</a></li><!-- ENDIF -->                  
                   <!-- IF S_USER_LOGGED_IN and U_RESTORE_PERMISSIONS --><li><a href="{U_RESTORE_PERMISSIONS}">&bull; {L_RESTORE_PERMISSIONS}</a></li><!-- ENDIF -->
                </ul>
             </li>
          </ul>
       </div>
       <!-- ENDIF -->

  2. Ouvre Pro-School.css
    Remplace toutes les occurrences #box par .box
    Une fois que c'est fait, trouve :

    Code : Tout sélectionner

    .box ul {
        padding: 4px 0;
       list-style-type: none;
    }

    Remplace par :

    Code : Tout sélectionner

    .box.dubas {
       margin: -36px 0 0 45px;
       padding-right: 10px;
       width: auto;
       float: left;
    }

    .box ul {
       padding: 4px 0;
       list-style-type: none;
       z-index: 1;
    }

    Trouve :

    Code : Tout sélectionner

    .box li:hover ul{
       display:block;   
    }

    Ajoute avant :

    Code : Tout sélectionner

    .box.dubas li ul {
       margin-left: -55px;
    }
Avatar du membre
cabot
Equipe site
Equipe site
Messages : 28260
Enregistré le : 13 févr. 2011 à 19:42
Localisation : Rarement sur la plaque
Contact :

Re: Déplacer le menu

par Bruno36 » 11 juil. 2014 à 11:30

Merci cabot tu est un chef..
Je fait les modifications des que j'ai accès de nouveau a mon serveur ftp :?
Avatar du membre
Bruno36
Empereur des posts
Empereur des posts
Messages : 1001
Enregistré le : 14 nov. 2007 à 12:53
Localisation : issoudun
Contact :

Re: Déplacer le menu

par Bruno36 » 18 juil. 2014 à 14:27

Bonjour!

Apres les modifications les nouveau menue sont la par contre ne sont pas cliquable..
http://www.scooter-chinois-4t.com/board/index.php
Avatar du membre
Bruno36
Empereur des posts
Empereur des posts
Messages : 1001
Enregistré le : 14 nov. 2007 à 12:53
Localisation : issoudun
Contact :

Re: Déplacer le menu

par cabot » 19 juil. 2014 à 09:00

Tu as supprimé la règle :

Code : Tout sélectionner

.box li:hover ul{
   display:block;   
}
Avatar du membre
cabot
Equipe site
Equipe site
Messages : 28260
Enregistré le : 13 févr. 2011 à 19:42
Localisation : Rarement sur la plaque
Contact :

Re: Déplacer le menu

par Bruno36 » 19 juil. 2014 à 10:46

oui

Code : Tout sélectionner

/*
-----------------------------------------------
Additionnals css for Pro-School
by sub60 ( http://zamilandtest.hostei.com/phpBB3/index.php )
-----------------------------------------------*/

@font-face {
    font-family: 'lh';
    src: url('{T_THEME_PATH}/fonts/lhandw-webfont.eot');
    src: url('{T_THEME_PATH}/fonts/lhandw-webfont.eot?#iefix') format('embedded-opentype'),
         url('{T_THEME_PATH}/fonts/lhandw-webfont.woff') format('woff'),
         url('{T_THEME_PATH}/fonts/lhandw-webfont.ttf') format('truetype'),
         url('{T_THEME_PATH}/fonts/lhandw-webfont.svg#lucida_handwritingitalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'cursi';
    src: url('{T_THEME_PATH}/fonts/cursifl-webfont.eot');
    src: url('{T_THEME_PATH}/fonts/cursifl-webfont.eot?#iefix') format('embedded-opentype'),
         url('{T_THEME_PATH}/fonts/cursifl-webfont.woff') format('woff'),
         url('{T_THEME_PATH}/fonts/cursifl-webfont.ttf') format('truetype'),
         url('{T_THEME_PATH}/fonts/cursifl-webfont.svg#pwscolarpapermedium') format('svg');
    font-weight: normal;
    font-style: normal;
}

a {
    transition: all 300ms linear 0s;
}

/* Navigation Menu */
#cadre-menu {
      width: 335px;
    min-height: 315px;
   position: fixed;
   left: -255px;
   overflow: hidden;
   margin-top: -80px;
   padding: 0;
   z-index: 1;
}

.menu-top {
    background: url("{T_THEME_PATH}/images/cadre-menu-top.png") no-repeat;
   height: 63px;
   width: 255px;
   margin: 0;
}

.menu-bottom {
    background: url("{T_THEME_PATH}/images/cadre-menu-bottom.png") no-repeat;
   width: 255px;
    height: 71px;
}

#bordure-menu ul {
    background: url("{T_THEME_PATH}/images/cadre-menu-midle.png") repeat-y;
   list-style-type: none;
   margin: 0;
   padding: 0;
}

#bordure-menu li {
    font-weight: bold;
   margin: 0;
    width: 255px;   
}   

#bordure-menu li a {
    display: block;
   color: #000;
   padding: 0;
   margin: 0 0 0 15px;
   height: 32px;
    line-height: 28px;
    font-family: 'lh',arial,verdana,sans-serif;
   font-size: 1.3em;
   font-style: italic;
   text-decoration: none;
   text-shadow: 2px 2px 4px #FFF;
}

#bordure-menu a:hover {
   color: #FFFFFF;
   text-shadow: 1px 2px 4px #000;
}
 
#bouton-menu {
   float: right;
   width: 38px;
   margin: 100px 0;
   padding: 0 21px;
   height: 134px;
   background: url("{T_THEME_PATH}/images/bouton-menu.png") no-repeat;
}
/*Fin Navigation Menu */

/* Ribbon-top */
#ribbon-top {
   position: relative;
   margin: 80px -4px 30px 8px ;
}

.ribbon-g {
    background: url("{T_THEME_PATH}/images/ribbon-g.png") no-repeat;
   background-position: left top;
   height: 65px;
   margin: -57px 0 0 -20px;
}

.ribbon-centre {
    background: url("{T_THEME_PATH}/images/ribbon-centre.png") repeat-x;
    height: 65px;
   margin: -65px 0 0 0;
   width: 100%;
}

.ribbon-d {
    background: url("{T_THEME_PATH}/images/ribbon-d.png") no-repeat;
   background-position: right top;
   margin: -65px -11px 0 0;
    height: 65px;
}

span.separator  {
    vertical-align: middle;
    width: 15px;
   height: 15px;
    margin: 0 6px 0 2px;
   padding: 7px 0 0 7px;
}   
/* Fin ribbon-top */

/* Ribbon-footer */
#ribbon-footer {
   position: relative;
   margin: -17px -4px 0 8px;
   
}
/* Fin ribbon-footer */ 

/* fleche-haut */
.haut a{
display: block;
position: relative;
float: right;
background: url("{T_THEME_PATH}/images/haut.png") no-repeat;
width: 30px;
height: 30px;
margin: -40px 15px 0 0;
padding: 0;
}
/* Fin fleche-haut */

/* Categories */
.cat {
    background: url("{T_THEME_PATH}/images/bg_cat.png") no-repeat 0 0;
   width: 1010px;
   margin: 0 0 10px -21px;
   line-height: 47px;
}

a.categories, span.categories  {
    display: block;
    font-family: 'lh', Helvetica, Arial, sans-serif;
   text-transform: uppercase;
   text-align:center;
   font-size: 1.6em;
   color: #FFFFFF;
   text-shadow: 1px -2px 0 #000000;
}

span.categorie {
    display: block;
    font-family: 'lh', Helvetica, Arial, sans-serif;
   text-transform: uppercase;
   text-align:center;
   font-size: 1.6em;
    color: #A8D8FF;
   text-shadow: 1px -2px 0 #000;
}

a.categories:hover {
    color: #70DBFF;
   text-shadow: 1px -2px 0 #000;
   text-decoration: none;
}
/* Fin Categories */

/* ------ Legend icons ------ */
ul.legend {
    padding: 7px 0;
    text-align: center;
}
   
ul.legend li {
    display: inline-block;
    background-repeat: no-repeat;
    background-position: left center;
    padding: 20px 15px 13px 45px;
}

.forum-unread   { background-image: url('{IMG_FORUM_UNREAD_SRC}'); }
.forum-read      { background-image: url('{IMG_FORUM_READ_SRC}'); }
.forum-locked   { background-image: url('{IMG_FORUM_READ_LOCKED_SRC}'); }
.forum-link      { background-image: url('{IMG_FORUM_LINK_SRC}'); }
.post-unread   { background-image: url('{IMG_TOPIC_UNREAD_SRC}'); }
.post-read      { background-image: url('{IMG_TOPIC_READ_SRC}'); }
.post-announce   { background-image: url('{IMG_ANNOUNCE_READ_SRC}'); }
.post-sticky   { background-image: url('{IMG_STICKY_READ_SRC}'); }
.post-locked   { background-image: url('{IMG_TOPIC_UNREAD_LOCKED_SRC}'); }

/* ------ End Legend icons ------ */

/* Informations */
.wois {
      background-image: url("{T_THEME_PATH}/images/gradient.jpg");
   -webkit-border-radius: 10px;
    border-radius: 10px;
   -moz-box-shadow: 2px 2px 12px #000000;
    -webkit-box-shadow: 2px 2px 12px #000000;
    box-shadow: 2px 2px 12px #000000;
      padding: 0 8px 0 8px;
   margin: 0 10px 20px 0px;
   font-size: 1.0em;
   width: 947px;
   float: left;
   border: 2px solid red;
}

.wois:hover {
     background-image: url("{T_THEME_PATH}/images/gradient2.jpg");
}   

.stats h3, .anni h3,.wois h3, .wois h3 a{
    font-family: 'lh', Helvetica, Arial, sans-serif;
   font-size: 1.1em;
    color: #70DBFF;
   text-shadow: 2px 2px 2px #000;
}

.wois h3 a:hover{
    color: #FFF;
   text-shadow: 2px 2px 2px #000;
   text-decoration: none;
}
   
.stats {
     background-image: url("{T_THEME_PATH}/images/gradient.jpg");
   -webkit-border-radius: 10px;
     border-radius: 10px;
    -moz-box-shadow: 2px 2px 12px #000000;
    -webkit-box-shadow: 2px 2px 12px #000000;
    box-shadow: 2px 2px 12px #000000;
      padding: 0 8px 0 8px;
   margin: 0 5px 20px 10px;
   font-size: 1.0em;
   width: 450px;
   float: right;
   border: 2px solid red;
}

.stats:hover {
     background-image: url("{T_THEME_PATH}/images/gradient2.jpg");
}   

.anni {
     background-image: url("{T_THEME_PATH}/images/gradient.jpg");
   -webkit-border-radius: 10px;
     border-radius: 10px;
    -moz-box-shadow: 2px 2px 12px #000000;
    -webkit-box-shadow: 2px 2px 12px #000000;
    box-shadow: 2px 2px 12px #000000;
      padding: 0 8px 0 8px;
   margin: 0 5px 20px 0;
   font-size: 1.0em;
   width: 450px;
   float: left;
   border: 2px solid red;
}

.anni:hover {
    background-image: url("{T_THEME_PATH}/images/gradient2.jpg");
}   

span.wois_ribbon  {
    background: url("{T_THEME_PATH}/images/wois_ribbon.png") 0 0 no-repeat;
    display: block;
   position: relative;
   float: left;
   width: 209px;
   height: 46px;
   clear: both;
   margin:  -62px 0 0 -28px;
   padding: 14px 0 0 28px;
}

span.wois_ribbon2  {
    background: url("{T_THEME_PATH}/images/wois_ribbon2.png") 0 0 no-repeat;
    display: block;
   position: relative;
   float: right;
   width: 209px;
   height: 46px;
   clear: both;
   margin: -62px -90px 0 0;
   padding: 14px 0 0 61px;
}

p.woi {
    margin: 0;
   padding: 0 0 15px 0;
   color: #000;
}

.headerspace {
    margin: 30px 0 0 12px;
}

span.label-qui {
   background: url("{T_THEME_PATH}/images/label-qui.png") 0 0 no-repeat;
   display: block;
   width: 80px;
   height: 75px;
   margin: -9px 0 0 852px;


span.label-stat {
   background: url("{T_THEME_PATH}/images/label-stat.png") 0 0 no-repeat;
   display: block;
   width: 80px;
   height: 75px;
   margin: -9px 0 0 12px;
}

span.label-anniv {
   background: url("{T_THEME_PATH}/images/label-anniv.png") 0 0 no-repeat;
   display: block;
   width: 80px;
   height: 75px;
   margin: -9px 0 0 360px;
}

/* End Informations */

/* Print + mail topic */ 
span.send-print {
   background: url("{T_THEME_PATH}/images/send-print.png") 0 0 no-repeat;
   display: block;
   float: right;
   width: 130px;
   height: 44px;
   margin: -8px 16px 0 0;
}

.send {
    float: right;
    margin: -3px -90px 0 0;
    padding: 0;
}
/* End Print + mail topic */

#team {
   margin-top: 5px;
   text-align: center;
   color: #fff;
}

#team a:link {
   color: #FFF;


/* horloge */
#clock_clock  {
   width: 400px;
   margin: 20px auto;
   position: relative;
   text-align: center;
}

#clock  {
    list-style-type: none;
   float: right;
    font-weight: bold;
   color: #FFF;
   display: block;
    width: 400px;
    margin: 0;
    padding: 3px;
   text-shadow: 1px 1px 0 #000000;
   border-color: #357EBD;
   background: #1b1b1b;
    background-image: -moz-linear-gradient(top, #319CE2, #1b1b1b);
   background-image: -webkit-linear-gradient(top, #319CE2, #1b1b1b);
   background-image: -ms-linear-gradient(top, #319CE2, #1b1b1b);
   background-image: -o-linear-gradient(top, #319CE2, #1b1b1b);
   background-image: linear-gradient(top, #319CE2, #1b1b1b);
    background-repeat: repeat-x;
    border: 1px solid #225CA5;
   border-radius: 3px;
}
/* End horloge */

/* connexion Rapide */
.bouton{
    background: url("{T_THEME_PATH}/images/co-rap.png") 0 0 no-repeat;
   display: block;
   position: absolute;
   float: left;
   width: 1010px;
   height: 46px;
   font-family: 'lh', Helvetica, Arial, sans-serif;
   font-size: 1.2em;
   font-weight: bold;
   text-align: center;
    color: #70DBFF;
   text-shadow: 2px 2px 2px #000;
    text-transform: uppercase;
   margin: 354px 0 0 -22px;
   padding: 29px 0 10px 0;
}

.spanlogued  {
    display: none;
}   
   
.texte{
    background-image: url("{T_THEME_PATH}/images/gradient.jpg");
   border: 2px solid red;
   -webkit-border-radius: 10px;
     border-radius: 10px;
    -moz-box-shadow: 2px 2px 12px #000000;
    -webkit-box-shadow: 2px 2px 12px #000000;
    box-shadow: 2px 2px 12px #000000;
    padding: 55px 0 20px 0;
   margin: 370px 5px 52px 0;
    color:#000;
   height: 56px;
}

.texte:hover {
    background-image: url("{T_THEME_PATH}/images/gradient2.jpg");
}   

 span.label-co {
   background: url("{T_THEME_PATH}/images/label-connexion.png") 0 0 no-repeat;
   display: block;
   float: right;
   width: 80px;
   height: 75px;
   margin: -98px 24px 0 0;
}

iinput.inputbox, a.button1, input.button1, input.button3, a.button2, input.button2  {
    border-radius: 5px;
   margin: 0;
   height: 25px;
    text-align: center;
   color: #FFF;
   background-color: #1b1b1b;
    background-image: -moz-linear-gradient(top, #319CE2, #1b1b1b);
   background-image: -webkit-linear-gradient(top, #319CE2, #1b1b1b);
   background-image: -ms-linear-gradient(top, #319CE2, #1b1b1b);
   background-image: -o-linear-gradient(top, #319CE2, #1b1b1b);
   background-image: linear-gradient(top, #319CE2, #1b1b1b);
    background-repeat: repeat-x;
    border: 1px solid #225CA5;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 2px 2px rgba(0, 0, 0, 0.2);
    font-weight: bold;
}

ia.button1:hover, input.button1:hover, input.button3:hover, a.button2:hover, input.button2:hover  {
   color: #FFF;
   opacity: 0.9;
}
   
#agreed {
    color: #fff;
    border-radius: 5px;
   margin: 5px 0;
   padding: 5px;
   height: 30px;
   font-size: 12px;
    text-align: center;
   background-color: #4E9939;
    background-image: -moz-linear-gradient(top, #91BD09, #4E9939);
   background-image:-webkit-linear-gradient(top, #91BD09, #4E9939);
    background-image:-o-linear-gradient(top, #91BD09, #4E9939);
    background-image:-ms-linear-gradient(top, #91BD09, #4E9939);
   background-image:linear-gradient(top, #91BD09, #4E9939);
    background-repeat: repeat-x;
    border: 1px solid #000;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 2px 2px rgba(0, 0, 0, 0.2);
}

#agreed :hover{
   background-color: #51a351;
   background-position: 0 -15px;
   color: #fff; 
}
 
input[name="not_agreed"] {
    color: #fff;
    border-radius: 5px;
   margin: 5px 0;
   padding: 5px;
   height: 30px;
   font-size: 12px;
    text-align: center;
   background-color: #FF0033;
    background-image: -moz-linear-gradient(top , #FF3333, #FF0033);
   background-image:-webkit-linear-gradient(top, #FF3333, #FF0033);
    background-image:-o-linear-gradient(top, #FF3333, #FF0033);
    background-image:-ms-linear-gradient(top, #FF3333, #FF0033);
   background-image:linear-gradient(top, #FF3333, #FF0033);
    background-repeat: repeat-x;
    border: 1px solid #000;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 2px 2px rgba(0, 0, 0, 0.2);
}

input [name="not_agreed"] :hover {
    background-color: #CC0000;
   background-position: 0 -15px;
   color: #fff;
}   

span.co-rap {
   display: block;
   font-size: 1.3em;
   color: #cc0000;
   text-align: center;
   text-transform: uppercase;
   text-decoration: none;
   margin: 0 0;
   padding: 62px;
}

.co-rap-fond {
   display: block;
   background: url("{T_IMAGESET_LANG_PATH}/paper.png") 0 0 no-repeat;
   width: 700px;
   height: 147px;
   margin: -20px auto;
   padding: 0;
   clear: both;
}

#user-name {
   color: #FFF;
   font-size: 16px;
   font-family: lh;
   margin: -18px 0 0 150px;
   padding: 0 0;
   text-shadow: 1px 2px 0px #000;
}

#site-name {
   color: #FFF;
   font-size: 13px;
   font-family: lh;
   margin: 24px 0 0 328px;
   padding: 0 0;
   text-shadow: 1px 2px 0px #000;
}
   
.divlogued {
    display: inline;
   background: none;
   border: none;
   
}
/* End Connexion Rapide */
   
/* Bouton moderation */
.vil {
   float: left;
   width: 300px;
   margin: -26px auto;
   padding: 0 0 35px;
}

#modo {
    font-family: lh,sans-serif;
    font-size: 1.1em;
    text-transform: uppercase;
    text-align: center;   
    background-color: #91BD09;
    background-image:-moz-linear-gradient(top , #91BD09, #4E9939);
    background-image:-webkit-linear-gradient(top , #91BD09, #4E9939);
    background-image:-o-linear-gradient(top , #91BD09, #4E9939);
   background-image:-ms-linear-gradient(top , #91BD09, #4E9939);
   background-image:linear-gradient(top , #91BD09, #4E9939);
    background-repeat: repeat-x;
    border: 1px solid #225CA5;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 2px 2px rgba(0, 0, 0, 0.2);
    color: #fff;
   padding: 5px;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
}
   
#modo:hover {
    color:  #000;
   text-decoration: none;
}
/* End bouton moderation */   
 
/* Search box
--------------------------------------------- */
.box {
   background-color: #0F156F;
   -webkit-border-radius: 0 0 10px 10px;
    border-radius: 0 0 10px 10px;
    -moz-box-shadow: 10px 10px 20px #000000;
   -webkit-box-shadow: 10px 10px 20px #000000;
   box-shadow: 8px 6px 20px #000000;
   width: 120px;
   height: 25px;
   color: #FFF;
   position: relative;
   margin-top: -289px;
   margin-right: 75px;
   display: block;
   float: right;
   text-align: right;
   white-space: nowrap; /* For Opera */   
}

.box.dubas {
   margin: -36px 0 0 45px;
   padding-right: 10px;
   width: auto;
   float: left;
}

.box ul {
   padding: 4px 0;
   list-style-type: none;
   z-index: 1;
}

.box li {
      font-weight: bold;
   padding-right: 0;
   float: left;   
}   

.box li a {
    display: block;
   color: #fff;
   padding: 0;
   margin: 2px 0 0 13px;
   height: 30px;
    line-height: 9px;
    font-family: 'lh',arial,verdana,sans-serif;
   font-size: 1.1em;
   text-decoration: none;
   text-shadow: 0 0 10px #FFFFFF;
}

.box li a:hover {
   color: #70DBFF;
}
 
/* search-box sous menu */
.box li ul{
   position: absolute;
   background: url("{T_THEME_PATH}/images/post-it.png") no-repeat;
   display: none;
   height: 279px;
   width: 300px;
   margin: 0 0 0 -113px;   
}

.box.dubas li ul {
   margin-left: -55px;
}

.box li li {
   display: block;
   margin: 20px 0 -23px 0;
   width: 300px;
}

.box li ul a{
    font-size: 1.1em;
   color: #000;
   text-align: left;
   display: block;
   height:0px;
   padding: 10px 0;
   margin: 5px 22px;
}

.box li ul a:hover {
   color: #FFF;
}

.box span.down {
    background: url("{T_THEME_PATH}/images/icon_down.png") 100% 75% no-repeat;
   display: inline;
   padding: 0 24px 0 0;
}

.copyright a{
   color: #70DBFF;
}

.bg_copy {
   background: url("{T_THEME_PATH}/images/bg_copy.png") repeat-x;
   height: 170px;
   margin: -60px 0;
   width: 100%;
}   

.forumbg table.table1 {
   margin: 0 auto;
   padding: 0;
}

th a:link {
   color: #000;
}

/* Messages viewtopic
    ----------------------------------------*/
.postprofile {
    border-left: 0;
    width: auto;
    padding: 5px 0;
    float: none;
    overflow: hidden;
    display: block;
   min-height: 110px;
}

.postprofile dt, .pm dt {
    text-align: center;
}

.postprofile dd, .postprofile dt, .pm dd, .pm dt {
    float: left;
    line-height: 1.5em;
    margin-left: 8px;
   min-width: 95px;
}

.sushiprofile-icons {
   clear: both;
}

.postbody {
    clear: both;
    float: none;
    width: auto;
    margin: 0 8px;
}

.postprofile dt img {
    box-shadow: 2px 2px 5px rgba(0,0,0,0.5);
}
/* End messages viewtopic  */

.wrapdetails {
    border-left: 8px solid #474849 !important;
   border-right: 8px solid #474849 !important;
    margin: 10px -31px 10px -26px !important;
    padding: 0 8px 15px !important;
    background-color: #79C0EC;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 2px 2px rgba(0, 0, 0, 0.2);
}

/*---------- separation messages -----------*/
.ligne-post-pm {
    background: url("{T_THEME_PATH}/images/separation-mp.png") no-repeat;
   height: 10px;
   width: 695px;
   margin: 0 auto;
   padding: 0;
}
/*-------- End separation messages ---------*/

.wrap-post {
    background: url("{T_THEME_PATH}/images/gradient.jpg") repeat;
   margin: 0 5px 0 0;
   border-radius: 5px;
}

.bg4 { background-color: tansparent; }   
.bg5 { background-color: tansparent; }

.btn- {
    border-color: #357EBD;
    color: #FFFFFF;
   background: #1b1b1b;
    background-image: -moz-linear-gradient(top, #319CE2, #1b1b1b);
   background-image: -webkit-linear-gradient(top, #319CE2, #1b1b1b);
   background-image: -ms-linear-gradient(top, #319CE2, #1b1b1b);
   background-image: -o-linear-gradient(top, #319CE2, #1b1b1b);
   background-image: linear-gradient(top, #319CE2, #1b1b1b);
    background-repeat: repeat-x;
    border: 1px solid #225CA5;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 2px 2px rgba(0, 0, 0, 0.2);
}

.btn {
    border-radius: 5px;
   margin: 0 0 19px;
   height: 30px;
    text-align: center;
   background-color: #1b1b1b;
    background-image: -moz-linear-gradient(top, #319CE2, #1b1b1b);
   background-image: -webkit-linear-gradient(top, #319CE2, #1b1b1b);
   background-image: -ms-linear-gradient(top, #319CE2, #1b1b1b);
   background-image: -o-linear-gradient(top, #319CE2, #1b1b1b);
   background-image: linear-gradient(top, #319CE2, #1b1b1b);
    background-repeat: repeat-x;
    border: 1px solid #225CA5;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 2px 2px rgba(0, 0, 0, 0.2);
}

.btn span h2{
    font-family: lh,sans-serif;
   text-transform: uppercase;
    font-size: 15px;
    font-weight: normal;
    line-height: 1.8em;
    color: #70DBFF;
   text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.4);
}

.btn a {
    font-family: lh,sans-serif;
   text-transform: uppercase;
    font-size: 15px;
    font-weight: normal;
    line-height: 1.8em;
    color: #70DBFF;
   text-shadow: 0 -1px 0 #000;
}
   
.btn a:hover {
    color:  #FFF;
   text-shadow: -1px -1px 2px #000;
    text-decoration: none;
}

#btn_admin {
   font-family: lh,sans-serif;
   font-size: 1.6em;
   text-transform: uppercase;
   padding: 10px;
   color: #000;
   text-align: center;
   background: #444;
   background: -webkit-linear-gradient( #555, #2C2C2C);
   background: -moz-linear-gradient( #555, #2C2C2C);
   background: -ms-linear-gradient( #555, #2C2C2C);
   background: -o-linear-gradient( #555, #2C2C2C);
   background: linear-gradient( #555, #2C2C2C);
   border-radius: 8px;
   text-shadow: 0px 1px 0px rgba( 255, 255, 255, 0.2);
   box-shadow: 0 0 5px rgba( 0, 0, 0, 0.5), 0 -1px 0 rgba( 255, 255, 255, 0.4);
}

#btn_admin:hover  {
   text-decoration: none;
   color: #222;   
   background: #555;
   background: -webkit-linear-gradient( #777, #333);
   background: -moz-linear-gradient( #777, #333);
   background: -ms-linear-gradient( #777, #333);
   background: -o-linear-gradient( #777, #333);
   background: linear-gradient( #777, #333);
}

.cat-title-post {
    border-radius: 5px;
   margin: 0 auto;
   height: 80px;
   display: block;
    text-align: center;
   background-color: #333333;
    background-image: -moz-linear-gradient(top, #333333, #000000);
   background-image: -webkit-linear-gradient(top, #333333, #000000);
   background-image: -ms-linear-gradient(top, #333333, #000000);
   background-image: -o-linear-gradient(top, #333333, #000000);
   background-image: linear-gradient(top, #333333, #000000);
    background-repeat: repeat-x;
    border: 5px solid #B8860B;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 2px 2px rgba(0, 0, 0, 0.2);
}

.cat-title-post a {
    font-family: cursi,sans-serif;
   text-transform: none;
    font-size: 26px;
    font-weight: normal;
    line-height: 2.6em;
    color: #fff;   
}

.cat-title-post a:hover {
    text-decoration: none;
   opacity: 0.4;
}   

dt.avatar {
   margin: 4px 10px 4px 6px;
   padding: 4px 0 0;
}

dt.no_avatar span{
   display: block;
   height: 90px;
   width: 90px;
}

dt.no_avatar span{
   background: url("{T_THEME_PATH}/images/no_avatar.png") 0 0 no-repeat;
}

.welcome {
   float: left;
   background-color: #333;
   border-radius: 5px;
   margin: 0 20px;
   padding: 0;
   position: absolute;
   width:260px;
   height: 95px;
}

.guest {
   background: url("{T_IMAGESET_LANG_PATH}/welcome.png") no-repeat;
   width:260px;
   height: 95px;
}

.wel  {
   margin: 0;
   padding: 62px 76px;
}

.wel span  {
   margin: 0 3px;
}

#left  a{
    color: #fff;
    border-radius: 5px;
   margin: 5px 0;
   padding: 4px;
   height: 30px;
   font-size: 11px;
   text-decoration: none;
    text-align: center;
   background-color: #4E9939;
    background-image: -moz-linear-gradient(top ,  #91BD09, #4E9939);
   background-image: -webkit-linear-gradient(top, #91BD09, #4E9939);
   background-image: -ms-linear-gradient(top, #91BD09, #4E9939);
   background-image: -o-linear-gradient(top, #91BD09, #4E9939);
   background-image: linear-gradient(top, #91BD09, #4E9939);
    background-repeat: repeat-x;
    border: 1px solid #000;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 2px 2px rgba(0, 0, 0, 0.2);
}
#left  a:hover {
   opacity: 0.8;
   text-decoration: none;
}   

#right a {
   color: #fff;
   border-radius: 5px;
   margin: 5px 0;
   padding: 4px;
   height: 30px;
   font-size: 11px;
   text-decoration: none;
   text-align: center;
   background-color: #1b1b1b;
   background-image: -moz-linear-gradient(top , #319CE2, #1b1b1b);
   background-image: -webkit-linear-gradient(top, #319CE2, #1b1b1b);
   background-image: -ms-linear-gradient(top, #319CE2, #1b1b1b);
   background-image: -o-linear-gradient(top, #319CE2, #1b1b1b);
   background-image: linear-gradient(top, #319CE2, #1b1b1b);
   background-repeat: repeat-x;
   border: 1px solid #225CA5;
   box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 2px 2px rgba(0, 0, 0, 0.2);
}

#right  a:hover {
   opacity: 0.8;
   text-decoration: none;
}

.p-icons {
   width: 400px;
   text-align: center;
}

.p-icons, .profile-icons ul {
    margin: 0 ;
}

.social {
   float: left;
   position: relative;
   margin-top: -3px;
   position: relative;
   width: 225px;
}

.social ul {
   list-style-type: none;
}
   
.social li {
   float: left;
   margin: 0 -35px 0 23px;
}   

.social li:hover {
   opacity: 0.7;
   padding: 3px 0;
}


.btn1{
   display: inline-block;
   line-height: 22px;
   text-align: center;
   vertical-align: top;
   width: auto;
   height: 30px;
   margin: 3px 0;
   padding: 0;
}

.btn2 {
    font-family: lh,sans-serif;
    font-size: 1.2em;
    text-transform: uppercase; 
    background-color: #0088CC;
    background-image:-moz-linear-gradient(top, #0088cc, #0055cc);
    background-image:-webkit-linear-gradient(top, #0088cc, #0055cc);
    background-image:-o-linear-gradient(top, #0088cc, #0055cc);
    background-image:-ms-linear-gradient(top, #0088cc, #0055cc);
   background-image:linear-gradient(top, #0088cc, #0055cc);
    background-repeat: repeat-x;
    border: 1px solid #225CA5;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 2px 2px rgba(0, 0, 0, 0.2);
   padding: 4px 15px;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
}

.btn1 a {
    color: #fff;
   text-decoration: none;
}

.btn1 a:hover{
   color: #70DBFF;
   opacity: 0.9;
}   
   
.span1 {
   display: inline-block;
}   

.legend-icon {
   margin: 8px 5px 15px 0;
   height: 67px;
   display: block;
   background-color: #333333;
   background-image: -moz-linear-gradient(top, #333333, #000000);
   background-image: -webkit-linear-gradient(top, #333333, #000000);
   background-image: -ms-linear-gradient(top, #333333, #000000);
   background-image: -o-linear-gradient(top, #333333, #000000);
   background-image: linear-gradient(top, #333333, #000000);
   background-repeat: repeat-x;
   border: 5px solid #B8860B;
   border-radius: 5px;
   box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 2px 2px rgba(0, 0, 0, 0.2);
}

#login .fields1 {
   background: url("{T_THEME_PATH}/images/login.png") no-repeat 90% 60%;
   min-height: 115px;
}

#register .fields2 {
   background: url("{T_THEME_PATH}/images/register.png") no-repeat 90% 50%;
}   

/* Header and Footer extended
    ---------------------------------------- */
.footerbar {
   background: url("{T_THEME_PATH}/images/footer-bg.jpg") repeat-x;
   margin: 5px 0 -12px;
   height: 270px;
   min-width: 1024px;
   color: #FFFFFF;
   width: 100%;
}

#footer-block {
    position: relative;
      margin: 0 auto;
   padding: 15px;
    width: 480px;
   height: 159px;
    text-align: center;
}

#footer-block  ul {
    background: url("{T_THEME_PATH}/images/block-footer.png") no-repeat;
   display: inline-block;
    width: 200px;
   height: 133px;
   margin: 3px 10px;
    padding: 19px 0 0;
    list-style-type: none;
   text-align: center
}

#footer-block  ul li.footer-title {
    color: #000;
   list-style-type: none;
    font-size: 14px;
    font-style: italic;
    font-weight: bold;
   text-align: center;
      padding: 3px 0;
   margin: -15px 0;
    border-bottom: none;
   text-shadow: 2px 2px 4px #fff;
}

#footer-block li a {
    display: block;
    font-family: 'lh', Helvetica, Arial, sans-serif;
    font-size: 12px;
    color: #000000;
   margin: 19px 0 -13px;
    padding: 0;
    line-height: 20px;
    text-align: center;
    text-decoration: none;
   text-shadow: 1px 2px 4px #fff;
}

#footer-block  a:hover {
    text-align: center;
   color: #FFFFFF;
   text-shadow: 1px 2px 4px #000;
}
Avatar du membre
Bruno36
Empereur des posts
Empereur des posts
Messages : 1001
Enregistré le : 14 nov. 2007 à 12:53
Localisation : issoudun
Contact :

Re: Déplacer le menu

par cabot » 19 juil. 2014 à 11:31

:idea: Ben faut la remettre.
Avatar du membre
cabot
Equipe site
Equipe site
Messages : 28260
Enregistré le : 13 févr. 2011 à 19:42
Localisation : Rarement sur la plaque
Contact :