Dołącz do zespołu ekspertów! Backend lub Frontend Developer?

Sprawdź najnowsze oferty pracy naszego partnera - 8lines.io!

Szablon html

Założony przez  PatrioxD.

09.11.2014, 20:37 (Ten post był ostatnio modyfikowany: 29.12.2014, 14:13 przez Snake_.)
#1
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]
09.11.2014, 21:19
#2
Podaj kod pliku index.html oraz link jak to wygląda (wrzuć na serwer).
Prośby na PW dotyczące wsparcia z problemami będą ignorowane. Pomoc poza forum - odpłatna; kontakt: snakemybboard@gmail.com.
09.11.2014, 21:25
#3
masz, a na serwerze wyglada tak jak tu jest na ss identycznie, bo teraz nie mam jak wrzucić na serwer
<!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ł: Shane, 10 Listopad 2014, 12: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</a> przed jego wykorzystaniem.</p>
        <p>Szablon możesz dowolnie edytować, jeśli jednak chcesz korzystać z niego zgodnie z prawem musisz pozostawić link zwrotny w stopce. Dziękuję!</p>
        <p>Aenean pretium. Pellentesque a nisi eu diam pretium rhoncus. In hac habitasse platea dictumst. Vestibulum consequat, enim vitae bibendum hendrerit, metus dui vestibulum sapien, a tempor sem nisl a lorem. Vestibulum orci elit, tincidunt ac, convallis in, euismod quis, dolor. Pellentesque habitant morbi tristique.</p>
        <div class="zakonczenie"></div>
    
        <h2>...</h2>
        <span>Dodał: Shane, 10 Listopad 2014, 12: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> 
09.11.2014, 21:27
#4
Tak nic nie zobaczymy, bo nie ma CSS.
Prośby na PW dotyczące wsparcia z problemami będą ignorowane. Pomoc poza forum - odpłatna; kontakt: snakemybboard@gmail.com.
10.11.2014, 09:06
#5
tu masz CSS
body {background: url(images/tlo.jpg) no-repeat top center #000; margin:0 auto;}

div {font-family:Arial, Helvetica, sans-serif;font-size:12px;}
a {text-decoration: none;}
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 {background: url(images/zakonczenie.jpg) no-repeat; width:80px; margin:0 auto 16px auto; height: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;} 
10.11.2014, 09:25
#6
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:

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.
10.11.2014, 09:40
#7
a jak zrobić druga tabelkę zieloną jak jest na SS tylko taka że np mogę tam wstawić odnośnik do Facebooka
10.11.2014, 17:25 (Ten post był ostatnio modyfikowany: 10.11.2014, 17:26 przez Snake_.)
#8
<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> 
Prośby na PW dotyczące wsparcia z problemami będą ignorowane. Pomoc poza forum - odpłatna; kontakt: snakemybboard@gmail.com.



Użytkownicy przeglądający ten wątek:

1 gości