Blogerzy wszystkich platform, łączcie się!

Dyskusje Blogerów, Fotoblogerów i Vlogerów - fora blogowe, graficzne, ogólnotematyczne
rozmowy o blogach, porady, instrukcje, ciekawostki z internetu



::
Autor Wiadomość
paranoja 

Dołączyła: 17 Sie 2011
Posty: 0

Wysłany:    [szablon] kod html + css - nie działa

Witam
chcę założyć bloga - obojętnie na jakim serwisie ale mam problem. Mam zrobiony szablon w PS do tego zrobiony kod html + css (kod jak na zwykłą www) probowalam go wrzucic na blog.pl na jeszcze jeden serwis ale tylko na blog.pl powiedzmy ze dzialal. Dlatego powiedzmy ze po wrzuceniu go na zwykly serwer WWW wszystko wyswietla sie zgodnie z tym jak sobie zaplanowalam zas, po wrzuceniu go na blog.pl cale szablon jest "scisniety" do srodka, rozmiary div-ow tez trzeba bylo zmienic i generalnie jakos to nie idzie.

wrzuce wam kod html + css prosze o porade gdzie moge to wrzucic aby dzialalo do tego dorzucam JPG jak szablon powinien wygladac.


ZDJĘCIE szablonu: https://lh5.googleusercon...12/szablon2.jpg


kod:

Kod

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen">

<style type="text/css">


* {
padding: 0;
margin: 0;
}


table.glowna {
border-collapse:collapse;
border-width:1px;
border-color:#9e290c;
table-layout: fixed;
background-color:#221F1D;
text-align:center;


}



td {font: 13px Verdana;
color: #ffffff;
font-weight: normal;
text-decoration: none;
text-align:justify;


}

div.t1 {
background:url(../Obrazki/Bez-nazwy-1_01.jpg);

background-position: center top;
background-repeat: no-repeat;
height:63px;
margin-bottom:0px;
margin-top:0px;


}

div.t2 {
background:url(../Obrazki/Bez-nazwy-1_02.jpg);

background-position: center top;
background-repeat: no-repeat;
height:63px;
margin-bottom:0px;
margin-top:0px;


}


div.t3 {
background:url(../Obrazki/Bez-nazwy-1_03.jpg);

background-position: center top;
background-repeat: no-repeat;
height:84px;
margin-bottom:0px;
margin-top:0px;


}



div.t4 {
background:url(../Obrazki/Bez-nazwy-1_04.jpg);

background-position: center top;
background-repeat: no-repeat;
height:84px;
margin-bottom:0px;
margin-top:0px;


}

div.t5 {
background: url(../Obrazki/Bez-nazwy-1_05.jpg);

background-position: center top;
background-repeat: no-repeat;
height:168px;
margin-bottom:0px;
margin-top:0px;


}


div.t6 {
background:url(../Obrazki/Bez-nazwy-1_06.jpg);

background-position: center top;
background-repeat: no-repeat;
height:96px;
margin-bottom:0px;
margin-top:0px;


}


div.t7 {
background:url(../Obrazki/Bez-nazwy-1_07.jpg);
background-position: center top;
background-repeat: repeat-y;

margin-bottom:0px;
margin-top:0px;


}

div.t8 {
background:url(../Obrazki/Bez-nazwy-3_08.jpg);

background-position: center top;
background-repeat: no-repeat;
height:486px;
margin-bottom:0px;
margin-top:0px;


}







</style>
</head>

<body bgcolor="#A8E7FB"><center>

<div class="t1"></div>

<div class="t2"></div>

<div class="t3"></div>
<div class="t4"></div>
<div class="t5"></div>
<div class="t6"><center><div id="tresc1"><br /><br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<a href="index.html">NELA</a>&nbsp;&nbsp;&nbsp;
<a href="omnie.html">O MNIE</a>&nbsp;&nbsp;&nbsp;
<a href="agility.html">AGILITY</a>&nbsp;&nbsp;&nbsp;
<a href="szkolenie.html">SZKOLENIE</a>&nbsp;&nbsp;&nbsp;
<a href="roznosci.html">RÓŻNOŚCI</a>&nbsp;&nbsp;&nbsp;
<a href="linki.html">LINKI</a>&nbsp;&nbsp;&nbsp;
<a href="archiwum.html">ARCHIWUM</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div></center></div>
<div class="t7"><center><table width="700"><tr><td>



<div id="tresc">
<center>
<div id="naglowek">
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>NOWOŚCI </p>
</div><br /><br />
<br />
<p>&nbsp; </p>











