Node két kép egymás mellett

metaxx képe

Szervusztok!

Segítséget kérnék. Nem rég kezdtem el "barátkozni?" Views-al, és nem lettünk egyből jóba. D7-ben, van egy teljesen hétköznapi node-om ahova image modulal feltölthető maximum 2db default medium méretű kép. Eddig jó, csak hogy a két kép egymás alá kerül lásd 1.es kép, ellenben a hely kihasználás véget, jobban szeretném, ha egymás mellett lennének lásd 2.es kép. Megcsinálom a views-ban -lásd 3-as kép- a nézetet, ahol szuperül mutatja is amit én szeretnék, teljesen hibátlanul, elmentem, kezdőlap, nyitok egy random node-ot, és persze, hogy egymás alatt vannak a képek. Kérlek gyújtsatok fényt a sötétben, mert menten meggebedek. :D Köszönöm.

http://noob.hu/2012/05/07/001-jpg.jpg
http://noob.hu/2012/05/07/002-jpg.jpg (paint, nem views. ez lenne a cél)
http://noob.hu/2012/05/07/003_views_ok.jpg

Taxonomy upgrade extras: 
Melyik modulhoz, modulokhoz kapcsolódik a téma?: 
aboros képe

cssben kell megírnod, hogy x class egymás mellett legyen. ígyhogy float: left; és akkor úgy lesz.

0
0

-
clear: both;

metaxx képe

sajna css-ben egyáltalán nem vagyok otthon. semmi más sanszom nincs rá?

0
0
szantog képe

Css és html ismeretek nélkül drupallal dolgozni olyan, mint fog nélkül enni. Ez pl egy jó cucc a pótlásra: http://www.tutorial.hu/html5-es-css3

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.

pp képe

Szezon és fazon, e kettőt kevered.

Amit meg akarsz formázni az a filed/mező megjelenítése, amit formáztál az pedig egy view. Amerre elindultál elég rögös út, de nem járhatatlan.

  1. elrejted a mezőt a mezők megjelenítésénél, a tartalom típus szerkesztésénél
  2. hozzáadsz egy view field mezőt a mezők kezelésénél, a tartalom típus szerkesztésénél
  3. elkészíted a megfelelő nézeted a megfelelő szűrőkkel
  4. Beállítod ezt a view-t az alapértelmezettnek az előbbi mezőnél

Jobban jársz azonban, hogy ha e mérhetetlen hakkolás helyett, keresel olyan megoldást ami az adott kép mezőhöz tud hozzáadni plusz megjelenést. (hisz ezt akarod)

Én azt javasolnám, ha már képgaléria, akkor adjál hozzá valami szexi képnézegető cuccot, pl. a Field Slideshow modullal (figyeljoda, hogy pár plusz modult még fel kell tenned, de ott a végén a tutorial videó).

A css-t pedig azért javasolják, mert könnyedén tudod azzal formálni ezeket az apróságokat. Nem kell félni van arra is modul, hogy könnyedén betoljál egy kis css-t az oldaladba. Ha ez a modul fent van akkor már csak az a pár sor van hátra, ami valahogy így néz ki:

[kivalaszto] {
float: left;
}

Ha mutatsz mintaoldalt, szerintem segítenek a srácok a megfelelő kiválasztó megtalálásában.

pp

1
0
metaxx képe

Hú nagyon köszönöm a kimerítő segítséget, neki is fogok esni a mai napon ezt megoldani. Egyébként nem galéria lenne, csak egy egyszerű hír node amibe 2db képet lehet csatolni. :) Tegnap este egyébként nézegettem a sminkem (Danland) css-ét és azt hiszem kezdem érteni mit javasoltak a kollégák, de nem találtam meg sajnos a kiválasztót.

Az oldal: http://fotelpilota.net76.net/

Nagyon köszönök minden segítséget.

0
0
Nagy Gusztáv képe

Ha az oldal karbantartás alatt van, kicsit nehéz lesz segíteni. Másrészt meg ha nem a címlapon van a kérdéses oldal, akkor jó lenne azt linkelni.

