Meniu personalizat

Rezumarea primului mesaj :

cum pot sa fac si eu acest meniu punctat si cand pun sageata sa se aprinda verde sau oricealta culoare.?
http://uploadimage.ro/images/76673293844993218016.png
sau chiar ca in imagine

Salutare,

Înlocuieşte codul CSS oferit de .richard şi pune-l pe ăsta:

Cod:

table#tabel-meniu {
border:dashed 1px #51b300;
-moz-border-radius-topleft: 2px;
-moz-border-radius-topright:3px;
-moz-border-radius-bottomleft:9px;
-moz-border-radius-bottomright:9px;
-webkit-border-top-left-radius:2px;
-webkit-border-top-right-radius:3px;
-webkit-border-bottom-left-radius:9px;
-webkit-border-bottom-right-radius:9px;
border-top-left-radius:2px;
border-top-right-radius:3px;
border-bottom-left-radius:9px;
border-bottom-right-radius:9px;
background: #575757;
width: 98%;}
table#tabel-meniu:hover {
-moz-box-shadow: 0px 0px 7px #6a8209;
-webkit-box-shadow: 0px 0px 7px #6a8209;
box-shadow: 0px 0px 7px #6a8209;}

nu e la fel uitati cum mi se vede https://i.servimg.com/u/f43/16/83/52/73/untima10.png

sNk // W!NT3r a scris:nu e la fel uitati cum mi se vede https://i.servimg.com/u/f43/16/83/52/73/untima10.png

Nu are cum ia totul de la capăt fiindcă trebuie sa meargă, codurile sunt bune.

Magic Viv a scris:

sNk // W!NT3r a scris:nu e la fel uitati cum mi se vede https://i.servimg.com/u/f43/16/83/52/73/untima10.png

Nu are cum ia totul de la capăt fiindcă trebuie sa meargă, codurile sunt bune.

eu ma refeream asa nu cum mi leau dat ei sunt bune dar eu vreau asa https://i.servimg.com/u/f43/16/83/52/73/untima12.png
https://i.servimg.com/u/f43/16/83/52/73/untima13.png

Salutare,

Încearcă să pui asta în CSS:

Cod:

  table#tabel-meniu {
    border:dashed 1px #51b300;
    -moz-border-radius-topleft: 2px;
    -moz-border-radius-topright:3px;
    -moz-border-radius-bottomleft:9px;
    -moz-border-radius-bottomright:9px;
    -webkit-border-top-left-radius:2px;
    -webkit-border-top-right-radius:3px;
    -webkit-border-bottom-left-radius:9px;
    -webkit-border-bottom-right-radius:9px;
    border-top-left-radius:2px;
    border-top-right-radius:3px;
    border-bottom-left-radius:9px;
    border-bottom-right-radius:9px;
    background: #575757;
    width: 98%;
margin-top: 0px:}
    table#tabel-meniu:hover {
  margin-top: 0px:
    -moz-box-shadow: 0px 0px 7px #6a8209;
    -webkit-box-shadow: 0px 0px 7px #6a8209;
    box-shadow: 0px 0px 7px #6a8209;}

Unde am pus eu : "margin-top: 0px:" , tu poţi modifica "0px" cu orice valoare vrei tu. Acest cod reprezintă distanţa de sus în jos a barei.

sNk // W!NT3r , teai strofocat macar sa incerci codu dat de mine?

Salutare,

.Richard, a pus că nu îi place modul de afişare al codului pe care i l-ai oferit( cel CSS). Eu i-am modificat doar conţinutul codului CSS.

Poftim CSS din nou:

Cod:


      table#tabel-meniu {
        -webkit-transition:All 1s ease;
        -moz-transition:All 1s ease;
        -o-transition:All 1s ease;
        width: 98% !important;
   
        -moz-border-radius: 0px;
        -webkit-border-radius: 0px;
border-top-left-radius: 2px;
border-top-right-radius: 2px;
border-bottom-right-radius: 20px;
border-bottom-left-radius: 20px;
        border: 1px solid #fff;
        padding: 3px;
        margin: 5px;
        }
        table#tabel-meniu:hover {
        -moz-box-shadow: 0px 0px10px #5ab1c1;
        -webkit-box-shadow: 0px 10px 5px #5ab1c1;
        box-shadow: 0px 0px 10px #5ab1c1;
      border-color: #5ab1c1;
 

}

ms .richard e frumos primul dar sal vad pe aldoilea
al doile e tot la fel eu vreau ca aici http://headcs.ace.st/forum

T/C puteti Inchide

Keir a scris:Salutare,

Încearcă să pui asta în CSS:

Cod:

  table#tabel-meniu {
    border:dashed 1px #51b300;
    -moz-border-radius-topleft: 2px;
    -moz-border-radius-topright:3px;
    -moz-border-radius-bottomleft:9px;
    -moz-border-radius-bottomright:9px;
    -webkit-border-top-left-radius:2px;
    -webkit-border-top-right-radius:3px;
    -webkit-border-bottom-left-radius:9px;
    -webkit-border-bottom-right-radius:9px;
    border-top-left-radius:2px;
    border-top-right-radius:3px;
    border-bottom-left-radius:9px;
    border-bottom-right-radius:9px;
    background: #575757;
    width: 98%;
margin-top: 0px:}
    table#tabel-meniu:hover {
  margin-top: 0px:
    -moz-box-shadow: 0px 0px 7px #6a8209;
    -webkit-box-shadow: 0px 0px 7px #6a8209;
    box-shadow: 0px 0px 7px #6a8209;}

Unde am pus eu : "margin-top: 0px:" , tu poţi modifica "0px" cu orice valoare vrei tu. Acest cod reprezintă distanţa de sus în jos a barei.

Ai încercat să îl pui pe acesta? Culorile le poţi modifica tu!