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

     Personalizare text de indrumare in forum

    Inapoi Inainte  Mergi jos! 
    AutorMesaj
    mr.franta

    mr.franta
    Rank: Rank: fondator
    Respect : 100%
    Mesaje : 4115
    Inscris : 18/06/2011
    MesajSubiect: Personalizare text de indrumare in forum   Personalizare text de indrumare in forum EmptyMier Dec 30, 2020 6:12 pm

    Salutare,poate ca titlu meu este ceva mai ciudat si va induce in eroare dar in acest topic o sa vedeti exact ce face acest cod.
    Acest cod este pentru ca atunci cand veti face tutoriale sau anumite lucruri si vreti sa le faceti mai usor si mai rapid.
    Atasez o imagine ca demo apoi mai jos o sa pun si un demo live (sigur nu se va mai afisa la schimbarea temei pentru ca voi uita sa adaug codul,nu faceti ca mine:)) )
    Imagine cu demo: https://i.servimg.com/u/f36/19/55/42/16/teste10.png

    Demonstratie live.

    Panou de administrareAfisareTemplate-uriGeneralIndex_box




    Panou de administrareAfisareColoriCSS


    Pentru a face acest lucru trebuie sa copiati text-ul.
    Atentie trebuie sa il copiati la fel,nu adaugati spatii sau sa il puneti unul sub altul ca nu se va aseza la fel.
    Codurile sursa pentru topic sunt aici:

    Cod:
    <div class="template-uri">
    <span class="panou">Panou de administrare</span><span class="afisare">Afisare</span><span class="template">Template-uri</span><span class="general">General</span><span class="index">Index_box</span>

    </div>
    Cod:

    <div class="template-uri">
    <span class="panou">Panou de administrare</span><span class="afisare">Afisare</span><span class="template">Colori</span><span class="general">CSS</span>

    </div>

    Iar codurile css le gasiti aici:
    Cod:

    .template-uri span{
        display: inline-block;
        background: #efeeee;
        float: left;
        padding: 6px 12px;
        padding-left: 22px;
        position: relative;
        bottom: 14px;
        margin: 0px 2px;
        border: 1px solid #ddd;
        font-weight: 600;
    }

    .template-uri span:hover{
        background-color: #fff;
        cursor: pointer;
    }

    .template-uri span{
    background-image: url(https://icons.iconarchive.com/icons/custom-icon-design/pretty-office-5/16/navigate-right-icon.png);
        background-repeat: no-repeat;
        background-position: 2px 6px;
    }


    span.panou{
        color: rgb(196,24,126);
    }

    span.afisare{
        color: orange;
    }

    span.template, span.culori{
        color: rgb(36,144,209);
    }

    span.index, span.css{
        color: rgb(142,185,74);
    }

    span.general{
        color: rgb(91,48,164);
    }
    Mergi sus! Mergi jos!
         https://frannnta-design.hitforum.ro 
     
    Personalizare text de indrumare in forum
    Inapoi Inainte Mergi sus! 
    Pagina 1 din 1

    Permisiunile acestui forum:Nu puteti raspunde la subiectele acestui forum