Jak zrobić gradient tła i połączyć to z text shadow z menu rozwijane i inne

pytanie zadane 26 października 2017 w HTML i CSS przez graj23x Obywatel (1,590 p.)

Jak zrobić gradient tła i połączyć z text shadow,menu rozwijane ,logo,tekst 3d,obrazek,animacje i formularze i w kodzie html w daje gradient</style i jak chcę dodać inne rzeczy to na dole się pojawia pod gradientem np:text shadow i te rzeczy co wymieniłem.

I jakich najlepiej generatorków online html5 i css3 używać i jak łączyć.Proszę o pomoc

komentarz 27 października 2017 przez shotokan Nałogowiec (39,660 p.)

Po pierwsze to podaj swój kod, aby było na czym pracować.
Co do generatorów to każdy jest dobry, wpisz w google i weź pierwszy lepszy... (mówię tutaj o generatorach css związanych z gradientami), do html5 to nie używaj generatorów tylko sam pisz kod (tak się szybciej nauczysz).
Nie rozumiem, o co chodzi Ci z tym łączeniem...?
Jeśli chcesz dodać różne style do danego elementu strony to po prostu to robisz, np.

body {
 nazwa_stylu1: wartość1;
 nazwa_stylu2: wartość2;
 nazwa_stylu3: wartość3;
 nazwa_stylu4: wartość4;
}

Jeśli zaczynasz przygodę z front-endem to proponuję sobie najpierw coś poczytać, kursów w necie jest pełno, dobrych książek również :)

komentarz 27 października 2017 przez graj23x Obywatel (1,590 p.)

<!DOCTYPE html>
<html>
    <head>
        <meta charset=utf-8 />
        <title>Rozwijane menu w CSS3</title>
        <link href="" rel="stylesheet">


<style>
Tu ws tylach działa gradient ale potem jak chcę wszystko dodać czyli logo,obrazek,text shadow,menu rozwijane,animacje,formularz to jest na dole strony pod gradientem.
</style>

<body>

<div class="nowe.css">

</html>
</head>

A plik z nowe.css to:

/* IE10+ */ 
background-image: -ms-linear-gradient(top, #FFFFFF 0%, #3366FF 100%);

/* Mozilla Firefox */ 
background-image: -moz-linear-gradient(top, #FFFFFF 0%, #3366FF 100%);

/* Opera */ 
background-image: -o-linear-gradient(top, #FFFFFF 0%, #3366FF 100%);

/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFFFFF), color-stop(100, #3366FF));

/* Webkit (Chrome 11+) */ 
background-image: -webkit-linear-gradient(top, #FFFFFF 0%, #3366FF 100%);

/* W3C Markup */ 
background-image: linear-gradient(to bottom, #FFFFFF 0%, #3366FF 100%);

A używam tego generatorka :

http://www.cssportal.com/css-gradient-generator/

http://css3generator.com/

https://webcode.tools/css-generator/text-shadow

https://www.webdesignerdepot.com/2012/04/15-great-html5-and-css3-generators/

Proszę o pomoc

komentarz 27 października 2017 przez shotokan Nałogowiec (39,660 p.)

Skąd Ty taki kod wziąłeś?
Po pierwsze to style css do dokumentu dołącza się w sekcji <head> w następujący sposób:

<link rel="stylesheet" href="nowe.css" type="text/css">

oczywiście jeśli plik ze stylami znajduje się w innej lokalizacji niż strona html to trzeba podać ścieżkę, np. katalog/style.css
Po drugie to w pliku nowe.css należy podać nazwę stylu i wartość i przypisać to do czegoś (tak jak pisałem wcześniej), np.

div {
background-image: -ms-linear-gradient(top, #FFFFFF 0%, #3366FF 100%);
}

Po trzecie Twoja nazwa klasy nie jest nazwą klasy tylko plikiem css!
Jeśli chcesz dodać klasę do znacznika html to tak:

<div class="nazwa_klasy">

Po czwarte to masz złą strukturę strony, zobacz jak wygląda struktura strony w HTMLu

<!DOCTYPE html>
<html lang="pl">
<head>
	<meta charset="UTF-8">
	<title>Jakiś tytuł</title>
</head>
<body>
	
</body>
</html>

I po piąte to weź sobie przerób na szybko jakieś podstawy html i css, jakiś kurs, np. filmiki M. Zelenta, lub takie coś :
https://pl.khanacademy.org/computing/computer-programming/html-css
A potem zrób sobie coś gradienty itp.
To chyba tyle na razie:)