Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> Wysuwane menu z prawej strony.
kalibovers
post 9.09.2015, 22:11:39
Post #1





Grupa: Zarejestrowani
Postów: 23
Pomógł: 0
Dołączył: 24.02.2013

Ostrzeżenie: (0%)
-----

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


Ten post edytował kalibovers 9.09.2015, 22:13:27
Go to the top of the page
+Quote Post
nospor
post 10.09.2015, 13:34:02
Post #2





Grupa: Moderatorzy
Postów: 36 557
Pomógł: 6315
Dołączył: 27.12.2004
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


--------------------

"Myśl, myśl, myśl..." - Kubuś Puchatek || "Manual, manual, manual..." - Kubuś Programista
"Szukaj, szukaj, szukaj..." - Kubuś Odkrywca || "Debuguj, debuguj, debuguj..." - Kubuś Developer
Go to the top of the page
+Quote Post
kalibovers
post 10.09.2015, 14:27:42
Post #3





Grupa: Zarejestrowani
Postów: 23
Pomógł: 0
Dołączył: 24.02.2013

Ostrzeżenie: (0%)
-----

Aha no okej a da się jakoś po stronie serwera to zrobić? Albo żeby się wysunął po naciśnięciu?
Go to the top of the page
+Quote Post
nospor
post 10.09.2015, 14:29:38
Post #4





Grupa: Moderatorzy
Postów: 36 557
Pomógł: 6315
Dołączył: 27.12.2004
Toc mowie, ze tego po stronie serwera sie nie robi... Czy ja pisze po chinsku?


--------------------

"Myśl, myśl, myśl..." - Kubuś Puchatek || "Manual, manual, manual..." - Kubuś Programista
"Szukaj, szukaj, szukaj..." - Kubuś Odkrywca || "Debuguj, debuguj, debuguj..." - Kubuś Developer
Go to the top of the page
+Quote Post
kalibovers
post 10.09.2015, 16:17:11
Post #5





Grupa: Zarejestrowani
Postów: 23
Pomógł: 0
Dołączył: 24.02.2013

Ostrzeżenie: (0%)
-----

Widzę tylko chodzi mi o to jak to zrobić w tym css
Go to the top of the page
+Quote Post
Malukaz
post 6.10.2015, 09:14:04
Post #6





Grupa: Zarejestrowani
Postów: 77
Pomógł: 4
Dołączył: 16.04.2009

Ostrzeżenie: (10%)
X----

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.
Go to the top of the page
+Quote Post
« Następny starszy · Po stronie przeglądarki · Następny nowszy »
 

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 

Tryb wyświetlania: Standardowy · Przełącz na: Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Wersja Lo-Fi Aktualny czas: 30.06.2025 - 04:57
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn