AccueilAccueil  
  • CalendrierCalendrier  
  • FAQFAQ  
  • RechercherRechercher  
  • MembresMembres  
  • GroupesGroupes  
  • S'enregistrerS'enregistrer  
  • ConnexionConnexion  
  • Equinies
     :: Catégories :: Forum 1

    Equinies


    CSS

    Admin
    Administrateur
    Réputation : 7
    avatar
    CSS
    Code:
    /* CATEGORIES */

    #pi{

    }

    .cat-icon{
      position:absolute;
    }

    .cat-sub{
          display: inline-block;
    }

    .cat-sub a {
        background: #ffffff52;
        border-radius: 5px;
        margin-left: 0!important;
        margin-right: 0!important;
        padding: 0 5px;
    }

    #blup {
          background-image: url('');
      clip-path: polygon(0px 0px, 0px 0px, 0px 860px, 300px 0px);
        }

    .last-user br {
      display:none;
    }

    .last-user strong{
     display:none;
    }

    .last-user{
        display: inline-block;
        font-family: Poppins;
        margin-left: 5px;
        overflow: auto;
    }

    .topic-name {
        background: #e0e0e0;
        border-radius: 5px;
        display: inline-block;
        font-family: Poppins;
        font-size: 12px;
        margin-left: 5px;
        max-width: 150px;
        overflow: hidden;
        padding: 0 5px;
        text-overflow: ellipsis;
        white-space: nowrap;
       margin-bottom: 6px;
        line-height: initial;

    }

    .last-avatar{
         display: inline-block;}

    .last-avatar img {
    border-radius: 100%;
        width: 30px;
    }

     .cat-last {
    line-height: 30px;
        margin-left: 190px;
        margin-top: 135px;
        position: absolute;
        text-align: center;
        width: 255px;}

    .cat-test{
        border-bottom: 0px solid transparent;
        border-left: 0px solid transparent;
        border-right: 150px solid transparent;
        border-top: 100px solid #f5f5f5;
        position: absolute;
        width: 240px;
      margin-top: 100px;
    }

    .cat-messages {
        font-family: Poppins;
        font-size: 15px;
        left: 75px;
        position: absolute;
        text-align: center;
        top: -90px;
        width: auto;
    }
    .cat-sujets {
        font-family: Poppins;
        font-size: 30px;
        left: 25px;
        position: absolute;
        text-align: center;
        top: -90px;
    }

    .cat-test span {
           display: block;
        font-size: 12px;
    }

    .cat-desc{
        color: #fff;
        font-family: Poppins;
        height: 45px;
        margin-left: 20px;
        margin-top: 10px;
        overflow: hidden;
        width: 300px;
    }

    .cat {
        background: #efefef;
        border-bottom: 3px solid #fff;
        display: flex;
        flex-wrap: wrap;
    }
    .cat-forum {
        flex: 1;
        display: flex;
        height: 200px;}

    .cat-title{
      width: -webkit-fill-available;;
        height: 100px;
        background: #353738;
    }

    .cat-title a {
        color: #fff!important;
        font-family: Poppins;
        font-size: 12px;
        margin-left: 20px;
        margin-top: 15px;
        margin-right: 15px;
        display: inline-block;
    }


    #h1-category{
      font-weight: 300;
        margin-top: -180px;
        font-family: Poppins;
        font-size: 12px;
        letter-spacing: 1px;
        text-transform: uppercase;
        margin-left: 30px;
      color: #fff;}




    /* BARRE DE NAVIGATION */

    .desc-bis{
    background: #6b6b6b21;
        height: 55px;
        margin-right: 80px;
        position: absolute;
        right: 30px;
        text-align: center;
        top: 0;
        transform: skewX(-35deg);
        width: 200px;
    }

    .desc-bis i{
        display: -webkit-inline-box;
        font-size: 12px;
        margin-right: 0!important;
        margin-top: 23px;
        overflow: hidden;
        padding: 5px;
        text-align: center;
        text-transform: uppercase;
        transform: translateY(-25%) skewX(35deg);
        transition: all .2s linear;
    }


    .dropdown-av {
        position: absolute;
        right: 30px;
        text-align: center;
        top: 50%;
        transform: translate(-50%,-50%);
    }

    .dropdown-av-content1 {
    display: none;
        position: absolute;}

    .dropdown-av-content2 {
        background-color: #ffffff70;
        border-radius: 3px;
        font-size: 8px;
        height: auto;
      margin: 20px 0;}

    .dropdown-av-content2 a {
        border-radius: 5px;
        color: #000;
        text-align: center;
        text-decoration: none;
        transition: background-color .5s;
        width: 30px;
    }

    .dropdown-av-content2 a i {
        color: #000;
        font-size: 10px;
        margin-left: auto;
        margin-right: auto!important;
        padding: 10px;
        transition: color .5s;
        width: 30px;
    }

    .dropdown-av:hover .dropdown-av-content1 {
        display: block;
    }
    .dropdown-av-content2 a i:hover {
        color: #fff;
    }


    @keyframes bounceIn {
      from,
      20%,
      40%,
      60%,
      80%,
      to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      }

      0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
      }

      20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
      }

      40% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9);
      }

      60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03);
      }

      80% {
        -webkit-transform: scale3d(0.97, 0.97, 0.97);
        transform: scale3d(0.97, 0.97, 0.97);
      }

      to {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
      }
    }

    .bounceIn {
      -webkit-animation-duration: 0.75s;
      animation-duration: 0.75s;
      -webkit-animation-name: bounceIn;
      animation-name: bounceIn;
    }

    .desc-avatar{
    }
    .desc-avatar img{
        border-radius: 50%;
        width: 35px;
    }




    .tooltip {
    display:none;
     position:absolute;
     border:1px solid #333;
     background-color:#161616;
     border-radius:5px;
     padding:5px;
     color:#fff;
          text-transform: uppercase;
       font-family: Poppins;
        font-size: 8px;
        font-weight: 700;
      letter-spacing:1px;
    }

    .M14_MP
    {
        background-color: red;
        border-radius: 16px;
        color: #fff;
        height: 16px;
        line-height: 16px;
        margin-left: 27px;
        margin-top: -23px;
        position: absolute;
        text-align: center;
        width: 16px;
        padding-left: 1px;
    }



    .desc{
        height: 100px;
        left: 0;
        line-height: 100px;
        position: absolute;
        top: 0;
        white-space: nowrap;
        width: 1000px;
        margin-top: -100px;
    }


    .desc-pseudo {
    background-color: #f5f5f5;
        font-family: Poppins;
        font-size: 11px;
        font-weight: 700;
        padding-left: 50px;
        text-transform: uppercase;
            width: 235px;
    }



      .desc-liens a{
        display: block;
        font-family: Poppins;
        font-size: 8px;
        height: 25px;
        letter-spacing: 1px;
        line-height: 25px;
        overflow: hidden;
        text-transform: uppercase;
        transition: all .2s linear;
        text-align: center;
      transform: skewX(35deg);
      color: #fff;
        font-weight: 700;
    }


    .desc-liens i{
        padding-right: 3px;
    }
      
    .desc-liens {
        background-color: #353738;
        margin-left: 200px;
        margin-top: -100px;
        padding-left: 10px;
        padding-right: 10px;
        transform: skewX(-35deg);
        width: 150px;
    }




    .desc-nav{
    background-color: #efefef;
        color: #898989;
        font-family: Poppins;
        font-size: 8px;
        font-weight: 700;
        height: 100px;
     margin-left: 315px;
        margin-top: -100px;
        text-align: center;
        text-transform: uppercase;
    }

    .desc-compte1,.desc-compte2,.desc-compte3{
    font-family: Poppins;
        font-weight: 700;
      display: inline-block;
          margin-left: 5px;
      font-size: 20px;
    }

    .desc-nav span{
    font-family: Poppins;
        font-weight: 700;
      display: inline-block;
          margin-left: 5px;
      font-size: 20px;
    }

    .desc-element{
        top: 0;
        white-space: nowrap;
      font-size: 30px;
          display: inline;
          margin-left: 20px;
    }

    .desc-element i{
          background-color: #e0e0e0;
        border-radius: 5px;
        padding: 8px;
      font-size:20px;
        transition:background-color .5s;
      color:#fff;
    }

    .desc-element i:hover{
      background-color: #444;
    }


    #topbar {
    position: fixed;
    margin: 0 auto;
    top: 0;
    margin-top: 0px;
    left: 0;
    right: 0;
    height: 55px;
    width: 100%;
    background-color:#efefefcc;
    z-index: 999;
    }

    #topcenter {
    margin: 0 auto;
    top: 0;
    margin-top: 0px;
    left: 0;
    right: 0;
    padding: 19.5px 6px 16.5px 0px;
    font-family: Poppins;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 12px;
    letter-spacing: 1.7px;
    margin-left: 30px;
    }

    #topcenter i {
    margin-right:5px;
    }

    #topcenter .nav {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    }


    /* GENERAL */

    #wrapper {
    display:none;
    }

    #container {
    background-color: #fff;
    left: 0;
    margin: 0 auto;
    min-height: 100%;
    padding: 50px;
    position: absolute;
    right: 0;
    width: 1000px;
    top: 300px;
    }

    /* HEADER */

    header {
    position: relative;
    height: 300px;
    background-image: url(http://thepatternlibrary.com/img/h.jpg);
    }

    .header2 img {
    height: 300px;
    object-fit: cover;
    width: 100%;
    }

    header h1 {
    font-family: Poppins, sans-serif;
    font-size: 200px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #ffffff9e;
    }

    /* PAGE D'ACCUEIL */

    .panel {
    background-color: #e9ebed;
    border-radius: none;
    box-shadow: none;
    color: #444;
    margin-bottom: 24px;
    overflow: hidden;
    padding: 18px 18px 0;
    position: relative;
    }

    /* SUPPRESSION DES DECORATIONS DE LIENS */

    a:hover {
    text-decoration: none !important;
    }
     
    a {
    text-decoration: none !important;
    }
     
    a:link {
    text-decoration: none;
    }
     
    a:visited {
    text-decoration: none;
    }
    Admin
    Administrateur
    Réputation : 7
    avatar
    CSS
    Code:
    .dropdown {
        position: absolute;
        text-align: center;
        top: 50%;
       right: -50px;
        transform: translate(-50%,-50%);
          width: 120px;
    }

    .dropdown-content1 {
        display: none;
          width: 120px;
        position: absolute;
    }


    .dropdown-content2 {
        margin: 20px auto;
    }


    .dropdown:hover .dropdown-content1 {
        display: block;
    }
    .dropdown-content2 a:hover i {
      color:#fff;
    transition:color .5s;}

    .dropdown-content2 i {
        background: initial;
        background-color: #353738;
        border-radius: 5px;
        color: #fff;
        padding: 5px;
        transition: background-color .5s;
    }

    .dropdown-content2 a {
        display: -webkit-inline-box;
        padding: 5px;
    }
    Admin
    Administrateur
    Réputation : 7
    avatar
    CSS
    Code:
    <div class="cat"><!-- BEGIN catrow -->

      <!-- BEGIN tablehead -->

      <div style="display:none">{catrow.tablehead.L_FORUM}</div>
     
    <!-- END tablehead -->

                            <!-- BEGIN forumrow -->

      <div class="cat-forum"><div class="cat-title"><a href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a>
      <div class="cat-sub" id="subforums">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div>
        <script type="text/javascript">
    jQuery('#subforums').html(jQuery('#subforums').html().replace(/, /g,' ')).removeAttr('id');
    </script>
      <div class="cat-desc">{catrow.forumrow.FORUM_DESC}</div>
        <div class="cat-icon"></div></div>
      <div class="cat-test"><div class="cat-sujets">{catrow.forumrow.TOPICS} <span>{L_TOPICS}</span></div><div class="cat-messages">{catrow.forumrow.POSTS} <span>{L_POSTS}</span></div></div>
      <div class="cat-last"><!-- BEGIN avatar -->
                                <div class="last-avatar">{catrow.forumrow.avatar.LAST_POST_AVATAR}</div>
                                <!-- END avatar -->
      <a href="{catrow.forumrow.U_LATEST_TOPIC_POST}" class="topic-name">{catrow.forumrow.LATEST_TOPIC_NAME}</a>
        <div class="last-user">{catrow.forumrow.USER_LAST_POST}</div>
      </div>
      </div>
      <!-- END forumrow -->
                   
                   
         
     
     
      <!-- BEGIN tablefoot -->

      <!-- END tablefoot -->

    <!-- END catrow -->
    </div> 
    <script type="text/javascript">
    if( window.location.pathname === '/' || window.location.pathname.indexOf('/forum') === 0 )
    $(function() {
      $('#container .cat').remove();
    });
    </script>
    User
    Réputation : 7
    CSS
    QUOI
    Admin
    Administrateur
    Réputation : 7
    avatar
    CSS
    FGDDGF
    User
    Réputation : 7
    CSS
    DIROTROERE
    Admin
    Administrateur
    Réputation : 7
    avatar
    CSS
    tr
    User
    Réputation : 7
    CSS
    Pouc
    User
    Réputation : 7
    CSS
    css
    Admin
    Administrateur
    Réputation : 7
    avatar
    CSS
    CSS
    Contenu sponsorisé
    CSS
    Créer un forum | © phpBB | Forum gratuit d'entraide | Contact | Signaler un abus | Forum gratuit