"Rendszerüzenet" sminkelése

tzotyu képe

Szervusztok!
Készítettem egy sminket artisteer 3-al. Az a problémám, hogy a rendszerüzenetek betűi (pl. hibás bejelentkezéskor megjelenő blokk) nem látszódnak a sminkemen, ahogy ez az alábbi képen is látható:
kamov
Hol tudom ezeknek a szövegrészeknek a színét megváltoztatni, hol, melyik fájlban kellene keresnem?

Köszönöm szépen!

Taxonomy upgrade extras: 
Drupal verzió: 
Fórum: 
eager képe

Szia, nincs kéznél D6, sem artisteer, de Drupal 7-ben ezt így lehetne:

  1. div.status { /* ez a zöld üzikre vonatkozik */
  2. color: green;
  3. }
  4. div.error { /* ez a pirosabb üzikre vonatkozik */
  5. color: red;
  6. }

vagy pedig, ha a sminkedben van már hasonló nevű elem, akkor ez:

  1. .messages.status { /* ez a zöld üzikre vonatkozik */
  2. color: green;
  3. }
  4. .messages.error { /* ez a pirosabb üzikre vonatkozik */
  5. color: red;
  6. }

Valamelyik verziót a fentiek közül próbáld meg betenni a sminked által használt .css fájlok egyikébe. Ha a Drupal 6 is ugyanígy hívja ezeket az elemeket, akkor működni fog.

Ha nem menne, akkor keresd ki, hogy D6-ban mi(k) az érintett HTML elemek osztálya(i). Ehhez nézd meg ezt a videót:

http://css-tricks.com/video-screencasts/15-introduction-to-firebug/

2
0
tzotyu képe

Szia!
Köszönöm, de sajnos nem megy még. Az érintett elemet a firefox-ba épített html elem vizsgálóval néztem, erről is küldök egy képet:
a

Ennek alapján a témám style.css- fájljában kerestem a messages error sort, de nem találtam sehol. A többi css fájlban is kerestem a 'messages error' szóra, külön-külön is, de nem találtam semmit. Gondolom itt lehetne állítani, hogy hogyan jelenjen meg ez a kis mező. A probléma ugye az, hogy a cikkeimhez beállított betűszínt használja a hiba üzenetekhez is, viszont a piros háttéren ez nem látszik. Ezért a piros hátteret változtatnám meg, külön a betűszínt nem állítgatnám, mert akkor meg a cikkeimben tolódik el a szín.

Lehet, hogy nem is a téma style.css-ében kellene keresnem az érintett mezőt?

Köszönöm!

0
0
aboros képe

"kerestem a messages error sort, de nem találtam sehol"
akkor írjad csak hozzá a sminked style.css filejához bátran. így működik a css. :)

0
0

-
clear: both;

Tigryss képe

Helló

Az artisteerről tudni kell, hogy sok mindent nem deklarál én pl ezeknek egy külön include-olt css-st tartok fönn.

1
0
eager képe

A jó hír az, hogy úgy hívják 6-ban is, ahogy 7-ben. Ezért a fenti tippjeim illeszkednek rá.

Csináld azt, hogy megnyitod a sminked info file-ját, és megnézed a megadott stíluslapok sorát. Ami .css fájl utoljára szerepel a sorban, annak a végére biggyeszd oda a fentebb megadott szabályok közül azt, amelyikre szükséged van.

Ha nem a szövegszínt akarod állítani, hanem a hátteret, akkor color:valami; helyett background:valami;-t kell használni, és ennyi.

A css-ben nem mindig muszáj megtalálni és átírni az eredetit (főleg azért nem, mert esetedben ez egy rendszerfájlból jön, amit meg nem ajánlott és nem éri meg buherálni).

A css-ben pont az a jó (arra való, így kell használni), hogy felül lehet benne bírálni szabályokat, amik másik fájlban esetleg már meg lettek adva, egy újabb másikban meg mondjuk meg lettek módosítva.

Ezért mondjuk, hogy a sminked css-ei közül az utolsó végére tedd: akkor felülbírálja a korábban hívott szabályokat. (mert a rendszerfájlok vannak először hívva, aztán a modulokéi, aztán a sminkéi (asszem)). Valami a sminkedben felülírta és elrontotta a rendszer szabályát, de talán nem baj, mert ha az utolsó smink .css végére teszed a javítást, akkor megint a tied az utolsó szó (css-ben ez egy erős szempont).

Amúgy meg tessék utánaolvasni, hogy mitől cascading a Cascading Style Sheet.

Erre is érdemes rákeresni, hamar szükséged lehet rá:

'CSS specificity'

(ez segít abban, hogy (azon túl, hogy melyik szabály jön előbb, és melyik később) egymást felülbírálni képes szabályokat tudj tervezni).

  1. div.messages.error {
  2. background:#A13636;
  3. background-color:#A13636;
  4. }

Ez elvileg egy erős kombó, nem túl elegáns, de nem látok jobban a sminkedbe.

1
0
tzotyu képe

Szia! Köszönöm, a style.css végére beillesztettem a kódot és sikerrel jártam!
Köszi mindenkinek a hasznos tanácsokat, átnézem őket.

0
0
noocx képe

Szia!

Chrome alatt: jobb klikk > Elem megtekintése vagy F12
Firefox alatt: firebug kiegészítő telepítése és jobb klikk > Elem vizsgálata Firebuggal vagy F12

Ezen eszközök segítségével vizsgálhatod a kérdéses elemeket és számos hasznos információt tudhatsz meg velük, pl. mely elemhez mely fájlokban van definiálva és milyen stílus.

Láthatod, hogy mely fájlban lévő definíció bírálja felül az előtte lévőket, számított értékeket, stb.

CSS vizsgálatához és egyéb dolgokhoz jól jöhet még a web developer FF kiegészítő is.

</noocx>

2
0