Cześć,
Mam pewien problem .. Chcę wystawić aukcję na Allegro.pl. ale nie potrafię jej dopasować do rozdzielczość ekranów .. Wiem, ze jest jakiś kod w [JS], ale nie wiem jak go prawidłowo użyć .. Wiem, ze można to robić również za pomocą %, w divach.. Ale wszystko jest dobrze do póki nie wstawię do edytora wizualnego w Allegro wtedy zmniejsza mi wszystko i nic nie ogarniam ...
Prosiłbym o pomoc ..
layout aukcji:
http://www.dylus1830.republika.pl/szablon-9/layout.jpg
Pełna wersja: [CSS] Rozdielczość w Allegro.pl
Zmień sobie szerokość szablonu jakimś programem najlepiej do 1000px ;] bo to co pokazałeś ma szerokość 4000 px 
!
!
Cytat(krzysztof_kf @ 6.05.2010, 15:39:18 ) 
Zmień sobie szerokość szablonu jakimś programem najlepiej do 1000px ;] bo to co pokazałeś ma szerokość 4000 px !
!Ale to chyba nic nie da .. przecież to jest tylko projekt z PS .. Grafiki są pocięte i skalowane ..
eee to jak chcesz go zmniejszyć ? zrób kopie i wrzuć szablon o szerokości powiedzmy 1000px jak wrzucasz na allegro masz poziomy suwak ?
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Dokument bez tytułu</title>
<style type="text/css">
<!--
body {
width:100%;
height:100%;
background-color:#424242;
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
#pasek_gora {
position:absolute;
left:0px;
top:0px;
width:100%;
height:2%;
z-index:1;
}
#gora {
position:absolute;
left:444px;
top:1px;
width:62%;
height:25%;
z-index:6;
}
#logo_pole {
position:absolute;
left:0px;
top:13px;
width:45%;
height:23%;
z-index:5;
}
#logo {
position:absolute;
left:81px;
top:14px;
width:25%;
height:19%;
z-index:7;
}
#kup_teraz {
position:absolute;
left:480px;
top:107px;
width:137px;
height:27px;
z-index:8;
}
.styl1 {
font-family: "Century Gothic";
color: #0099FF;
font-size: 24px;
}
-->
</style>
</head>
<body>
<div id="pasek_gora"><img src="http://www.dylus1830.republika.pl/szablon-9/pasek.jpg" width="100%" height="100%" /></div>
<div id="gora"><img src="http://www.dylus1830.republika.pl/szablon-9/gora.png" width="103%" height="103%" /></div>
<div id="logo_pole"><img src="http://www.dylus1830.republika.pl/szablon-9/gora1.jpg" width="100%" height="100%" /></div>
<div id="logo"><img src="http://www.dylus1830.republika.pl/obrazy/logo_stolarnia.png" width="100%" height="100%" /></div>
<div class="styl1" id="kup_teraz">kup teraz</div>
</body>
</html>
Tak wyglada ... w podgladzie jest wszystko dobrze, ale nie w edytorze wizualnym ..
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Dokument bez tytułu</title>
<style type="text/css">
<!--
body {
width:100%;
height:100%;
background-color:#424242;
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
#pasek_gora {
position:absolute;
left:0px;
top:0px;
width:100%;
height:2%;
z-index:1;
}
#gora {
position:absolute;
left:444px;
top:1px;
width:62%;
height:25%;
z-index:6;
}
#logo_pole {
position:absolute;
left:0px;
top:13px;
width:45%;
height:23%;
z-index:5;
}
#logo {
position:absolute;
left:81px;
top:14px;
width:25%;
height:19%;
z-index:7;
}
#kup_teraz {
position:absolute;
left:480px;
top:107px;
width:137px;
height:27px;
z-index:8;
}
.styl1 {
font-family: "Century Gothic";
color: #0099FF;
font-size: 24px;
}
-->
</style>
</head>
<body>
<div id="pasek_gora"><img src="http://www.dylus1830.republika.pl/szablon-9/pasek.jpg" width="100%" height="100%" /></div>
<div id="gora"><img src="http://www.dylus1830.republika.pl/szablon-9/gora.png" width="103%" height="103%" /></div>
<div id="logo_pole"><img src="http://www.dylus1830.republika.pl/szablon-9/gora1.jpg" width="100%" height="100%" /></div>
<div id="logo"><img src="http://www.dylus1830.republika.pl/obrazy/logo_stolarnia.png" width="100%" height="100%" /></div>
<div class="styl1" id="kup_teraz">kup teraz</div>
</body>
</html>
Tak wyglada ... w podgladzie jest wszystko dobrze, ale nie w edytorze wizualnym ..
Może to ci rozwiąże twoje wątpliwości Link optymalna rozdzielczość do max 1000px ;]
Kod mam wygenerować do szerokości max. 1000px, tak? więc jak ktoś bedzie to przeglądał w rozdzielczości 1600 x ... to co wtedy ?
body {
width:100%;
height:100%;
background-color:#424242;
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
body {
width:100%;
height:100%;
background-color:#424242;
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
Będzie ok jeśli zrobisz pod optymalną rozdzielczość 1000px ze względu na to że to jest najbardziej optymalna rozdzielczość dla stron internetowych powinno być ok pod większą rozdzielczość jeśli dobrze masz zrobione z arkuszem stylii .
EDIT Używaj odpowiedniego BBcode
EDIT Używaj odpowiedniego BBcode
No, ale sluchaj zeszlismy troche z tamtu.. (szablon dobrze otwiera mi sie w rozdzielczościach), ale mi chodzi o to, ze nie w EDYTORZE WIZUALNYM w Allegro .. Tylko o to mi chodzi ;]
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.