Jump to content

SUBIECTE NOI
« 1 / 5 »
RSS
Cum reactivez Google Maps?

Conectare tableta X220la Tv

Femeile tinere nu mai vor sa munc...

La mulți ani @un_dac!
 La multi ani de Sfantul Gheorghe&...

Job - Facultate sau certificare

Deadpool & Wolverine (2023)

sistem hibrid eoliana + panouri +...
 Outlook e muta pe Android

Constructie Mun. Iasi. Casa P+1.

Cum mai rezolvati cu chiriasii ra...

Tastatura si mouse cu baterie int...
 AC Gree duce la palpait de becuri

Sfat / recomandare construire aco...

Cablu analog vs digital

Ce valoare stabiliti la RSSI la u...
 

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

Neurochirurgie minim invazivă Neurochirurgie minim invazivă

"Primum non nocere" este ideea ce a deschis drumul medicinei spre minim invaziv.

Avansul tehnologic extraordinar din ultimele decenii a permis dezvoltarea tuturor domeniilor medicinei. Microscopul operator, neuronavigația, tehnicile anestezice avansate permit intervenții chirurgicale tot mai precise, tot mai sigure. Neurochirurgia minim invazivă, sau prin "gaura cheii", oferă pacienților posibilitatea de a se opera cu riscuri minime, fie ele neurologice, infecțioase, medicale sau estetice.

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