Forum.Blogowicz.info Strona Główna Forum.Blogowicz.info
Dyskusje Blogerów - Blogowe Forum Młodzieżowe - rozmowy o blogach, porady i nie tylko

FAQFAQ  SzukajSzukaj  UżytkownicyUżytkownicy  GrupyGrupy
RejestracjaRejestracja  ZalogujZaloguj  ChatCzat
 Ogłoszenie 
Nie masz jeszcze konta ? Zapraszamy do rejestracji !
Dzięki temu zyskasz możliwość dostępu do wszystkich działów na tym forum.
----------------------------------------------------------------------------------------------------
Sprawdź swój refleks - szybko piszesz na klawiaturze? zarób na tym!




Poprzedni temat :: Następny temat
Szablon na srodku okna przegladarki?
Autor Wiadomość
porcelain 

Wiek: 18
Dołączyła: 31 Maj 2007
Posty: 7
  Wysłany: 31-05-2007, 18:45   Szablon na srodku okna przegladarki?

Otoz, mam sobie obrazek do szablonu.
Chcialabym, zeby to byl szablon tzw "zamkniety" z divami, albo tabelami, ktore maja suwak.
I teraz nie mam zielonego pojecia, jak to zrobic.
Obrazek daje na przyklad taki:
http://images12.fotosik.pl/47/48fb6eb3d75bec41.jpg
I chcialabym, zeby on byl na srodku przegladarki (bez wzgledu na rozdzielczosc czyjegos ekranu) i np 30 px od gory.


Jak? :looka:
 
 
~Htsz 
Administrator
Ojciec Chrzestny II


Zaproszone osoby: 47
Pomógł: 46 razy
Wiek: 23
Dołączył: 01 Sty 2006
Posty: 3236
Skąd: Wroclove City
Wysłany: 31-05-2007, 18:53   

aby grafika wyświetlała się na środku musisz kod szablonu umieścić np tak:
Kod

<div align="center">
tutaj kod szablonu
</div>


jeżeli chcesz aby wszystko zaczęło się 30px od góry w stylu body dodaj
Kod
margin-top: 30px;


potrzebny ci będzie także taki pasek grafiki z gradientem, który masz pod ramkami, zeby wstawić jako tło strony.
_________________
blogi i strony na zamówienie | zarabiaj kasę przez internet ! | ^_^ na każdego posta znajdzie się riposta :yay:
I've got soul, but I'm not a soldier | Proszę podaruj mi uśmiech i miłość, a uczucie oddam ze zdwojoną siłą
:pomysl: Think before you post :pokemon: -
zapraszam do przewodnika po forum
 
 
 
porcelain 

Wiek: 18
Dołączyła: 31 Maj 2007
Posty: 7
Wysłany: 31-05-2007, 19:30   

No tak, ale jak ramki mam poustawiac?


Kod
<div align="center">
tutaj kod szablonu
</div>


I w srodku tego, gdzie mam "tutaj kod szablonu"
Mam normalnie dac np

Kod

<div style="position:absolute; top:181; left:193; height:46; width:110; overflow:auto">
księga <BR><A HREF="/xiega/index.php">obejrzyj</A>

<BR><A HREF="/xiega/dodaj.php">dodaj</A><BR></div>


To ma byc szablon "zamkniety" z suwakiem.


Edit, moze tak bedzie prosciej:

Kod
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2">

