Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [HTML][CSS] Wstawianie bannerów z boku strony
Forum PHP.pl > Forum > Przedszkole
gregi1
Mam taki problem. Otóż mam stronę internetową, która zajmuje srodek ekranu i po bokach mam miejsce w które chciałbym wstawić bannerki reklamowe. Stronka jest na div'ach jest wszystko ok, jak sie zmniejsza okno przegladarki to ona ladnie sie przesuwa do lewej krawędzi dopoki moze a pozniej powstaje suwak, ale moje pytanie jest takie:

W jaki sposób moge wstawić tam te banerki z boku strony aby one stworzyły całość z ta obecną stroną i przy zniejszaniu okna bannery nie nachodzily na strone. Narazie wstawiłem je przy pomocy position:absolute, ale własnie jest taki efekt jak opisałem.
tomsi
Może zrób dwa divy po bokach i w nich będą te banery reklamowe.
krzychu0808
Nie wiem jaką masz budowę strony może jakiś kod byś wrzucił...
gregi1
Probowalem juz z dwoma divami, ale jak dalem im float to rozjechala sie czesc strony, bowiem juz w srodku strony uzyte sa floaty do mniejszych elementow?

A tym divom to mialbym przypisac wlasnie float?
strife
Tak, float. Podaj jakiś kod bedzie nam łatwiej Ci pomóc.

