1. Tudásbázis
  2. Sminkek
  3. Bizonyos blokknak egyedi külcsin

Bizonyos blokknak egyedi külcsin

Beküldte mat323 - 2008. január 6. 18.13
mat323 képe

Sikerült megcsinálnom, hogy egy taxonomy szótárból kinyert rovat node-jait egy jobb oldali blokkban jelenítsem meg (címestül, szövegestül) a views modullal. Szerintetek meg lehet csinálni, hogy csakis ebben a blokkban máshogy jelenítődjön meg a tartalom? Pl. más betűtípus, -méret, -szín? Persze az eredeti szöveg máshol változatlan maradjon,

A smink mappában lévő alap(értelmezett) block.tpl.php file-ban ezeket találtam a megjelenítésre vonatkozóan:

<h2 class="title"><?php print $block->subject; ?></h2>
<div class="content"><?php print $block->content; ?></div>

Meg lehet oldani hogy csak ezt a bizonyos blokkokat formázzam meg css-ben egyedi külcsint adva neki, vagy butaságot akarok? :)

Fórum: 
Sminkek
nevergone képe

Beküldte nevergone - 2008. január 6. 18.29

Megoldható, hiszen a sminkben a blokk megjelenítésénél tudod vizsgálni annak az azonosítóját, és annak függvényében más html kimenetet jelenítesz meg, mondjuk más osztályt adva a blokknak.
Szerintem.

0
0

Választ szeretnél? - Új kérdés, új téma - Tesztoldal - Trollkezelés - Frissítés

Illyés Edit képe

Beküldte Illyés Edit (nem ellenőrzött) - 2008. január 6. 18.43

A Views modul egyedi azonosítót tesz minden általa generált listára, ezt az oldal HTML forrásában látod, arra rá tudod "akasztani" a CSS deklarációkat. (Egyesek szerint túlzásokba is esik az azonosítók és osztályok osztogatásánál, lásd: Drupal classitis.)

Ha esetleg nem jó a HTML kimenet, akkor pedig használd a Views Theming Wizard szolgáltatását, ami lista nézet esetén kidobja a sminkelhető függvényeket.

0
0
mat323 képe

Beküldte mat323 - 2008. január 6. 19.20

Sikerült megoldani, nagyon köszönöm! :)
Okulásképp a többeknek: A html forrásban tényleg ott van az azonosító, csak ki kell nézni
<div class="block block-views" id="block-views-Blokkocska">
majd egyszerűen be kell írni a smink mappában lévő style.css file végére, pl.:

#block-views-Blokkocska {
  background:color:#00F00F;  
  font-family:  "Trebuchet Ms";
  font-size: 11px;
  color:#71121A;
}

és kész is!
0
0
mat323 képe

Beküldte mat323 - 2008. január 8. 06.49

A szöveg színezése sikerült, de blokkon belüli node-ban lévő hivatkozás színét nem tudom megváltoztatni mert azt a style.css file ezen részéből veszi és minden középen található blokkra vonatkozik:

#middlecontainer .a,
#middlecontainer .a:link,
#middlecontainer .a:visited {
   color: #631010;
}

Hogyan lehetne kicselezni?

0
0
pp képe

Beküldte pp - 2008. január 8. 07.54

Important kulcsszóval próbálkozz!

0
0

Palócz István
https://palocz.hu | https://tanarurkerem.hu

mat323 képe

Beküldte mat323 - 2008. január 9. 02.55

Kipróbáltam, azt hiszem nem az a baj. Egyszerűen nem tudom hogyan hivatkozzak egy bizonyos azonosító megfelelő osztályára a stlye.css-ben a sminkeléshezAzt Edit elárulta, hogy a Views modul létrehoz egy csomó azonosítót (divet) és osztályt (classt), sőt picit túlzásba is esik velük a Drupal, ki kell belőlük mazsolázni a megfelelőt.
Arra rájöttem, hogy ki kell néznem a Firebuggal vagy a forrásban a módosítandó szöveget, de ott annyi egymásba ágyazott div és class van hogy elveszek közöttük :(

<div id="block-views-Infobox" class="block block-views">
<h2 class="title"/>
<div class="content">
<div class="view view-Infobox">
<div class="view-content view-content-Infobox">
<div class="node">
<h2 class="title">
<a href="/?q=node/1">Szöveg Címe</a>
</h2>
<span class="submitted"/>
<div class="content">
<div class="content">
<p>Krikszkraksz</p>

Hogyan tudnám a stlye.css-ban sminkelni a "Szöveg Címe" szöveget? Kerestem a weblabor.hu-n a CSS-nél, de nem találok erről leírást.

Én így próbáltam de nem lett fehér...

#block-views-InfoboxHirek h2 title {
	color: #FFFFFF !important;
}
0
0
mat323 képe

Beküldte mat323 - 2008. január 9. 04.10

a h2 title nem volt jó, hiszen hivatkozás!

rájöttem, megcsináltam, sikerült így felülírnom:

#block-views-Infobox a:link,
#block-views-Infobox a:visited,
#block-views-Infobox a:hover
 {
	color: #FFFFFF !important;
}

végre fehér a hivatkozás színe :)

viszont még mindig nem értem, hogy lehet belőni pontosan egy azonosítót és osztályt a css-ben a html forrásból. hol van erről leírás?
(mikor kell #-et, mikor kell pontot, vagy mikor nem kell semmit sem tenni a style.css file-ban egy azonosító vagy egy osztály elé...

0
0
Nagy Gusztáv képe

Beküldte Nagy Gusztáv - 2008. január 9. 07.52

Ha jól értem a problémád, ez kell neked:
http://weblabor.hu/cikkek/cssalapjai1
Keresd a "Kiválasztók" címet.

0
0

Nagy Gusztáv

pp képe

Beküldte pp - 2008. január 9. 07.58

írd be a google-ba, hogy "agytáp"

html tag elé nem kell semmi pl.: a, h1, p, img, div (az stb-t nem merem most ide írni :D )
Ami class <a class="valmai barmi"> az elé pont kellpl.: .valami .barmi
Ami id <a id="egyediazonosito"> az elé kettőskereszt kell: #egyediazonosito

pp

0
0

Palócz István
https://palocz.hu | https://tanarurkerem.hu

Illyés Edit képe

Beküldte Illyés Edit (nem ellenőrzött) - 2008. január 9. 10.10

Még mielőtt jön a következő kör CSS kérdés, a class="valami barmi" esetén a CSS kiválasztó:

.valami.barmi {
color: red;
}

Tehát nincs szóköz a .valami és a .barmi között.

0
0
pp képe

Beküldte pp - 2008. január 9. 11.33

Elnézést, de a vesszőt nem raktam ki.
Nyílván két külön osztályról van szó.

pp

0
0

Palócz István
https://palocz.hu | https://tanarurkerem.hu