<br /><br /><br /><br /><br /><center><hr valign="center" width="400" size="1" noshade color="#fc590c"></center>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p></p>
<p><br />
</p>
</center>
</div></td>
</tr>
</table>
<center>
<div class="t8">
</div></center>
</div>









</body></html>




Bardzo dziekuje za pomoc co jest zle, co zmienic lub gdzie to wrzucic aby dzialalo
 
  podziel się tym postem na:




Utwórz darmowe konto na forum --- Zaloguj się --- Polub Blogowicza na FB!
Dołącz do grupy Bloggerów na FB

Htsz 
Blogger Product Expert
Blogowicz.Team


Zaproszone osoby: 83
Imię: Arkadiusz Narowski
Pomógł: 811 razy
Wiek: 33
Dołączył: 01 Sty 2006
Posty: 8869
Miasto: Wrocław

Wysłany: 2011-08-18, 04:20   

wrzuć to na blog.pl i pokaż jak wygląda.
______________________________________________________
nie radzisz sobie? :arrow: pomoc indywidualna oraz blogi i strony na zamówienie
zapraszam do przewodnika po forum oraz grupy Blogger Polska! na fb

Think before you post™ | ^_^ na każdego posta znajdzie się riposta™

Jeżeli nasze posty pomogły rozwiązać Twoje problemy możesz odwdzięczyć się, udostępniając link do tego forum na swoim blogu, fanpejdżu lub stronie!
Nie zapomnij kliknąć
lubię to! na facebooku. :^^:
 
  podziel się tym postem na:
paranoja 

Dołączyła: 17 Sie 2011
Posty: 0

Wysłany: 2011-08-18, 12:45   

http://test11.blog.pl/


jakas totalna masakra
 
  podziel się tym postem na:
Htsz 
Blogger Product Expert
Blogowicz.Team


Zaproszone osoby: 83
Imię: Arkadiusz Narowski
Pomógł: 811 razy
Wiek: 33
Dołączył: 01 Sty 2006
Posty: 8869
Miasto: Wrocław

Wysłany: 2011-08-21, 11:50   

wysokości podane w stylu DIV dla elementów z obrazkami nie zgadzają się z wysokościami obrazków użytych jako tło - dlatego masz takie przerwy pomiędzy kolejnymi elementami.
Pozmieniaj wysokości na właściwe i będzie ok ;)

przykład:

div.t2 ma wysokość podaną 63px a obrazek w tym divie ma 48px
______________________________________________________
nie radzisz sobie? :arrow: pomoc indywidualna oraz blogi i strony na zamówienie
zapraszam do przewodnika po forum oraz grupy Blogger Polska! na fb

Think before you post™ | ^_^ na każdego posta znajdzie się riposta™

Jeżeli nasze posty pomogły rozwiązać Twoje problemy możesz odwdzięczyć się, udostępniając link do tego forum na swoim blogu, fanpejdżu lub stronie!
Nie zapomnij kliknąć
lubię to! na facebooku. :^^:
 
  podziel się tym postem na:
paranoja 

Dołączyła: 17 Sie 2011
Posty: 0

Wysłany: 2011-08-24, 16:36   

http://test11.blog.pl/

ok zmienilam te wielkosci nie wiem czemu one na blog sie zmniejsza :kwasny: skoro na kompie mam takie wymiary jak byly wczesniej, nie wazne teraz wszystko ladnie na siebie nachodzi ale za to szablon jest zebrany do srodka, a mi zalezalo na tym zeby tlo bylo z szablonu. A pozostaje kolor nadany na bgcolor tak jakby szablon byl za waski.. co z tym zrobic? aha i jak ustawic zeby tak umiescic dzialy w menu jak sa obecnie?
 
  podziel się tym postem na:
Htsz 
Blogger Product Expert
Blogowicz.Team


Zaproszone osoby: 83
Imię: Arkadiusz Narowski
Pomógł: 811 razy
Wiek: 33
Dołączył: 01 Sty 2006
Posty: 8869
Miasto: Wrocław

Wysłany: 2011-08-24, 18:17   

nie wiem czy dobrze rozumiem to co napisałaś (czytałaś swojego posta przed dodaniem?), ale bgcolor z tła pojawia się w miejscu gdzie kończy się grafika. Jeżeli obrazek ma szerokość 912 a rozdzielczość ekranu 1024 lub większą to normalne, że w pustym miejscu pojawi się kolo ustawiony dla bgcolor.

Jeżeli chodzi o menu to blog.pl nie udostępnia możliwości tworzenia podstron, także jedyne co możesz zrobić to utworzyć je sobie na jakimś zewnętrznym serwerze i zalinkować na blogu.

