Autor Zpráva
DiveFree
Profil *
#1 · Zasláno: 24. 8. 2011, 20:30:57 · Upravil/a: Moderátor (editace znemožněna)
Odpovědět Citovat
Dobrý den, snažím se udělat web o potápění, dělám to v systému blogger. Mám starou šablonu, kterou si postupně předělávám. Narazil jsem na 3 hlavní problémy, které mi stále nejdou vyřešit - nevím jak vycentrovat pozadí resp. prostřední část mi nejde roztáhnout do okrajů a celá stránka je posunutá doleva. 2. banner je také posunutý doleva a neumím ho vycentrovat mezi ty šedivé okrajové části. A 3. problém spodní lišta mi nejde umístit za popisek jak je tam potápění / cestování / zábava | DIVEFREE.ORG 2011 a je tam mezera, místo toho, aby ta stránka dosedla až k okraji, tak jako je tomu u horního okraje, který sedí dobře a je přilehlý přímo k oknu.
Můžete mi prosím někdo poradit jak na to? Předem děkuji za veškeré odpovědi...

Přikládám obsah šablony 


<?xml version="1.0" encoding="UTF-8" ?>
<!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' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
  <head>
    <b:include data='blog' name='all-head-content'/>
    <title><data:blog.pageTitle/></title>
    <b:skin><![CDATA[/*
-----------------------------------------------
*/
#navbar-iframe {
  height: 0px;  
  visibility: hidden;   
  display: none;
  }
body {
  background:#000000;
  margin:0;
  padding:0;
  font:80% font-family: 'Tahoma CE', Tahoma, sans-serif;
  text-align: center;
  color:#ffffff;
  }
a:link {
  color:#c0c0c0;
  text-decoration:none;
  }
a:visited {
  color:#999999;
  text-decoration:none;
  }
a:hover {
  color:#cccccc;
  text-decoration:none;
}
#main .post-body a {
  color:#ffffff;
  text-decoration:none;
  }
#main .post-body a:hover {
  color:#999999;
  }
a img {
  border-width:0;
  }
       
/* Header
-----------------------------------------------*/

#header-wrapper {
  background: url("http://1.bp.blogspot.com/-zw5r3kuiZ-4/TlU-dMLsTJI/AAAAAAAABGQ/bxgAzDEL7Bo/s1600/banpotap.gif") no-repeat;
  width:980px;
  height:333px;
  margin:0;
  padding:0;
  text-align:right;
  }
#header {
  margin:0;
  padding:0;
  }
#header h1 {
  margin:0;
  padding:180px 70px 0 400px;
  font-size: 30px;
  font-weight:bold;
  font-style:normal;
  color:#999999;
}

#header a:link, #header a:visited {
  color:#999999;
  text-decoration:none;
  }

#header a:hover {
  color:#999999;
  text-decoration:none;
  }

.descriptionwrapper p {
  margin:0;
  padding:0 50px 0 400px;
  font-style: normal;
  font-size:18px;
  font-weight:bold;
  color: #999999;
 }

/* Outer-Wrapper
----------------------------------------------- */
#outer-wrapper {
  background:url("http://3.bp.blogspot.com/-FhPMYcBRdyU/TlQ92thz_0I/AAAAAAAABFw/oKdZpN_aKCA/s1600/back.gif");
  background-repeat: repeat-y;
  width: 980px;
  margin:0 auto;
  padding:0;
  text-align:left;
  }
#main-wrapper {
  width: 475px;
  float: left;
  margin:0px 0 0 10px;
  padding-left:8px; 
  word-wrap: break-word;
  overflow: hidden;  
  }

#sidewrapper-left {
  width:200px;
  float:left;
  margin:0px 0 0 0;
  padding:0px 15px 20px 20px;
  word-wrap: break-word;
  overflow: hidden; 
  }
#sidewrapper-right {
  width:200px;
  margin:0px;
  padding:0px 18px 20px 0px;
  float:right;
  word-wrap: break-word; 
  overflow: hidden;
  }
