Santa Layout - Christmas Time

[xOstateczny]

[zły dział - proszę o przeniesienie]

 

 

 

 

 

 

 

 

 

 

 

 

Witam, ostatnio stworzyłem dość ciekawy layout dla świątecznego sklepiku allegro

Sprawdzić możesz poniżej. Wykonuję zlecenia ( w zależności od czasu i wymagania klienta ).

Kod HTML pokaże się za niedługo

 

http://xostateczny.ct8.pl/layouty/santa-layout/

allegro.pl

 
 


  

 
  
    
         
        
  <style type="text/css">
  <!--
  html, body,h1, h2, h3, h4, h5, h6,a, abbr, acronym, em, p, strong,address, blockquote, cite, q,dd, dfn, dl, dt, li, ol, ul,code, kbd, pre, samp, tt, var,big, del, ins, small,caption, table, tbody, td, tfoot, th, thead, tr,fieldset, iframe, img, menu {margin: 0;padding: 0;border: none;outline: none;font-style: inherit;font-weight: inherit;font-size: 100%;line-height: inherit;text-align: inherit;text-decoration: inherit;        color: inherit;}html, #bauction { color: #000; }html, body, input, option, optgroup, select { font-family: sans-serif; } /* customizable */textarea, input, option, optgroup, select { font-size: 100%; }ol, ul, menu { list-style: none; }code, kbd, pre, samp, textarea, tt, var { font-family: monospace; }table { border-collapse: collapse; border-spacing: 0; }legend, hr { display: none; }.clear {clear: both;}strong{font-weight: bold;}ul li ul {list-style: disc outside none;}img {vertical-align: bottom;}a { text-decoration: none; }.clear { clear: both; float: none; }#bauction {font-family:arial;font-weight:normal;font-size:19px;background: url(http://panel.aleszablony.pl/uploads/templates/593/images/background.png);}#esp_content {width: 1000px;margin:0 auto;padding-bottom:20px;background:#fff;}#tresc {min-height: 1000px;}#opis > .tresc {color:#000;padding:10px 20px;font-size:15px;}#opis > .zdjecia { text-align:center;}.esp_left {    width:254px;float:left;}.esp_right {width:745px;float:right;}.esp_right #opis ul {list-style: url(http://panel.aleszablony.pl/uploads/templates/593/images/list.png);padding-left:25px;}.esp_right #opis li {padding-left:28px;font-size:15px;}                  .esp_column_full {
                      padding:0px 10px;
                  }
  -->
  </style>
  <div id="bauction" marginwidth="0" marginheight="0">    
    <div id="esp_bg">    
      <div id="esp_content">        
        <div id="naglowek_logo"><img src="http://imge.pl/aleszablony/users/23542/86122/naglowek_logo.png#541a6" /></div>        
        
        <div id="style_i_menu" class=""><img src="http://imge.pl/aleszablony/users/23542/86122/menu.png#c7701" usemap="#mapa1" />
          <map name="mapa1">
            <area style="background:red;" shape="rect" coords="0,0,250,250" href="" />
            <area shape="rect" coords="0,0,250,250" href="" />
            <area shape="rect" coords="250,0,500,250" href="" />
            <area shape="rect" coords="500,0,750,250" href="" />
            <area shape="rect" coords="750,0,10000,250" href="" />
          </map></div>             
        
        <div id="tresc">        
          <div class="esp_column_full"> 
            <div id="gora_opisu"> </div>            
            <div id="opis">                
                  
        
        
              <div style="margin:0 auto;width:980px;padding-left:0px;padding-right:0px;" id="style_i_module">            
            
                <div id="style_i_module" style="padding-left:0px;padding-right:0px;">                 
              
                  <div id="style_i_kontakt" class="" style="float:left;margin-right:13px;">
                    <style type="text/css">
                    <!--
                    #kontakt {width:235px;font-size:15px;color:#fff;}
