V tejto téme sa nachádzajú šablóny (templaty, vzhľady) pre Etomite.
Moderátor: Moderators
Marek Adamec
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:
Príspevok
od používateľa Marek Adamec » Po Aug 04, 2008 10:53 am
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špirovať a zmeň svoj životný š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ť " 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>
_rasel^
ETOMITE Admin
Príspevky: 1122 Dátum registrácie: Ut Sep 20, 2005 1:03 am
Bydlisko: Košice (SR)
Kontaktovať používateľa:
Príspevok
od používateľa _rasel^ » Po Aug 04, 2008 12:05 pm
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
Marek Adamec
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:
Príspevok
od používateľa Marek Adamec » Po Aug 04, 2008 6:15 pm
no jasne chapem, len to bude asi na dlhsie sa stym porat, lebo do CSS som sa este nepokusal nikdy sparat.
_rasel^
ETOMITE Admin
Príspevky: 1122 Dátum registrácie: Ut Sep 20, 2005 1:03 am
Bydlisko: Košice (SR)
Kontaktovať používateľa:
Príspevok
od používateľa _rasel^ » Po Aug 04, 2008 11:26 pm
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š.
Marek Adamec
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:
Príspevok
od používateľa Marek Adamec » Ut Aug 05, 2008 11:25 am
v com otvaras CSS subor lebo mne to v PsPade da vsetko do jedneho riadku...
Marek Adamec
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:
Príspevok
od používateľa Marek Adamec » Ut Aug 05, 2008 7:48 pm
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...
_rasel^
ETOMITE Admin
Príspevky: 1122 Dátum registrácie: Ut Sep 20, 2005 1:03 am
Bydlisko: Košice (SR)
Kontaktovať používateľa:
Príspevok
od používateľa _rasel^ » Ut Aug 05, 2008 10:52 pm
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ť.
Marek Adamec
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:
Príspevok
od používateľa Marek Adamec » St Aug 06, 2008 8:54 am
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:
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
_rasel^
ETOMITE Admin
Príspevky: 1122 Dátum registrácie: Ut Sep 20, 2005 1:03 am
Bydlisko: Košice (SR)
Kontaktovať používateľa:
Príspevok
od používateľa _rasel^ » St Aug 06, 2008 11:10 pm
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.