|
   |
| Comunitatea uCoz » Configurări ale sistemului uCoz » Configurarea design-ului » Modificarea stilurilor sub-meniului în navigator (Descrierea temei de discuție) |
| Modificarea stilurilor sub-meniului în navigator |
Chenarul sub-meniului
 Aceste coduri trebuie adăugate în cadrul: Panoului de Control -> Personalizaţi Design-ul -> CSS. În funcţie de culori, puteţi modifica partea de care aveţi nevoie – am adăugat, de asemenea, şi numele. (Puteţi adăuga doar partea de care aveţi nevoie, nu trebuie să adăugaţi întregul cod) Cod #uMenuDiv1 .xw-tl {background:#FF0000;} /* -- Left-Top */ #uMenuDiv1 .xw-tc {background:#0000FF;} /* -- Top Line */ #uMenuDiv1 .xw-tr {background:#01DF01;} /* -- Right-Top */ #uMenuDiv1 .xw-mr {background:#FFFF00;} /* -- Right Line */ #uMenuDiv1 .xw-br {background:#000000;} /* -- Right-Bottom */ #uMenuDiv1 .xw-bc {background:#FE2EF7;} /* -- Bottom Line */ #uMenuDiv1 .xw-bl {background:#0B610B;} /* -- Left-Bottom */ #uMenuDiv1 .xw-ml {background:#00FFFF;} /* -- Left Line */ Interiorul sub-meniului  Aceste coduri trebuie adăugate în cadrul: Panoului de Control -> Personalizaţi design-ul -> CSS. Citat #uMenuDiv1 .xw-mc {background:#5858FA;border:1px solid #FF0000;} #uMenuDiv1 .u-menubody {border:1px solid #00FF00;} Linia 1. Background-ul şi Linia roşie. Linia 2. Linia verde Roşu - Acestea sunt codurile culorilor ce le puteţi înlocui. ( Codurile culorilor ) Citat #uMenuDiv1 .u-menuitemhl {background:#2EFEF7;} Această linie va modifica întregul fundal când treceţi mouse-ul peste el. Roşu - Acestea sunt codurile culorilor ce le puteţi înlocui. ( Codurile culorilor ) Citat #uMenuDiv1 .u-menu a:link {color:#FFFF00;font-size:7pt;text-decoration:none;} #uMenuDiv1 .u-menu a:visited {color:#FFFF00;font-size:7pt;text-decoration:none;} #uMenuDiv1 .u-menu a:active {color:#FFFF00;font-size:7pt;text-decoration:none;} #uMenuDiv1 .u-menu a:hover {color:#DF0101;font-size:8pt;text-decoration:none;} Liniile 1. 2. 3. – liniile normale pentru aspect. Linia 4. - Link către aspectul din momentul trecerii cu mouse-ul peste. Roşu - Acestea sunt codurile culorilor ce le puteţi înlocui. ( Codurile culorilor ) Albastru - Numărul reprezintă dimensiunea fontului pentru element. Când pozitionaţi mouse-ul deasupra, acesta devine mai mare. Săgeata sub-meniului Mergeţi în: Panoul de Control -> Personalizaţi design-ul -> CSS. Trebuie să modificaţi .uMenuV .uMenuArrow. Aici va apărea url-ul pentru săgeată şi alte informaţii cum ar fi poziţia săgeţii, înălţime, lăţime etc. Sursa: forum.ucoz.com Atașamente:
3530271.jpg
(52.5 Kb)
·
2334868.jpg
(54.5 Kb)
Good things come to those who wait!
|
Hey! Cum as putea modifica dimensiunea chenarului? Ca grosime a liniei si ca lungime a chenarului in sine, indiferent de lungimea textului continut de submeniu? Multumesc!
|
Ca sa modifici dimensiunea meniului ar trebui sa utilizezi atributul "width" pentru elementele: # uMenuDiv1. Xw-mc, # uMenuDiv1. Xw-mr, # uMenuDiv1. U-menubody, # uMenuDiv1. U-menucount {width: 145px;}. Practic, trebuie sa te joci cu valoarea atributului "width".
Aceste elemente trebuie adaugate in fisierul CSS (Panoul de Control -> Personalizati design-ul -> CSS). |
| |||
| |||