átlátszó blokk

Bean-Sidhe képe

Sziasztok!

Van valakinek valami ötlete arra hogyan lehetne egy blokk hátterét átlátszóvá tenni?
Hogy jobban értsétek: Készítettem egy bannert amit blokkba tettem, be a fejlécbe. Így kicsit csúnyácska: www.kismama.co.hu

Van ötlet hogy tehetném szebbé? Előre is köszönöm

Drupal verzió: 
csakiistvan képe

Abban segíts legalább hogy hogy is kéne kinéznie, vagy mi itt a baj, mert a fejlécben lévő bannersajatoldal_4.gif -ben rajta van a felső lilás elem, szóval nem tudom mit akarsz eltüntetni, átlátszóvá tenni. Bár lehet csak én vagyok értetlen :)

1
0

Drupal full-stack developer at Wunderman Thompson Budapest

Bean-Sidhe képe

Az a felső világoskék szemmel láthatóan nem oda illő keretnek kellene eltűnnie. Tehát egységesen kellene kinéznie.Nem kellene a banner köré az a keret. Tehát a banner áll egy alsó világoskék részből és egy felső magentaszínű részből. Na a felső magenta szín körüli kék keret nem szép. Ez a kék keret a blokk háttere amibe beillesztettem a bannert.

0
0
csakiistvan képe

nincs kerete a blokknak, még IE-ben sem... küldj egy screent, vagy mond miből nézed mert a felső bannernak nincs kerete.

http://picplz.com/user/csakiistvan/pic/f22hz/

0
0

Drupal full-stack developer at Wunderman Thompson Budapest

Bean-Sidhe képe

esetleg azt meg tudod mondani hogy hol találom a blokkok css file-ját? már végigböngésztem az ftp szervert mindenféle css-t találtam de a blokkokét nem

0
0
csakiistvan képe

saját sminked css fájljából formázz mindent, ne nyúlj bele a core fájlokba.
Segítség ebben a Firefox + Firebug, vagy Chrome(jobb klikk Elem kivizsgálása)

0
0

Drupal full-stack developer at Wunderman Thompson Budapest

csg képe

Használj Firebugot, vagy Chrome böngészőt, és akkor meg tudod nézni, hogy az oldal melyik elemére milyen css szabályok vonatkoznak, és azok melyik fájlból jönnek.

Amiről beszélsz, azt a .block-inner osztályra vonatkozó formázás okozza a colors.css fájl 107 sorában.

0
0

--
Csonka Gergely
http://cheppers.com

Bean-Sidhe képe

a themes /picture reloaded colors.css file 106 és 107. sora:#footer #block-node-recent a {
color: #b21f88; az én színkódom meg :#f3fafb szóval ez tuti nem az, és ide none-t írva megint csak nem tapasztalok változást.

0
0
eager képe

Nincs tapasztalatom a Pixture Reloaded sminkkel, de ha lehet hinni a forráskódodnak, akkor elméletileg van egy ilyen mappád a szerveren:

/sites/default/files/color/pixture_reloaded-38f91406/

ebben van a colors.css

ennek a legaljára, ha bemásolod ezt:

#block-block-7 .block-inner{
background:none;
}

akkor elvileg az működne, csak ennek az egy blokknak az esetében venné le a háttérszínt, ami a bannered körül keret formájában észlelhető.

Most már valóban csak azt kell elintézned, hogy mindezt egy saját alsminken belül oldd meg, ne a gyáriban.

UPDATE!!! ha lehet hinni a css ismereteimnek, akkor ezt inkább a

/themes/pixture_reloaded/pr.css -legaljára írva is elérné a kívánt hatást,

sőt, oda kéne sokkal inkább, nem tetszik ez a files mappa dolog - nem ismerem a "pix relo" smink részleteit - de ezt csak ilyen dinamikus tartalomnak tippelem (adminból állítható paramétereknek talán?)

Ez a pr.css (a pixture reloaded fő css-e) inkább a klasszikus sminkekre vonatkozó helyen van, és a colors.css után töltődik be, szóval mindenképp ez a nyerő, és a colors.css a felejtős!

(viszont tényleg előbb származtass ebből egy saját alsminket, és utána annak az aljára tedd a mellékelt szabályt!)

(az is érdekes egyébként, hogy már ezek a sminkfájljaid sem a sites/all/themes mappából kerültek elő, hanem a /themesből...).

0
0
eager képe