Pozdrawiam.
gregi1
  1. <div id="bg">
  2. <div id="bg_top">
  3.  
  4. <div id="container">
  5.  
  6. <div id="header"><a href="" title="Fachowy Elektryk - powrót do strony głównej"><span>Fachowy Elektryk - powrót do strony głównej</span></a></div>
  7. <!-- / header -->
  8. <div id="menuTop_fach">
  9. <ul>
  10. <li id="menu_aktualnosci"><a href="aktualnosci.php"><span>Aktualności</span></a></li>
  11. <li id="menu_porady"><a href="porady.php"><span>Porady </span></a></li>
  12.  
  13. </ul>
  14. </div>
  15. <!-- / menuTop -->
  16.  
  17. <div id="banner_top_clear">
  18. <div id="flashcontent">
  19. <strong>You need to upgrade your Flash Player</strong>
  20. </div>
  21.  
  22.  
  23. </div>
  24.  
  25. <!-- NULL --> <div id="localiser"><a href="pl/home.php" id="home">Strona główna</a>
  26. </div>
  27. <div id="page">
  28. <div id="middleCol">
  29. <div class="row">
  30. <div id="green"><img src="gfx/hd_drodzy1.gif">
  31. <p align="justify" style="margin: 0; padding: 0 20px 7px 20px;">" od trzech lat z sukcesem funkcjonuje na rynku jako czasopismo dostarczające fachowej i rzetelnej wiedzy polskim elektrykom. </p>
  32. <p style="margin: 0; padding: 0 20px 5px 0; text-align: right;">Redakcja Fachowego Elektryka</p>
  33. <div class="bot"></div>
  34.  
  35. </div>
  36. <!-- / green -->
  37. <div id="news"><div class="title1">
  38. </div>
  39. <ul>
  40. <li><a href="pl/na_rynku.php?artid=1">Inteligentne instalacje elektryczne</a></li>
  41. <li><a href="pl/na_rynku.php?artid=301">Dokładne markery Stanley</a></li>
  42. </ul>
  43. <img id="fe_okladka1" src="images/fe_2008_01_1.jpg" width="155">
  44. <script type="text/javascript">
  45. // <![CDATA[
  46. var so = new SWFObject("100wizytowek.swf", "100wizytowek", "257", "65", "6", "#FFFFFF");
  47. so.write("flash(100wizytowek)");
  48. // ]]>
  49. </script>
  50. --><br />
  51. <!-- / news -->
  52. <br class="clearing" />
  53.  
  54. <div id="blue1"><img src="gfx/hd_aktualnosci.gif">
  55. <p align="justify" style="margin: 0; padding: 5px 20px 5px 20px; font-weight: bold;">Ogólnopolski Kongres Służb Utrzymania Ruchu PolMaintenance 2008</p>
  56. <p align="justify" style="margin: 0; padding: 0 20px 5px 20px;">14-15 maja 2008 roku, Warszawa</p>
  57. <p align="justify" style="margin: 0; padding: 0 20px 5px 20px;">Podczas 2 dni Kongresu zaprezentowanych zostanie wiele paneli tematycznych, prelekcji poświęconych najistotniejszym problemom .</p>
  58. <p style="margin: 0; padding: 0 0 0 20px; text-align: left;"><a href="pl/konferencje.php?artid=306&"><img src="gfx/wiecej1.gif"></a></p>
  59. <div class="bot"></div>
  60. </div>
  61. <br class="clearing" />
  62. <br />
  63. <br />
  64. </div>
  65. <!-- / row -->
  66. <div class="module">
  67. <div class="head"><a href="/pl/porady.php"><img src="gfx/wiecej.gif" border="0" align="right"></a><img src="gfx/hd_porady.gif"><br class="clearing" />
  68. </div>
  69. <br class="clearing" />
  70. <div class="one_mod">
  71. <table><tr>
  72. <td class="img"><a href="pl/warsztat.php?artid=5"><img src="/images/warsztat/termowizja.jpg" border="0"></a></td>
  73. <td class="desc"><h1><a href="pl/warsztat.php?artid=3">Termowizja - nowoczesna metoda diagnostyki technicznej</a></h1>
  74. <p>Celem artykułu jest przedstawienie podstawowych wiadomości </p>
  75. </td>
  76. </tr></table></div><div class="one_mod">
  77. <table><tr>
  78. <td class="img"><a href="pl/trendy.php?artid=1&"><img src="/images/trendy/steinel_3.jpg" border="0"></a></td>
  79. <td class="desc"><h1><a href="pl/trendy.php?artid=1&">Lampy z czujnikami nad podczerwień</a></h1>
  80. <p>Ludzie z natury nie potrafią żyć w .</p>
  81. </td>
  82. </tr>
  83. </div>
  84. <!-- / one_mod -->
  85. <br class="clearing" />
  86. <div class="down"></div>
  87. </div>
  88. <!-- / module -->
  89. <div class="module">
  90. <div class="head"><a href="/produkty_w_promocji.php"><img src="gfx/wiecej.gif" border="0" align="right"></a><img src="gfx/hd_promocja.gif" width="304" height="39"><br class="clearing" />
  91. </div>
  92. <br class="clearing" />
  93. <div class="one_mod">
  94. <table><tr>
  95. <td class="img"><a href="pl/na_rynku.php?artid=302&"><img src="/images/na_rynku/lampa_ogrodowa_apollo.jpg" border="0"></a></td>
  96. <td class="desc"><h1><a href="pl/na_rynku.php?artid=2&">Apollo Virgo i Apollo Trila - nowe lampy ogrodowe wykorzystujące technologię LED</a></h1>
  97. </td>
  98. </tr></table></div><div class="one_mod">
  99. <table><tr>
  100. <td class="img"><a href="na_rynku.php?artid=1&"><img src="/images/na_rynku/stanley_markery.jpg" border="0"></a></td>
  101. <td class="desc"><h1><a href="pl/na_rynku.php?artid=301&">Stanley znaczy dokładnie</a></h1>
  102. <p>Markery FatMax XL i Fine Tip to ciekawe uzupełnienie oferty firmy Stanley o profesjonalne przyrządy </p>
  103. </td>
  104. </tr></table></div>
  105. <!-- / one_mod -->
  106. <br class="clearing" />
  107. <div class="down"></div>
  108. <center><img src="http://www.makleo.pl/reklama/baner3.gif" border="0" align="center" width="468px" height="60px"></center>
  109. </div>
  110. <!-- / module -->
  111. <br class="clearing" />
  112. </div>
  113. <!-- / middleCol -->
  114. <div id="rightCol">
  115. <b>REKLAMA</b>
  116. <img style="width:150px; height:150px; margin-bottom:5px; margin-top:5px;" src="http://www.makleo.pl/reklama/baner3.gif">
  117. <img style="width:150px; height:150px; margin-bottom:5px; margin-top:5px;" src="http://www.makleo.pl/reklama/baner3.gif">
  118. <img style="width:150px; height:150px; margin-bottom:5px; margin-top:5px;" src="http://www.makleo.pl/reklama/baner3.gif">
  119. <br></br>
  120. <!-- NULL -->
  121. <img src="/hd_naszetytuly1.gif" width="150">
  122. <a href="http://budowlaniec.org/"><img src="gfx/budowlaniec.gif" width="150" height="64" border="0" alt="dom"></a>
  123.  
  124. <div id="banner_right_clear">
  125. <form action=http://www.tme.pl/katalog/index.phtml name="fwyszukiwarka" method="get" target="_blank" onSubmit="document.getElementById('decode').value = document.characterSet+';'+document.charset;">
  126. <table align="center" border="0" cellpadding="1" cellspacing="0" width="150">
  127. <tr>
  128. <td style="text-align: center; background-color: #2b57a0;color: #fff; font-family: Tahoma, Helvetica, Arial; font-size: 12px;">ZnajdĽ w katalogu TME</td>
  129. </tr>
  130. <tr>
  131. <td style="text-align: center; background-color:#eceaeb; padding: 2px;">
  132. <input name="f_szukaj" size="12" maxlength="40" type="text" style="border: 1px solid #d5d5d5; width: 120px; margin: 5px; vertical-align: middle;" /><br />
  133. <a href="http://www.tme.pl" target=_blank alt="www.tme.pl"><img src="http://www.tme.pl/pics/logotme.gif" style="float: left; margin: 5px; border: 0px;" /></a>
  134. <input type="submit" value="Szukaj" style="border: 0px; background-image:url(http://tme.pl/pics/button_tme_75.gif); width: 75px;background-color:#eceaeb; height: 23px; font:bold 10px Verdana; color:#FFF; text-align: center; text-transform:uppercase;">
  135. <span style="font:normal 11px Tahoma,Arial;color:#000;"><a href="http://www.tme.pl" target="_blank" style="color: #000">www.tme.pl</a></span>
  136. </td>
  137. </tr>
  138. <input id="decode" name="decode" type="hidden" value="" />
  139. <input type="hidden" name="idp" value="0069"/></form>
  140. </div>
  141.  
  142. <img src="gfx/hd_partnerzy.gif" width="150" height="37"> <a target="_blank" href="http://www.budowlany.pl"><img width="150" height="53" src="images/logo_budowlany.gif" alt=""/></a> <a target="_blank" href="http://www.alarmy.org"><img src="images/alarmy_org.gif" alt=""/></a><br/>
  143. <a target="_blank" href="http:// www.szukajfachowca.pl"><img src="images/elektryka_org.gif" alt=""/><img src="szf3.gif" alt=""/></a><a target="_blank" href="http://www.instalacjebudowlane.pl"><img alt="" src="/logo_instalacjebudowlane_jpg.jpg"/></a>
  144. <img src="gfx/ss.gif"> </div>
  145. <!-- / rightCol -->
  146.  
  147. <br class="clearing" />
  148. </div>
  149. <!-- / page -->
  150.  
  151. <div id="links">
  152. <div id="name">Porady Fachowego Elektryka:<br />
  153. Aktualności:<br />
  154. O wydawcy:</div>
  155.  
  156. <div id="val"> <br />
  157.  
  158. <a href="konferencje.php">Konferencje, szkolenia</a>|<a href="/pl/na_rynku.php">Na rynku</a>|<a href="/pl/wywiady.php">Wywiady</a>|<a href="/pl/produkty_w_promocji.php">Produkty Fachowego Elektryka</a><br />
  159.  
  160. <a href="/onas.php">Wydawnictwo</a>|<a href="/pl/internet.php">Internet</a>|<a href="/oferta.php">Oferta</a>|<a href="/pl/promocje.php">Promocje</a>|<a href="/partnerzy.php">Partnerzy</a>|<a href="/pl/kontakt.php">Kontakt</a></div>
  161.  
  162. </div>
  163. <!-- / links -->
  164.  
  165. <br class="clearing" />
  166. </div>
  167. <!-- / container -->
  168. </div>
  169. <!-- / bg_top -->
  170. </div>
  171. <!-- / bg -->
  172. <div id="footer">
  173.  
  174. <div id="copy"> Š 2006 <strong> </div>
  175.  
  176. <div id="copy">Projekt strony internetowej współfinansowany ze środków Unii Europejskiej w ramach programu Phare 2003 Technologie Informatyczne dla Przedsiębiorstw </div>
  177. </div>
  178. <br class="clearing" />
  179.  
  180. <script type="text/javascript">
  181. var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
  182. document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
  183. <script type="text/javascript">
  184. var pageTracker = _gat._getTracker("UA-4075979-1");
  185. pageTracker._initData();
  186. pageTracker._trackPageview();
  187. </body>
  188. </html>
