Strana 1 z 1

Uprava Templatu Andreas01

Napísané: Po Aug 04, 2008 10:53 am
od používateľa Marek Adamec
uz dlhsiu dobu sa snazim upravit templat andreas01 tak aby som mohol umiestnit google reklamu na pravom hornom rohu ale vobec sa mi to nedari, stale mi to blbne a narusa spravnost zobrazovania stranky.... moja predstava je asi takato: http://www.navrchol.sk/chybamysql/templatereklama.jpg

Takto vypada moj templat po mojich upravach:

Kód: Vybrať všetko

<!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="en" lang="en">
<head>
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
<link rel="icon" href="favicon.ico" type="image/x-icon" />
<link rel="alternate" type="application/atom+xml" title="Meta Atom Feed" href="http://www.navrchol.sk/index.php?id=411" />

<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="templates/andreas/01/andreas01.css" media="screen" title="andreas/01 (screen)" />
<title>[(site_name)] :: [*pagetitle*] :: Nechaj sa in&#353;pirova&#357; a zme&#328; svoj &#382;ivotný &#353;týl! :: </title>
</head>
<body>
<div id="wrap">



<p align="center">
<a title="Pustohlav 2008 v Zliechove" target="_blank" href="http://www.pustohlav.sk/">
<img border="0" src="http://www.navrchol.sk/akcie/pustohlav2008.jpg"  width="745" height="70">


<p align="center">
<img border="0" src="http://www.navrchol.sk/obrazky/logonavrchol.PNG" alt="nechaj sa inšpirova&#357; " width="759" height="120">









<div id="avmenu">
<h2 class="hide">Menu:</h2>
<ul>
[[ListMenu?LM_node=0]]




<img border="0" src="http://www.navrchol.sk/uvod/partneri1.jpg" width="150" height="20">
{{reklama}}







</ul>
</div>

<div id="content">
<h2>[*longtitle*]</h2>
[*content*]
</div>

<div id="footer">


{{indexdole}}

</div>



<!--webbot bot="HTMLMarkup" endspan --></b></font></td>
  </tr>
</table>

</body>

</div>
</body>
</html>

Re: Uprava Templatu Andreas01

Napísané: Po Aug 04, 2008 12:05 pm
od používateľa _rasel^
Je v podstate jedno, kde sa bude fyzicky kód reklamy v šablóne nachádzať. Dá sa to urobiť len tak, že polohu reklamy budeš napevno definovať v CSS. Upravovaním kódu šablóny by sa to iba zbytočne domrvilo a bolo by to časovo náročné - urobiť z dvoj stĺpcového layoutu troj stĺpcový len kvôli reklame.

http://www.jakpsatweb.cz/css/css-pozicovani.html

Re: Uprava Templatu Andreas01

Napísané: Po Aug 04, 2008 6:15 pm
od používateľa Marek Adamec
no jasne chapem, len to bude asi na dlhsie sa stym porat, lebo do CSS som sa este nepokusal nikdy sparat.

Re: Uprava Templatu Andreas01

Napísané: Po Aug 04, 2008 11:26 pm
od používateľa _rasel^
Treba trocha experimentovať, nemám momentálne čas to otestovať, ale malo by to vyzerať približne takto:
  • Pod snippet [*content*] vlož kód tvojej reklamy a kód uzatvor do tágov div:

    Kód: Vybrať všetko

    <div id="reklama">--- tvoj kód reklamy ---</div>
  • Do CSS šablóny pridaj:

    Kód: Vybrať všetko

    #reklama {position: absolute; top: 15px; left: 700px;}
    Pričom s číslom 700px a 15px treba trocha experimentovať, aby si dostal reklamu do pozície v ktorej ju chceš.

Re: Uprava Templatu Andreas01

Napísané: Ut Aug 05, 2008 11:25 am
od používateľa Marek Adamec
v com otvaras CSS subor lebo mne to v PsPade da vsetko do jedneho riadku...:(

Re: Uprava Templatu Andreas01

Napísané: Ut Aug 05, 2008 7:48 pm
od používateľa Marek Adamec
uz sa mi to podarilo spravit..:) len som to musel trochu upravit na:

Kód: Vybrať všetko

#reklama {position: absolute; top: 15px; left: 1030px;}
teraz som to kontroloval ako to zobrazuje v prehliadacoch...:
- IE 7 OK
- Opera 9.23 OK
- FireFox 2.0.0.14 Zle zobrazuje sa mi to naspodu podstranky...

Re: Uprava Templatu Andreas01

Napísané: Ut Aug 05, 2008 10:52 pm
od používateľa _rasel^
Napr. v Mozilla Firefox 3.0.1 mi to funguje. Treba to vyskúšať na rôznych rozlíšeniach, prípadne div s reklamou umiestniť na iné miesto ako sa to bude chovať.

Re: Uprava Templatu Andreas01

Napísané: St Aug 06, 2008 8:54 am
od používateľa Marek Adamec
teraz som skusal stranku minimalizovat na ked to mam na rozlisenie co najmensie na monitor ´14´ tak mi to ujde cele mimo toho okraju...:( budes a to musiet este prepracovat.

uz som to vyriesil zatial takto:

v template som to dal za:

Kód: Vybrať všetko

<div id="wrap"> 
a v CSS som upravil kodovanie na:

Kód: Vybrať všetko

body { 
   margin: 0 auto; 
   padding: 0; 
   font: 76% Verdana, Tahoma, Arial, sans-serif; 
   background: #f4f4f4 url(images/bg.gif) top center repeat-y; 
} 
#reklama { 
   position: absolute; 
   top: 15px; 
   left: 780px; 
} 
#wrap { 
   position: relative; 
  background: #ffffff; 
   color: #303030; 
   margin: 0 auto; 
   width: 760px; 
}
.
.
dalej kodovanie....
a teraz je zobrazovanie:

- Opera zobrazovanie OK, pri zmensovani browseru OK
- FireFox zobrazovanie OK, pri zmensovani browseru OK
- IE7 zobrazovanie OK, pri zmensovani browseru ZLE

Re: Uprava Templatu Andreas01

Napísané: St Aug 06, 2008 11:10 pm
od používateľa _rasel^
Priznám sa, že sa mi to prerábať nechce :), teraz je to iba o hraní... ak nájdeš správnu kombináciu parametrov a miesta, kde hodiť kód, tak ti to pôjde. Dokonca sa mi to dobre zorazuje aj na rozlíšení 1440x900px (Mozilla Firefox 3.0.1) a predtým to nebolo celkom ideálne. Vyzerá to pekne.