.clear {
  height:0px;
  margin:0;
  padding:0;
  clear:both;
  }
/* Headings
----------------------------------------------- */

#sidewrapper-left h2, #sidewrapper-right h2 {
  background: #0066ff;
  margin:.6em 0 0;
  padding:0 0 10px 5px;
  font-size:110%;
  font-weight:bold;
  line-height: 1.4em;
  letter-spacing:.1em;
  color:#ffffff;
  }
/* Posts
-----------------------------------------------*/
h2.date-header {
  margin:.5em 0 0;
  padding:0;
  font-size:85%;
  text-align:center;
  color:#e52e04;
  }
.post {
  margin:.5em 0 1em;
  padding-bottom:1em;
  }
.post h3 {
  margin:.5em 0;
  padding:0 0 0;
  font-size:115%;
  font-weight:bold;
  text-align:center;
  line-height:1.3em;
  color:#ffffff;
}
.post h3 a, .post h3 a:visited, .post h3 strong {
  font-size:115%;
  text-decoration:none;
  color:#999999;
  font-weight:bold;
}

.post h3 strong, .post h3 a:hover {
  color:#c0c0c0;
  text-decoration:none;
}
.post {
  margin:0 0 .75em;
  line-height:1.2em;
}
.post-body, .post-body p {
  margin:0;
  padding:0;
  line-height:1.3em;
  }
.post-footer {
  margin: .75em 0 0px;
  color:#ff0000;
  letter-spacing:.1em;
  font-size:70%;
  line-height: 1.4em;
   }
.comment-link {
  margin-left:.6em;
  }
.post-body img {
  margin:5px;
  padding:1px;
  border:1px solid #c0c0c0;
  }
.post blockquote {
  margin:1em 12px;
  padding-left:15px;
  border-left:3px solid #c0c0c0;
  }
/* Comments
----------------------------------------------- */
#comments h4 {
  margin:1em 0;
  font-size:14px;
  font-weight: bold;
  line-height: 1.4em;
  text-transform:uppercase;
  letter-spacing:.2em;
  color:#c0c0c0;
  }
#comments-block {
  margin:1em 0 1.5em;
  line-height:1.6em;
  }
#comments-block .comment-author {
  margin:.5em 0;
  }
#comments-block .comment-body {
  margin:.25em 0 0;
  }
#comments-block .comment-footer {
  margin:-.25em 0 2em;
  line-height: 1.4em;
  text-transform:uppercase;
  letter-spacing:.1em;
  }
#comments-block .comment-body p {
  margin:0 0 .75em;
  }
.deleted-comment {
  font-style:italic;
  color:gray;
  }

#blog-pager-newer-link {
  float: left;
 }
 
#blog-pager-older-link {
  float: right;
 }

#blog-pager { 
  text-align: center;
 }

.feed-links {
  clear: both;
  line-height: 2.5em;
}

/* Sidebar Content
----------------------------------------------- */
#sidewrapper-left, #sidewrapper-right  { 
  line-height: 1.2em;
 }
#sidewrapper-left p, #sidewrapper-right p { 
  margin:0;
  padding:5px 0 0 8px;
 }

#sidewrapper-left ul, #sidewrapper-right ul {
  list-style:none;
  margin:0 0 0;
  padding:0 0 8px;
}
#sidewrapper-left li, #sidewrapper-right li {
  margin:0;
  padding:0 0 .25em 8px;
  line-height:1.2em;
  }

#sidewrapper-left .widget, #sidewrapper-right  .widget, .main .widget { 
  margin:0;
  padding:0;
 }
.sidebar section {
  margin:0;
  padding:0;
  }
.main .Blog { 
  border-bottom-width: 0;
}
#ArchiveList {
  padding-left:10px;
  }
/* Profile 
----------------------------------------------- */
.profile-img { 
  float: left;
  margin: 0 5px 5px 0;
  padding: 1px;
  border: 1px solid #c0c0c0;
}

.profile-data {
  margin:0;
  letter-spacing:.1em;
  font-size:90%;
  font-weight: bold;
  line-height: 1.4em;
}

