Joomla problemi na 2 templatea

[PrPrO]

Prvo da vas sve pozdravim, pošto sam nov :D
Dakle.. Imam par pitanja u vezi dva templatea(2 stranice) za Joomlu.
Prva stranica: http://www.clm-propeller.tk/. Na njoj me muči to što se template mjenja kad se mjenja rezolucija i kad se preglednik smanjuje i povečava, ono kad se drži kraj preglednika i mjenja se veličina(neznam na hrv objasniti xD), a ja bih htio složiti da se on uopče ne mjenja bez obzira na rezoluciju i sve to kao ova druga stranica: http://www.clm-pro.tk/
A na toj drugoj stranici imam tablicu koja ima pozadinsku boji sa "opacity" na 0.37(mada vrjednost nije bitna) a u toj tablici je slika, koja automatski preuzima taj opacity od pozadinske boje... kako da tu kodu upisem da mu bude opacity 1.0?
Drugo što želim je maknuti ovaj Contact iznad Contact forme na obje stranice http://www.clm-propeller.tk/index.php/kontakt.
I na kraju, na drugoj stranici (http://www.clm-pro.tk/) želim staviti ovo  Follow us kao što je to napravljeno na prvoj stranici u donjem desnom kutu
Ovo su templejti za stranice: http://www.bestofjoomla.com/index2.php? ... =1&id=4865
I druga: http://demos.joomlage.com/joomlage_0022/

Hvala Vam puno unaprijed!

[Dario]

Pozdrav PrPrO i dobrodošap :)

Ajmo redom da ne odugovlačimo...

1. Responsive template
Dakle ovo što to ti se događa se zovu "Media query"-ji koji fukcioniraju, odnosno aktivn su samo u situacijama kad širina "ekrana" odnosno view port-a browsera prelazi ili je manji od neke vrijednosti (definirane u css-u). U tvom slučaju media query-ji su izdvojeni u posebnoj datoteki - /templates/joom_spirit76/css/media_queries.css pa sad imaš nekoliko solucija... Možeš otvorit datoteku i jednostavno sve pobrisat ili pronaći gdje u template-u se taj css dodaje u head...

2. Opacity
U tvom slučaju riješenja koristeći css nema jer ako postaviš nekom bloku da je transparentan, odnosno ima određen opycity - onda je nekako logično da i sva njegova "djeca", odnosno elementi unutar njega budu transparentni jer su dio tog bloka...
Riješenje koje tražiš je da kreiraš 1x1px transparentni PNG kojeg onda postaviš kao pozadinsku sliku tog bloka. Dakle samo background image je polu-proziran, a njegov sadržaj kakav je - ostat će.

3.Kontakt override
Kontakt komponenta je override-ana u ovom template-u koji koristiš, pa bi u template-u morao imati folder "html" te u njemu subfolder "com_contact"... Odeš fino tamo, i tu u jednoj od datoteka pronađeš dio koda koji otprilike izgleda ovako (dakle ne točno ovako) i obrišeš ga

Kod [Odaberi] Expand

<div class="panel"><h3 class="pane-toggler title" id="basic-details"><a href="javascript:void(0);"><span>Contact</span></a></h3><div class="pane-slider content">





<p></p>

</div></div>

4. Follow us
Jednostavno napravi modul "Custom html", staviš ga na poziciju footer (ili kako se već zove modulska pozicija u tvom template-u) i onda ga css-om float-aš desno i to je otprilike to...

[PrPrO]

Pozdrav i hvala puno na odgovoru

1. sređeno, ali ima još jedan problem, kad se www.clm-propeller.tk otvori u starijoj Mozilli: 5.0 Firefox:3.6.27, na rezoluciji 1920x1080. template nije isti, one zastavice koje su u gornjem desnom kutu su pokraj logija, evo SS(neznam zašto se pozadina promjenila) glavna pozadina se ne mjenja ali pozadina glavnog menija se mjenja...  tj. nema ove razlike da je pozadina menija svjetlija od pozadine stranice nego je sve isto 

2. ne razumijem baš najbolje :P Kako pomaže ako je bg img transparentni a meni treba pozadinska boja koja je 0.37 opacity i slika koja mora biti preko toga na 1.0 opacity, ako možeš molim te da malo pobliže objasnis taj korak, ako nemoze pokusavat cu ponovo :D

