Jump to content

SUBIECTE NOI
« 1 / 5 »
RSS
Radio Bucur 1

Creare site gen OLX / Autovit

Imagini gratuit sau contra cost i...

Fisuri beton de egalizare
 Reincepe mineritul in UE

Playlist melodii radio - unde?

P0335 senzor arbore cotit - senzo...

Avocatul Poporului vs European Om...
 Recomandari firme pentru draperii...

Receptie Eutelsat 5 West. Este po...

Poti receptiona semnal de la mai ...

Cabluri HDMI 2.1 de 4m-5m care sa...
 Zoom comparat cu Google Meet

Monitor/Display wireless?

Pornire greoaie dupa cateva zile ...

De la un proiect scris in python ...
 

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,879
  • Î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,879
  • Î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,879
  • Î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 endoscopică a hipofizei Chirurgia endoscopică a hipofizei

"Standardul de aur" în chirurgia hipofizară îl reprezintă endoscopia transnazală transsfenoidală.

Echipa NeuroHope este antrenată în unul din cele mai mari centre de chirurgie a hipofizei din Europa, Spitalul Foch din Paris, centrul în care a fost introdus pentru prima dată endoscopul în chirurgia transnazală a hipofizei, de către neurochirurgul francez Guiot. Pe lângă tumorile cu origine hipofizară, prin tehnicile endoscopice transnazale pot fi abordate numeroase alte patologii neurochirurgicale.

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