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:
Iar codurile css le gasiti aici:
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);
}