http://forum.blogowicz.in...ogpl-vt2315.htm
http://forum.blogowicz.in...blogu-vt815.htm
http://forum.blogowicz.in...arzy-vt4034.htm
______________________________________________________
nie radzisz sobie? :arrow: pomoc indywidualna oraz blogi i strony na zamówienie
zapraszam do przewodnika po forum oraz grupy Blogger Polska! na fb

Think before you post™ | ^_^ na każdego posta znajdzie się riposta™

Jeżeli nasze posty pomogły rozwiązać Twoje problemy możesz odwdzięczyć się, udostępniając link do tego forum na swoim blogu, fanpejdżu lub stronie!
Nie zapomnij kliknąć
lubię to! na facebooku. :^^:
 
  podziel się tym postem na:
paranoja 

Dołączyła: 17 Sie 2011
Posty: 0

Wysłany: 2011-08-24, 18:26   

Rozumiem, w takim wypadku gdzie jeszcze mogłabym ten kod zamiescic aby byla mozliwosc robienia podstron? na jakim serwisie? oraz jak ustawić aby szerokość szablonu była 100% dla każdej rozdzielczości ekranu? Probowalam przez dodanie opcji do kazdego diva "width:100%" jednak jak widac nie dziala..

Na tym by mi najbardziej zależało ale coś kod nie działa

http://www.blox.pl/html
 
  podziel się tym postem na:
Htsz 
Blogger Product Expert
Blogowicz.Team


Zaproszone osoby: 83
Imię: Arkadiusz Narowski
Pomógł: 811 razy
Wiek: 33
Dołączył: 01 Sty 2006
Posty: 8869
Miasto: Wrocław

Wysłany: 2011-08-24, 18:46   

paranoja napisał/a:

Rozumiem, w takim wypadku gdzie jeszcze mogłabym ten kod zamiescic aby byla mozliwosc robienia podstron? na jakim serwisie?
mylog? blog4u?

paranoja napisał/a:

raz jak ustawić aby szerokość szablonu była 100% dla każdej rozdzielczości ekranu?
w przypadku grafiki się nie da zrobić tego ładnie, bo obraz się zniekształci jak go powiększysz. zmień sobie szerokość jednego z twoich obrazków na 1680 i zobaczysz co się z nim stanie ;)

Jedynym wyjściem jest zrobienie szablonu tak, aby ładnie się kończył na bokach i w tło wrzucić powtarzający się obrazek z kawałkiem tła.

Cytat

Na tym by mi najbardziej zależało ale coś kod nie działa
http://www.blox.pl/html
na blox można edytować tylko CSS, bez dostępu do HTML danego szablonu. Jeżeli ktoś by się bardzo postarał mógłby zrobić szablon na bloxa z twoją grafiką, ale raczej tylko komercyjnie ;)
______________________________________________________
nie radzisz sobie? :arrow: pomoc indywidualna oraz blogi i strony na zamówienie
zapraszam do przewodnika po forum oraz grupy Blogger Polska! na fb

Think before you post™ | ^_^ na każdego posta znajdzie się riposta™

Jeżeli nasze posty pomogły rozwiązać Twoje problemy możesz odwdzięczyć się, udostępniając link do tego forum na swoim blogu, fanpejdżu lub stronie!
Nie zapomnij kliknąć
lubię to! na facebooku. :^^:
 
  podziel się tym postem na:
paranoja 

Dołączyła: 17 Sie 2011
Posty: 0

Wysłany: 2011-08-24, 19:16   

Htsz, wyslalam pw :)
 
  podziel się tym postem na:
Wyświetl posty z ostatnich:   
::
Odpowiedz do tematu
Nie możesz pisać nowych tematów. Zobacz szczegóły.
Nie możesz odpowiadać w tematach. Zobacz szczegóły.
Nie możesz zmieniać swoich postów
Nie możesz usuwać swoich postów
Nie możesz głosować w ankietach
Nie możesz załączać plików na tym forum
Nie możesz ściągać załączników na tym forum
Dodaj temat do Ulubionych
Wersja do druku

Skocz do:  

Powered by phpBB & Weblove.pl © 2006-2019 Wrocław | modified by Przemo © 2003 phpBB Group.
skocz na górę   |  shoutbox
 
Dodaj na Facebooku:

Zobacz także:


Szablony wordpress
kod zniżkowy -10% za licencję
w koszyku wpisz: Blogowicz
Wyszukaj na Blogowiczu:
snapchat blogowicz instagram blogowicz