0
0

Nagy Gusztáv

metaxx képe

Pár dolgot módosítani kellett azért volt karbantartásban, de már végeztem. A címlapon vannak hírekként.

0
0
metaxx képe

huhh na ma egész nap szétbombáztam a sminket csomó helyen találtam float: left; kifejezést, illetve néztem, hogy hol lehet az, ahová nekem kéne beszúrni, de mivel mint mondtam css ismereteim meglehetősen hiányosak sajnos nem találtam meg.

0
0
eager képe

  1. .node-article.node-teaser .field-name-field-image .field-item {
  2. float: left;
  3. margin: 0 15px 10px 0;
  4. }
  5. .node-article.node-teaser .field-name-body {
  6. clear: both;
  7. }

Akár ki is keresheted, hogy a sminked melyik .css-e foglalkozik ilyesmikkel, és oda beteheted.

De ha csak ki akarod próbálni, hogy működik-e a szabály, akkor egyszerűen bebiggyeszted a sminked info filejában definiált utolsó .css fájl végére.

Azon kívül amíg css-t fejlesztünk, addig a css aggregálást hasznos kikapcsolni.

Illetve még meglephet az is, hogy a theme registryt is üríteni kell, hogy tudomásul vegye a változásokat. Ahhoz meg az kell, hogy miután bemásoltad a kódot, el kell menni a megjelenés menübe, belépni a sminked beálításaihoz, és nyomni egy mentést. Akkor újraolvassa a .css -eket, és benne lesz a változás is.

(nem mindig kell keresni, hogy melyik kiválasztóhoz lehet ezt vagy azt a formázási szabályt még besuvasztani: simán magunk is létrehozhatjuk a kívánt kiválasztót (sőt, legvalószínűbb, hogy arra lesz szükség: saját kiválasztóval és a Drupal szuper-használható HTML class-aival szinte arra tehetsz egyedi szabályt, amire csak akarsz))

Tanulmányozhatod ezt a szálat is: http://drupal.hu/forum/rendszer%C3%BCzenet-sminkel%C3%A9se/15877

1
0
metaxx képe

No, fél siker. a Teaser-t már csodásan igazítja a fenti kód, a style.css-be beszúrva, de ha kinyitja az ember fia a node-ot olvasásra, akkor még mindig egymás alatt vannak a képek. Próbáltam, hogy a sima .node -ba is beszúrom a float:left-et, de nem hozott sikert sajnos.

  1. .node {
  2. border-bottom: 1px solid #bbb;
  3. float: left;
  4. margin: 20px 0;
  5. padding-bottom:15px;
  6. }
0
0
york képe

Probald ezt tenyleg segit: http://www.tutorial.hu/html5-es-css3
Meg firebug, hogy tudj celozni: http://getfirebug.com/

0
0
metaxx képe

Kicsit tovább ástam és találtam ilyet:

  1. .field-type-image{
  2. float:left;
  3. }

de ez borított mindent. a szövegeket is.

0
0
eager képe

  1. .node-article.node-teaser .field-name-field-image .field-item,
  2. .node-type-article .field-name-field-image .field-item
  3. {
  4. float: left;
  5. margin: 0 15px 10px 0;
  6. }
  7. .node-article.node-teaser .field-name-body,
  8. .node-type-article .field-name-body
  9. {
  10. clear: both;
  11. }
  12. .node-type-article .field-name-body {
  13. padding-top:10px;
  14. }

(csak hogy ne kelljen az éles oldaladat szétdúrni)

Mindazonáltal küldtem emailt a kapcsolatfelvételi űrlappal, amelyben magamat ajánlom, mint css korrepetítor.

1
0
metaxx képe

Nagyon szépen köszönöm, ön egy igazi ÚR! Pontosan erre volt szükségem. Így már jóval szebben ki van töltve a hely.

Válasz e-mailt pedig hamarosan írok, még egyszer köszönöm szépen.

0
0