[/html]
krzychu0808
Wrzuć CSS jeszcze....
gregi1
Kod
/* BODY  ///////////////////////////////////////////////////////////////////////////////////  */
body {
    color: #000;
    font-family: Tahoma,Arial,Helvetica,Verdana,'sans-serif';
    margin: 10px 0 0 0;
    padding: 0;
    font-size: 11px;
    background: #b1bdd8 url(.. /bg.gif) 0 0 repeat-x;
}

/* GENERAL  ///////////////////////////////////////////////////////////////////////////////////  */
table {
    font-size: 11px;
}
.clearing {
    clear: both;
    line-height: 0.1%;
    font-size: 0.1%;
    height: 0.1%;
}
a img {
    border: none;
}
.fl {
    float: left;
    }
.fr {
    float: right;
}
.l_img {
    float: left;
    margin: 0 15px 10px 0;
}
.r_img {
    float: right;
    margin: 0 0 10px 15px;
}
.c_img {
    text-align: center;
    margin: 0 15px 10px 15px;
}
/* TABLE ---------------------------------------------------------------------------------------------------------------- */
.info {
    margin: 5px auto 15px auto;
    border-collapse:collapse;    
}
.info td,
.info th {
    padding: 3px 4px;
    font-size: 9px;
    border: 1px solid #333;
}
.info th,
thead th {
    background-color: #666;
    text-align: left;
    font-weight: bold;
    color: #FFF;
}
td.first {
    background-color: #d9d9d9;
}

