1. Tudásbázis
  2. Sminkek
  3. Views táblázat, sorok formázása

Views táblázat, sorok formázása

Beküldte Szotyi - 2011. február 16. 10.07
Szotyi képe

Sziasztok!

Szeretném a views táblázatos megjelenítését formázni, kicsit szebbé tenni.
Itt a link: http://refmenthet.hu/igehirdetesek.html

A sorok közé jó lenne egy vékony vonalat rakni, vagy esetleg minden második sor hátterét (színét) megváltoztatni, hogy elkülönüljenek egymástól.

Mondjuk az lenne a legjobb, ha minden sor egymás alatt jól elkülöníthető lekerekített sarkú dobozokban jelenne meg...

Tudtok javasolni valamit, amin elindulhatok? Minden ötletet szívesen veszek.

Melyik modulhoz, modulokhoz kapcsolódik a téma?: 
views
Drupal verzió: 
6.x
Fórum: 
Sminkek
szantog képe

Beküldte szantog - 2011. február 16. 10.39

css

0
0

----
Rájöttem, miért kérdezek olyan ritkán a drupal.hu-n. Amíg szedem össze az infokat a kérdéshez, mindig rájövök a megoldásra.

Szotyi képe

Beküldte Szotyi - 2011. február 16. 11.03

Sejtettem, hogy ez lesz a válasz... :-)

Kicsit bővebb segítséget szeretnék még kérni:
melyik stíluslapot kell módosítanom?
A design style.css-ét? Vagy a views-nak is van valamilyen stíluslapja?
Esetleg létre kell hoznom valamilyen tpl.php-fájl? Vagy nem kell bonyolítanom?

0
0

Péter

vikicica22 képe

Beküldte vikicica22 - 2011. február 16. 11.13

Views Table Highlighter
http://drupal.org/project/views_table_highlighter

vagy css - el tudnád megoldani amit szeretnél

0
0
szt képe

Beküldte szt - 2011. február 16. 11.34

A /sites/all/themes/refmenthet6/style.css fájlodba irogass mindenfélét :)
Pl. a páros és páratlan sorok eltérő színezése:

.view-igehirdetesek tr.even {background-color: red;}
.view-igehirdetesek tr.odd {background-color: green;}

A Firefox a hozzáadott Firebuggal nagy cimbid lesz...
0
0

Védd az állatokat! ;)

Szotyi képe

Beküldte Szotyi - 2011. február 16. 13.14

Végül is ez segített:

.view-igehirdetesek tr.even {background-color: #E9ECE4;}
.view-igehirdetesek tr.odd {background-color: #DAE0D2;}

.views-field-title {width: 200px;}

A felső sorokkal a táblázat sorait sikerült becéloznom.
Az alsóval az egyik (a 2. ) oszlopot.

Köszönöm a tippeket. Vikinek is.

0
0

Péter

vikicica22 képe

Beküldte vikicica22 - 2011. február 16. 13.15 

.view-igehirdetesek thead th {
    border-bottom: 0px solid #CCCCCC;
    padding-right: 1em;
    text-align: left;
}
 
.view-igehirdetesek tr.odd { 
background-color: #E9ECE4;
    border: 1px solid #bfc9b1;
    padding: 0.3em;
 }
 
.view-igehirdetesek tr.even { 
background-color: #DAE0D2;
    border: 1px solid #bfc9b1;
    padding: 0.3em;
}
 
.view-igehirdetesek td.active {
    background-color: #e9ece4;
}
 
.view-igehirdetesek tr.even :hover, 
.view-igehirdetesek tr.odd :hover {
background-color:#e9ece4;
}
0
0
Szotyi képe

Beküldte Szotyi - 2011. február 16. 14.41

Köszi!
Beillesztettem a style.css végére. Ezzel már elleszek. :-)

Remélem ez másnak is segít becélozni a sorokat, oszlopokat.

0
0

Péter

vikicica22 képe

Beküldte vikicica22 - 2011. február 16. 18.07

Szívesen :)
Látom lehetne még rajta csiszolni, hogy még szebb legyen :)

0
0
DruTa képe

Beküldte DruTa - 2013. február 14. 23.25

Ez a views_table_highlighter modul tényleg csak azt a megadott pár színkódot ismeri?

Mert ha hexben adok meg szín, vagy más nevű színeket, nem fogadja el, csak azt a fél tucatot, ami eleve benne van.

Lehet, hogy egyszerűbb volt így megírni a modult, mintha bármilyen hex színkódot elfogadna...

0
0
szantog képe

Beküldte szantog - 2013. február 15. 08.25

http://drupalcode.org/project/views_table_highlighter.git/blob/refs/head...

Első ránézésre nem úgy tűnik, ha pl csinálsz ilyen saját css-t:

  1. tr.views-table-highlighter-enszinem.odd              { background-color: #f99; }
  2. tr.views-table-highlighter-enszinem.even             { background-color: #fbb; }
  3. tr.views-table-highlighter-enszinem.odd  .active     { background-color: #f88; }
  4. tr.views-table-highlighter-enszinem.even .active     { background-color: #faa; }

return 'enszinem'-et teszel a kódba, akkor valszeg működni fog.
Mellesleg 2013-ban textareaba php kódot írni nem épp a nyugodt, hosszú élet titka.

0
0

----
Rájöttem, miért kérdezek olyan ritkán a drupal.hu-n. Amíg szedem össze az infokat a kérdéshez, mindig rájövök a megoldásra.

DruTa képe

Beküldte DruTa - 2013. február 15. 14.46

Szóval inkább felejtsem ezt a modult?

Mit értesz az alatt, hogy 2013-ban nem jó módi ez. Mi a trend most, merre felé induljak?

0
0
szantog képe

Beküldte szantog - 2013. február 15. 15.14

Meg nem mondom hirtelen, valszeg valamelyik views preprocess körül néznék szét. Nem tudom, nálad konkrétan mi a feladat, de pl simán el tudnám képzelni, hogy valamilyen node mezőből/állapotból képzed a classt. A table plugin már tartalmaz olyat, hogy Row class, ami elfogad replacment patterneket.
Szóval kb.
1. Felveszed a mezőt, ami alapján színezni akarsz.
2. Mezőnél beállítod, hogy exclude from display.
3. Berakod ennek a mezőnek a tokenjét a style options row class mezőjébe.

0
0

----
Rájöttem, miért kérdezek olyan ritkán a drupal.hu-n. Amíg szedem össze az infokat a kérdéshez, mindig rájövök a megoldásra.

DruTa képe

Beküldte DruTa - 2013. február 15. 16.04

Nem mondom, hogy mindent értek, de majd eljutok egyszer idáig, ah végre ráállok a "programozás" tanulásra. :-)

0
0