Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Wysuwane menu z prawej strony.
Forum PHP.pl > Forum > Po stronie przeglądarki
kalibovers
9.09.2015, 22:11:39
Mam taki o to formularz i chce zeby nie byl na stronie a byl na glownej i każdej podstronie wysuwany z paska po prawiej stronie. Na serwerze nie mam żadnego oprogramowania jedynie strone w html/css . Szukałem w necie ale same Javy a ja nie mam oprogramowania. Da sie to zrobić w php ?
PS. widziałem takie rzeczy tylko w wtyczkach do wordpressa a nie wiem czy mozna takie coś podpiąć pod zwykłą strone + pytanie jeżeli to ma być strona reprezentacyjna to jakie najlepiej oprogramowanie tam zainstalować zeby to sie jakoś trzymało ? tylko głowna strona i 1 podstrona. 

[HTML] pobierz, plaintext 
  1. <!DOCTYPE HTML>
  2. <html>
  3.  
  4. <head>
  5. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  6. <title>Formularz Kontaktowy - Tytuł naszej strony</title>
  7. <link rel="stylesheet" type="text/css" href="style.css" />
  8. </head>
  9.  
  10. <body>
  11. <div id="formularz">
  12. <form method="post" action="kontakt.php">
  13.  
  14.     <label>Imię i nazwisko</label>
  15.     <input name="name" placeholder="Jan Kowalski">
  16.  
  17.     <label>Email</label>
  18.     <input name="email" type="email" placeholder="biuro@79level.pl">
  19.  
  20.     <label>Wiadomość</label>
  21.     <textarea name="message" placeholder="Napisz tu wiadomość"></textarea>
  22.  
  23.     <input id="submit" name="submit" type="submit" value="Wyślij">
  24.  
  25. </form>
  26.  
  27. </div>
  28. </body>
  29.  
  30. </html>
[HTML] pobierz, plaintext 


[PHP] pobierz, plaintext 
  1. body {
  2. 	background-color:#f3f3f3; /* ustawiamy kolor tła naszej strony */
  3. 	font-family: Arial, Helvetica, sans-serif; /* ustawiamy rodzine czcionki z której korzystamy */
  4. }
  5.  
  6. #formularz {
  7.         width:260px; /* ustawiamy szerokość formularza */
  8.         margin:0 auto; /* jeżeli nasz formularz ma ustawioną szerokość wyśrodkowujemy go */
  9.         background-color:#fff; /* dodajemy kolor tła naszemu formularzowi */
  10.         border:2px solid #ccc; /* dodajemy obramowanie o szerokości 2px */
  11.         border-radius:10px; /* zaokrąglamy tło naszego formularza */
  12. 		padding:20px; /* dodajemy margines wewnątrz naszego formularza */
  13.         margin-top:20px; /* dodajemy margines górny naszego formularza */
  14. }
  15.  
  16. #formularz label {
  17.     display:block;/* ustawiamy by label rozpoczynał się od nowej linii*/
  18.     margin-bottom:5px;/* dodajemy margines dolny */
  19.     font-weight:bold; /* pogrubiamy czcionkę */
  20.     text-transform: uppercase; /* zamieniamy wszystkie litery na duże */
  21.     font-size:12px; /* ustawiamy wielkość czcionki */
  22.     color:#555555; /* ustawiamy kolor czcionki */
  23. }
  24.  
  25. #formularz textarea,
  26. #formularz input {
  27. 	padding:5px; /* dodajemy margines wewnątrz naszego pola */
  28. 	border-radius:3px; /* dodajemy zaokraglone rogi */
  29. 	border:1px solid #ccc; /* dodajemy obramowanie */
  30. 	margin-bottom:25px; /* dodajemy margines dolny */
  31. 	width:245px; /* ustalamy szerokość */
  32. }
  33.  
  34. #formularz input#submit {
  35. 	width:255px; /* ustalamy szerokość */
  36. 	cursor:pointer; /* zmieniamy kursor */
  37. 	margin-bottom:0px;/* resetujemy margines dolny */
  38. }
  39.  
  40. #formularz p.copy {
  41. 	color:#555555; /* ustawiamy kolor czcionki */
  42. 	margin-bottom:0px; /* resetujemy margines dolny */
  43. 	font-size:12px; /* ustawiamy rozmiar czcionki */
  44. 	text-align: center; /* wyśrodkowywujemy tekst */
  45. }
  46.  
  47. #formularz p.copy a {
  48. 	color:#555555;/* ustawiamy kolor czcionki */ 
  49. 	text-decoration: none; /* usuwamy podkreślenie linku */
  50. 	font-weight:bold; /* pogrubiamy czcionkę */
  51. }
[PHP] pobierz, plaintext
nospor
10.09.2015, 13:34:02
Problem nie ma zadnego zwiazku z php. To nie jest problem serwerowy tylko kliencki... Jesli tak szukales to nic dziwnego ze nic nie znalazles...
To sie robi css/js. PRzenosze
kalibovers
10.09.2015, 14:27:42
Aha no okej a da się jakoś po stronie serwera to zrobić? Albo żeby się wysunął po naciśnięciu?
nospor
10.09.2015, 14:29:38
Toc mowie, ze tego po stronie serwera sie nie robi... Czy ja pisze po chinsku?
kalibovers
10.09.2015, 16:17:11
Widzę tylko chodzi mi o to jak to zrobić w tym css
Malukaz
6.10.2015, 09:14:04
jak masz element to musisz go ukryć poza widoczne okno czyli np

html:
<nav id="leftMenu"></nav>

css:
#leftMenu {
position: fixed;
left: 0;
top:0;
height: 500px;
width: 300px;
transform: translateY(-250px);
transition: 0.2s;
}
#leftMenu:hover {
transform: translateY(-0px);
}


pisane z palca wiec może być jakas literówka, ale +/- tak to sie robi.
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.