1. Tudásbázis
  2. Sminkek
  3. Túl széles content rész

Túl széles content rész

Beküldte Paal - 2007. július 23. 15.27
Paal képe

Üdv,

Egy barátomnak GlossyBlue smikkel készítettem egy oldalt.
Az a problémám, hogy a node_image modulnál, a képek adminisztrálásakor a content rész túl széles lesz (az egy szép táblázat, ami az MD5-ös fájlnevek miatt baromi széles lesz), és rálóg a jobb oldalni navigációs sávra.

Itt látható egy kép a hibáról...

Mit javasoltok, hogyan próbáljam használhatóvá tenni? Alakítsam át a modult saját szerkezetre, ami bele is fér?

Próbáltam némi css átalakítással (z-index), hogy a fő rész a jobb sáv felett legyen ha széles, de valszeg nem jól csináltam valamit, vagy nem értem teljesen a z-index működését:

#content {
        padding: 10px 0px 30px 13px;
        float: left;
        width: 572px;
        z-index: 300;
/*      overflow: auto; */
}
#sidebar-right {
        float: right;
        padding: 0px 10px 20px 0px;
        width: 220px;
        color: #666666;
        overflow: hidden;
        z-index: 5;
}

A #content overflow: auto megoldás majdnem jó lett, az IE-ben (szerintem feleslegesen) állandóan megjelenik a görgető sáv, holott szerintem ez nem mindig lenne indokolt.

A további kérdésem az lenne, hogy hogyan oldhatnám meg esetle másképpen azt, hogy egy tartalomhoz tetszőleges mennyiségű képet tölthessek fel elegánsan?
Amihez kellene, azt CCK/image_field-del készítettem, de itt ugye előre kellene tudnom, hogy mennyi képet akarok hozzáadni, mert ha nem töltöm fel az összes "upload" mezőt, akkor a buta IE úgy veszi, mintha hiányzó kép lenne ott. Persze ez inkább a modul hibája, mert minek jeleníti meg az üres img tagot, ha nincs is tartalma.
Valami olyasmi lenne jó, mint ahogy az upload modul működik (ha feltöltöttem egy fájlt, újból megjelenik az upload mező), csak a feltölött képeket magától meg is kellene jelenítenie az adott helyen.

Köszi, Pali

Fórum: 
Sminkek
ninja képe

Beküldte ninja - 2007. július 24. 08.18

én úgy csinátam, hogy a képek adminisztrálásakor nem jelenik meg a jobb oldali blokk. sőt az útvonalat is elrejtem.

imhol egy kép róla
itt nincs elrejtve a file neve, viszont linkké formálódik

továbbá érdemes megmutatni az olvasóknak, ha van még kép a 'galériában'.

nálam ilyen a node.tpl.php:

<div class="entry-content">
<?php
if ($teaser == 1) {
	print '<div class="node_images_teaser">';
	print $node->node_images;
	print $content;
	$sql = db_query('SELECT * FROM {node_images} WHERE nid=%d ORDER BY weight', $node->nid);
if (db_num_rows($sql)>1) { 
	print '<span><a href="/node/'.$node->nid.'#mutasd-a-kepeket">Az összes kép megtekintése</a></span>';
	}
if ($node->node_images) {
	print '<br clear="all" />';
	}
	print '</div>';
  }
else {
	print $content;
	print '<div class="node_images_page" id="mutasd-a-kepeket">';
	print $node->node_images;
	print '</div>';
}
?>
</div>

http://alleycat.hu

0
0

ninja - http://alleycat.hu

Paal képe

Beküldte Paal - 2007. július 24. 10.29

Amint tudom, kipróbálom, és referálok!

Köszi, Pali

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

Paal képe

Beküldte Paal - 2007. július 24. 16.49

A példád alapján módosítottam a node.tpl.php-t.
preg_replace-szel kivettem a node-image részt (mert így 2x jelent meg) majd újra formázva megjelenítettem őket:

.
.
<?php echo preg_replace('!<div class="node_images">.*?</div>!','',$body);	?>
.
.
<?php print '<div class="node_images_page" id="mutasd-a-kepeket">'; ?>
<?php print $node->node_images; ?>
<?php print '</div>'; ?>
<?php print $links; ?>
.
.

Ami kérdésem még maradt: el akartam tüntetni a linkek közül az "Képtár megnyitása" (Open the image gallery) hivatkozást, de ez a következőképpen szerepel:

.
.
[node_images_gallery] => Array
(
[title] => Képtár megnyitása
[href] => node/319/image_gallery
)
.
.

Ezt hogy tudom elrejteni sminkből? Csak gányolással sikerült eddig (a modulban kikommenteztem).

Az Útvonal-lal ugyan ez a problémám. Nem igazán jötte rá, hogy lehetne sminkből elrejteni. Szintén modul buherálással tudnám csak megoldani (jelen tudásom szerint).

