Jump to content

SUBIECTE NOI
« 1 / 5 »
RSS
Intrebare motor auto

Opel Astra K

Probleme sistem audio mașina

Radio care se incinge
 problema -amplificator cu tranzis...

Retragere bani din cont inainte d...

Plata cu cardul si bacsisul

Primire bani din Danemarca prin N...
 Alerta securitate Fedora Linux 40...

Problemuțe sistem audio ma&#...

Renovare balcon

installation has failed there was...
 Montura polara.....

Sfat inchiriere locuinta unei per...

Sursa stereo -> amplif mono

Dan Blondu vs. Marian Piciu
 

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,927
  • Î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,927
  • Î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,927
  • Î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

Bun venit pe Forumul Softpedia!

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