<title>Emo in love... </title>
<style type="text/css">
body, p, td {font-family: Verdana, Tahoma, Lucida Sans Unicode, ;
font-size: 9px; line-height:14px ; color: black; cursor:none}
A:link {COLOR: #4629F9; HEIGHT: 1px; TEXT-DECORATION: none;}
A:visited {COLOR: #9090D9; HEIGHT: 1px; text-decoration: none;}
A:active { COLOR: #41E1D4; HEIGHT: 1px; TEXT-DECORATION: none;}
A:hover {color: #41E1D4; height:0; text-decoration: none; cursor:hand;}
<!--
body {
scrollbar-arrow-color: #FFFFFF;
scrollbar-darkshadow-color: #E3E3E2;
scrollbar-track-color: #E3E3E2;
scrollbar-face-color: #E3E3E2;
scrollbar-shadow-color: #FFFFFF;
scrollbar-highlight-color: #FFFFFF;
scrollbar-3dlight-color: #FFFFFF;}
-->
</style>
</head>
<body bgcolor="#E3E3E2">


<IMG src="http://images12.fotosik.pl/47/48fb6eb3d75bec41.jpg" border="0" style="position:absolute;

left:5; top:5;">

<div style="position:absolute; top:181; left:193; height:46; width:110; overflow:auto">
księga <BR><A HREF="/xiega/index.php">obejrzyj</A>

<BR><A HREF="/xiega/dodaj.php">dodaj</A><BR>
<BR>archiwum<BR>{archiwum}<BR><br>linki<br>

{linki}<br><br><br>

<b><i>Lay by: <a href="">xxx</a></i></b><br></div>

<div style="position: absolute; top: 20; left: 24; width: 154; height:175; overflow:auto;">
{blog}

<br><br><br><br>
</div>

</body>
</html>



Najprostszy kodzik.
Jak wszystko wysrodkowac?
 
 
~Htsz 
Administrator
Ojciec Chrzestny II


Zaproszone osoby: 47
Pomógł: 46 razy
Wiek: 23
Dołączył: 01 Sty 2006
Posty: 3236
Skąd: Wroclove City
Wysłany: 31-05-2007, 19:59   

twój szablon zrobiony jest poprzez pozycjonowanie absolutne czyli wartości left roght top itp. odnoszą się to odległości od brzegów okna przeglądarki, aby to zmienić należy zamknąć je w divie który będzie miał w stylu:

Kod
position: relative;


wtedy "position: absolute" i jego wartości w twoich divach będą odnosiły się do odległości wewnątrz tego diva z "position: relative".

obrazek musi być wtedy tłem diva a nie wolną grafiką tak jak to masz teraz.
_________________
blogi i strony na zamówienie | zarabiaj kasę przez internet ! | ^_^ na każdego posta znajdzie się riposta :yay:
I've got soul, but I'm not a soldier | Proszę podaruj mi uśmiech i miłość, a uczucie oddam ze zdwojoną siłą
:pomysl: Think before you post :pokemon: -
zapraszam do przewodnika po forum
 
 
 
porcelain 

Wiek: 18
Dołączyła: 31 Maj 2007
Posty: 7
Wysłany: 31-05-2007, 21:07   

Kod
<html>

<head>

<meta http-equiv="Content-Type" content="text/html;

charset=windows-1250">
<title>{ksywa} blog</title>
<STYLE type="text/css">
BODY {
scrollbar-face-color: #65270D;
scrollbar-highlight-color:#65270D;
scrollbar-3dlight-color: #65270D;
scrollbar-darkshadow-color:#65270D;
scrollbar-shadow-color:#65270D;
scrollbar-arrow-color: #C4812F;
scrollbar-track-color:#65270D
}
</STYLE>
</head>

<body topmargin="10" bgcolor="#000000">

<STYLE type=text/css>
H1{
COLOR: #ffc125; TEXT-DECORATION: none; font-family: verdana
}
td{
COLOR: #C4812F; TEXT-DECORATION: none; font-family: verdana
}


A{
COLOR: #C4812F; TEXT-DECORATION: none; font-family: verdana;

FONT-WEIGHT: bold;
}
A:visited {
COLOR: #C4812F; TEXT-DECORATION: none;
}
A:active {
COLOR: #C4812F; TEXT-DECORATION: none;
}
A:hover {
FILTER: alpha(Opacity=100, FinishOpacity=15, Style=2);

BEHAVIOR: url(linkhilight.htc); COLOR: #ffc125; HEIGHT: 9px;

TEXT-DECORATION: none
}
</STYLE>

<div align="center">

<center>

<table border="0" cellpadding="0" cellspacing="0"

style="border-collapse: collapse" bordercolor="#111111" width="596"

id="AutoNumber1" height="480" bgcolor="#000000"

background="http://images22.fotosik.pl/119/7c8a284c3a89bd8a.jpg">
<frame>
<tr>
<td width="596" height="428">
<DIV id=scroll style="OVERFLOW: auto; visibility:visible;

position:relative; WIDTH: 223; HEIGHT: 216; left:27; top: 0;

align=left">
<font size="1">
<p align="justify">{blog} {blog} {blog} {blog} {blog} {blog} {blog}

{blog} {blog} {blog} {blog} {blog} {blog} {blog} {blog} {blog} {blog}

{blog} {blog} {blog} {blog} {blog} {blog} {blog} {blog} {blog} {blog}

{blog} {blog} {blog} {blog} {blog} {blog} {blog} {blog} {blog} {blog}

{blog} {blog} {blog} {blog} {blog} {blog} {blog} {blog} {blog} {blog}

{blog} {blog} {blog} {blog} {blog} {blog} {blog} {blog} {blog} {blog}

{blog} {blog} {blog} {blog} {blog} {blog} {blog} {blog} {blog} {blog}

{blog} {blog} {blog} {blog} {blog} {blog} {blog} {blog} {blog} {blog}

{blog} {blog} {blog} {blog} {blog} {blog} {blog} {blog} {blog} {blog}

{blog} {blog} {blog} {blog} {blog} {blog} {blog} {blog} {blog} {blog}

{blog} {blog} {blog} {blog} {blog} {blog} {blog} {blog} {blog} {blog}

{blog} {blog} {blog} {blog} {blog} {blog} {blog} {blog} {blog} {blog}

{blog} {blog} {blog} {blog} {blog} {blog} {blog} {blog} {blog} {blog}

{blog} {blog} {blog} {blog} {blog} {blog} {blog}

{blog}</font></font></div></td>

<td width="596" height="428">
<DIV id=scroll style="OVERFLOW: auto; visibility:visible;

position: absolute
; WIDTH: 366; HEIGHT: 90; left:27; top: 370; align=left">
<font size="1">




Menu Menu Menu Menu Menu Menu Menu Menu Menu Menu Menu Menu Menu Menu

Menu Menu Menu Menu Menu Menu Menu Menu Menu Menu Menu Menu Menu Menu

Menu Menu Menu Menu Menu Menu Menu Menu Menu Menu Menu Menu Menu Menu

Menu Menu Menu Menu Menu Menu Menu Menu Menu Menu Menu Menu Menu Menu

Menu Menu Menu Menu Menu Menu Menu Menu Menu Menu Menu Menu Menu Menu

Menu Menu Menu Menu Menu Menu Menu Menu Menu Menu Menu Menu Menu Menu

Menu Menu Menu Menu Menu Menu Menu Menu Menu Menu Menu Menu Menu Menu

Menu Menu Menu Menu Menu Menu
</div>

</td>




</table>
</frame>
</center>
</div>

</body>

</html>



Sluchaj, a tak?
Wklej sobie to i zobacz, ze tam, gdzie jest menu, sie rozjezdza... co jest nie tak?

:/
 
 
~Htsz 
Administrator
Ojciec Chrzestny II


Zaproszone osoby: 47
Pomógł: 46 razy
Wiek: 23
Dołączył: 01 Sty 2006
Posty: 3236
Skąd: Wroclove City
Wysłany: 31-05-2007, 22:26   

radzę napisać własny kod od podstaw a nie przerabiać cudze. bo wnioskuję, że tak właśnie robisz. deklaracja stylu jest w "body" dokumentu a tak się nie robi.

teraz łączysz tabele i pozycjonowane divy, nie wiem w jakim celu... napisałem co należy zrobić
_________________
blogi i strony na zamówienie | zarabiaj kasę przez internet ! | ^_^ na każdego posta znajdzie się riposta :yay:
I've got soul, but I'm not a soldier | Proszę podaruj mi uśmiech i miłość, a uczucie oddam ze zdwojoną siłą
:pomysl: Think before you post :pokemon: -
zapraszam do przewodnika po forum
 
 
 
porcelain 

Wiek: 18
Dołączyła: 31 Maj 2007
Posty: 7
Wysłany: 31-05-2007, 22:32   

Okay, w div'ie wstawiam normalnie background? (sorry, zielona w tym jestem)
_________________
[img]http://www.blog4u.pl...onet1.gif[/img]
 
 
~Htsz 
Administrator
Ojciec Chrzestny II


Zaproszone osoby: 47
Pomógł: 46 razy
Wiek: 23
Dołączył: 01 Sty 2006
Posty: 3236
Skąd: Wroclove City
Wysłany: 31-05-2007, 22:45   

operuj stylami :) trzeba sobie wyrabiać nawyki za wczasu.

=> http://www.kurshtml.boo.pl/html/zielony.html
_________________
blogi i strony na zamówienie | zarabiaj kasę przez internet ! | ^_^ na każdego posta znajdzie się riposta :yay:
I've got soul, but I'm not a soldier | Proszę podaruj mi uśmiech i miłość, a uczucie oddam ze zdwojoną siłą
:pomysl: Think before you post :pokemon: -
zapraszam do przewodnika po forum
 
 
 
porcelain 

Wiek: 18
Dołączyła: 31 Maj 2007
Posty: 7
Wysłany: 01-06-2007, 12:42   

Az tak zielona nie jestem, bo robilam mnostwo szablonow, tylko zadnego nie umyslilam sobie na srodku, tak jak tego. i w tym srodku jest najwiekszy problem :D
_________________
[img]http://www.blog4u.pl...onet1.gif[/img]
 
 
~Htsz 
Administrator
Ojciec Chrzestny II


Zaproszone osoby: 47
Pomógł: 46 razy
Wiek: 23
Dołączył: 01 Sty 2006
Posty: 3236
Skąd: Wroclove City
Wysłany: 01-06-2007, 13:47   

nie ważne jak bardzo zielona, radzę zacząć od nowa pisanie kodu ;) w tych wklejonych jest sporo błędów, jeżeli powielasz to w swoich pracach to bardzo niedobrze.
_________________
blogi i strony na zamówienie | zarabiaj kasę przez internet ! | ^_^ na każdego posta znajdzie się riposta :yay:
I've got soul, but I'm not a soldier | Proszę podaruj mi uśmiech i miłość, a uczucie oddam ze zdwojoną siłą
:pomysl: Think before you post :pokemon: -
zapraszam do przewodnika po forum
 
 
 
porcelain 

Wiek: 18
Dołączyła: 31 Maj 2007
Posty: 7
Wysłany: 01-06-2007, 14:23   

bo ten jedyny byl wysrodkowany.
Normalne pisze sama.

No i zrobilam na srodku. Kumpel zaproponowal tak:


Kod

<style type="text/css">
* { margin: 0; padding: 0; }
body { margin: 0 auto; width: 600px;
text-align: center;
background-color: #000000;
scrollbar-face-color: #65270D;
scrollbar-highlight-color:#65270D;
scrollbar-3dlight-color: #65270D;
scrollbar-darkshadow-color:#65270D;
scrollbar-shadow-color:#65270D;
scrollbar-arrow-color: #C4812F;
scrollbar-track-color:#65270D;
}

#glownykontener {
position: relative;
top: 10px;
width: 596px;
height: 480px;
background-color: white;
background-repeat: no-repeat;
background-image: url(http://tu.link.obrazka);
}

#kontenernatresc {
position: absolute;
top: 115px;
left: 25px;
width: 225px;
height: 220px;
OVERFLOW: auto;
visibility:visible
}

#kontenernamenu {
position: absolute;
top: 360px;
left: 27px;
width: 379px;
height: 92px;
OVERFLOW: auto;
visibility:visible
}

.tekst {
font-size: 1px;
text-align: justify;
font-size: 15px;
color: silver;
}

</style>
</head>
<body>
<div id="glownykontener">
<div id="kontenernatresc">
<frame>
<p class="tekst">
{blog}
</p>
</frame>
</div>

<div id="kontenernamenu">
<frame>
<p class="tekst">
menu
</p>
</frame>
</div>
</div>
</body>


Tylko musze pozmieniac kolor scrolli :)
 
 
~Htsz 
Administrator
Ojciec Chrzestny II