.profile-datablock { 
  margin:.5em 0 .5em .5em;
}

.profile-textblock { 
  margin: 0.5em;
  line-height: 1.6em;
}

.profile-link { 
  font-size:90%;
  letter-spacing: .1em;
  margin: 0 0 1em .5em;
}

/* Footer
----------------------------------------------- */
#footer-wrapper {
  background:url("http://4.bp.blogspot.com/-0SOSFWhGpIU/TlQ94HlbaOI/AAAAAAAABF4/U_-IPEA41ic/s1600/spodek.gif") no-repeat;
  width:980px;
  height:33px;
  clear:both;
  margin:0 auto;
  padding:0;
  }
#lower-footer {
  width:980px;
  margin:0 auto;
  padding:0;
  clear:both;
  line-height: 1.2em;
  letter-spacing:.1em;
  text-align: center;
  font-weight: bold;
  color:#AAA;
  font-family: 'Tahoma CE', Tahoma, sans-serif;
  }
.credits {
  margin:0;
  padding-left:270px;
  font-size:70%;
  }
/** Page structure tweaks for layout editor wireframe */
body#layout #header, body#layout #outer-wrapper, body#layout #footer {
  width:980px; 
  margin-left: 0px;
  margin-right: 0px;
}
body#layout #main-wrapper {
  width:300px;
  }
]]></b:skin>
  </head><link href='http://2.bp.blogspot.com/_yurk0fm-CLc/TQzPJ6GXIcI/AAAAAAAAA7s/9uMLwrUGzKQ/s1600/favicon.ico' rel='shortcut icon'/>
<link href='http://2.bp.blogspot.com/_yurk0fm-CLc/TQzPJ6GXIcI/AAAAAAAAA7s/9uMLwrUGzKQ/s1600/favicon.ico' rel='icon'/>

  <body>
  <div id='outer-wrapper' style='margin-top:0px;'><div id='wrap2'>

    <!-- skip links for text browsers -->
    <span id='skiplinks' style='display:none;'>
      <a href='#main'>skip to main </a> |
      <a href='#sidebar'>skip to sidebar</a>
    </span>

    <div id='header-wrapper'>  
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'/>
 
    </div><!-- end header-wrapper -->




<div id='sidewrapper-left'>
<b:section class='sidebar-left' id='sidebar-left' preferred='yes'>
<b:widget id='LinkList1' locked='false' title='Píše se jinde...' type='LinkList'/>
<b:widget id='Feed1' locked='false' title='Recent Posts' type='Feed'/>
<b:widget id='AdSense1' locked='false' title='' type='AdSense'/>
<b:widget id='HTML8' locked='false' title='' type='HTML'/>
<b:widget id='HTML12' locked='false' title='' type='HTML'/>
<b:widget id='HTML18' locked='false' title='
panther
Profil
#2 · Zasláno: 24. 8. 2011, 20:34:02 · Upravil/a: panther
Odpovědět Citovat
DiveFree:
„Přikládám obsah šablony“
jestli chceš pomoci, dodej odkaz na web místo tuny kódu (který se stejně nevložil celý). Tím se nikdo prohrabovat nebude. A ty si tím jen zvýšíš šanci, že se ti někdo bude věnovat. Mě osobně ten kód a nějaké 3 obrázky odradil.
DiveFree
Profil *
#3 · Zasláno: 24. 8. 2011, 20:36:28
Odpovědět Citovat
panther, panther:
omlovám se, zapomněl jsem ho do té sněti přidat - odkaz na dané stránky http://sablona2.blogspot.com/
panther
Profil
#4 · Zasláno: 24. 8. 2011, 20:50:41
Odpovědět Citovat
DiveFree:
„prostřední část mi nejde roztáhnout do okrajů“
pozadí má 900px na šířku, stránka 980px.

