može li mi netko reći kako se mijenja veličina te pozicije header-r ?
ili da pojednostavim; orginalni baner je malen, a želio bih napraviti baner koji ide do loga na lijevu stranu (mnogi koriste veličinu tog bannera 728*90), pa ako postavim veći banner on izleti van dimenzija templatea na desnu stranu.
ps. i ne mogu pristupiti njihovom forumu - paid&english
orginalni baner je veličine 468*60 pa me zanima kako postaviti 728*90.
u template.css stoji ovako: /* HEADER
--------------------------------------------------------- */
#ja-header { }
#ja-header .main { height: 115px; padding: 0; }
h1.logo, div.logo-text h1 { font-size: 40px; line-height: 1; }
/* Logo Image ---*/
h1.logo { height: 57px; margin-top: 40px; width: 222px; }
h1.logo a {
background: url(../images/logo.png) no-repeat left top;
display: block;
height: 57px;
width: 222px;
}
h1.logo a:hover, h1.logo a:focus { background-position: left bottom; }
/* Logo Text ---*/
div.logo-text { margin-top: 40px; }
div.logo-text h1 { letter-spacing: 2px; margin-left: 2px; }
div.logo-text h1 a { color: #000; text-decoration: none; }
p.site-slogan {
background-image: url(../images/stripe-bg.png);
color: #999;
display: block;
font-family: Arial, sans-serif;
font-size: 85%;
line-height: 1;
margin: 3px 0 0;
padding: 0;
text-align: center;
text-transform: uppercase;
}
p.site-slogan span { background: #fff; display: inline-block; padding: 0 5px; }
/* Header Right ---*/
.ja-header-r { padding: 0; position: absolute; right: 0; top: 40px; width: 500px; }
no tu se jedino mijenja na početnoj stranici nešto, dok je na ostalima smaknut udesno van okvira stranice.
ima li tko kakvo rješenje?
neki demo link ?
evo verzije za joomlu 2.5
http://www.joomlart.com/demo/#joomla25-templates.joomlart.com/ja_teline_iv (http://www.joomlart.com/demo/#joomla25-templates.joomlart.com/ja_teline_iv)
a želio bih nešto ovako kao na osijek-online.com - dakle gornji baner (s tim što je njihova stranica i template za joomlu 1.5)
instalirao sam preko quickstarta sve kompletno, a kako sam naveo, preko filea template .css mogu podesiti jedino da to na početnoj izgleda ok, /* Header Right ---*/
.ja-header-r { padding-top: 30px; float: right; width: 728px; }
poput ovoga, a postoji još brdo opcija, no na svim ostalim stranicama događa se pomakdolje desno i baner izleti izvan okvira stranice
(http://img593.imageshack.us/img593/1796/baner123.jpg)
Prvo, imaš ovdje postavljen width elementa u kojem je banner pa ga treba ili izbrisati ili postaviti na 728px (ili koliko su već široki banneri)...
#ja-header .main {
padding: 0;
position: absolute;
right: 0;
top: 40px;
width: 500px;
}
Sljedeće, container ovog bloka ti ima postavljenu visinu, pa i nju treba prilagoditi.... Riješi prvo ovo pa ako nebude išlo, uploadaj na nekakav demo sajt pa ćemo riješiti zajedno...
#ja-header .main {
height: 115px;
padding: 0;
}
ma ovaj dio nije problem. to sam riješio. problem je što kad to postavim - sve je odlično samo na početnoj stranici, a na ostalima je opet smaknuto
i čekamo pomoć i dalje
Mislim da se na ostalim stranicama ne mijenja jer taj predložak ima drugačije boje. Primjerice, za svaku kategoriju mijenja se logo (rollover effekt) s obzirom na boju pa je potrebno u svakom css-u od boja promijeniti postavke kao na početnoj.
ma jok. sad sam gledao te sheme i nije tamo, ni traga ni glasa
S obzirom da koristiš JA (JoomlaArt) template, onda koristiš i JA T3 framework - u protivnom nebi radio template, pa provjeri u template da nema slučajno Page override-ove.... Svaki JA T3 framework-ov Template ima xml layout-a koji se može uređivati u postavkama predloška. Taj xml određuje layout stranice, a također se i određenom meni linku / kopmonenti može dodijeliti određeni (xml) layout. Ako si instalirao QuickStart - možda je do toga.....
da, išlo je preko quickstarta komplet
mislš na ovo?
<?xml version="1.0" encoding="utf-8"?>
<layout name="desktop">
<!--Extra css load for this layout-->
<stylesheets>
</stylesheets>
<blocks name="top" style="xhtml">
<block name="absolute" type="modules" style="raw">absolute</block>
<block name="header" type="header"></block>
<block name="topmegamenu" type="topmega"></block>
<block name="mainnav" type="mainnav"></block>
<block name="topbar" type="topbar"></block>
<block name="cpanel" type="usertools/cpanel"></block>
<block name="slideshow" type="modules" style="raw">slideshow</block>
<block name="topsl1" type="spotlight" special="left" specialwidth="66">sl1-l,sl1-r</block>
<block name="topsl2" type="spotlight">user1,user2,user3,user4,user5</block>
</blocks>
<blocks name="middle" main-inner="1" colwidth="17">
<block name="content-top" style="raw">content-top</block>
<block name="content-bottom" style="raw">content-bot</block>
<block name="content-mass-top" style="raw" type="tabs">ja-news-1,ja-news-2,ja-news-3</block>
<block name="content-mass-bottom">content-mass-bot</block>
<block name="right-mass-top">col-mass-top</block>
<block name="right-mass-bottom">col-mass-bot</block>
<block name="inset1">left</block>
<block name="right1">right1</block>
<block name="right2">right2</block>
</blocks>
<blocks name="bottom" style="xhtml">
<block name="botsl1" type="spotlight">user6,user7,user8,user9,user10</block>
<block name="botsl2" type="spotlight" special="left" specialwidth="66">user11,user12</block>
<block name="footer" type="footer" main-inner="1"></block>
</blocks>
</layout>
ali mi nigdje ne pokazuje tu poziciju
Ne... Dakle odeš na Extensions -> Template manager -> klikneš na svoj template -> s lijeve strane imaš "Language & Page Assignments " - to su "Page override-ovi" gdje bi trebala biti samo jedna stavka u kojoj bi trebalo pisati "All" i "Default". Ako piše bilo što drugačije, pobrišeš sve ostale stavke, ostaviš smo prvu i nju promijeniš u ove postavke (ako već nije).
Odlično. riješeno
Svi overrideovi obrisani
a template css postavljen na slijedeći način
.ja-header-r { padding: 0; position: absolute; right: 0; top: 26px; width: 728px; }
s tim da može ići i na 730 px :)
evo novi problem.
sve valja samo na mozilli
IE, opera i chrome - opet problemi
E sad znaš zašto ja svoje predloške radim od početka :)