1. Tudásbázis
  2. Sminkek
  3. Helyes CSS syntax

Helyes CSS syntax

Beküldte Modessa - 2009. február 17. 20.08
Modessa képe

Szeretném a segítségeteket kérni sminkeléshez, a helyes syntax megtalálásához.

Smink: acquia_marina

Hely: Sidebar first.

Alapból minden a sidebar first-ben megjelenő blokknak egy lekerekített fehéres háttere van, ami background képpel van megoldva.

Pl:

div.rounded-outside,
div.rounded-inside {
  background: transparent url('images/rounded-block-inner.png') repeat-y right;
  padding-right: 8px;
}

A blokkom, ahol ezeket le kéne cserélni transparentre:
block-block-6

Ahogy próbáltam eddig csak ennél a blokknál felülírni a hátteret:

div.rounded-inside div.block-block-6 {
  background: transparent;
}

vagy így:

div.rounded-inside #block-block-6 {
  background: transparent;
}

Egyenlőre sehogysem tudok rájönni a helyes megfogalmazásra.
A firebugban még meg sem jelennek ezek a CSS hivatkozások, mivel valószínűleg teljesen helytelenek.

A végcél az lenne, hogy a logó blokkját teljesen átlátszóvá tegyem.

Van valakinek valami tanácsa?

Az oldal, ahol firebug-gal meg lehet nézni.

Előre is nagyon köszönök minden segítséget!

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

Beküldte Modessa - 2009. február 17. 20.57

Létezhet hogy egy ilyen egymásba ágyazott diveknél, egy "belső" div esetében nem írhatom felül a szülő-diveknél meghatározott CSS-t?
sidebar-first => block-wrapper => rounded-block => rounded-outside => rounded-inside => block-block-6

Nos a block-block-6 be van ágyazva ezekbe a div-ekbe, és akkor én azt akarom, hogy csak ennél a blokknál pl a rounded-inside div háttere legyen más.
Lehet hogy inkább azt kéne megoldjam, hogy ez a blokk valahogy ne legyen beágyazva a rounded-block-ba?
De akkor hogyan lehet azt definiálni?

0
0
Modessa képe

Beküldte Modessa - 2009. február 17. 21.44

A block.tpl.php file-ban ennél a résznél hogy:

  <?php if ($rounded_block): ?>   <!-- see preprocess_block() -->
  <div class="rounded-block">
    <div class="rounded-block-top-left"></div>
    <div class="rounded-block-top-right"></div>
    <div class="rounded-outside">
      <div class="rounded-inside">
        <p class="rounded-topspace"></p>
  <?php endif; ?>

Hogyan lehetne valamilyen kivételt belefogalmazni a block-block-6-ra?
Egyáltalán lehet?
Ha lehetne, akkor meg tudnám akadályozni, hogy ez a block rounded block legyen, és gyakorlatilag kész is lennék.

A template.php-ból látszik hogy hogyan lesznek a sidebar-first-be rakott blokkok rounded-ek:

function phptemplate_preprocess_block(&$vars) {
  // Add regions with rounded blocks (e.g., sidebar_first, sidebar_last) to $rounded_regions array
  $rounded_regions = array('sidebar_first','sidebar_last','postscript_first','postscript_middle','postscript_last');
  $vars['rounded_block'] = (in_array($vars['block']->region, $rounded_regions)) ? TRUE : FALSE;
}
0
0
fox mulder képe

Beküldte fox mulder - 2009. február 17. 22.56 

div.sidebar-first > div.block-wrapper-odd:first-child > div.rounded-block:first-child > div.rounded-block-top-left
{
display: none;
}
div.sidebar-first > div.block-wrapper-odd:first-child > div.rounded-block:first-child > div.rounded-block-top-right
{
display: none;
}
 
div.sidebar-first > div.block-wrapper-odd:first-child > div.rounded-block:first-child > div.rounded-outside
{
...itt veszed ki a hátteret...
}

Ez kiválasztja az első blokkot és annak felső és egyik oldalsó szegélyét (nem próbáltam, de remélem :)). Aztán ugyanígy az alsó szegélyt.
0
0

Fox Mulder

Modessa képe

Beküldte Modessa - 2009. február 17. 23.04

Köszi a helpet, közben kihegesztettem ezt a blokkot a beágyazásokból. :)
Már nem is számolom mennyi időm ment rá csak erre.
Csak még egy hasonló kérése lesz a megrendelőmnek és akár fékevesztett vandalizmus miatt szerepelni fogok a híradóban. :)))

0
0
Modessa képe

Beküldte Modessa - 2009. február 17. 23.00

Ha egyszer valakinek az acquia_marina sminknél szüksége lesz arra, hogy egy blokkot tegyen ki egy olyan régióba ahol rounded blokk válna belőle és netán azt szeretné, hogy ez a blokkja ne legyen rounded akkor tegye ezt:
block.tpl.php:
Ha pl. a 6-os blokkot akarja kivételezni:

Find / replace:
Find: if ($rounded_block)
Replace: if ($rounded_block && $block->delta != 6)

Megőszültem kétszer is mire rájöttem, hogy a delta-ban van! :)

0
0