tr.line0 td {
    background-color: #ccc;
}
form .info {
    width: auto;
}
tr.buttons td {
    text-align: center;
    padding: 10px 0;
    border: none;
}
/* LAYOUT  /////////////////////////////////////////////////////////////////////////////////// */
#banner_top {
    margin: 2px 0 0 0;
    height: 100px;
    background: #f46f22;
    text-align: center;
}
#banner_top p {
    margin: 0 0 0 0;
    padding: 30px 0 0 0;
    background: #f46f22;
    font-size: 10px;
    color: #fff;
}
#banner_top_clear {
    margin: 2px 0 0 0;
    height: 100px;
    text-align: center;
}

#banner_right {
    margin: 2px 0 2px 0;
    height: 600px;
    background: #f46f22;
    text-align: center;
}
#banner_right p {
    margin: 0 0 0 0;
    padding: 280px 0 0 0;
    background: #f46f22;
    font-size: 10px;
    color: #fff;
}
#banner_right_clear {
    margin: 15px 0 15px 0;
}

#banner_middle {
    margin: 0 0 0 55px;
    width: 468px;
    height: 60px;
    background: #f46f22;
    text-align: center;
}
#banner_middle p {
    margin: 0 0 0 0;
    padding: 5px 0 0 0;
    background: #f46f22;
    font-size: 10px;
    color: #fff;
}
#banner_bottom {
    margin: 2px 0 0 0;
    height: 100px;
    background: #f46f22;
    text-align: center;
}
#banner_bottom p {
    margin: 0 0 0 0;
    padding: 30px 0 0 0;
    background: #f46f22;
    font-size: 10px;
    color: #fff;
}
#bg {
    background: url(.. /bg_c.gif) center top repeat-y;    
}
#bg_top {
    background: url(.. /bg_top.gif) center top no-repeat;    
    padding-top: 28px;
}
#container {
    width: 770px;
    margin: 0 auto;

}
/* HEADER  /////////////////////////////////////////////////////////////////////////////////// */
#header {
    height: 98px;
    background: #FFF url(.. /zaklad_kontroli.jpg) right top no-repeat;
}
#header a {
    display: block;
    height: 98px;
    width: 400px;
    background: #203982 url(.. /logo.jpg) left top no-repeat;
}
#header a span {
    display: none;
}
#page {
    position: relative;
    width: 770px;
    margin-top: 0;
    background: url(.. /rc.gif) left top repeat-y;    
}
#sub #page {
    margin-top: 0px;    
    background: url(.. /rc2.gif) left top repeat-y;        
}
#middleCol {
    width: 620px;
    float: left;
}
#rightCol {
    margin: 0;
    padding: 0;
    width: 150px;
    float: left;
}
#leftCol {
    width: 150px;
    float: left;
}
#cont {
    float: left;
    width: 470px;
    padding: 0 15px;
    voice-family: "\"}\"";
    voice-family:inherit;
    width: 440px;    
}
#green {
    background: #90be11 url(.. /mm.gif) 0 0 no-repeat;
    width: 303px;
    float: left;
}
#green .bot {
    background: url(.. /gr_bot.gif) left bottom no-repeat;    
    height: 12px;
}
#green p {
    padding: 0 33px 15px 33px;
    color: #FFF;
    text-align:justify;
}