Hát így gyorsba olyan sok lapot nem találtam alsmink-készítésről, de a drupal.org idevonatkozó doksija meglett:

először, hogy képben legyél, itt a sminkeket felépítő fájlok rendje:
http://drupal.org/node/171194

és utána az alsmink létrehozása:
http://drupal.org/node/225125

0
0
Bean-Sidhe képe

jesszus ehhez én még nagyon kezdő vagyok. De el fogom olvasni mert ennél sokkal szebbre szeretném varázsolni a weblapom, köszönöm szépen. Esetleg nincs valami egyszerűbb megoldás ennek a problémának a kezelésére?

0
0
eager képe

ajánlom figyelmedbe az itteni bemutatkozó profil-lapomon (katt a képemre) feltűntetett linket. Hátha hasznos :)

0
0
Bean-Sidhe képe

Egyáltalán nem működik, semmi változás. Kipróbáltam mindkét colors.css file-t ahogy írtad, de semmi sem változik az oldalon. a / themes mappában levő colors.css file-ben nem is azok a színkódok vannak ami a blokkban.
/sites/default/files/color/pixture_reloaded-38f91406/ colors.css file aljára téve sem csinál semmit, viszont itt már megtaláltam a világéoskék háttér színkódját. átírtam none-ra, de semmi reakció.
pr.css aljára illesztve sem okoz semilyen változást a weboldalban.
Kiborulok. Csak úgy nőiesen :)

0
0
eager képe

Igen, mondtam, hogy a colors.css az nem az ami kell, és a tippem még mindig a pr.css lenne, de ez még mindig csak tipp, és jelen pillanatban nem vagyok abban a helyzetben, hogy most megnézzek egy élő pixture reloaded sminket...

Amúgy meg nem is tudom, ennyi idő alatt kész lett az alsmink? Tényleg magával szúr ki, aki a coreba beleírja a magáét...

ja igen: újra kell építtetni a theme registryt, hogy aváltozások éljenek: csinálj pl. egy teljes cache-ürítést a "performance" admin-lapon! Attól veszi észre a módosításokat.

Keress rá a theme registry ürítésére, ill. a "rebuild theme registry" kifejezésre a fórumban!

0
0
Bean-Sidhe képe

Igazából az döbbent meg hogy ahol megtaláltam a háttér színkódját ott hiába állítottam bármit is, nem változott semmi.

0
0
eager képe

Ha a colors.css-ben állítod át, a 107. sorban, akkor az hazavágja a teljes designt, mert minden ilyen elemet átír. (ezért a colors.css-t tarstd meg eredeti állapotában!)

Azért adtam a beágyazott szabályt, mert az csak a block-block-7 -re érvényes.

Tartom, hogy a pr.css alján működni fog theme registry rebuild (teljes cache ürítés) után. Mármint remélem.

0
0
szantog képe

Itt több alap gyász is van, először talán ezeket kellene rendbe szedni sűrű backupok közepette:
1. Az összes smink a themes mappában van, ezeket átpakolni a sites/all/themesbe
2. Az összes module a modules könyvtárban van, ezeket átpakolni a sites/all/modules mappába.
És mindezt úgy, hogy a core részei maradjanak meg, szóval nem akarlak elkeseríteni, de ilyen látható hibák során erős a gyanú, hogy még több szarvashiba van az oldalon, ami kívülről nem is látszik, ezek könnyen okozhatnak nem várt zavarokat. Még akkor is, hogyha ez a mostani éppen nincs ezekkel összefüggésben, de még ez sem biztos.

Az sem véletlen, hogy nem piszkálunk gyári sminkbe, ez a színezhető sminkeknél fokozottan érvényes.

Szóval 3. alsmink készítése egy .info file-al és egy css-el, benne, ami t írtak többen is fentebb.

A smink info file az kb ennyi:
name = kismama
core = 7.x
base theme = picture_reload
stylesheets[all][] = kismama.css

És a kismama.css-ben már lehet garázdálkodni.

2
0

----
Rájöttem, miért kérdezek olyan ritkán a drupal.hu-n. Amíg szedem össze az infokat a kérdéshez, mindig rájövök a megoldásra.

eager képe

életet mentesz, erre van itt szükség!!!

Bean-Sidhe kedvéért: a "rendbe szedni sűrű backupok közepette" azt jelenti, hogy komplett fájl és adatbázismentést csinálsz a jelenlegi, még működő állapotról, mielőtt nekilátsz a rendrakásnak. Meg esetleg a sikeres résztávoknál is.

