Webboard

Pełna wersja: Szablon html
Aktualnie przeglądasz uproszczoną wersję forum. Kliknij tutaj, by zobaczyć wersję z pełnym formatowaniem.
Siemka, czy byście mogli mi pomoc bo nwm jak zlikwidować lukę duża pomiędzy logiem a menu. I da rade zrobić tak że jak menu główne się powiększa to tło się powiększało z tym ?? SS macie: [Obrazek: bez-tytulu.jpg]
Podaj kod pliku index.html oraz link jak to wygląda (wrzuć na serwer).
masz, a na serwerze wyglada tak jak tu jest na ss identycznie, bo teraz nie mam jak wrzucić na serwer
Kod PHP:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<
html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl" lang="pl">
<
head>
  <
meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <
meta http-equiv="Content-Language" content="pl" />
  <
meta name="Keywords" content="Słowa kluczowe określające zawartość strony" />
  <
meta name="Description" content="Opis strony" />
  <
meta name="Robots" content="ALL" />
  <
meta name="Author" content="flankerds.com" />
  <
link rel="stylesheet" href="style.css" type="text/css" />
  <
title>Polish Truck Extreme</title>
</
head>
<
body>

<
h1 id="logo"><font color="black">Polish Truck Extreme pterp.pl</font></h1>

<
div id="menu">
    <
ul>
        <
li><a href="http://pterp.pl/index.php">Forum</a></li>
        <
li><a href="http://pterp.pl/forum-47.html">Regulaminy</a></li>
        <
li><a href="http://pterp.pl/forum-53.html">Sklep</a></li>
        <
li><a href="http://pterp.pl/forum-90.html">Frakcje</a></li>
        <
li><a href="http://pterp.pl/forum-97.html">Firmy</a></li>
    </
ul>  
</
div>

<
div id="kontener">

    <
div id="tresc">
        <
h2>Historia Serwera</h2>
        <
span>DodałShane10 Listopad 201412:00</span>
        <
p>Szablon pochodzi ze strony: <a href="http://www.flankerds.com">flankerds.com</a>. Pamiętaj o przeczytaniu <a href="http://www.flankerds.com/regulamin.php">regulaminu</aprzed jego wykorzystaniem.</p>
        <
p>Szablon możesz dowolnie edytowaćjeśli jednak chcesz korzystać z niego zgodnie z prawem musisz pozostawić link zwrotny w stopceDziękuję!</p>
        <
p>Aenean pretiumPellentesque a nisi eu diam pretium rhoncusIn hac habitasse platea dictumstVestibulum consequatenim vitae bibendum hendreritmetus dui vestibulum sapiena tempor sem nisl a loremVestibulum orci elittincidunt acconvallis ineuismod quisdolorPellentesque habitant morbi tristique.</p>
        <
div class="zakonczenie"></div>
    
        <
h2>...</h2>
        <
span>DodałShane10 Listopad 201412:00</span>
        <
p>...</p>
        <
p>...</p>
        <
div class="zakonczenie"></div>
    </
div>
    
    <
div id="kolumna">
        <
h3>Przydatne:</h3>
        <
ul>
            <
li><a href="#">Polskie serwery Counter-Strike</a></li>
            <
li>Problemy z grą</li>
            <
li>Konfiguracja serwera</li>
            <
li>Mapy</li>
            <
li>Clan Base</li>
            <
li>Lista serwerów</li>
            <
li>Boty</li>
            <
li><a href="http://pterp.pl/forum-105.html">Modyfikacje do GTA</a></li>
            <
li><a href="http://pterp.pl/misc.php?action=help">Pomoc</a></li>
        </
ul>
        
        <
h3>Ekipa:</h3>
        <
ul>
            <
li><b><font color="red">Keffir</font> - <font color="violet">Head Admin</font></b></li>
        <
li><b><font color="red">Bielo</font> - <font color="violet">Head Admin</font></b></li>
        <
li><b><font color="red">Serious</font> - <font color="violet">Head Admin</font></b></li>
        <
li><b><font color="tomato">Astro</font> - <font color="green">Admin</font></b></li>
        <
li><b><font color="tomato">Wambobox</font> - <font color="green">Admin</font></b></li>
        <
li><b><font color="tomato">Mentoska</font> - <font color="green">Admin</font></b></li
        <
li><b><font color="tomato">Przemas.</font> - <font color="green">Admin</font></b></li>
        <
li><b><font color="tomato">Maciok.</font> - <font color="green">Admin</font></b></li>
        <
li><b><font color="lime">©Shane</font> - <font color="lime">WebMaster</font></b></li>
        </
ul>
        <
h4>Sponsor:</h4>
        <
ul>
            <
li>Sponsor</li>
            
     </
div>
 
</
div>

<
div id="stopka"><p>© Polish Truck Extreme <a href="http://www.pterp.pl">pterp.pl</a></p></div>

