Personalizare text de indrumare in forum

Inscris : 18/06/2011

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);
}