1. Tudásbázis
  2. Sminkek
  3. "Rendszerüzenet" sminkelése

"Rendszerüzenet" sminkelése

Beküldte tzotyu - 2012. április 22. 15.19
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: 
Sminkek
Drupal verzió: 
6.x
Fórum: 
Sminkek
eager képe

Beküldte eager - 2012. április 22. 16.31

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

Beküldte tzotyu - 2012. április 25. 17.29

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

Beküldte aboros - 2012. április 25. 18.44

"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

Beküldte Tigryss - 2012. április 25. 20.25

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

Beküldte eager - 2012. április 25. 20.39

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

Beküldte tzotyu - 2012. április 26. 16.22

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

Beküldte noocx - 2012. április 25. 22.49

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