#kontakt .naglowek {width:235px;height:52px;line-height:52px;font-family:'RobotoSlab-Regular-niestandardowa';text-indent:20px;font-weight:bold;color: #fff;font-size:18px;background: url(http://panel.aleszablony.pl/uploads/templates/593/images/naglowek_kontakt.png) no-repeat;}
#kontakt .tresc {padding:10px;color:#2e2d2d;}
#kontakt .tresc ul {margin-bottom:10px;}
#kontakt .lista_ikona{width: 58px;float: left;height:52px;}
#kontakt .lista_tresc{width: 141px;min-height:50px;float: left;margin-left: 16px;line-height: 20px;font-size:14px;}
#kontakt  #tel_ikona {background: transparent url(http://foto.esprzedaz.com/icos/i8.png) top right no-repeat;}
#kontakt #email_ikona {background: transparent url(http://foto.esprzedaz.com/icos/i2.png) top right no-repeat;}
#kontakt  #zegar_ikona {background: transparent url(http://foto.esprzedaz.com/icos/i20.png) top right no-repeat;}
#kontakt  #walizka_ikona {background: transparent url(http://foto.esprzedaz.com/icos/i12.png) top right no-repeat;}
                    -->
                    </style>
                    <div id="kontakt">
                      <div class="element"><img src="http://imge.pl/aleszablony/users/23542/86122/kontakt.png#27ba9" /></div>
                      <div class="tresc">
                        <ul>
                          <li style="font-weight:bold;font-size:19px;">Masz pytania ?</li>
                          <li style="color:#00000;font-weight:bold;font-size:13px;">chętnie na wszystkie odpowiemy</li>
                          <li style="color:#00000;font-weight:bold;font-size:13px;">Pon - Pt od 8.00 do 16.00</li>
                        </ul>
                        <div id="tel_ikona" class="lista_ikona element grafika"> </div>
                        <div class="lista_tresc"><span style="font-weight: bold;">telefon</span><br />
                          XXX XXX XXX</div>
                        <div class="clear"> </div>
                        <div id="email_ikona" class="lista_ikona element grafika"> </div>
                        <div class="lista_tresc"><span style="font-weight: bold;">email</span><br />
                          [email protected]</div>
                        <div class="clear"> </div>
                        <div id="zegar_ikona" class="lista_ikona element grafika"> </div>
                        <div class="lista_tresc"><span style="font-weight: bold;">godziny otwarcia</span><br />
                          Pon - Pt 8 - 19</div>
                        <div class="clear"> </div>
                        <div class="hr-line"> </div>
                        <div id="walizka_ikona" class="lista_ikona element grafika"> </div>
                        <div class="lista_tresc"><span style="font-weight: bold;">adres</span><br />
                          
                          <p>                            Twoja Firma<br />
                                                        Ul. Przykładowa 12<br />
                                                        41-500 Chorzów<br />
                            </p></div>
                        <div class="clear"> </div></div></div>
                    <!--
                    koniec kontakt
                    -->
                    </div>
                  <div id="style_i_wysylka" class="" style="float:left;margin-right:13px;">
                    <style type="text/css">
                    <!--
                    #wysylka {width:235px;font-size:15px;color:#fff;}
