• This forum has been archived. New threads and replies may not be made. All add-ons/resources that are active should be migrated to the Resource Manager. See this thread for more information.

[XFR] User Albums

Status
Not open for further replies.
Craigr said:
Noticed if you set an album as global any images added to it don't show up on the forum index.
Click to expand...

Edit /library/XfRu/UserAlbums/Model/Images.php or just be patient Pepelac will fix it soon :)

Line ~ 197

Find :

PHP: 
WHERE album.album_type = "public" AND moderation = 0

Replace:

PHP: 
WHERE ( album.album_type = "public" OR album.album_type = "global") AND moderation = 0


Craigr said:
Also if User Album home is viewed in table format the most recent image in each category doesn't show up (See attached). If i switch it to grid view it appears ok. Anyone know how to fix?
Click to expand...

It's working exactly as designed.
 
boban said:
Edit /library/XfRu/UserAlbums/Model/Images.php or just be patient Pepelac will fix it soon :)

Line ~ 197

Find :

PHP: 
WHERE `album`.album_type = "public" AND moderation = 0

Replace:

PHP: 
WHERE ( album`.album_type = "public" OR `album`.album_type = "global") AND moderation = 0




It's working exactly as designed.
Click to expand...

Excellent, thanks for that. :)

Peplac > It would be nice if there was a small image thumbnail on the table format too like then grid view. :)
 
gldtn said:
I wanted to make it a lil more cleaner, so I went ahead a played with the forum-list lastest images view to allow 5 images.

View attachment 24034

Although I really like what I have now, what would be really neat, is if we can get Pepelac to have the image info to show only when hovering on top of the image, sort of like when you open up a member card and if your an administrator, the Edit link shows up.

I think that would make things a lot cleaner, and save space :D

Anyways, if you would like my code here it is,
just add it to Xenforo EXTRA.CSS template and you should be good to go:

* WARNING * this is set to my liking and my forum skin, you'll most likely have to edit a few thing to make it work with your own. My forum is set to 976px fixed with and it looks perfectly aligned. If you have another with, it will most like not look 100% like the shot you seen above.

Code: 
/**
* [xfr] Useralbum forum-list Latest Images
*/
.thumbnailHolder
{
    float: left;
    width: 130px !important;
}
 
.firstImage
{
    margin-left: -1px !important;
}
 
.thumbnailHolder .boxModelFixer
{
    margin: 0 !important; padding: 0 !important;
    border: none !important;
    border-radius: none !important;
}
 
    .thumbnailHolder .thumbnail
    {
        margin: 4px !important; padding: 4px !important;
        width: 120px !important;
        height: 120px !important;
        line-height: 115px;
        text-align: center;
 
        border: 1px none black;
        border-radius: none !important;
        box-shadow: none !important;
    }
 
        .thumbnailHolder .thumbnail .thumbBox
        {
            padding-right: 0;
            padding-top: 0;
            z-index: 10;
            position: relative;
        }
 
 
            .thumbnailHolder .thumbnail .thumbBox img
            {
                max-height: 120px !important;
                max-width: 120px !important;
                vertical-align: middle;
            }
 
    .thumbnailHolder .infobar
    {
        font-size: 11px;
        width: 120px !important;
        margin: 10px 8px 10px 8px !important;
        text-align: center;
        border: 1px solid @cmDarkerBorder !important;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.5);
        -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.5);
        -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.5);
        -khtml-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.5);
        border-radius: 3px;
    }
 
        .thumbnailHolder .infobar .item
        {
            border: none !important;
            border-radius: 5px;
            padding:3px 3px 3px 22px !important;
            height:16px;
            line-height:16px;
            display:inline-block;
        }
            .thumbnailHolder .infobar .posterDate
                        {
                            margin-top: 5px !important;
                        }
Click to expand...
EXCELLENT! :thumbsup: By making the changes in EXTRA.css it can safely be implemented without unnecessary template changes. You're my hero!
 
boban said:
Edit /library/XfRu/UserAlbums/Model/Images.php or just be patient Pepelac will fix it soon :)

Line ~ 197

Find :

PHP: 
WHERE `album`.album_type = "public" AND moderation = 0

Replace:

PHP: 
WHERE ( album`.album_type = "public" OR `album`.album_type = "global") AND moderation = 0




It's working exactly as designed.
Click to expand...
Is this fix you just showed supposed to also fix global images showing up in the xenporta block?
 
It is so great with more thumbs in the row - thanks a lot.

I have a few problems and maybe some of the css-brains in here know what is wrong;)

Okay may english is bas, so I have made a few screenshots.

1. It would be so nice if I could change the color from white to dark and the text from dark to light.. Well is it possible from inside Style Properties?
Do someone know if there is a full-screen add-on available for the album - you know so the entire screen will go dark with the photo in the middle.

change_color.webp

2. Something is wrong with the size of the thumbs at the index - and the position when you enter the album.. Any suggestions?

thumbs.webp

Wrong_possision.webp

All the best
Morten
 
boban said:
No, not directly but you can edit UserAlbumsLatestPictures.php and change php manually. Find and replace same part of php code.

