ROZWIĄZANY: Zmniejszenie ilości zdjęć na stronie głównej

[ania07]

W którym miejscu mogę sobie regulować ilość wyświetlanych zdjęć z galerii na stronie głównej forum, tych nad kategoriami:

http://www.kochamnarty.pl teraz mam tak, a chciałbym by się nie rozjeżdżało jak widać.

[DawPi]

Otwórz plik: hooks/boardIndexGalleryImages_{xxx}.php

Znajdź:

'show'         => 6,

Zmień cyfrę na inną.

[ania07]

Rozumiem że tutaj jest kwestia zmian w danym skinie. Nie mogę namierzyć miejsca gdzie znajduje się :

hooks/boardIndexGalleryImages_{xxx}.php

[DawPi]

Nie masz takiego pliku? Ciąg {xxx} jest to losowy ciąg znaków.

Jakim skinie? W pliku na FTP.

[ania07]

Cała lokalizacja wygląda tak:

<?php

class boardIndexGalleryImages

{

public $registry;

public function __construct()

{

$this->registry = ipsRegistry::instance();

}

public function getOutput()

{

$classToLoad = IPSLib::loadLibrary( IPSLib::getAppDir('gallery') . '/sources/classes/hooks.php', 'app_gallery_classes_hooks', 'gallery' );

$hook = new $classToLoad( $this->registry );

return $hook->hookBoardIndexRecentImages();

}

nie ma tego o czym piszesz

[DawPi]

Otwórz plik: admin/applications_addon/ips/gallery/sources/classes/hooks.php

Znajdź:

'limit' => 20

Zmień liczbę 20 na inną.

[ania07]

Idealnie, teraz tylko jak wyśrodkować te zdjęcia ?

[DawPi]

To już zadanie dla skinnera, ale pewnie coś w bicie o nazwie gallery global hookRecentGalleryImages. Co tam jest?

[ania07]

To już zadanie dla skinnera, ale pewnie coś w bicie o nazwie gallery global hookRecentGalleryImages. Co tam jest?

Dziękuję za pomoc, można zamknąć, wszystko jest ok a centrować nie chcę jednak .

[DawPi]

Hm, dasz kod z tego bitu?

[ania07]

Pewnie:

<style type="text/css">

#appGallLatestHook

{

height: 134px;

overflow:auto;

overflow-y: hidden;

}

#appGallLatestHook ul

{

text-align: center;

width: 1000px;

margin:10px 6px 6px 6px;

}

#appGallLatestHook ul li

{

display:inline-block;

padding:4px;

width: 100px;

height: 100px;

}

</style>

<div class='category_block block_wrap'>

<h3 id='category_gallrecent' class='maintitle'><a class="toggle right" href="#" title="{$this->lang->words['toggle_ucfirst']}">{$this->lang->words['toggle_ucfirst']}</a>{$this->lang->words['recent_gallery_images']}</h3>

<div id='appGallLatestHook' class='table_wrap row2'>

<ul>

<foreach loop="gallery_images_hook:$rows as $r">

<li>{parse gallery_resize="$r['thumb']" width="thumb_large"}</li>

</foreach>

</ul>

</div>

</div>

<script type="text/javascript">

/* Set up width */

count = 0;

$$('#appGallLatestHook ul li').each( function(e) { count++; } );

width = 112 * count;

if ( count > 1 )

{

$('appGallLatestHook').down('ul').setStyle('width:' + ( width + 5 ) + 'px');

}

</script>

[DawPi]

To:

#appGallLatestHook ul
{
text-align: center;
width: 1000px;
margin:10px 6px 6px 6px;
}

Zamień na:

#appGallLatestHook ul
{
text-align: center;
width: 1000px;
margin: 0 auto;
}

[ania07]

Wykonałem, ale ani drgnie. Jest jak było

[DawPi]

A to:

<ul>

Na:

<ul style='text-align:center; margin: 0 auto;'>

?

[ania07]

b/z niestety. Ale i tak jest dobrze, pewnie chodziło im o to by mieściło się jak najwięcej zdjęć na stronie głównej.

odpuszczamy ?

Edytowane 18 Marca 2011 przez ania07

[DawPi]

macsch15 wpadnie i Ci zrobi.

[ania07]

To czekam, a na tę chwilę bardzo dziękuję. Pozdrawiam.

[Macsch15]

Heh, spróbuj dodać do głównego ID

#appGallLatestHook
{
text-align: center !important;
height: 134px;
overflow:auto;
overflow-y: hidden;
}

Albo dodaj jako nowy

#appGallLatestHook li,
#appGallLatestHook ul{ 
text-align: center !important; 
}