#wysylka .tresc {padding:20px;margin-top:0px;color:#2e2d2d;}
#wysylka .naglowek {width:235px;height:52px;line-height:52px;font-family:'RobotoSlab-Regular-niestandardowa';text-indent:20px;font-weight:bold;color: #fff;font-size:18px;background: url(http://panel.aleszablony.pl/uploads/templates/593/images/naglowek_wysylka.png) no-repeat;}
#wysylka .opis{margin-bottom:9px;}
#wysylka .naglowek-opcje-wysylki {margin-bottom:25px;}
#wysylka .opcje-wysylki {width:200px;height:50px;}
#wysylka .opcje-wysylki.poczta {background: transparent url(http://foto.esprzedaz.com/icos/k10.png) top center no-repeat;}
#wysylka .opcje-wysylki.ups {background: transparent url(http://foto.esprzedaz.com/icos/k8.png) top center no-repeat;}
#wysylka .oplaty {margin-top:12px;margin-bottom:8px;}
                    -->
                    </style>
                    <div id="wysylka">
                      <div class="element"><img src="http://imge.pl/aleszablony/users/23542/86122/wysylka.png#5b6f8" /></div>
                      <div class="tresc">
                        <div class="opis">Przedmioty wysyłamy do 72 h od momentu otrzymania wpłaty</div>
                        <div class="naglowek-opcje-wysylki"><span style="font-weight: bold;">Paczki wysyłamy</span></div>
                        <div class="lista_kurierow">
                          <div class="kurier">
                            <div class="poczta opcje-wysylki element grafika"> </div>
                            <ul class="oplaty">
                              <li>Przelew - 8 zł</li>
                              <li>Pobranie - 12 zł</li>
                            </ul>
                            <div class="kurier">
                              <div class="hr-line"> </div>
                              <div class="ups opcje-wysylki element grafika"> </div>
                              <ul class="oplaty">
                                <li>Przelew - 8 zł</li>
                                <li>Pobranie - 12 zł</li>
                              </ul></div></div></div></div></div>
                    <!--
                    koniec wysylka
                    -->
                    </div>
                  <div id="style_i_regulamin" class="" style="float:left;margin-right:13px;">
                    <style type="text/css">
                    <!--
                    #regulamin {width:235px;font-size:15px;color:#fff;}
#regulamin .tresc {padding:20px;color:#2e2d2d;}
#regulamin .naglowek {width:235px;height:52px;line-height:52px;font-family:'RobotoSlab-Regular-niestandardowa';text-indent:20px;font-weight:bold;color: #fff;font-size:18px;background: url(http://panel.aleszablony.pl/uploads/templates/593/images/naglowek_regulamin.png) no-repeat;}
#regulamin p{margin-bottom:26px;}
                    -->
                    </style>
                    <div id="regulamin">
                      <div class="element"><img src="http://imge.pl/aleszablony/users/23542/86122/regulamin.png#2a27c" /></div>
                      <div class="tresc">
                        <p>Zanim dokonasz zakupu wejdź na stronę o mnie i zapoznaj się z moim regulaminem. Dokonanie zakupu na mojej aukcji jest równoznaczne z akceptacją mojego regulaminu.</p>
                        <p>Możliwość zwrotu lub wymiany towaru do 10 dni (nie dotyczy licytacji).Przesyłka GRATIS od 300zł!</p>
                        <p>Kupując na wielu aukcjach za przesyłkę płacisz tylko raz!</p></div></div>
                    <!--
                    koniec regulamin
                    -->
                    </div>
                  <div id="style_i_platnosci" class="" style="float:left;">
                    <style type="text/css">
                    <!--
                    #platnosci {width:235px;font-size:15px;color:#fff;}
