Forum Blogowe 17 lat!

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
FAQFAQ    UżytkownicyUżytkownicy  grupa Blogger Polska! na FBBlogger Polska!  GrupyGrupy  regulaminRegulamin RejestracjaRejestracja  ZalogujZaloguj

»  »  »  ::
Zamknięty przez: Htsz
2013-02-21, 19:45
Autor Wiadomość
porcelain
[Usunięty]


  Wysłany:    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:
 
  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: 84
Imię: Arkadiusz Narowski
Pomógł: 816 razy
Wiek: 39
Dołączył/a: 01 Sty 2006
Posty: 8949
Miasto: Wrocław
Wysłany: 2007-05-31, 17: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.
______________________________________________________
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:
porcelain
[Usunięty]


Wysłany: 2007-05-31, 18: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?
 
  podziel si� tym postem na:
Htsz 
Blogger Product Expert
Blogowicz.Team


Zaproszone osoby: 84
Imię: Arkadiusz Narowski
Pomógł: 816 razy
Wiek: 39
Dołączył/a: 01 Sty 2006
Posty: 8949
Miasto: Wrocław
Wysłany: 2007-05-31, 18: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.
______________________________________________________
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:
porcelain
[Usunięty]


Wysłany: 2007-05-31, 20: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?

:/
 
  podziel si� tym postem na:
Htsz 
Blogger Product Expert
Blogowicz.Team


Zaproszone osoby: 84
Imię: Arkadiusz Narowski
Pomógł: 816 razy
Wiek: 39
Dołączył/a: 01 Sty 2006
Posty: 8949
Miasto: Wrocław
Wysłany: 2007-05-31, 21: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ć
______________________________________________________
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:
porcelain
[Usunięty]


Wysłany: 2007-05-31, 21:32   
Okay, w div'ie wstawiam normalnie background? (sorry, zielona w tym jestem)
 
  podziel si� tym postem na:
Htsz 
Blogger Product Expert
Blogowicz.Team


Zaproszone osoby: 84
Imię: Arkadiusz Narowski
Pomógł: 816 razy
Wiek: 39
Dołączył/a: 01 Sty 2006
Posty: 8949
Miasto: Wrocław
Wysłany: 2007-05-31, 21:45   
operuj stylami :) trzeba sobie wyrabiać nawyki za wczasu.

=> http://www.kurshtml.boo.pl/html/zielony.html
______________________________________________________
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:
porcelain
[Usunięty]


Wysłany: 2007-06-01, 11: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
 
  podziel si� tym postem na:
Htsz 
Blogger Product Expert
Blogowicz.Team


Zaproszone osoby: 84
Imię: Arkadiusz Narowski
Pomógł: 816 razy
Wiek: 39
Dołączył/a: 01 Sty 2006
Posty: 8949
Miasto: Wrocław
Wysłany: 2007-06-01, 12: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.
______________________________________________________
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:
porcelain
[Usunięty]


Wysłany: 2007-06-01, 13: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 :)
 
  podziel si� tym postem na:
Htsz 
Blogger Product Expert
Blogowicz.Team


Zaproszone osoby: 84
Imię: Arkadiusz Narowski
Pomógł: 816 razy
Wiek: 39
Dołączył/a: 01 Sty 2006
Posty: 8949
Miasto: Wrocław
Wysłany: 2007-06-01, 13:25   
a po co w tym dokumencie znaczniki "<frame> " ?
______________________________________________________
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:
Wyświetl posty z ostatnich:   
»  »  »  ::
Ten temat jest zablokowany bez możliwości zmiany postów lub pisania odpowiedzi
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-2024 Wrocław | modified by Przemo © 2003 phpBB Group.
↑ skocz na górę ↑   |  shoutbox
 
Dodaj na Facebooku:

Zobacz także:


Szablony blogów i stron na wordpress
ogromna baza motywów WP, podzielona na kategorie tematyczne. Proste, jednostronicowe wizytówki lub zaawansowane układy, także z funkcją sklepu internetowego (ecommerce).
Wyszukaj na Blogowiczu:
snapchat blogowicz instagram blogowicz