Jak zrobić rozwijane menu w css3 i html5 jaki kod?

anon53508325 · 22 Maj 2017 12:01

<video controls autoplay> <source src="movie.mp4" type="video/mp4"> <source src="movie.ogg" type="video/ogg"> Your browser does not support the video tag. </video>

z tymi dwoma atrybutami powinno się automatycznie odtwarzać (dodatkowo pasek odtwarzacza widoczny po najechaniu na wideo), a tutaj działa ci autodtwarzanie: www.w3schools.com/tags/tryit.asp?filename=tryhtml5_video_autoplay?

Jak wideo było na serwerze to może jakiś błąd sieciowy, za wysoka jakość np. 2k/4k i twój internet nie daje rady buforować?

aktywny27 · 23 Maj 2017 11:40

Ja mam ten film w folderze co mam pliki z moją stroną na pulpicie.I dalej nie chce się wczytać ten film

anon53508325 · 23 Maj 2017 13:00

Ciekawe? Pewnie błędna ścieżka do pliku.

Spróbuj taki przykład po rozpakowaniu odtworzyć na komputerze:
strona.zip (320,0 KB)

Skan antywirusowy: www.metadefender.com/#!/results/

aktywny27 · 23 Maj 2017 21:52

Twój plik działa a mój nie działa a próbowałem według twojego kodu i też utworzyłem folder multimedia może źle przekonwertowałem plik avi online na mp4.Oto linki do ifotos:

aktywny27 · 23 Maj 2017 22:40

Doszłem sam do błędu źle był przekonwertowany plik avi .A ściągłem program any audio converter i tam są rodzaje pliku do formatowania i gdzie pokazuje kod html i dałem go swojego i działał .A jak pod rozwijane menu dać np:
Zarabianie
Filmy-odnośnik do swojej strony html
Gry-Odnośnik do swojej strony html

I tylko można wstawiać pliki ogg i mpg a inne nie da rady jak avi czy xvid.

anon53508325 · 24 Maj 2017 07:24

To po części wina licencji na kodeki, więc części nie ma jak korporacja uzna że w przeglądarce jest on zbędny.[quote=“aktywny27, post:25, topic:527553, full:true”]

A jak pod rozwijane menu dać np:
Zarabianie
Filmy-odnośnik do swojej strony html
Gry-Odnośnik do swojej strony html

I tylko można wstawiać pliki ogg i mpg a inne nie da rady jak avi czy xvid.
[/quote]
http://cssdeck.com/labs/gomogd29 - w jakimś LI trzeba dodać kolejne UL jako kolejne wysuwane zagnieżdżone menu.

aktywny27 · 25 Maj 2017 13:20

Dzięki i znów się udało a z filmem to zły format konwertowania zrobiłem.

aktywny27 · 4 Czerwiec 2017 15:42

A jak tło gradient i na tekst 3d w tym kodzie co zarabianie.Proszę o pomoc

anon53508325 · 4 Czerwiec 2017 21:03

https://www.google.pl/search?q=gradient+generator+css

enjoycss.com/gallery/text_effects/

aktywny27 · 5 Czerwiec 2017 15:58

Wklejam te kody do pliku z kodem css i nic nie wychodzi.

Fizyda · 5 Czerwiec 2017 17:17

Bo widzisz, rzadko kiedy się zdarza żeby bezmyślne przepisywanie lub kopiowanie jednego rozwiązania do drugiego zadziałało. Jeśli już zadziała to zazwyczaj przypadkiem.

aktywny27 · 5 Czerwiec 2017 18:52

to jak to zrobić żeby te kody z generatora działały. Drugi plik css osobny ma być i podać lokalizację

anon53508325 · 5 Czerwiec 2017 20:46

Przeanalizować kod html/css i pozmieniać w css id / klasy / tagi pod siebie dostosować.
Czasem dany efekt może być za duży jak na dany element twojej strony i trzeba coś powiększyć czy zmniejszyć.

aktywny27 · 10 Czerwiec 2017 14:52

Loginy123:

#menu ul > li:last-of-type > a,
#menu ul > li:last-of-type > span {
border-bottom-left-radius: 2px;
border-bottom-right-radius: 2px;
}
#menu ul > li:first-of-type > a,
#menu ul > li:first-of-type > span {
border-top-left-radius: 2px;
border-top-right-radius: 2px;
}
#menu > li:last-of-type > a,
#menu > li:last-of-type > span {
border-top-right-radius: 2px;
border-bottom-right-radius: 2px;
}
#menu > li:first-of-type > a,
#menu > li:first-of-type > span {
border-top-left-radius: 2px;
border-bottom-left-radius: 2px;
}
#kontener a:hover {
background: initial;
color: initial;
}
#kontener {
padding: 6px;
text-align: center;
vertical-align: top;
}
#kontener * {
box-sizing: border-box;
}
#menu {
display: inline-block;
border-radius: 2px;
background: none rgb(238, 238, 238);
z-index: 98;
margin: 0px;
padding: 0px;
font-style: normal;
font-variant: normal;
font-weight: bold;
font-stretch: normal;
font-size: 18px;
line-height: normal;
font-family: Arial;
overflow: visible;
max-height: 444px;
border: 1px solid rgb(204, 204, 204);
transition: all 0s ease;
box-shadow: none;
}
ul#menu li,
ul#menu li > span,
ul#menu li > a,
ul#menu li > a > span {
font-style: inherit;
font-variant: inherit;
font-weight: inherit;
font-stretch: inherit;
font-size: inherit;
line-height: inherit;
font-family: inherit;
height: auto;
}
#menu li {
margin: 0px;
padding: 4px;
width: 100%;
position: relative;
list-style: none;
transition: inherit;
}
#menu > li {
display: inline-block;
padding: 7px;
width: auto;
}
#menu ul > li {
margin: 0px;
display: block;
padding: 7px;
}
#menu li > a,
#menu li > span {
color: rgb(68, 68, 68);
text-decoration: none;
display: inline-block;
padding: 4px 12px;
margin: 0px;
border-radius: 2px;
cursor: pointer;
white-space: nowrap;
transition: inherit;
}
#menu ul > li > a,
#menu ul > li > span {
white-space: nowrap;
display: block;
color: rgb(68, 68, 68);
background-color: rgba(0, 0, 0, 0);
background-image: none;
border-radius: 2px;
border: 0px solid rgb(204, 204, 204);
padding: 4px 12px;
box-shadow: none;
text-shadow: none;
}
#menu > li > a,
#menu > li > span {
transition: inherit;
color: rgb(68, 68, 68);
background-color: rgba(0, 0, 0, 0);
border: 0px solid rgb(204, 204, 204);
background-image: none;
border-radius: 2px;
padding: 4px 12px;
box-shadow: none;
text-shadow: none;
}
#menu > li:hover > a,
#menu > li:hover > span {
color: rgb(255, 255, 255);
background-color: rgb(255, 51, 98);
}
#menu ul > li:hover > a,
#menu ul > li:hover > span {
color: rgb(255, 255, 255);
background-color: rgb(255, 51, 98);
}
#menu li:hover > ul,
#menu li.hover > ul {
display: block;
}
#menu ul {
display: none;
text-align: left;
margin: 0px;
padding: 0px;
min-width: 72px;
position: absolute;
top: 100%;
left: -1px;
background: none rgb(238, 238, 238);
font-style: normal;
font-variant: normal;
font-weight: bold;
font-stretch: normal;
font-size: 18px;
line-height: normal;
font-family: Arial;
border-radius: 2px;
z-index: 99;
transition: inherit;
overflow: visible;
max-height: 999px;
width: auto;
border: 1px solid rgb(204, 204, 204);
box-shadow: none;
}
#menu ul a {
/* style dla linków w menu */
}
#menu ul ul {
left: 100%;
top: 0px;
}

Jak zrobić gradient tła i tekst 3d

aktywny27 · 10 Czerwiec 2017 14:53

A jaki gradient tła i tekst3d

aktywny27 · 11 Czerwiec 2017 22:22

Nie dostałem odpowiedzi

aktywny27 · 19 Czerwiec 2017 19:29

Chcę od podstaw zrobić stronę z pomocą generatorka css3 i html5 z google i nie wychodzi a chcę zrobić po swojemu menu rozwijane i gradient i inne rzeczy i tworze osobno plik css3 i udostępniam ścieżkę i nic to nie daje i drugi plik zapisuje w html3.Proszę o pomoc

Fizyda · 19 Czerwiec 2017 20:05

Twoim problemem jest brak wiedzy, w tym Ci nikt nie pomoże. Nie znam osobiście żadnego programu ani darmowego ani płatnego który pozwalałby wyklikać w miarę sensowne strony, a tym bardziej takie które potem można łatwo edytować.

Zakładam że masz burdel w kodzie, a kod html wygenerowany przez generator nie pasuje do żadnego z normalnych przykładów z internetu stąd Twoje problemy.

aktywny27 · 22 Październik 2017 12:08

A jak dodać do tła gradientu tekst,obrazek i jaki kod html5 i css3 bo próbuję z tych generatorów online i mi nie wychodzi proszę o pomoc

krystian3w · 22 Październik 2017 14:32

https://codepen.io/alexcarpenter/pen/LveDx

Przykład z obrazem i na nim gradient.

bez gradientu:	z gradientem: