Uprava Templatu Andreas01

V tejto téme sa nachádzajú šablóny (templaty, vzhľady) pre Etomite.

Moderátor: Moderators

Používateľov profilový obrázok
Marek Adamec
Medium Star
Medium Star
Príspevky: 246
Dátum registrácie: Pi Dec 28, 2007 7:58 pm
Bydlisko: Dubnica nad Váhom
Kontaktovať používateľa:

Uprava Templatu Andreas01

Príspevok 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>
Používateľov profilový obrázok
_rasel^
ETOMITE Admin
ETOMITE Admin
Príspevky: 1122
Dátum registrácie: Ut Sep 20, 2005 1:03 am
Bydlisko: Košice (SR)
Kontaktovať používateľa:

Re: Uprava Templatu Andreas01

Príspevok 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
..:: Etomite CMS → Rulezzz !.!.!. ::..
Používateľov profilový obrázok
Marek Adamec
Medium Star
Medium Star
Príspevky: 246
Dátum registrácie: Pi Dec 28, 2007 7:58 pm
Bydlisko: Dubnica nad Váhom
Kontaktovať používateľa:

Re: Uprava Templatu Andreas01

Príspevok 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.
Používateľov profilový obrázok
_rasel^
ETOMITE Admin
ETOMITE Admin
Príspevky: 1122
Dátum registrácie: Ut Sep 20, 2005 1:03 am
Bydlisko: Košice (SR)
Kontaktovať používateľa:

Re: Uprava Templatu Andreas01

Príspevok 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š.
..:: Etomite CMS → Rulezzz !.!.!. ::..
Používateľov profilový obrázok
Marek Adamec
Medium Star
Medium Star
Príspevky: 246
Dátum registrácie: Pi Dec 28, 2007 7:58 pm
Bydlisko: Dubnica nad Váhom
Kontaktovať používateľa:

Re: Uprava Templatu Andreas01

Príspevok od používateľa Marek Adamec »

v com otvaras CSS subor lebo mne to v PsPade da vsetko do jedneho riadku...:(
Používateľov profilový obrázok
Marek Adamec
Medium Star
Medium Star
Príspevky: 246
Dátum registrácie: Pi Dec 28, 2007 7:58 pm
Bydlisko: Dubnica nad Váhom
Kontaktovať používateľa:

Re: Uprava Templatu Andreas01

Príspevok 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...
Používateľov profilový obrázok
_rasel^
ETOMITE Admin
ETOMITE Admin
Príspevky: 1122
Dátum registrácie: Ut Sep 20, 2005 1:03 am
Bydlisko: Košice (SR)
Kontaktovať používateľa:

Re: Uprava Templatu Andreas01

Príspevok 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ť.
..:: Etomite CMS → Rulezzz !.!.!. ::..
Používateľov profilový obrázok
Marek Adamec
Medium Star
Medium Star
Príspevky: 246
Dátum registrácie: Pi Dec 28, 2007 7:58 pm
Bydlisko: Dubnica nad Váhom
Kontaktovať používateľa:

Re: Uprava Templatu Andreas01

Príspevok 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
Používateľov profilový obrázok
_rasel^
ETOMITE Admin
ETOMITE Admin
Príspevky: 1122
Dátum registrácie: Ut Sep 20, 2005 1:03 am
Bydlisko: Košice (SR)
Kontaktovať používateľa:

Re: Uprava Templatu Andreas01

Príspevok 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.
..:: Etomite CMS → Rulezzz !.!.!. ::..
Napísať odpoveď