A blokkoknál beállítottam, hogy a node/*/image oldalakon ne jelenjenek meg: kep2.jpg. Így most már használható.

Köszi az eddigi segítséget!

Üdv, Pali

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

ninja képe

Beküldte ninja - 2007. július 25. 08.15

nem kell preg_replace-el kivenni, elég beállítani az /admin/content/types/tartalomtípusod oldalon, hogy: position: Manually set in node template by variable $node->node_images.

a képtár megnyitását is itt tudod eltüntetni: Link to image gallery: Choose whether to show or not the link to the image gallery.

az útvonalat kézzel kikapod a modul forrásából.

utána beállítod, hogy a teaserben 1 kép legyen, a page nézetnél pedíg rakosgassa ki az összes képet a node végére.
a kódot amit írtam fentebb pont ezt csinálja, sőt ad két id-t a képeket tartalmazó div-nek, így tudod formázgatni a képeket a különböző nézetekben (node_images_teaser, node_images_page)

továbbá összehakkoltam a clearbox-al, ami rögtön galériákra bontja a képeket, a galéria a node számát kapja meg, lika: rel="clearbox[1987]"

itten van a modded kód hozzá (node_images module 582. sor):

if ($format == 'thumbs') {
            $output .= '<a href="/'.($image->filepath).'" class="node_images" title="'.$description.'" rel="clearbox['.$node->nid.']">'.$thumb.'</a>';
    }

a jobb oldali blokkat tartalmazó div-et sem árt elrejteni és hozzáméretezni a contentet, oda kell neki adni valami ilyesmi a CSS-t a node/*/image oldalaknál:

#sidebar-right {
	display: none;
}
#primarycontent {
	width: 700px;
	float: none;
	padding: 0px 10px;
	margin: 0 auto;
	}

mi lenne, ha az egészet összecsomagolnám és elküldeném neked? mi a viharnak dolgozzunk kétszer egy dolgon?

ps: nem tudok válaszolni a mailedre, lehet, hogy eltört az SMTP szerverem, mindjárt megregulázom azt.

http://alleycat.hu

0
0

ninja - http://alleycat.hu

Paal képe

Beküldte Paal - 2007. július 31. 13.19

A leveledet vártam, ez a hozzászólás meg elkerülte a figyelmemet :)

nem kell preg_replace-el kivenni, elég beállítani az /admin/content/types/tartalomtípusod oldalon, hogy: position: Manually set in node template by variable $node->node_images.

a képtár megnyitását is itt tudod eltüntetni: Link to image gallery: Choose whether to show or not the link to the image gallery.

az útvonalat kézzel kikapod a modul forrásából.

utána beállítod, hogy a teaserben 1 kép legyen, a page nézetnél pedíg rakosgassa ki az összes képet a node végére.

Hát, néha tényleg nem látni a fától az erdőt. Amint elolvastam, azonnal leesett, hogyan is kell beállítani...

a kódot amit írtam fentebb pont ezt csinálja, sőt ad két id-t a képeket tartalmazó div-nek, így tudod formázgatni a képeket a különböző nézetekben (node_images_teaser, node_images_page)

Próbálgattam is, de a Manually set in node template by variable $node->node_images nélkül ugye sok eredménye nem volt... :)

továbbá összehakkoltam a clearbox-al, ami rögtön galériákra bontja a képeket, a galéria a node számát kapja meg, lika: rel="clearbox[1987]"

itten van a modded kód hozzá (node_images module 582. sor):

Pontosan így csináltam én is, még mielőtt elolvastam volna az írásodat. :)

mi lenne, ha az egészet összecsomagolnám és elküldeném neked? mi a viharnak dolgozzunk kétszer egy dolgon?

A gmail-es címemre jó lesz.

Thx, Pali

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

Paal képe

Beküldte Paal - 2007. augusztus 1. 10.10

Végül is az útmutatásod alapján sikerült rendesen elkészítenem!

Köszi, Pali

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

maczkojanos képe

Beküldte maczkojanos - 2007. szeptember 26. 13.16

Próbáltam követni a fentieket, de hiába. Minden kód a helyém - szerintem - de mégsem.

UI.: Óriási lenne mondjuk gazdagítani a Kézikönyvet a negoldásoddal.

Üdv: maczko

0
0
husztisanyi képe

Beküldte husztisanyi - 2008. március 12. 11.19

Nagyon szépen működik, köszönöm szépen!

Hogyan lehet a Clearbox-ot - a node_images modulhoz hasonlóan - integrálni az image_gallery.module-ba, vagyis hogy a Galériában is már eleve a Clearbox-szal jelenjenek meg a képek?

0
0
aboros képe

Beküldte aboros - 2008. március 12. 12.41

ha nem ragaszkodsz a clearboxhoz, akkor van egy olyan drupal modul, hogy thickbox (http://drupal.org/project/thickbox .. all hail the human readable url! ;) ez egy másik js megjelenítőt használ, de nagyon szépen integrálódik az image modullal is, meg a views -al is. próbáld ki!
(ez már off itt, ha további kérdés merül fel ezzel kapcsolatban, szerintem nyiss neki új szálat!)

0
0

-
clear: both;

husztisanyi képe

Beküldte husztisanyi - 2008. március 12. 13.51

Köszönöm, megnéztem azt is, valóban nagyon hasonló!

A Clearboxot már sikerült beépítenem a node_images képfeltöltőjébe, ezért inkább ezt tartanám meg.
A megjelenése is jobban tetszik, remélem küld valaki egy kódot, amivel a Galériába beépíthető!

0
0