</
body>
</
html
Tak nic nie zobaczymy, bo nie ma CSS.
tu masz CSS
Kod PHP:
body {backgroundurl(images/tlo.jpgno-repeat top center #000; margin:0 auto;}

div {font-family:ArialHelveticasans-serif;font-size:12px;}
{text-decorationnone;}
img {border:0px;}

h1#logo { margin:30px 0 0 0; text-align:center; color:#f0f0f0; height:0px; font-family:Arial; font-size:30px; font-weight:bold;}

#menu {background: url(images/menu.jpg) no-repeat; width:763px; height:40px; margin:230px auto 0 auto; clear:both;}
#menu ul {list-style: none; padding:11px 0 0 0; width:550px; margin:0;}
#menu li {float: left; padding:0 20px;}
#menu a {font-size:14px; color: #f5f5f5; font-weight: bold;}
#menu a:hover {color:#e9eaca; border-bottom:dashed #bfc08e 2px;}

#kontener {background: url(images/tresc.jpg) repeat; width:763px; margin:0 auto; padding:0; display:block; overflow:hidden; height:100%; clear:both;}

#tresc {float:left;    width:509px; height:100%; background: url(images/tresc1.jpg) no-repeat; padding:16px; margin:11px; &margin:6px;}
#tresc h2 { padding:0 0 8px 0; margin:0px 2px;  font-size:17px; color:#332903;}
#tresc span {font-size:11px;color:#8f9164;}
#tresc p {text-indent:15px; color:#433604;}
#tresc a {border-bottom:dashed #610303 1px; color:#610303;}    
#tresc a:hover {border-bottom:dashed #610303 1px; color:#610303; font-weight:bold;}    
.zakonczenie {backgroundurl(images/zakonczenie.jpgno-repeatwidth:80pxmargin:0 auto 16px autoheight:11px;}

#kolumna {float:right; width:200px; height:100%;}
#kolumna h3 {margin:8px 20px 12px 2px; font-size:13px; color:#433605; text-decoration:underline;}
#kolumna h4 {margin:8px 20px 12px 2px; font-size:13px; color:#433605; text-decoration:underline;}
#kolumna ul { padding:0; margin:0; list-style:none;}
#kolumna ul li {background:#bdbf88;    border-top:dashed #a1a373 1px; border-bottom:dashed #a1a373 1px;padding:2px; margin:0 17px 4px 0; font-size:13px; color:#433605;}
#kolumna ul li a {font-size:13px; color:#433605;}
#kolumna ul li a:hover { text-decoration:underline;}

#stopka {clear:both;background: url(images/stopka.jpg) no-repeat; width:763px; height:47px; margin:0 auto;}
#stopka p {float:right; margin-top:20px; margin-right:20px; color:#CCCCCC; font-size:11px;}
#stopka a {color:#CCCCCC;}
#stopka a:hover {border-bottom:dashed #bfc08e 1px;} 
Kod PHP:
h1#logo { margin:30px 0 0 0; text-align:center; color:#f0f0f0; height:0px; font-family:Arial; font-size:30px; font-weight:bold;} 

Zmień na:

Kod PHP:
h1#logo { margin-top:30px; margin-bottom:-100px; text-align:center; color:#f0f0f0; height:0px; font-family:Arial; font-size:30px; font-weight:bold;} 

Im mniejszy zrobisz margin-bottom, tym bliżej menu będzie się zbliżać do loga.
a jak zrobić druga tabelkę zieloną jak jest na SS tylko taka że np mogę tam wstawić odnośnik do Facebooka
Kod PHP:
<div id="kolumna">
        <
h3>Przydatne:</h3>
        <
ul>
            <
li><a href="#">Polskie serwery Counter-Strike</a></li>
            <
li>Problemy z grą</li>
            <
li>Konfiguracja serwera</li>
            <
li>Mapy</li>
            <
li>Clan Base</li>
            <
li>Lista serwerów</li>
            <
li>Boty</li>
            <
li><a href="http://pterp.pl/forum-105.html">Modyfikacje do GTA</a></li>
            <
li><a href="http://pterp.pl/misc.php?action=help">Pomoc</a></li>
        </
ul>
        
        <
h3>Ekipa:</h3>
        <
ul>
            <
li><b><font color="red">Keffir</font> - <font color="violet">Head Admin</font></b></li>
        <
li><b><font color="red">Bielo</font> - <font color="violet">Head Admin</font></b></li>
        <
li><b><font color="red">Serious</font> - <font color="violet">Head Admin</font></b></li>
        <
li><b><font color="tomato">Astro</font> - <font color="green">Admin</font></b></li>
        <
li><b><font color="tomato">Wambobox</font> - <font color="green">Admin</font></b></li>
        <
li><b><font color="tomato">Mentoska</font> - <font color="green">Admin</font></b></li
        <
li><b><font color="tomato">Przemas.</font> - <font color="green">Admin</font></b></li>
        <
li><b><font color="tomato">Maciok.</font> - <font color="green">Admin</font></b></li>
        <
li><b><font color="lime">Shane</font> - <font color="lime">WebMaster</font></b></li>
        </
ul>
        <
h4>Sponsor:</h4>
        <
ul>
            <
li>Sponsor</li>
            </
ul>
     </
div