Xenporta block fix http://xenforo.com/commhunity/threads/8wayrun-com-xenporta-module-add-ons.7611/page-40#post-316000
Click to expand...


That killed my site

An exception occurred: Mysqli prepare error: You have an error in your SQL syntax; check the manual that corresponds to your MySQL server version for the right syntax to use near '`.album_type = "public" OR `album`.album_type = "global") AND moderation = 0 ' at line 10 in /home/mike/public_html/library/Zend/Db/Statement/Mysqli.php on line 77
  1. Zend_Db_Statement_Mysqli->_prepare() in Zend/Db/Statement.php at line 115
  2. Zend_Db_Statement->__construct() in Zend/Db/Adapter/Mysqli.php at line 381
  3. Zend_Db_Adapter_Mysqli->prepare() in Zend/Db/Adapter/Abstract.php at line 478
  4. Zend_Db_Adapter_Abstract->query() in Zend/Db/Adapter/Abstract.php at line 734
  5. Zend_Db_Adapter_Abstract->fetchAll() in EWRporta/Block/UserAlbumsLatestPictures.php at line 31
  6. EWRporta_Block_UserAlbumsLatestPictures->getModule() in EWRporta/Model/Blocks.php at line 112
  7. EWRporta_Model_Blocks->getBlockParams() in EWRporta/ViewPublic/Custom.php at line 66
  8. EWRporta_ViewPublic_Custom->renderHtml() in XenForo/ViewRenderer/Abstract.php at line 215
  9. XenForo_ViewRenderer_Abstract->renderViewObject() in XenForo/ViewRenderer/HtmlPublic.php at line 67
  10. XenForo_ViewRenderer_HtmlPublic->renderView() in XenForo/FrontController.php at line 533
  11. XenForo_FrontController->renderView() in XenForo/FrontController.php at line 156
  12. XenForo_FrontController->run() in /home/mike/public_html/index.php at line 13
 
Sorry if this has been answered before. Is there any way of making only the preview images (above the forum, for instance) visible to guests, but not the full size?

This would lead to an error message when trying to view pics in full size. Would be a fine way of motivating guests to register, imo.
 
gldtn said:
I wanted to make it a lil more cleaner, so I went ahead a played with the forum-list lastest images view to allow 5 images.

View attachment 24034

Although I really like what I have now, what would be really neat, is if we can get Pepelac to have the image info to show only when hovering on top of the image, sort of like when you open up a member card and if your an administrator, the Edit link shows up.

I think that would make things a lot cleaner, and save space :D

Anyways, if you would like my code here it is,
just add it to Xenforo EXTRA.CSS template and you should be good to go:

* WARNING * this is set to my liking and my forum skin, you'll most likely have to edit a few thing to make it work with your own. My forum is set to 976px fixed with and it looks perfectly aligned. If you have another with, it will most like not look 100% like the shot you seen above.

Code: 
/**
* [xfr] Useralbum forum-list Latest Images
*/
.thumbnailHolder
{
    float: left;
    width: 130px !important;
}
 
.firstImage
{
    margin-left: -1px !important;
}
 
.thumbnailHolder .boxModelFixer
{
    margin: 0 !important; padding: 0 !important;
    border: none !important;
    border-radius: none !important;
}
 
    .thumbnailHolder .thumbnail
    {
        margin: 4px !important; padding: 4px !important;
        width: 120px !important;
        height: 120px !important;
        line-height: 115px;
        text-align: center;
 
        border: 1px none black;
        border-radius: none !important;
        box-shadow: none !important;
    }
 
        .thumbnailHolder .thumbnail .thumbBox
        {
            padding-right: 0;
            padding-top: 0;
            z-index: 10;
            position: relative;
        }
 
 
            .thumbnailHolder .thumbnail .thumbBox img
            {
                max-height: 120px !important;
                max-width: 120px !important;
                vertical-align: middle;
            }
 
    .thumbnailHolder .infobar
    {
        font-size: 11px;
        width: 120px !important;
        margin: 10px 8px 10px 8px !important;
        text-align: center;
        border: 1px solid @cmDarkerBorder !important;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.5);
        -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.5);
        -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.5);
        -khtml-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.5);
        border-radius: 3px;
    }
 
        .thumbnailHolder .infobar .item
        {
            border: none !important;
            border-radius: 5px;
            padding:3px 3px 3px 22px !important;
            height:16px;
            line-height:16px;
            display:inline-block;
        }
            .thumbnailHolder .infobar .posterDate
                        {
                            margin-top: 5px !important;
                        }
Click to expand...

Check out what your code did with mine (forum fixed width at 1050 pixels)... any suggestions on how to make it look a little better?
 
gldtn said:
What's the url, i clicked on your banner but did not see anything..
Click to expand...
Your fix for making more preview images visible on forumhome is working perfectly, although it somewhat messed up the layout for the album list. Can you look into that?

Skjermbilde 2012-01-30 kl. 15.56.28.webp
 
Garamond said:
Your fix for making more preview images visible on forumhome is working perfectly, although it somewhat messed up the layout for the album list. Can you look into that?
Click to expand...

Sorry, did not notice till later that it affected the other pages as well;