Zaproszone osoby: 47
Pomógł: 46 razy
Wiek: 23
Dołączył: 01 Sty 2006
Posty: 3236
Skąd: Wroclove City
Wysłany: 01-06-2007, 14:25   

a po co w tym dokumencie znaczniki "<frame> " ?
_________________
blogi i strony na zamówienie | zarabiaj kasę przez internet ! | ^_^ na każdego posta znajdzie się riposta :yay:
I've got soul, but I'm not a soldier | Proszę podaruj mi uśmiech i miłość, a uczucie oddam ze zdwojoną siłą
:pomysl: Think before you post :pokemon: -
zapraszam do przewodnika po forum
 
 
 
porcelain 

Wiek: 18
Dołączyła: 31 Maj 2007
Posty: 7
Wysłany: 01-06-2007, 15:23   

Tego Ci niestety nie powiem.
Zrobil mi tylko schemat, uzupelnilam i jakos chodzi :chytry:


Edit:
Nawet rewelacyjnie chodzi :)
Sadze, ze tamat mozna zamknac, bo juz mi wszystko pieknie smiga :)
 
 
Wyświetl posty z ostatnich:   
Odpowiedz do tematu
Nie możesz pisać nowych tematów
Nie możesz odpowiadać w tematach
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
Możesz ściągać załączniki na tym forum
Dodaj temat do Ulubionych
Wersja do druku

Skocz do:  

Powered by phpBB modified by Przemo © 2003 phpBB Group

WierszeszablonyASG WarszawaKonferencje naukoweSzyby SamochodoweOceny
Strona wygenerowana w 0,45 sekundy. Zapytań do SQL: 10