#blue1 {
    margin: 10px 0 0 0;
    background: #adbad3;
    width: 303px;
    float: left;
}
#blue1 .bot {
    background: url(.. /gr_bot.gif) left bottom no-repeat;    
    height: 12px;
}
#blue1 p {
    padding: 0 33px 15px 33px;
    color: #fff;
    text-align:justify;
}

#news {
    float: left;
    width: 317px;
    padding: 0 30px;
    voice-family: "\"}\"";
    voice-family:inherit;
    width: 257px;
}
#news .title {
    width: 257px;
    height: 52px;
    background: url('.. /hd_narynku.gif') 0 0 no-repeat;    
    text-align: right;
}
#news .title1 {
    width: 257px;
    height: 32px;
    background: url('.. /hd_narynku1.gif') 0 0 no-repeat;    
    text-align: right;
}
#news ul {
    background: url('.. /s.gif') 0 0 repeat-x;
    margin: 0;
    padding: 0;
}
#news li {
    background: url('../t.gif') 6px 7px no-repeat;
    padding: 0;
    margin: 0;
}
.module {
    background: #f9fcfe url(.. /bg_m.gif) 0 0 repeat-x;
    margin: 10px 30px 10px 0;
    color: #1e3b84;
    text-align: left;
}
}
.one_mod {
    width: 295px;
    margin: 10px 15px;
    float:left;
    voice-family: "\"}\"";
    voice-family:inherit;
    width: 265px;
    display: inline;
}
.one_mod table {
    border-collapse: collapse;
    padding: 0;
    /*TUTAJ */
}
.one_mod table td {
    vertical-align: top;
}
.one_mod h1 {
    padding: 0;
    font-size: 12px;
    font-family: Tahoma,Arial,Helvetica,Verdana,'sans-serif';    
    text-align: left;    
}
.one_mod h1 a {
    color: #1e3b84;
    text-decoration: none;
}
.one_mod h1 a:hover {
    color: #1e3b84;
    text-decoration: underline;
}
.one_mod img {
    padding: 3px;
    background-color: #FFF;
    border: 1px solid #a0afcc;
}
.one_mod .img {
    width: 105px;
}
.down {
    height: 1px;
    font-size: 1px;
    background: url(.. /d.gif) 0 0 repeat-x;    
}
#links {
    padding-top: 15px;
}
#links a {
    color: #798cb6;
    line-height: 22px;
    text-decoration: none;
}
#links a {
    padding: 0 7px;
}
#name {
    width: 180px;
    float: left;
    font-weight: bold;
}

