|
Ocena wątku:
- 2 głosów - średnia: 5
- 1
- 2
- 3
- 4
- 5
|
[HTML]Wyśrodkowanie szablonu allegro
|
Liczba postów: 5
Liczba wątków: 1
Dołączył: 05-06-2012
Reputacja:
0
05-06-2012, 00:16
(Ten post był ostatnio modyfikowany: 05-06-2012, 01:32 przez rumcajs295.)
Witam, mam problem, otóż postanowiłem być oryginalny i zrobiłem własny szablon na allegro (grafiki w gimpie, stronę projektowałem w Microsofcie Publisher 2007). Na początku był problem z wyświetleniem się tego szablonu na allegro, ponieważ jego wysokość miała około 50px a paska przewijania nie było, ale jakoś sobie poradziłem. Jako, ze na HTML'u się prawie nie znam, nie umiem wyśrodkować strony, bo tak na lewo to głupio wygląda. Mam jeszcze jedno pytane, otóż grafiki są w formacie .JPG, bo jak wstawiłem .PNG to były gorszej jakości co mnie troszkę zdziwiło' w programie Publisher szablon miał ładniejszą jakość elementów, a w notepadzie++ gorszą. Czym to jest spowodowane ??
Czy podanie tutaj kodu z szablonem będzie bezpieczne ? Nie chciałbym, aby ktoś "zerżnął" mój szablon 
Liczba postów: 198
Liczba wątków: 25
Dołączył: 07-01-2011
Reputacja:
11
Jeśli chcesz wyśrodkować stronę musisz wstawić w głównego diva (np. body) automatyczne marginesy od lewej i prawej.
Np:
Kod: <body style="margin-left: auto; margin-right:auto;">
Do budowy szablonów używa się praktycznie tylko obrazków w formacie .jpg, chyba, że potrzebujesz uzyskać przeźroczystość. Obrazki w formacie png zawsze będą cięższe i lepszej jakości.
"rogramie Publisher szablon miał ładniejszą jakość elementów, a w notepadzie++ gorszą"
Troszkę nie rozumiem o co chodzi, w notepadzie++ nie można podejrzeć strony, to zwykły edytor kodu (moim zdaniem Publisher jest strasznie kijowy i prawdziwy webmaster nie robi strony w oparciu o programy...)
Jeśli chodzi o publikację kodu to bez żadnych obaw możesz publikować fragmenty kodu, screeny projektu.
Liczba postów: 5
Liczba wątków: 1
Dołączył: 05-06-2012
Reputacja:
0
Kod: <head>
<meta http-equiv=Content-Type content="text/html; charset=windows-1250">
<link rel=File-List href="trolololo_pliki/filelist.xml">
<!--[if !mso]>
<style>
v\:* {behavior:url(#default#VML);}
o\:* {behavior:url(#default#VML);}
b\:* {behavior:url(#default#VML);}
.shape {behavior:url(#default#VML);}
</style>
<![endif]-->
<title>Dom</title>
<style>
<!--
/* Definicje czcionek */
@font-face
{font-family:Verdana;
panose-1:2 11 6 4 3 5 4 4 2 4;}
@font-face
{font-family:Arial;
panose-1:2 11 6 4 2 2 2 2 2 4;}
/* Definicje stylów */
p.MsoNormal, li.MsoNormal, div.MsoNormal
{margin-right:0pt;
text-indent:0pt;
margin-top:0pt;
margin-bottom:6.0pt;
line-height:119%;
text-align:left;
font-family:Verdana;
font-size:7.619pt;
color:black;}
ol
{margin-top:0in;
margin-bottom:0in;
margin-left:-2197in;}
ul
{margin-top:0in;
margin-bottom:0in;
margin-left:-2197in;}
@page
{size:8.-2019in 11.2232in;}
-->
</style>
<!--[if gte mso 9]><xml>
<o:shapedefaults v:ext="edit" spidmax="12290" fill="f" fillcolor="white [7]"
strokecolor="black [0]">
<v:fill color="white [7]" color2="white [7]" on="f"/>
<v:stroke color="black [0]" color2="white [7]">
<o:left v:ext="view" color="black [0]" color2="white [7]"/>
<o:top v:ext="view" color="black [0]" color2="white [7]"/>
<o:right v:ext="view" color="black [0]" color2="white [7]"/>
<o:bottom v:ext="view" color="black [0]" color2="white [7]"/>
<o:column v:ext="view" color="black [0]" color2="white [7]"/>
</v:stroke>
<v:shadow color="#ccc [4]"/>
<v:textbox inset="2.88pt,2.88pt,2.88pt,2.88pt"/>
<o:colormru v:ext="edit" colors="silver,#cecece,#bff,#d7d7d7,#e4e4e4"/>
</o:shapedefaults><o:shapelayout v:ext="edit">
<o:idmap v:ext="edit" data="1"/>
</o:shapelayout></xml><![endif]-->
</head>
<body link=blue vlink=purple bgcolor=white
background="http://img96.imageshack.us/img96/6301/image318.png" style='margin:0'>
<!--[if gte vml 1]><v:background id="_x0000_s3073" o:bwmode="white"
o:targetscreensize="1920,1080">
<v:fill color2="fill darken(243)" method="linear sigma" focus="100%" type="gradient"/>
</v:background><![endif]-->
<div style=';width:10.-1415in;height:28.1917in'>
Napisz gdzie to wstawić
Liczba postów: 367
Liczba wątków: 32
Dołączył: 22-04-2009
Reputacja:
9
rumcajs przeczytaj swój kod i znajdź w nim <body> prosta sprawa, podstawa podstaw to szkielet
<html>
<head></head>
<body></body>
</html>
ty też masz body do niego musisz dopisać to co podał Heyek (style="margin-left: auto; margin-right:auto;")
aby ułatwić ci życie napiszę że w body masz dopisany obrazek background style='margin:0' tło jako white linki niebieskie ;P
Liczba postów: 2,411
Liczba wątków: 14
Dołączył: 10-08-2009
Reputacja:
132
co to jest za zapis?
Kod: <div style=';width:10.-1415in;height:28.1917in'>
Liczba postów: 5
Liczba wątków: 1
Dołączył: 05-06-2012
Reputacja:
0
Liczba postów: 367
Liczba wątków: 32
Dołączył: 22-04-2009
Reputacja:
9
rumcajs bo masz pełno niepotrzebnych rzeczy w kodzie (tak jest z automatami) grafika nie może być gorsza z powodu notepad++ nie używam tam podglądu, zapisuje plik i otwieram go w przeglądarce (tak też polecam robić).
Nigdy nie używałem MS Publishera ale może on eksportuje pliki i pogarsza ich jakość ? albo podgląd w notepad++ wyświetla gorszą jakość a normalnie w przeglądarce po otwarciu pliku będzie dobrze ?
Otwórz plik jpg czy png co tam masz w paincie i zobacz jak wygląda ta grafika.
Aby wyśrodkować strone musisz pozbyć sie elementów "zagracających" kod, normalnie po wpisaniu float:center; margin: auto powinno wszystko być wyśrodkowane, spróbuj na czysto
<html>
<head></head>
<body>
<div style="border: 1px red solid; width: 200px; height: 200px; margin: auto; float:center">test</div>
</body>
</html>
ten div będzie na pewno na środku strony style takie do body też można bez problemu wrzucać jak to zaproponował Heyek
Liczba postów: 5
Liczba wątków: 1
Dołączył: 05-06-2012
Reputacja:
0
Ale mi nie chodzi o to, że akurat w notepadzie jest gorsza grafika, ale o to, że w publisherze jest ładna, a po dodaniu kodu html na allegro czy gdzie indziej jest pogorszone. Po otwarciu w przeglądarce jakość jest gorsza po prostu a w podglądzie w publisherze jest ładna.
Liczba postów: 198
Liczba wątków: 25
Dołączył: 07-01-2011
Reputacja:
11
Nic z tym nie zrobisz, możliwe że ten program w jakiś sposób wyostrza wygląd. Nie wiem, bo nigdy nie korzystałem z tego programu.
Moja rada dla Ciebie: Jeśli chcesz na poważnie zająć się robieniem stron/szablonów zrezygnuj z takich programów jak Publisher i innych generatorów kodu. Samodzielnie pisz cały kod.
Liczba postów: 5
Liczba wątków: 1
Dołączył: 05-06-2012
Reputacja:
0
No teraz mi się nie chce za bardzo uczyć html'u, ale mam plany właśnie we wakacje, jak będzie troszke więcej czasu zająć się tym. Publisher raczej nie wyostrza grafik, ponieważ pliki oryginalne mają taką samą jakość jak po dodaniu do MS
|
Użytkownicy przeglądający ten wątek: 1 gości
|
|
|
Sponsorzy i przyjaciele
|
|
|