Replace the old code with this and it shoul only effect the forum list items:
Code: 
/**
* [XFR] User albums Extra Images on Forum List
*/
 
 
.forum_list .thumbnailHolder
{
    float: left;
    width: 130px !important;
}
 
.forum_list .firstImage
{
    margin-left: -1px !important;
}
 
.forum_list .thumbnailHolder .boxModelFixer
{
    margin: 0 !important; padding: 0 !important;
    border: none !important;
    border-radius: none !important;
}
 
    .forum_list .thumbnailHolder .thumbnail
    {
        margin: 4px !important; padding: 4px !important;
        width: 120px !important;
        height: 120px !important;
        line-height: 115px;
        text-align: center;
 
        border: 1px none black;
        border-radius: none !important;
        box-shadow: none !important;
    }
 
        .forum_list .thumbnailHolder .thumbnail .thumbBox
        {
            padding-right: 0;
            padding-top: 0;
            z-index: 10;
            position: relative;
        }
 
 
            .forum_list .thumbnailHolder .thumbnail .thumbBox img
            {
                max-height: 120px !important;
                max-width: 120px !important;
                vertical-align: middle;
            }
 
    .forum_list .thumbnailHolder .infobar
    {
        font-size: 11px;
        width: 120px !important;
        margin: 10px 8px 10px 8px !important;
        text-align: center;
        border: 1px solid @cmDarkerBorder !important;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.5);
        -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.5);
        -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.5);
        -khtml-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.5);
        border-radius: 3px;
    }
 
        .forum_list .thumbnailHolder .infobar .item
        {
            border: none !important;
            border-radius: 5px;
            padding:3px 3px 3px 22px !important;
            height:16px;
            line-height:16px;
            display:inline-block;
        }
 
        .forum_list .thumbnailHolder .infobar .posterDate
                    {
                        margin-top: 5px !important;
                    }

Don't forget to change the border color to match your style on this line:
border: 1px solid @cmDarkerBorder !important;

As @cmDarkerBorder is a custom property to my style!

The Pet Board said:
That is one of the reasons I removed mine... also I could fit the 5 on the portal, but it left too much space on the right side.
Click to expand...

This should work for you with 5 images:
Code: 
/**
* [XFR] User albums Extra Images on Forum List (Width: 1050px)
*/
 
 
.forum_list .thumbnailHolder
{
    float: left;
    width: 146px !important;
}
 
.forum_list .firstImage
{
    margin-left: -2px !important;
}
 
.forum_list .thumbnailHolder .boxModelFixer
{
    margin: 0 !important; padding: 0 !important;
    border: none !important;
    border-radius: none !important;
}
   
    .forum_list .thumbnailHolder .thumbnail
    {
        margin: 5px !important; padding: 5px !important;
        width: 130px !important;
        height: 130px !important;
        line-height: 115px;
        text-align: center;
 
        border: 1px none black;
        border-radius: none !important;
        box-shadow: none !important;
    }
 
        .forum_list .thumbnailHolder .thumbnail .thumbBox
        {
            padding-right: 0;
            padding-top: 0;
            z-index: 10;
            position: relative;
        }
 
 
            .forum_list .thumbnailHolder .thumbnail .thumbBox img
            {
                max-height: 130px !important;
                max-width: 130px !important;
                vertical-align: middle;
            }
 
    .forum_list .thumbnailHolder .infobar
    {
        font-size: 11px;
        width: 130px !important;
        margin: 10px 8px 10px 10px !important;
        text-align: center;
        border: 1px solid @cmDarkerBorder !important;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.5);
        -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.5);
        -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.5);
        -khtml-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.5);
        border-radius: 3px;
 
    }
 
        .forum_list .thumbnailHolder .infobar .item
        {
            border: none !important;
            border-radius: 5px;
            padding:3px 3px 3px 22px !important;
            height:16px;
            line-height:16px;
            display:inline-block;
        }
        .forum_list .thumbnailHolder .infobar .posterDate
                    {
                        margin-top: 5px !important;
                    }
 
Just customized the script to fit into my forum - nice.

I have two questions - I hope someone can help.

1. Is it possible to remove the date below the user name ? - that would make the info box more slim.

2. How do I change the color in the image containers and behind the containers? I would like it white and not green behind the containers (see photo)

album.webp

All the best
Morten
 
Status
Not open for further replies.

Similar threads

cdub
  • Suggestion Suggestion
User Albums
Replies
2
Views
342
Alpha1
Alpha1
1966Mustang
  • Question Question
Implementing User Albums
Replies
4
Views
1K
1966Mustang
1966Mustang
frankdavis
  • Question Question
MG 2.1 Forums Imported vb4 to Xeneforo 2.1 - Now Want to Import User Albums
Replies
1
Views
422
Paul B
Paul B
Elizabeth
  • Question Question
MG 2.0 Need help migrating user albums
Replies
7
Views
2K
Paul B
Paul B
SchmitzIT
  • Question Question
XF 1.5 Import phpBB albums -> XF1.5
Replies
2
Views
3K
SchmitzIT
SchmitzIT
Top Bottom