Jump to content

SUBIECTE NOI
« 1 / 5 »
RSS
casa verde 2024

Intrerupator cu N - doza doar cu ...

Incalzire casa fara gaz/lemne

Incalzire in pardoseala etapizata
 Suprataxa card energie?!

Cum era nivelul de trai cam din a...

probleme cu ochelarii

Impozite pe proprietati de anul v...
 teava rezistenta panou apa calda

Acces in Curte din Drum National

Sub mobila de bucatarie si sub fr...

Rezultat RMN
 Numar circuite IPAT si prindere t...

Pareri brgimportchina.ro - teapa ...

Lucruri inaintea vremurilor lor

Discuții despre TVR Sport HD.
 

Submeniu - dropdown list

- - - - -
  • Please log in to reply
8 replies to this topic

#1
petrenjel

petrenjel

    Junior Member

  • Grup: Members
  • Posts: 176
  • Înscris: 31.05.2017
Buna ziua,

As dori sa fac un submeniu pentru "Produse":

<div class="col-sm-12 columns text-center">
<ul class="menu">
<a></a><li><a href="#" target="_self">Acasa</a></li>
	<li><a href="#" target="_self">Despre noi</a></li>
	  <li><a href="#" target="_self">Evenimente</a></li>
	<li><a href="#" target="_self">Produse</a></li>
	<li><a href="#" target="_self">Contact</a></li>
</ul>
</div>


Banuiesc ca trebuie sa ii adaug un unordered list, numai ca la partea de CSS ma cam incurc. Cum sa ii fac acel efect sa fie hovered-menu.

#2
tigerheart

tigerheart

    Savage Member

  • Grup: Senior Members
  • Posts: 9,815
  • Înscris: 07.08.2008
Vezi cum e facut asta: http://www.cssscript...-with-pure-css/
Nu e asa greu de facut... Ai mai multe exemple pe acel site.

Edited by tigerheart, 18 July 2017 - 09:38.


#3
PKRUSER

PKRUSER

    New Member

  • Grup: Junior Members
  • Posts: 17
  • Înscris: 04.07.2017
https://www.tutorial...trap-navbar.php

Uite cateva exemple cu bootstrap, mai rapid si mobile friendly

#4
Bogdan__26

Bogdan__26

    Junior Member

  • Grup: Junior Members
  • Posts: 39
  • Înscris: 26.01.2016
Uite si aici un exemplu: https://jsfiddle.net/dL0L9wtr/

#5
petrenjel

petrenjel

    Junior Member

  • Grup: Members
  • Posts: 176
  • Înscris: 31.05.2017

View Posttigerheart, on 18 iulie 2017 - 09:37, said:

Vezi cum e facut asta: http://www.cssscript...-with-pure-css/
Nu e asa greu de facut... Ai mai multe exemple pe acel site.

Mi-e ca indiferent de ce modificari ii aduc in CSS nu mi se modifica si asta posibil sa fie de la clasa div -ului sau a "menu" ului.

#6
tigerheart

tigerheart

    Savage Member

  • Grup: Senior Members
  • Posts: 9,815
  • Înscris: 07.08.2008
Incearca... si vezi sa te uiti bine ce clasa pui in meniu, sa corespunda cu ce pui in css, in rest nu ar trebui sa fie asa greu.

#7
petrenjel

petrenjel

    Junior Member

  • Grup: Members
  • Posts: 176
  • Înscris: 31.05.2017
Astea-s setarile stabilite in fisierul CSS pentru clasa "menu":

.menu {
padding: 0;
margin: 0;
display: inline-block;
position: relative;
top: 2px;
}
.menu li {
float: left;
margin-right: 56px;
position: relative;
}
.menu li:last-child {
margin-right: 0px;
}
.menu li a {
font-family: "Raleway", "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: bold;
font-size: 11px;
text-transform: uppercase;
letter-spacing: 1px;
color: #777777;
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
transition: all .5s ease;
padding-bottom: 40px;
display: inline-block;
line-height: 14px;
}
.menu li a:hover {
color: #333333;



#8
tigerheart

tigerheart

    Savage Member

  • Grup: Senior Members
  • Posts: 9,815
  • Înscris: 07.08.2008
Vezi ca ti-a dat Bogdan un raspuns fix pe cazul tau - https://forum.softpe.../#entry21424237
Modifica in el culorile, link-urile sau ce te intereseaza si e gata.

#9
petrenjel

petrenjel

    Junior Member

  • Grup: Members
  • Posts: 176
  • Înscris: 31.05.2017
Am rezolvat problema, era de la o clasa care se suprapunea cu alta deoarece erau identice. Va multumesc pentru ajutor.

Anunturi

Chirurgia cranio-cerebrală minim invazivă Chirurgia cranio-cerebrală minim invazivă

Tehnicile minim invazive impun utilizarea unei tehnologii ultramoderne.

Endoscoapele operatorii de diverse tipuri, microscopul operator dedicat, neuronavigația, neuroelectrofiziologia, tehnicile avansate de anestezie, chirurgia cu pacientul treaz reprezintă armamentarium fără de care neurochirurgia prin "gaura cheii" nu ar fi posibilă. Folosind tehnicile de mai sus, tratăm un spectru larg de patologii cranio-cerebrale.

www.neurohope.ro

0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users

Forumul Softpedia foloseste "cookies" pentru a imbunatati experienta utilizatorilor Accept
Pentru detalii si optiuni legate de cookies si datele personale, consultati Politica de utilizare cookies si Politica de confidentialitate