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ó:
Abban segíts legalább hogy
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 :)
Drupal full-stack developer at Wunderman Thompson Budapest
felső kék
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.
nincs kerete a blokknak, még
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/
Drupal full-stack developer at Wunderman Thompson Budapest
css
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
saját sminked css fájljából
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)
Drupal full-stack developer at Wunderman Thompson Budapest
firebug
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.
--
Csonka Gergely
http://cheppers.com
ez sem
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.
css
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:
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...).
alsminket meg így
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
jesszus
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?
ez esetleg egyszerűbbé teheti:
ajánlom figyelmedbe az itteni bemutatkozó profil-lapomon (katt a képemre) feltűntetett linket. Hátha hasznos :)
nem megy
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 :)
Igen, mondtam, hogy a colors
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!
döbbenet
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.
a beágyazott szabály egy helyre céloz
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.
Itt több alap gyász is van,
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.
----
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.
Kösz szantog,
é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.
hű jól meglepődtem. Rendben
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 :)
végigolvasva az új
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.
Drupal full-stack developer at Wunderman Thompson Budapest
Most biztos hogy nagyon
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 :)
A képednek van egy lila csík
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?
swftools - modult használtál
swftools - modult használtál fel a banner megjelenítésére?
az a banner egy gif kép
az a banner egy gif kép
Drupal full-stack developer at Wunderman Thompson Budapest
blokkba tettem a bannert,
blokkba tettem a bannert, nekem így könnyebben felfogható
Firebug és <img>
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
Ki fogom próbálni,
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
A kérdésedre a válasz ami nem
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!)
Drupal Hétvége 2011
Köszönöm. Mire megérkezett a
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.
színátmenet
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.