3. nažalost nema taj html folder, a nema ni com_contacts fajla(u searchu pretrazio folder) ima samo ovo u templates.css

Kod [Odaberi] Expand



/*----START STYLING FOR (MENU ITEM -- LIST ALL CONTACT CATEGORIES, LIST CONTACTS IN A CATEGORY, SINGLE CONTACT, FEATURED

CONTACT)-------------------------*/
/*---------------------------------------------------------START STYLING FOR CONTACTS-

SLIDER-----------------------------------------------------------*/
#contact-slider{margin-top: 20px;}
#contact-slider .pane-toggler-down, #contact-slider .pane-toggler{ margin-bottom:0px; margin-top:1px; padding:5px;

background-color:#1C1F22;}
#contact-slider a, #contact-slider h3{text-decoration:none; font-size:14px; font-weight:200; border:none;}
#contact-slider .pane-toggler a, #contact-slider .pane-toggler-down a, #contact-slider .pane-toggler a:hover

{color:#FFFFFF;}
#contact-slider .contact-form, #contact-slider .contact-image, #contact-slider .contact-miscinfo, #contact-slider

.contact-position, #contact-slider .contact-address, #contact-slider .contact-contactinfo{padding:10px 10px;}
#contact-slider .panel{padding: 0px; border: 1px solid #404041;}

/*---------------------------------------------------------END STYLING FOR CONTACTS-

SLIDER-----------------------------------------------------------*/

/*---SINGLE CONTACT FORM STYLING---*/
.contact h3{ margin-bottom:20px; margin-top:20px; padding:5px; border-bottom-width: 1px; border-bottom-style: dotted;

border-bottom-color: #333333;}
.contact-email label{float: left; width:10em;}
/*----END STYLING FOR (MENU ITEM -- LIST ALL CONTACT CATEGORIES, LIST CONTACTS IN A CATEGORY, SINGLE CONTACT, FEATURED

CONTACT)-------------------------*/
4. sa tim ću se kasnije pozabaviti, ovo mi je trenutno važnije

Hvala!

[Dario]

1. CSS
Morat ćeš se malo poigrati s CSS-om jer je to isključivo do njega... Neznam kako je rađen template, a nemam ni stari FireFox da mogu vidjeti taj problem uživo pa ti nemogu baš ni previše pomoći... Instaliraj si FireBug na FireFox-u ako ga nemaš, otvori oba i jednostavnoj pogledaj da li se učitavaju kakve dodatne klase ovisno o verziji browsera.... Možda je parent blok floatan pa ako zastave nisu, svaku stavi u svoj red ili nešto.... Ima previše stvari ovdje koje mogu biti u pitanju da bi ti mogao pomoći....

2. Transparencije
Dakle... nisam mislio da staviš "preznu" - full transparentu slikicu, nego primjerice ako hoćeš imat plavu poglogu na 0.30 opacity, digneš PhotoShop, napraviš kocku 1x1px, ofarbaš ju u plavo i s desne strane u layoers paleti imaš Opacity koji staviš na 30%. Također pripazi da ti ne ostane layer "Background" uključen kojeg dobiješ sa svakim novim dokumentom u PS-i... Treba ga ugasit (imaš malu ikonu oka pokraj imena layer-a) i onda bi morao na ekranu imati vidljivu ko nekakvu šahovnicu ispod svoje transparentne slike - ta šahovnica označuje da nema pozadine - transparenta je. I onda to fino snimiš kao 24bitni PNG i to je to.... Također IE7 i niži ne podržavaju po default-u transparentne PNG-ove, ali recimo da radi uz filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=??) al više o tome moraš proguglat....

3. Kontakt
Onda možeš malo proguglati kako se rade template override-ovi pa napravit istog uz ove upute iz prijašnjeg posta. Brzo i ružno riješenje bilo bi preko CSS-a da mu jednostavno staviš

Kod [Odaberi] Expand

#contact-slider > .panel:nth-child(2) {
    display: none;
}
ali moram napomenut da u neki browserima (čitaj Internet Exploiter) neće raditi jer ne podržavaju CSS3 pseudo selektore, više o tome možeš pročitati ovdje --> http://kimblim.dk/css-tests/selectors/

[PrPrO]

1. Hvala poigrat ću se :D
2. Hvala - sređeno
3. Hvala - sređeno (kako da se ovaj Contact Form automatski otvori?) EDIT: sređeno :D
4. Hvala - složeno