Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> Wysuwane menu z prawej strony.
kalibovers
post
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.

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


  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. }


Ten post edytował kalibovers 9.09.2015, 22:13:27
Go to the top of the page
+Quote Post

Posty w temacie


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

 



RSS Aktualny czas: 23.08.2025 - 23:47