Bine a-ti venit pe fraNNNta-Design
Bine a-ti venit pe fraNNNta-Design
  • Prezentare membri! Posteaza aici!
  • Lista temelor

    Cele mai noi teme
  • Parteneriat!

    Aliaza-te cu noi!
  • Ajutor!Cum fac asta?

    Oferim suport gratuit!
  • AcasaAcasa  GalerieGalerie  CăutareCăutare  ÎnregistrareÎnregistrare  Conectare  
    Tema noua gaming in curand
    [FF] Cei mai activi
    mr.franta (4115)
    Aditzu. (1264)
    just.m1ky (934)
    Dana. (718)
    mihai (597)
    Braga Catalin (585)
    Lucifer @ Frannnta-Design (490)
    PitiKu (490)
    RelaxDB (302)
    Anthalius (300)










    [FF] Posturi Noi
    In Cerere ajutor subforumuri si avatar la ultimul post pe index by:mr.franta
    In IPB CSource theme by:MaTTox3
    In Tema OPZ Invision by:MaTTox3
    In Cs92 Black by:BUCATTI
    In Sony ericsson xperia arc by:mr.franta
    In Avatare default NO AVATAR by:Mr.Cristinel
    In PuRe CFG AIM SINCE 2016 @ FAtal Error!! by:Mr.Cristinel
    In Meniu Rainbow by:mr.franta
    In IPB Devil Gaming V1 [INVISION] by:mr.franta
    In Background+imagine la grupuri by:mr.franta
    Ultimii Membri
    nimic

     Punbb:Staff List

    Inapoi Inainte  Mergi jos! 
    AutorMesaj
    mihai

    avatar
    Rank: Rank: Membru
    Respect : 100%
    Mesaje : 597
    Inscris : 21/02/2016
    MesajSubiect: Punbb:Staff List   Punbb:Staff List EmptyMier Noi 07, 2018 12:13 am

    Bun găsit,

    în acest tutorial vă voi învăța cum să faceți un staff list, mai exact gata făcut .

    PDA > Diverse >   HTML & JAVASCRIPT > Administrare pagini HTML > Creare in Mod Avansat (HTML)

    Previzualizare instalare:
    Punbb:Staff List Untitl14

    Cod:
    Cod:
    <h3 class="maintitle">Staff List</h3>
    <table class="ipb_table ipsMemberList">
     <tbody><tr class="header">
     <th scope="col" style="width: 3%"> </th>
     <th scope="col" style="width: 20%">Name</th>
     <th scope="col" style="width: 25%">Function</th>
     <th scope="col" style="width: 25%" class="short">Location</th>
                    <th scope="col" style="width: 25%" class="short">Contact</th>
     <th scope="col" style="width: 12%">&nbsp;</th>
     </tr>
     
     
    <tr class="row1">

    <td><div class="left">
    <img src="" class="avt-rr">
    </div>
    </td>

    <td>
      <span style="color:#cod culoare;font-weight:bold;">-</span>
    </td>

    <td>
    <span style="color:#cod culoare;font-weight:bold;"></span>
    </td>

    </tr>
     


     

    <tr class="row2">

    <td><div class="left">
    <img src="" class="avt-rr">
    </div>
    </td>

    <td>
      <span style="color:#cod culoare;font-weight:bold;">-</span>
    </td>

    <td>
    <span style="color:#cod culoare;font-weight:bold;"></span>
    </td>

    </tr>
     
     



    <tr class="row1">

    <td><div class="left">
    <img src="" class="avt-rr">
    </div>
    </td>

    <td>
      <span style="color:#cod culoare;font-weight:bold;">-</span>
    </td>

    <td>
    <span style="color:#cod culoare;font-weight:bold;"></span>
    </td>

    </tr>
     


    <tr class="row2">

    <td><div class="left">
    <img src="" class="avt-rr">
    </div>
    </td>

    <td>
      <span style="color:#cod culoare;font-weight:bold;">-</span>
    </td>

    <td>
    <span style="color:#cod culoare;font-weight:bold;"></span>
    </td>

    </tr>
    </tbody></table>

    CSS:
    Cod:
    .avt-rr {
        width: 30px;
        height: 30px;
        margin: 3px;
        padding: 1px;
        border: 1px solid #D5D5D5;
        background: white;
        -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
        -moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
        box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
    }
    table.ipb_table td {
        padding: 10px;
        border-bottom: 1px solid #f3f3f3;
    }
    table.ipb_table {
        width: 100%;
        line-height: 1.3;
        border-collapse: collapse;
    }
    .header {
        background: #b6c7db;
        color: #1d3652;
    }
    table.ipb_table th {
        font-size: 11px;
        font-weight: bold;
        padding: 8px 6px;
    }

    După instalarea codului, ar trebui să avem așa ceva: Punbb:Staff List Untitl15

    Notă: va trebuie să adăugați fiecare avatar, nume, funcție, locație, și așa mai departe.

    Dacă sunt probleme, vă rugăm să folosiți secț. corespunzătoare!

    Tutorial realizat de Mark.
    Mergi sus! Mergi jos!
         https://https:/frannnta-design.com 
    mr.franta

    mr.franta
    Rank: Rank: fondator
    Respect : 100%
    Mesaje : 4115
    Inscris : 18/06/2011
    MesajSubiect: Re: Punbb:Staff List   Punbb:Staff List EmptyMier Noi 07, 2018 9:51 pm

    Nui cine stie ce,am facut mai reusite si frumoase,dar cine stie poate cuiva ii va place mai mult.
    Mergi sus! Mergi jos!
         https://frannnta-design.hitforum.ro 
     
    Punbb:Staff List
    Inapoi Inainte Mergi sus! 
    Pagina 1 din 1

    Permisiunile acestui forum:Nu puteti raspunde la subiectele acestui forum