1. Tudásbázis
  2. Modulok használata
  3. CSS modul

CSS modul

Beküldte Czollli - 2009. április 7. 08.30
Czollli képe

Sziasztok!

Már egy ideje keresgélek a témában, de mivel nem jutottam dűlőre gondoltam
feldobom a fórumon.

A feladatom az lenne, hogy egy bélyegképre állva az egérrel, kinagyítsa azt
az eredeti méretében. Mindenféle kattintás nélkül.
Találtam is rá megoldást, melyben CSS segítségével működik.

Találtam olyan CSS modult, amely egy site specifikus CSS file-al oldja meg
a hasonló feladatot, de sajnos csak 5.x verzióra van a másik modul a CSS,
ami van 6.x-re de kezdőként nem boldogulok a használatával :(

Tudnátok segíteni az elindulásban, ill. hogy jó nyomon járok-e?

Előre is köszönet!

Üdv
Czollli

Melyik modulhoz, modulokhoz kapcsolódik a téma?: 
css
Drupal verzió: 
6.x
Fórum: 
Modulok használata
sgabe képe

Beküldte sgabe - 2009. április 7. 09.24

bármilyen JavaScriptes megoldást beépíthetsz, keresgélj JQuery cuccokat, vagy nézelődj a Dynamic Drive oldalán

0
0
Czollli képe

Beküldte Czollli - 2009. április 7. 10.26

Ez azt jelenti, hogy lebeszélsz a CSS alkalmazásáról?
Miért?
Nem szoktak ilyesmire Drupalban CSS-t használni?

0
0
sgabe képe

Beküldte sgabe - 2009. április 7. 12.22

csak gyanús milyen CSS megoldásra gondolsz, ha CSS-sel akarod megoldani ahhoz a világon semmilyen modulra nincs szükséged; ha valamilyen modult használsz az valószínűleg JS-t alkalmaz, de ahhoz sem szükséges modul...

0
0
pp képe

Beküldte pp - 2009. április 7. 18.21

Milyen modul?

pp

0
0

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

Czollli képe

Beküldte Czollli - 2009. április 9. 10.23

...ott találtam ilyet.
De, ha azt mondjátok, hogy nem szükséges hozzá...

0
0
sgabe képe

Beküldte sgabe - 2009. április 9. 10.37

én egy CSS modult láttam, ami a megfelelő jogosultságok birtokában lehetővé teszi a felhasználó számára, hogy a nodeokhoz saját CSS szabályokat adjon meg

te pedig azt szeretnéd, hogy

egy bélyegképre állva az egérrel, kinagyítsa azt az eredeti méretében

a két dolognak semmi köze egymáshoz...

0
0
Paal képe

Beküldte Paal - 2009. április 9. 11.53

Erre gondoltál?
http://host.sonspring.com/hoverbox/

0
0

--
Palócz Paal Pál, a drupal.hu admin csoportjának tagja
Ajánlott olvasmány: Eric Steven Raymond - Hogyan kérdezzünk okosan

szantog képe

Beküldte szantog - 2009. április 9. 16.20

Ugyan nem kérdeztem, de ez a megoldás határozottan tetszik. Mi szükséges hozzá?

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.

Nagy Gusztáv képe

Beküldte Nagy Gusztáv - 2009. április 9. 20.31

Nekem egyébként nem jön be ez a megoldás: alapból minden képet nagy méretben letölt, és kicsinyítve megjelenít, :hover eseményre pedig megjelenít eredeti méretben.

Ráadásul ez nem is Drupal kérdés.

0
0

Nagy Gusztáv

Czollli képe

Beküldte Czollli - 2009. április 10. 11.24

Köszönöm szépen mindenkinek a segítséget,
közben találtam én is megoldást és a Drupal-ba
illeszthetőséget is megtanultam.

Üdv Czollli

0
0
Paal képe

Beküldte Paal - 2009. április 11. 10.07

Megosztanád az utókor számára a megoldást?

0
0

--
Palócz Paal Pál, a drupal.hu admin csoportjának tagja
Ajánlott olvasmány: Eric Steven Raymond - Hogyan kérdezzünk okosan

Czollli képe

Beküldte Czollli - 2009. április 17. 13.21

...és bocs, hogy csak most...

Szóval találtam egy ImagePopup csomagocskát, ami egy js, css, html hármasból állt.
A js végzi a nagyítást a css-html páros pedig megjelenít.
Akinek szüksége van rá szívesen elküldöm a csomagot.

Nekem a problémám - kezdőségem lévén - a Drupalba illeszthetőséggel volt.
Mit, hova tegyek?

Végső megoldásként a sites/all alatt létrehoztam egy scripts könyvtárat,
ahova bepakoltam a js-t és a css-t. (a html itt már nem kell)

Egy PHP code beviteli formájú törzsbe pedig a következőket tettem:

<?php
drupal_add_js('sites/all/scripts/js/ImagePopup.js');
drupal_add_css('sites/all/scripts/css/ImagePopup.css');
?>
 
<div id="imgbox"></div>
<img id='img1' style="width:100px; height:100px;" alt="" src='sites/default/files/img 001-800px.jpg' onmouseover="Large(this)" />

Hát ennyi.
Remélem lesz akinek hasznára válik.

Ha kéri valaki a többi forrást is megoszthatom...

0
0