0
0
Bean-Sidhe képe

hű jól meglepődtem. Rendben köszönöm már javítom is a hibákat. A második drupal alapú weblapommal (ha majd lesz) már okosabb leszek :)
Egyébként csináltam egy másolatot még régebben az egészről ha valami elbarmolnék akkor ne vesszen minden. És mindent amit most is állítgattam visszaállítottam abba a helyzetbe ahol voltak. Ennyi eszem legalább volt :)

0
0
csakiistvan képe

végigolvasva az új kommenteket, még mindig nem tudom te milyen böngészőben nézed a weboldalt. Legalább egy screent küldj arról amit te látsz kérlek.

0
0

Drupal full-stack developer at Wunderman Thompson Budapest

Bean-Sidhe képe

Most biztos hogy nagyon butának fogtok nézni, de valahogy megoldódott a dolog. Ugye írtam hogy elvégeztem amit mondtatok de semmi sem vált be. Majd azt tettem hogy elkezdtem rendbeszedni a rendszert. És az átlátszóság megoldódott, átlátszóvá vált a banner. Már csak arra kellene rájönnöm hogy végülis hogyan.....Küldöm hogy most mit látok. Na ez majdnem tökéletes, de ti is látjátok amire számítottam, hogy van egy törés benne. Egy szintre kellene hozni a fejlécet a bannerrel. Ha a blokkban ütök egy entert az sok. Sokkal lejjebb tolja mint kellene.
Chrome böngészőt használok de ez szerintem mindegy, minden böngészőn ugyanígy néz ki a www.kismama.co.hu kezdőoldala
Küldeném ha tudnék képet beilleszteni :)

0
0
pityu73 képe

A képednek van egy lila csík a tetején és az látszik a törésben. Minek bele ha úgy is átlátszó blokkot akartál oda?

0
0
vikicica22 képe

swftools - modult használtál fel a banner megjelenítésére?

0
0
csakiistvan képe

az a banner egy gif kép

0
0

Drupal full-stack developer at Wunderman Thompson Budapest

Bean-Sidhe képe

blokkba tettem a bannert, nekem így könnyebben felfogható

0
0
Szekeres_Juli képe

Többen ajánlották már a Firebug-ot: van egy olyan funkciója, hogy kipróbálhatod, mi lenne, ha... Azaz Firebugban átírsz dolgokat, és azonnal látszik a hatása, miközben nem nyúlsz bele a saját rendszeredbe. Rengeteget lehet belőle tanulni.

Képet ugyanúgy tudsz ide is beilleszteni, mint bárhová: az img html tag-gel.

Ne add fel, a Drupal az elején kicsit nehezen adja magát, de ha ráérzel a logikájára, sok örömed lesz benne!

Ajánlom alapozásnak Nagy Gusztáv könyvét: http://nagygusztav.hu/drupal-6-alapismeretek

0
0
Bean-Sidhe képe

Ki fogom próbálni, szimpatikusabb minthogy valamivel egyszer szétbarmoljam az eddigi munkám. Nekem az a bajom a drupallal hogy nem úgy gondolkodik ahogy én :) De lassan majd egymásra hangolódunk

0
0
gerisz képe

A kérdésedre a válasz ami nem drupalhoz tartozik:

pl:

a selectorod: /*természetesen css*/
{
filter:alpha(opacity=50);
-moz-opacity:0.5;
opacity: 0.5;
}

de inkább azt a hozzászólást fogadd meg amit szantog -írt.

(Szerintem el is fejetheted a "banner" -t. Nem kell az oda!)

0
0
Bean-Sidhe képe

Köszönöm. Mire megérkezett a válasz megoldottam úgy, hogy a bannert módosítottam. Nagyon szúrta a szemem, fent voltam hajnalig :) Így is van benne egy kis színátmenet miatti törés de azt hiszem ezzel együtt tudok élni :) Köszönöm szépen egyébként azért tettem oda azt a "banner" mert irtó üres volt az a terület.

0
0
Szekeres_Juli képe

Ezt szebbé teheted úgy, hogy a header.png jobb szélét vagy a header-tile.png-t beépíted a banneredbe: a banner lehet magasabb, így nem kell az eltolással bajlódnod.

Ajánlom ehhez a munkához a GIMP képszerkesztőt (szintén open source). Ez is kicsit bonyolultnak tűnhet az elején, de eddig mindent meg tudtam oldani vele, amire szükségem volt.

0
0