#val {
    width: 580px;
    float: left;    
}
/*  MENUTOP  /////////////////////////////////////////////////////////////////////////////////// */
#menuTop_fach {
    height: 34px;
    margin: 0;
    padding: 0;
    background: url( /menu_new_bg.gif) top repeat-x;
}
#menuTop_fach ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
#menuTop_fach ul li {
    display: inline;
    float: left;
    margin: 0;
    padding: 0;
    list-style-type: none;
    background: none;
}
#menuTop_fach ul li a {
    display: block;
    height: 34px;
    margin: 0;
    padding: 0;
    border: none;
    text-decoration: none;
}
#menuTop_fach ul li a:hover {
    text-decoration: none;
}
#menuTop_fach ul li a span {
    visibility: hidden;
}
#menuTop_fach ul li#menu_aktualnosci a {
    width: 99px;
    background: url( /menu_new_aktualnosci.gif) 0 0 no-repeat;
}
#menuTop_fach ul li#menu_aktualnosci a:hover {
    background: url( /menu_new_aktualnosci_hover.gif) 0 0 no-repeat;
}
#menuTop_fach ul li#menu_porady a {
    width: 212px;
    background: url( /menu_new_porady.gif) 0 0 no-repeat;
}
#menuTop_fach ul li#menu_porady a:hover {
    background: url( /menu_new_porady_hover.gif) 0 0 no-repeat;
}
#menuTop_fach ul li#menu_prenumerata a {
    width: 176px;
    background: url( /menu_new_prenumerata.gif) 0 0 no-repeat;
}
#menuTop_fach ul li#menu_prenumerata a:hover {
    background: url( /menu_new_prenumerata_hover.gif) 0 0 no-repeat;
}
#menuTop_fach ul li#menu_wydawca a {
    width: 99px;
    background: url( /menu_new_wydawca.gif) 0 0 no-repeat;
}
#menuTop_fach ul li#menu_wydawca a:hover {
    background: url( /menu_new_wydawca_hover.gif) 0 0 no-repeat;
}
#menuTop_fach ul li#menu_kontakt a {
    width: 75px;
    background: url( /menu_new_kontakt.gif) 0 0 no-repeat;
}
#menuTop_fach ul li#menu_kontakt a:hover {
    background: url( /menu_new_kontakt_hover.gif) 0 0 no-repeat;
}
#menuTop_fach ul li#menu_poczta a {
    width: 67px;
    background: url( /menu_new_poczta.gif) 0 0 no-repeat;
}
#menuTop_fach ul li#menu_poczta a:hover {
    background: url( /menu_new_poczta_hover.gif) 0 0 no-repeat;
}
/*  MENU - SIDE /////////////////////////////////////////////////////////////////////////////////// */
#menu {
    width: 150px;
    background: #90be11 url(.. /mm.gif) left top no-repeat;
    float: left;
    padding: 0;
}
#menu div {
    background: url(.. /mt.gif) left top no-repeat;    
    padding-top: 15px;
}
#menu .bot {
    background: url(.. /mb.gif) left bottom no-repeat;    
    height: 12px;
}

#menu ul {
    margin: 0 12px 0 12px;
    padding:0;
    list-style-image: none;
}
#menu ul li {
  list-style:none;
    background: none;
    margin:0;
    padding: 0;    
    background: url(.. /s2.gif) left bottom repeat-x;    
}
* html #menu ul li {
    height:1px;
  vertical-align:bottom;
}
#menu ul li a {
    background: url(.. /p.gif) 4px 7px no-repeat;
    display:block;
  font-size: 11px;
  font-weight: normal;
  padding: 2px 5px 3px 13px;
  text-decoration:none;
  color:#FFF;
}
#menu ul li a:hover {
    text-decoration: underline
}
#menu ul li.selected a {
    font-weight: bold;
    color:#FFF;
}
* html #menu ul li a {
    height:1px;
}

#menu ul ul {
    margin:    0 0 0 10px;
    padding:0;
}
#menu li.list {
    display: none;
}
#menu ul ul li {
    list-style:none;
    margin:0;
    padding:2px 0;
}
* html #menu ul ul li {
    height:1px;
    vertical-align:bottom;
}
#menu ul ul li a {
    display:    block;
    font-size:    9px;
    font-weight:    normal;
    padding:    0 2px 0 20px;
    text-decoration:none;
    color:        #000;
    background:     url(.. /li.gif) 5px 6px no-repeat;    
}
#menu ul ul li.selected a{
    background:     url(.. /li.gif) 5px 6px no-repeat;
    color:        #E86A00;
    
}
* html #menu ul ul li a {
    height:        1px;
}

/* FOOTER  /////////////////////////////////////////////////////////////////////////////////// */
#footer {
    background: url(.. /footer.gif) center top no-repeat;
    padding: 40px 0 20px 0;
    color: #0D336D;
    font-size: 9px;
}
#copy {
    margin: 0 auto;
    width: 770px;
    color: #798cb6;
}

#copy a {
    color: #798cb6;
    text-decoration: none;
}
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.