PDA

Zobacz pełną wersję : Niechciana przezroczystość...


fzh
09-01-2007, 18:13
Mam templatkę o nazwie K-Kwadrat Transparent.
Wygląda to tak, że obszar, na którym znajduje się tekst, jest przezroczysty (można to zdefiniować w css) - prześwituje obraz tła.

Bardzo fajny efekt, ale oto problem:
Nie chcę, aby obrazki/zdjęcia też były przezroczyste (a są, podobnie, jak cały blok ;-) ). Wychodzi po prostu 'lipa', gdy chce się przejrzeć galerię, a na twarzy dziewczyny widać jakiś element tła :D

Czy ktoś z Was wie (a pewnie wie :P ), jak to można zmienić, aby tło tekstu było przezroczyste, zaś obrazy nie?

Pozdrawiam i z góry dzięki za odpowiedź!


{edit}
OK, to może to, co znalazłem okaże się przełomowym dla rozwiązania mojego problemu:
Wydaje się, że cały myk jest w tym, że w css trzeba dodać np.:

.imgopacity img {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
}

a w index.php templatki dać coś na wzór HTML'owego class="imgopacity" (tylko co i w którym miejscu?)

Pozdrawiam i liczę na podpowiedź, odpowiedź, sugestię i inne takie...
Viking
10-01-2007, 06:21
po prostu musisz znaleźć klasę głównego obszaru prezentacji(wewnątrz niej jest <?php mosMainBody(); ?>)
na końcu templatki dopisujesz to co znalazłeś znieniając imgopacity na znalezioną klasę bądź id (klasę oznaczamy kropką, id #)
fzh
10-01-2007, 10:46
Dzięki za odpowiedź, ale... ;-)

Z Twojej odpowiedzi wnioskuję, że cały obszar prezentacji przestanie być przezroczysty, a mi chodzi jedynie o to, żeby zdjęcia były nieprzezroczyste...
Ale spróbuję Twojej sugestii - może faktycznie to jest wyjście.

Dziękuję raz jeszcze i pozdrawiam!

[oczywiście czekam na kolejne sugestie] ;-)
Viking
10-01-2007, 14:07
źle wnioskujesz ;)
jesli wpiszesz
.twoja_klasa img {...} to zastosuje sie to tylko do tagów IMG wewnątrzz klasy twoja_klasa
fzh
10-01-2007, 17:38
Przekonałeś mnie ;-)
W takim razie próbuję...

Jeszcze się odezwę :-)
fzh
10-01-2007, 20:03
Dobra, próbowałem wszystkiego, co mi przyszło do głowy, ale mi nie wyszło ;-)

Proszę więc o wskazanie, co powinienem zrobić (najlepiej krok po kroku).

Oto fragm. index.php templatki:

<div class='main'>
<br/>
<b class="xtop"><b class="xb1"></b><b class="xb2"></b><b class="xb3"></b><b class="xb4"></b><b class="xb5"></b><b class="xb6"></b><b class="xb7"></b><b class="xb8"></b><b class="xb9"></b><b class="xb10"></b></b>
<div class="xboxcontent-main">
<div class="box_background" name="bg_name">
<h2 class="margines">
<?php mosPathWay(); ?>
<?php mosLoadModules ( 'top', -2 ); ?>
<?php mosMainBody(); ?>
<?php mosLoadModules ( 'bottom', -2 ); ?>
</h2>
</div>
</div>
(moje pogrubienie)
Co mam w tym bloku kodu dodać/zmienić?
Czy może mam zmienić jakąś z tutaj podanych klas w css?

Z dziękuję poza tym za pomoc już mi okazaną!
Viking
10-01-2007, 20:16
Jeśli zamierzasz zajmować sie tworzeniem stron internetowych to będziesz musiał pogłębić wiedzę z zakresu css i html, ew. php.
Jeśli robisz tą stronę tylko dla siebie to nie wdając się w szczegóły:
<?php mosMainBody(); ?>
zamknij w div:
<div id="mój_div"><?php mosMainBody(); ?></div>

a do pliku css dopisz to co znalazłeś:
#moj_div img {...}

ew.

.margines img {...} jeśli czegoś w tym cytacie nie przegapiłeś (dziwnie to wygląda ale to pewnie zarzut do autora)
fzh
10-01-2007, 20:44
Tak, stronę robię wyłącznie dla siebie...
Prawda, muszę kiedyś poznać CSS i PHP, ale z HTML nie mam kłopotów ;-)

Ad rem:
Tak już robiłem wcześniej. Teraz próbowałem znowu z klasami oraz z id tak, jak radziłeś - niestety, nie działa nic z tych rzeczy, a przezroczystość zdjęć nie zmienia się :|


No nic - ja już nie mam pojęcia, o co może chodzić.
Jeśli ktoś ma jeszcze jakiś pomysł, to fajnie ;-)
Dzięki Viking za zainteresowanie się sprawą.

PS. Zrozumiem, jeśli nikt nie podoła temu problemowi - tak bywa...
Viking
10-01-2007, 21:33
tą deklarację daj na samym końcu pliku css a na końcu linii daj !important
{
filter:alpha(opacity=100) !important;
-moz-opacity: 1.0 !important;
opacity: 1.0 !important;
}
fzh
10-01-2007, 21:45
Niestety - ciągle żadnej reakcji/zmiany...
:confused:

Może ja gdzieś umieszczę spakowaną tą templatkę?
Viking
10-01-2007, 21:54
a może daj linka do strony ?
fzh
10-01-2007, 22:13
www.maciej.fafula.com
fzh
12-01-2007, 22:41
OK, widzę, że nie można mi pomóc - poszukam pomocy na anglojęzycznym Forum Joomla/Mambo.

No nic - szkoda...
Tak, czy owak punkcik dla Ciebie, Viking - dzięki za pomoc...
Viking
13-01-2007, 04:54
przejrzałem wczoraj ale nie miałem czasu napisać.
szablon jest tak napisany że sie nie da. jedyny pomysł jaki mi sie nasunął to wyłączyć przezroczystosc dla .main, zrobic dla div.main id="main" (jesli nie ma tam jakiegos id) i zrobic mu background z odpowiednio przezroczystego obrazka .png . z tego co pamietam jest tam filtr dla IE wiec powinno działac tez w IE.
jesli znasz angielski to najlepiej napisz do autora. Zapewne juz to rozwiazał.