Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [HTML]Szablon allegro
Forum PHP.pl > Forum > Przedszkole
K4mil94
25.07.2010, 10:44:44
Witam, mam pytanie, jak ustawić tło na całą stronę w allegro i wyśrodkować, oraz czy przez header() można wczytać styl ?
thomson89
25.07.2010, 10:48:21
W allegro tworzenie szablonów odbywa się troszkę inaczej. Musisz pokombinować. Nie pamiętam już, czy można używać <header> oraz <body>, ale na pewno nie możesz użyć <html>. Style, muszą być zawarte w szablonie, czyli poprzez <style>/*jakieś tam style */</style> w headerze. I tyle.

Wyśrodkowujesz normalnie, jak w css, czyli poprzez margin: auto;.

Polecam też tą stronę do testowania szablonów.

!*!
25.07.2010, 10:49:04
Tak jak wszędzie indziej? 

[CSS] pobierz, plaintext 
  1. background: url(o.png) center center no-repeat;
[CSS] pobierz, plaintext
K4mil94
25.07.2010, 10:53:42
Cytat(!*! @ 25.07.2010, 11:49:04 ) *
Tak jak wszędzie indziej? 

[CSS] pobierz, plaintext 
  1. background: url(o.png) center center no-repeat;
[CSS] pobierz, plaintext

No własnie to nie działa, tak samo próbowałem wyśrodkować stronę poprzez 
[CSS] pobierz, plaintext 
  1. width: 900px; margin: 0 auto 0 auto;
[CSS] pobierz, plaintext
thomson89
25.07.2010, 10:54:18
Pokaż cały kod, tego szablonu jeśli możesz.
K4mil94
25.07.2010, 10:59:03 
[HTML] pobierz, plaintext 
  1. <head>
  2.  
  3.  
  4.  
  5. 	<style type="text/css">
  6. /* <![CDATA[ */
  7. body {
  8. 	background: #000000;
  9. 	font-family: verdana;
  10. 	font-size: 12px;
  11. 	width: 900px;
  12. 	margin: 10px auto 0 auto;
  13. }
  14.  
  15.  
  16. .menu {
  17. 	font-size: 14pt;
  18. 	text-align: center;
  19. 	width: 900px;
  20. 	height: 50px;
  21. 	background: url("http://img256.imageshack.us/img256/4079/img01.png");
  22. }
  23.  
  24. .top {
  25. 	width: 900px;
  26. 	height: 130px;
  27. }
  28.  
  29. .text {
  30. 	margin: 10px 0 0 0;
  31. 	width: 900px;
  32. 	color: #e5e0e0;
  33. }
  34.  
  35. .stopka {
  36. 	width: 900px;
  37. 	height: 50px;
  38. 	color: #e5e0e0;
  39. }
  40.  
  41. img { border: 0px; }
  42.  
  43. a { text-decoration: none; color: #ffffff; }
  44. a:hover { text-decoration: none; color: #ffffff; background: #6a0d6e; margin: 5px 5px 5px 5px; }
  45. a:visited { text-decoration: none; color: #ffffff; }
  46. /* ]]> */
  47. </style>
  48.  
  49.  
  50. </head>
  51. <body>
  52. 	<div class="menu">
  53. 		<a href="http://allegro.pl/my_page.php?uid=6947295">O MNIE</a>
  54. 		<a href="http://allegro.pl/show_user.php?uid=6947295">KOMENTARZE</a>
  55. 		<a href="#kontakt">KONTAKT</a>
  56. 		<a href="http://allegro.pl/myaccount/favourites_sellers.php/addNew/?userId=6947295&ret=%2Fshow_user.php%3Fuid%3D6947295">DO ULUBIONYCH</a>
  57. 	</div>	
  58.  
  59. 	<div class="top">
  60. 		<img src="http://img46.imageshack.us/img46/749/img02d.png" alt="Logo" />
  61. 	</div>
  62.  
  63. 	<div class="text">
  64. 		<OPIS><br /><GALERIA><br /><br /><br />
  65. 	</div>
  66.  
  67. 	<div class="stopka">
  68. 		<img src="http://img638.imageshack.us/img638/8913/img04y.png" alt="stopka" /><br />
  69. 		Copyright by Kamil P. &copy;
  70. 	</div>
  71. </body>
[HTML] pobierz, plaintext
Normalnie w przegladarce działa dobrze, tylko jak wstawie na allegro to lipa :/
thomson89
25.07.2010, 11:02:58
Zamień w stylach
Kod
body

na
Kod
*
K4mil94
25.07.2010, 11:08:25
Teraz jest już lepiej, szablon wyśrodkowany, ale dalej nie ma tła smile.gif
!*!
25.07.2010, 11:16:04
Może podaj !important; do obrazka.
K4mil94
25.07.2010, 11:16:58
Chce wypełnić tło kolorem ;]
thomson89
25.07.2010, 11:18:19
Jakiego tła nie ma?
K4mil94
25.07.2010, 11:19:35
Szablon jest na środku ale całość nie jest wypełniona tłem ..
!*!
25.07.2010, 11:19:50
To podaj !important; to koloru, co za różnica do czego, ma być to na pierwszym planie.
thomson89
25.07.2010, 11:21:45
~!*! to nie będzie działać

Wszystko między body, zawrzyj w divie np. page.
Elementowi * nadaj width: 100%
Elementowi #page nadaj width: 900px;

CODE
<head>



<style type="text/css">
/* <![CDATA[ */
* {
background: #000000;
font-family: verdana;
font-size: 12px;
width: 100%;
margin: 10px auto 0 auto;
}

#page { width: 900px; }

.menu {
font-size: 14pt;
text-align: center;
width: 900px;
height: 50px;
background: url("http://img256.imageshack.us/img256/4079/img01.png");
}

.top {
width: 900px;
height: 130px;
}

.text {
margin: 10px 0 0 0;
width: 900px;
color: #e5e0e0;
}

.stopka {
width: 900px;
height: 50px;
color: #e5e0e0;
}

img { border: 0px; }

a { text-decoration: none; color: #ffffff; }
a:hover { text-decoration: none; color: #ffffff; background: #6a0d6e; margin: 5px 5px 5px 5px; }
a:visited { text-decoration: none; color: #ffffff; }
/* ]]> */
</style>


</head>
<body><div id="page">
<div class="menu">
<a href="http://allegro.pl/my_page.php?uid=6947295">O MNIE</a>
<a href="http://allegro.pl/show_user.php?uid=6947295">KOMENTARZE</a>
<a href="#kontakt">KONTAKT</a>
<a href="http://allegro.pl/myaccount/favourites_sellers.php/addNew/?userId=6947295&ret=%2Fshow_user.php%3Fuid%3D6947295">DO ULUBIONYCH</a>
</div>

<div class="top">
<img src="http://img46.imageshack.us/img46/749/img02d.png" alt="Logo" />
</div>

<div class="text">
<OPIS><br /><GALERIA><br /><br /><br />
</div>

<div class="stopka">
<img src="http://img638.imageshack.us/img638/8913/img04y.png" alt="stopka" /><br />
Copyright by Kamil P. &copy;
</div></div>
</body>
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.