#platnosci .tresc {padding:20px;color:#2e2d2d;}
#platnosci .naglowek {width:235px;height:52px;line-height:50px;font-family:'RobotoSlab-Regular-niestandardowa';text-indent:20px;font-weight:bold;color: #fff;font-size:18px;background: url(http://panel.aleszablony.pl/uploads/templates/593/images/naglowek_platnosci.png) no-repeat;}
#platnosci p{margin-bottom:26px;}
#platnosci .text_1 {font-weight:bold;}
                    -->
                    </style>
                    <div id="platnosci">
                      <div class="element"><img src="http://imge.pl/aleszablony/users/23542/86122/platnosci.png#7e4ef" /></div>
                      <div class="tresc">
                        <p class="text_1">Przyjmujemy płatności</p>
                        <p><img src="http://foto.esprzedaz.com/icos/platnosci_pko_bp.png" /></p>
                        <p>XXXX XXXX XXXX XXXX XXXX XXXX XXXX</p><img src="http://foto.esprzedaz.com/icos/platnosci_pay.png" /></div></div>
                    <!--
                    koniec platnosci
                    -->
                    </div>
                  <div style="clear:both;"> </div>                
            </div>            
        </div>                
            
              <div id="style_i_naglowek_opisu" class=""><img src="http://imge.pl/aleszablony/users/23542/86122/naglowek_opisu.png#bbc6a" /></div>            
              <div class="hr"> </div>            
              <p class="tresc">      Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut sit amet mauris elit. Morbi dignissim 
          vulputate mauris, a tempor risus porttitor lacinia. Quisque et dui tellus, a imperdiet neque.
          Nam condimentum, purus semper fermentum gravida, purus enim venenatis mauris, at 
          ultricies urna lorem nec lacus. Quisque id ligula in elit tempor rhoncus. 
          Curabitur pretium dolor urna, et hendrerit lorem. Praesent et sem felis.
          Quisque non felis felis. Etiam euismod nulla est. 
          Praesent orci purus, porta ut blandit a, tincidunt a magna. 
                                  Etiam commodo bibendum condimentum. 
                                  Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. 
                                  Praesent posuere placerat ipsum, at ultrices neque aliquam fringilla.
            </p>    
          
              <div id="style_i_naglowek_galerii" class=""><img src="http://imge.pl/aleszablony/users/23542/86122/naglowek_galerii.png#343ef" /></div> 
              <p id="galeria"> </p>
              <div style="text-align:center;">      <img src="http://panel.aleszablony.pl/uploads/templates/593/images/image.png" />  </div>            
              <p> </p>            
            </div>        
      
        
            <div id="domkniecie_opisu"> </div> </div>            
          <div class="clear"> </div> 
        
          <div id="style_i_banner_inne_aukcje" style="text-align:center;" class=""><img src="http://imge.pl/aleszablony/users/23542/86122/banner_inne_aukcje.png#90dab" /></div>        </div>       
   </div>   </div>    
    
    
    
    <div style="background: #fff; width: 1000px; margin: auto; padding-bottom: 20px;">
      <!--
      POCZATEK KODU PANEL MINIATUREK
      -->
      
      <div style="width: 982px; ; padding: 10px 0 10px 0; margin: 0 auto;">
        <style>
        <!--
        .sellbst_code_head { line-height: 60px; overflow: hidden; padding-left: 10px; font-size: 22px; text-align: left; } .sellbst_clear { clear: both; float: none; }.sellbst_code_150 { width: 982px;   } .sellbst_code_150 .sellbst_row { width: 150px; float: left; border-radius: 3px; text-decoration: none; float: left; padding: 7px 0;  border: 1px solid #e6e6e6; border-radius: 0px; margin-right: 14px; margin-bottom: 14px;  } .sellbst_code_150 .sellbst_row:hover { z-index: 50; position: relative; background: #ff5a00; -webkit-box-shadow:  0 0 10px #333; -moz-box-shadow:   0 0 10px #333; box-shadow:  0 0 10px #333; }
        -->
        </style>
        <div class="sellbst_code_150"><a href="http://panel.sellboster.pl/redirect.php?id=17671&position=1" class="sellbst_row" style="margin-bottom: 0;border-bottom: 1px solid #e6e6e6; "><img src="http://panel.sellboster.pl/panel_images/17671/0.png" /></a><a href="http://panel.sellboster.pl/redirect.php?id=17671&position=2" class="sellbst_row" style="margin-bottom: 0;border-bottom: 1px solid #e6e6e6; "><img src="http://panel.sellboster.pl/panel_images/17671/1.png" /></a><a href="http://panel.sellboster.pl/redirect.php?id=17671&position=3" class="sellbst_row" style="margin-bottom: 0;border-bottom: 1px solid #e6e6e6; "><img src="http://panel.sellboster.pl/panel_images/17671/2.png" /></a><a href="http://panel.sellboster.pl/redirect.php?id=17671&position=4" class="sellbst_row" style="margin-bottom: 0;border-bottom: 1px solid #e6e6e6; "><img src="http://panel.sellboster.pl/panel_images/17671/3.png" /></a><a href="http://panel.sellboster.pl/redirect.php?id=17671&position=5" class="sellbst_row" style="margin-bottom: 0;border-bottom: 1px solid #e6e6e6; "><img src="http://panel.sellboster.pl/panel_images/17671/4.png" /></a><a href="http://panel.sellboster.pl/redirect.php?id=17671&position=6" class="sellbst_row" style="margin-right: 0;border-right: 1px solid #e6e6e6; margin-bottom: 0;border-bottom: 1px solid #e6e6e6; "><img src="http://panel.sellboster.pl/panel_images/17671/5.png" /></a>
          <div class="sellbst_clear"> </div></div>
        <div style="text-align: center; font-size: 11px; font-weight: bold; padding: 5px;"><a href="http://panel.sellboster.pl/redirect_custom.php" style="color: #000;">© </a>TwojaStrona.pl</div>
        <h6 style="text-align: right; font-size: 11px; font-weight: bold; padding: 5px;">Code: xOstateczny</h6>
        <h6 style="text-align: right; font-size: 11px; font-weight: bold; padding: 5px;"><br />
          </h6></div></div></div> 

Spodobało się? Zostaw Like! To MOTYWUJE!

 

[ToNieChciejGrac]

Ładny ale troche nie w pore

[xOstateczny]

Ładny ale troche nie w pore

Jeszcze tylko 34<ileś> dni do świąt, poczekamy

[Mroczeks]

Po co udostępniłeś kod w temacie skoro można obczaić kod samemu za pomocą ppm->wyświetl źródło strony..

Ogólnie design ładny,zmieniłbym menu a tak to może być.

[NopeDotAvi]

ten kod daj w spoilery ([ spoiler ] kod [ / spoiler ])

layout jak layout, ale jedna rzecz, która mi się w oczy rzuciła, to nic się nie zmienia gdy najadę na "Moje aukcje" i inne hiperlinki(nawet kolor).

[xOstateczny]

ten kod daj w spoilery ([ spoiler ] kod [ / spoiler ])

layout jak layout, ale jedna rzecz, która mi się w oczy rzuciła, to nic się nie zmienia gdy najadę na "Moje aukcje" i inne hiperlinki(nawet kolor).

kolor się nie zmieni. Linki masz w kodzie kod jest w spoilerze

 

// Aktualizacja graficzna!

­

[Burned123]

Lay może i ok, trochę nierówny w niektórych miejscach (chyba, że tak ma być) ale ten kod to porażka.

[xOstateczny]

Lay może i ok, trochę nierówny w niektórych miejscach (chyba, że tak ma być) ale ten kod to porażka.

W jakim sensie "TEN KOD TO PORAŻKA" ?

­

[Tiestooo]

@xOstateczny

 

Popraw grafikę w temacie.

24h.

[xOstateczny]

@Tiestooo

Poprawione, dzięki za info

[Vertoi]

W jakim sensie "TEN KOD TO PORAŻKA" ?

­

gdzie body? gdzie head? gdzie <html>? gdzie doctype? charset? osobno css może? dlatego ten kod to porazka

[Burned123]

gdzie body? gdzie head? gdzie <html>? gdzie doctype? charset? osobno css może? dlatego ten kod to porazka

 

Dokładnie. Nawet jakby był to najlepszy layout w sieci to ze względu na kod nie kupiłbym go bo po prostu panuje totalny bałagan. I weź tu go edytuj jak chcesz coś zmienic..

­

[carbonx]

Archiwum. 

Powód: Strona jest nieaktywna.

Jeżeli zdecydujesz się na powrót do projektu, użyj opcji raportu aby poinformować o potrzebie przywrócenia tematu.