„banner je také posunutý doleva a neumím ho vycentrovat mezi ty šedivé okrajové části.“
pokud to není jen dekorace, ale skutečně „banner“, patří do img, nikoliv na pozadí. Pokud to chceš na pozadí, vycentrovaný je (máš tam background-position: center), ale vycenrovaně to nevypadá díky bodu 1.

„spodní lišta mi nejde umístit za popisek“
prohoď #lower-footer a #footer-wrapper, případně to sluč do jednoho elementu.


Nevím, jaký používáš prohlížeč, ale ve FF (a asi i jinde) to máš celé nějaké rozházené.
DiveFree
Profil *
#5 · Zasláno: 24. 8. 2011, 21:02:43
Odpovědět Citovat
panther:
Používám chrom a operu, no je to rozházené ve všech prohlížečích, to je ten problém a prostě mi to nejde srovnat :/ ten budoucí odkaz poslední video, to srovnám, to problém není, ale ty ostatní věci mi už haprují...
panther
Profil
#6 · Zasláno: 24. 8. 2011, 21:14:24
Odpovědět Citovat
DiveFree:
aniž by kdokoliv věděl, jak to má vypadat, ti nikdo nepomůže.

Asi to nebudeš chtít slyšet, ale nejjednodušší by bylo to celé smazat a začít znovu. Tenhle pokus se ti moc nepodařil.
DiveFree
Profil *
#7 · Zasláno: 24. 8. 2011, 22:16:35
Odpovědět Citovat
To už jsem zkoušel, ale pokaždé to dopadlo stejně rozhozeně, vypadat by to mělo takhle + samozřejmě si tam dodělám menu atd, ale to není problém. Kámen úrazu je pouze v tomto základu...
DiveFree
Profil *
#8 · Zasláno: 24. 8. 2011, 22:39:25
Odpovědět Citovat
panther:
To už jsem zkoušel, ale pokaždé to dopadlo stejně rozhozeně, vypadat by to mělo takhle + samozřejmě si tam dodělám menu atd, ale to není problém. Kámen úrazu je pouze v tomto základu...
panther
Profil
#9 · Zasláno: 24. 8. 2011, 22:50:22
Odpovědět Citovat
DiveFree:
typický dvousloupcový layout.
DiveFree
Profil *
#10 · Zasláno: 24. 8. 2011, 23:24:29
Odpovědět Citovat
panther:
No přesně a když člověk pravým myšítkem klikne na banner, tak aby mu nešel uložit a tak. Takže to teda v tom případě ten banner není vloženej jako obrázek, ale jako pozadí, jestli to chápu dobře... Ale jak toho docílit? Aby to nebylo takhle rozházené, ten text do té patičky se mi podařilo dostat, akorát si ta stránka nesedla na okraje prohlížeče a je tam stále mezera. Ale když jsem ten obrázek zkoušel vložit pomocí těch parametrů src atd, tak se mi nezobrazil...
panther
Profil
#11 · Zasláno: 24. 8. 2011, 23:32:07 · Upravil/a: panther
Odpovědět Citovat
DiveFree:
„když člověk pravým myšítkem klikne na banner, tak aby mu nešel uložit“
proč? Když kliknu ve FF, tak nedám „Uložit obrázek jako“, ale „Zobrazit obrázek na pozadí“ a následně Uložit. Nebo v „informacích o stránce“ či firebugu si daný obrázek na pozadí dohledám.

Předělej celý ten tvůj pokud dle odkazu v [#9], je to přesně to, co potřebuješ. A nějaké rádoby blokování pravé myši apod. raději zapomeň, stejně se ti to nepovede. Vše, co se zobrazí, si prohlížeč již stáhl a uživatel s tím může volně nakládat.
Banner
Profil *
#12 · Zasláno: 25. 8. 2011, 01:22:17
Odpovědět Citovat
panther:
To bych rád, ale je to na mě prozatím moc složité, jsem úplný analfabet v tomto ohledu, proto to dělám formou přetváření šablony. Takže tento návod mi nijak moc nepomůže k tomu, abych to udělal znova dle tohoto návodu.
Časová prodleva: 13 let

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm:

0