Grafiki bez problemów pozycjonują się z text-align więc nie potrzeba margin: 0 auto; (wymagany przy boxach z tłem np).

[ania07]

Rozumiem że chodzi o dodanie tutaj:

admin/applications_addon/ips/gallery/sources/classes/hooks.php

[Macsch15]

<style type="text/css">
#appGallLatestHook li,
#appGallLatestHook ul{ 
text-align: center !important; 
}

#appGallLatestHook
{
height: 134px;
overflow:auto;
overflow-y: hidden;
}

#appGallLatestHook ul
{
text-align: center;
width: 1000px;
margin:10px 6px 6px 6px;
}
#appGallLatestHook ul li
{
display:inline-block;
padding:4px;
width: 100px;
height: 100px;
}
</style>

[ania07]

Niestety, po skopiowaniu tego co podałeś powyżej dokładnie w takiej konfiguracji, nie spowodowało wyśrodkowana zdjęć galerii.

[Macsch15]

Ok... to tak:

<style type="text/css">

#appGallLatestHook
{
height: 134px;
overflow:auto;
overflow-y: hidden;
}

#appGallLatestHook img {
   float: right;
}

#appGallLatestHook ul
{
text-align: center;
width: 1000px;
margin:10px 6px 6px 6px;
}
#appGallLatestHook ul li
{
display:inline;
padding:4px;
width: 100px;
height: 100px;
}
</style>

Edytowane 18 Marca 2011 przez macsch15

[ania07]

Ech,

oczywiście podmieniłem, a tam ani drgnie. Jak zaklęta ta galeria ! Może masz jeszcze jakąś propozycję ?

[Macsch15]

Ale skopiowałeś całość czy tylko ten nowy fragment? Bo zauważyłeś jest zmieniłem display:inline-block; na display:inline;? Cache czyściłeś po zmianie? (przeglądarki swojej).

Czemu nie widze żadnej zmiany, tzn elementu którego Ci podałem?

[ania07]

Witaj,

robię tak. Mam kod:

<style type="text/css">

#appGallLatestHook

{

height: 134px;

overflow:auto;

overflow-y: hidden;

}

#appGallLatestHook img {

float: right;

}

#appGallLatestHook ul

{

text-align: center;

width: 1000px;

margin:10px 6px 6px 6px;

}

#appGallLatestHook ul li

{

display:inline;

padding:4px;

width: 100px;

height: 100px;

}

</style>

<div class='category_block block_wrap'>

<h3 id='category_gallrecent' class='maintitle'><a class="toggle right" href="#" title="{$this->lang->words['toggle_ucfirst']}">{$this->lang->words['toggle_ucfirst']}</a>{$this->lang->words['recent_gallery_images']}</h3>

<div id='appGallLatestHook' class='table_wrap row2'>

<ul>

<foreach loop="gallery_images_hook:$rows as $r">

<li>{parse gallery_resize="$r['thumb']" width="thumb_large"}</li>

</foreach>

</ul>

</div>

</div>

<script type="text/javascript">

/* Set up width */

count = 0;

$$('#appGallLatestHook ul li').each( function(e) { count++; } );

width = 112 * count;

if ( count > 1 )

{

$('appGallLatestHook').down('ul').setStyle('width:' + ( width + 5 ) + 'px');

}

</script>

a po zmianie mam tak:

<style type="text/css">

#appGallLatestHook

{

height: 134px;

overflow:auto;

overflow-y: hidden;

}

#appGallLatestHook img {

float: right;

}

#appGallLatestHook ul

{

text-align: center;

width: 1000px;

margin:10px 6px 6px 6px;

}

#appGallLatestHook ul li

{

display:inline;

padding:4px;

width: 100px;

height: 100px;

}

</style>

<div class='category_block block_wrap'>

<h3 id='category_gallrecent' class='maintitle'><a class="toggle right" href="#" title="{$this->lang->words['toggle_ucfirst']}">{$this->lang->words['toggle_ucfirst']}</a>{$this->lang->words['recent_gallery_images']}</h3>

<div id='appGallLatestHook' class='table_wrap row2'>

<ul>

<foreach loop="gallery_images_hook:$rows as $r">

<li>{parse gallery_resize="$r['thumb']" width="thumb_large"}</li>

</foreach>

</ul>

</div>

</div>

<script type="text/javascript">

/* Set up width */

count = 0;

$$('#appGallLatestHook ul li').each( function(e) { count++; } );

width = 112 * count;

if ( count > 1 )

{

$('appGallLatestHook').down('ul').setStyle('width:' + ( width + 5 ) + 'px');

}

</script>

dokładnie tak zapisuję. Czy coś robię zle ?

Edytowane 18 Marca 2011 przez ania07