1. Tudásbázis
  2. Sminkek
  3. Blockhoz külön sink

Blockhoz külön sink

Beküldte ercsi - 2010. november 2. 16.43
ercsi képe

Sziasztok!
Próbálok úgy beállítani egy blokkot - és csak 1et - , hogy annak eltérő legyen a stílusa a többitől.
Nagyjából a nap felét már erre szántam, úgyhogy most jutottam oda, hogy akkor kérdezek.
Amit találtam róla cikket az jó is lenne ( http://drupal.org/node/74481&anno=2 )
De nekem ez valahogy nem működik.
Alapértelmezetten a marinelli van beállítva stílusnak. Ha megnézem a deltájához a linkjét az editnél, akkor az ez: http://localhost/admin/build/block/configure/block/3
Ugye akkor ez alapján nekem a block-block-3 részt kéne módosítani a style.css-ben.
Igen, de a marinelli nem ezt használja, hanem szétbontja graphic/layout/typography meg még 2 css-re.
Na nálam itt kezdődik a keverc... Akkor ebben az esetben HOVA kell betenni a #block-block-3 .title { background-color: yellow; } módosítót?
Egyáltalán.
A marinelli css-ét nem értem, mert van amit az egyikben van amit a másikban deklarál és ha kielemzem pl. chrommal, akkor egy elem 3-4-5 helyről szedi a stílusát és meg nem értem a logikáját.
Esetleg tud valaki tanácsot adni ebben?

Drupal verzió: 
6.x
Fórum: 
Sminkek
ercsi képe

Beküldte ercsi - 2010. november 2. 18.29

Na, fél7-re csak megtaláltam a megoldást...
Solution:
Hozd létre a marinelli könyvtárban esetünkben a block-block-3.tpl.php templatet és ott garázdálkodhatsz.
Azért köszönöm magamnak! Eredményes nap volt a mai. :)

0
0

Ercsi

leonidasz képe

Beküldte leonidasz - 2010. november 2. 23.26

Ha profin akarod csinálni akkor a theme block modult ajánlom figyelmedbe!

0
0
zila képe

Beküldte zila - 2010. november 3. 14.18

Persze a túl sok aktív modul erősen ronthatja a site teljesítményét, érdemes ezt is figyelembe venni. Ha csak egy blokkra kell, akkor felesleges egy modult telepíteni.

0
0

--
IE doesn't support internet

aboros képe

Beküldte aboros - 2010. november 3. 15.48

szétbontja graphic/layout/typography meg még 2 css-re.
Na nálam itt kezdődik a keverc... Akkor ebben az esetben HOVA kell betenni a #block-block-3 .title { background-color: yellow; } módosítót?

valójában: ahova akarod :)

akár csinálhatsz egy tök saját css filet is, mondjuk my_custom_styles.css és azt felveszed az .info fileban és mindent oda írsz amit te változtatsz/hozzáadsz.

talán a css alapjai hiányozhatnak, hogy hogyan is működik pontosan ez a css dolog. valójában szupermindegy hova másolod.

két fontos dolog van:
a pontosabban célzott szabály mindig erősebb
két egyforma pontos célzás közül az az erősebb, amelyik később kerül beolvasásra.

ennél:

ul li.views-row-first {
color: red;
}

pl ez erősebb:

#content ul li.views-row-first {
color: green;

mert pontosabban céloz.
http://htmldog.com/guides/cssadvanced/specificity/

nagyon tudom ajánlani ezt a könyvet, ez alaposan rendbe teszi az ember css ismereteit:
http://www.cssmastery.com/

0
0

-
clear: both;

ercsi képe

Beküldte ercsi - 2011. március 28. 15.01

Csak most kanyarodtam ide vissza, mert a végén beletettem egy nekem logikus css végébe azt ami nekem kellett. Komment után jönnek benne a cuccaim és kész...
De, hogy ez nekem nem esett le! Milyen igazad van... (CSS-el nagyjából tisztában vagyok, bár nem 8 órában csinálom. De valahogy néha nem látom a fától az erdőt.)
Meg fogom csinálni a saját css-t és áthúzom bele a saját kis szütykeimet. Szeretem külön tartani a dolgokat - amíg lehet... De a Marinelli logika még mindig nem lett az enyém :)))
Azért köszönöm!!!

0
0

Ercsi