ja teline IV - header-r pozicija

[kumbaya]

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

[kumbaya]

orginalni baner je veličine 468*60 pa me zanima kako postaviti 728*90.

u template.css stoji ovako:

Kod [Odaberi] Expand

/* 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?

[Dario]

neki demo link ?

[kumbaya]

evo verzije za joomlu 2.5

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,

Kod [Odaberi] Expand

/* 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

[Dario]

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)...

Kod [Odaberi] Expand


#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...

Kod [Odaberi] Expand


#ja-header .main {
    height: 115px;
    padding: 0;
}


[kumbaya]

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

[kumbaya]

i čekamo pomoć i dalje

[Tom555]

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.

[kumbaya]

ma jok. sad sam gledao te sheme i nije tamo, ni traga ni glasa

[Dario]

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.....

[kumbaya]

da, išlo je preko quickstarta komplet

[kumbaya]

mislš na ovo?

Kod [Odaberi] Expand

<?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

[Dario]

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).

[kumbaya]

Odlično. riješeno

Svi overrideovi obrisani

a template css postavljen na slijedeći način

Kod [Odaberi] Expand

.ja-header-r { padding: 0; position: absolute; right: 0; top: 26px; width: 728px; }
s tim da može ići i na 730 px :)

[kumbaya]

evo novi problem.


sve valja samo na mozilli

IE, opera i chrome - opet problemi

[Dario]

E sad znaš zašto ja svoje predloške radim od početka :)