Jump to content

SUBIECTE NOI
« 1 / 5 »
RSS
Info Coronavirus/Vaccinare vs Fake News

Enel / Regularizare si calcul din...

Dimensiune rost profil trecere

Se cauta femeie cu sau fara famil...
 rusa vs ruseasca

Serena Williams se retrage din te...

Este informatie publica/accesibil...

French Drain+ Turnat Alei casa
 Instalatie electrica apartament

Vremurile imperiilor

amenda ISU

Magazine macbook pro
 Fața nevazuta a vestului civ...

The Sandman (2022- )

Curatare jante aluminiu bicicleta

Plafoniera led cu backlight
 

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,168
  • Î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,168
  • Î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,168
  • Î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 spinală minim invazivă Chirurgia spinală minim invazivă

Chirurgia spinală minim invazivă oferă pacienților oportunitatea unui tratament eficient, permițându-le o recuperare ultra rapidă și nu în ultimul rând minimizând leziunile induse chirurgical.

Echipa noastră utilizează un spectru larg de tehnici minim invazive, din care enumerăm câteva: endoscopia cu variantele ei (transnazală, transtoracică, transmusculară, etc), microscopul operator, abordurile trans tubulare și nu în ultimul rând infiltrațiile la toate nivelurile coloanei vertebrale.

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