Jump to content

Community

Featured Content for IPS 3.4.x


onlyME

Recommended Posts

This app is perfect! There's only one thing that should be fixed, as you can see in the image, when the browser is resized all the fcontents are not resized as well and the last one escape out of the right border!

Can you fix it?

Great jobs btw ;)
%7Boption%7Dproblemcr.png' alt='' class='ipsImage' w" alt="" class="ipsImage" width="1000" height="224">

Link to comment
Share on other sites

Good evening,

yes I know that this setting disables groups add an image and delete it, but what I mean is that a member having the function to add images could not delete the photos of other members have added an image.



Yeah, i'll thinking about this function to improve the management of fcontent.



Members of the selected groups who have not added an image, still have the ability to delete images from other members, I find it somewhat annoying.

Besides this problem of group that can delete the images of other members, I find that the module is evolving more and more good luck.

See you on the forum.
Link to comment
Share on other sites


This app is perfect! There's only one thing that should be fixed, as you can see in the image, when the browser is resized all the fcontents are not resized as well and the last one escape out of the right border!



Can you fix it?



Great jobs btw :wink:


%7Boption%7D

problemcr.png' alt='' class='ipsImage' w

" alt="" class="ipsImage" width="1000" height="224">



Plz visit the Look & Feel -> Template Tools page in the Admin CP and run the Rebuild Master Skin Data (check the boxes for 'Rebuild HTML' and 'Featured Content') tool
%7Boption%7D

Then run the 'Recache Skin Sets' tool for all skins.

P/s You should choose the size of each image (width+height), so that it can fit the width of forum



Good evening,



Members of the selected groups who have not added an image, still have the ability to delete images from other members, I find it somewhat annoying.



Besides this problem of group that can delete the images of other members, I find that the module is evolving more and more good luck.



See you on the forum.




Yeah, I do not code the function to Improve the management of fcontent yet, because it have to add user data into fcontent db, it is quite complex. I need more time to think about it.
Link to comment
Share on other sites



%7Boption%7D



Then run the 'Recache Skin Sets' tool for all skins.



P/s You should choose the size of each image (width+height), so that it can fit the width of forum





That doesn't solved it. I think the problem is that each image is "static" sized and so each image does not shrinks dynamically with the browser. ;) I think that this can be a problem for who visit the forum from a netbook or whatever small device!
Link to comment
Share on other sites


That doesn't solved it. I think the problem is that each image is "static" sized and so each image does not shrinks dynamically with the browser. :wink: I think that this can be a problem for who visit the forum from a netbook or whatever small device!



Rebuild cache is fix fcontent template, i see in your image, the template is broken (let's see move, delete button)
%7Boption%7Dproblemcr.png' alt='' class='ipsImage' w" alt="" class="ipsImage" width="1000" height="224">

It should look like this
%7Boption%7Ddi-7S3E.png' alt='' class='ipsImage' wid" alt="" class="ipsImage" width="1000" height="266">

This mod will display well with fixed-width skin :( Current, I have no way to adjust the image size automatically to fit all screen sizes.
Link to comment
Share on other sites


Works perfect!



One question...



Can i put manually the slideshow in any part of IPB? I try but whitout results. What is the code that would have to use?



Thx in advance!



Yes, you can make a template hook manually to put a slideshow group in any part of IPB, I wrote an example hook for you (display fcontent group id #1 in topic view, above quick reply), I hope it can help you.
post-146888-0-86157100-1329551535_thumb.
It's here: fcontent_hook_example.xml

Change the group id in that file, at line:

'where'  => 'id=1'

Link to comment
Share on other sites


Aside from member group permissions the other thing that if it could be added would be of great help is the ability for it to use a default image (set this in ACP) if no image is chosen or is present in a topic.



Thanks again for an excellent app :smile:



Yeah, that's helpful, i'll add it in next version .
Link to comment
Share on other sites


Does this work with the latest alfa build ?



And is it possible to add pictures like a normal slideshow or does it depend on forum topics?



I have not tested it with the latest alpha but I promise to update it when the IPB 3.3 final version is released.
With this mod, you can add forum topics or custom content (link + image) to the slideshow.
Link to comment
Share on other sites

For those who need to test this mod with ipb 3.3 alpha:

Note:
- Do not use on your live site

Open adminapplications_addonotherfeaturedcontentxmlhookshooks.xml
Find:

public function sendOutput()

Replace with:

public function sendOutput( $return=false )

Save.Open adminapplications_addonotherfeaturedcontentxmlfeaturedcontent_root_templates.xmlFind:



			   	 function popup_addCustom_{$gid}(){

						new ipb.Popup( 'popup_window', { type: 'pane', modal: true, w: '500px', h: '400px',

														 ajaxURL: "{$this->settings['board_url']}/?app=featuredcontent&cmd=addCustom&gid={$gid}",

														 hideAtStart: false, close: 'a[rel="close"]' } ) }

Replace with:



			   	 function popup_addCustom_{$gid}(){

						new ipb.Popup( 'popup_window', { type: 'pane', modal: true, w: '500px', h: '400px',

														 ajaxURL: "{$this->settings['board_url']}/?app=featuredcontent&cmd=addCustom&gid={$gid}",

														 hideAtStart: false, close: 'a[rel="close"]' } ) }


Save.

Install the mod, if already installed, just recache and reimport hook. Tell me the errors that you found, so i can make it better for the upcoming ipb 3.3 final.

Thank you and regards,
onlyME
(=^__^=)
Link to comment
Share on other sites


Hello,



Quick question. No matter what I do, I can't get the featured content slider above the shout box. Can you please help me figure this out?



Thankyou




Go ACP -> manager hook, move the hook of fcontent to above shoubox hook. :D


hello thank u for the mod, why do the top of my site looks like this when i try to make it working


%7Boption%7D

' alt='' class='ipsImage' width="1000px" height="217px">



See link below for picture


' alt='' class='ipsImage' width="1000px" height="217px">


Hi, try to go ACP -> manage hook -> click 'Reimport all Hook Application'
Link to comment
Share on other sites


Hello,



I have already tried this and it doesn't move it.



The file is attached.



Thank You



Hello xBeccax, I just edit the file hooks, plz re-download and upload :D then go to ACP -> manage hook -> click button 'Reimport All application hook'


How can i make it look like this?



The 1 2 3 4 at the bottom center and the arrows on the left and write and the content box smaller?



[img]

[/img]




Thank you




Hi, I can only do it like this (can not show number 1 2 3 4)
post-146888-0-55891100-1329923640_thumb.

Open ACP -> look & feel -> choose your skin -> skin_featuredcontent -> fcontent_css
Find:


/* Navigation */

.pluit-carousel .nav {

  position: relative;

  padding: 0 3px; height: 10px;

  text-align:left;

}

.pluit-carousel .nav li a:hover {

  background-position: -46px 0;

}

.pluit-carousel .nav .prev {

  position: absolute;

  right: 22px;

}

.pluit-carousel .nav .next {

  position: absolute;

  right: 5px;

}

.pluit-carousel .nav .prev a, .pluit-carousel .nav .next a {

  width: 10px; height: 10px;

  background-position: -91px 0;

}

.pluit-carousel .nav .prev a:hover {

  background-position: -179px 0;

}

.pluit-carousel .nav .next a {

  background-position: -135px 0;

}

.pluit-carousel .nav .next a:hover {

  background-position: -223px 0;

}

.pluit-carousel .nav .pages {

  position: absolute;

  top: 0px; left: 2px;

}

.pluit-carousel .nav .pages ul {

  float: left;

}

.pluit-carousel .nav .pages li {

  float: left;

  margin-right: 8px;

}

.pluit-carousel .nav .pages li a {

  width: 10px; height: 10px;

}

.pluit-carousel .nav .pages li.active a {

  background-position: -46px 0;

}

.pluit-carousel ul, .pluit-carousel .nav .pages, .pluit-carousel .nav {

  zoom: 1;

}

.pluit-carousel ul:after, .pluit-carousel .nav .pages:after, .pluit-carousel .nav:after {

  content: '.';

  display: block;

  height: 0;

  clear: both; visibility: hidden;

}

.pluit-carousel .nav li a {

  display: block; overflow: hidden;

  text-indent: -100em; outline: none;

  background: url({$this->settings['board_url']}/fcontent/carousel_nav.png) no-repeat 0 0;

}

Replace with:


/* Navigation */

.pluit-carousel .nav {

  position: relative;

  padding: 0 3px; height: 10px;

  text-align:left;

}

.pluit-carousel .nav li a:hover {

  background-position: -46px 0;

}

.pluit-carousel .nav .prev {

  position: absolute;

  left: -60px;

  top: -110px;

}

.pluit-carousel .nav .next {

  position: absolute;

  right: -60px;

  top: -110px;  

}

.pluit-carousel .nav .prev a, .pluit-carousel .nav .next a {

  width: 50px;

  height: 54px;

  background-position: 0 -85px;

}

.pluit-carousel .nav .prev a:hover {

  background-position: -80px -85px;

}

.pluit-carousel .nav .next a {

  background-position: -160px -85px;

}

.pluit-carousel .nav .next a:hover {

  background-position: -240px -85px;

}

.pluit-carousel .nav .pages {

  position: absolute;

  top: 0px; left: 500px;

}

.pluit-carousel .nav .pages ul {

  float: left;

}

.pluit-carousel .nav .pages li {

  float: left;

  margin-right: 8px;

}

.pluit-carousel .nav .pages li a {

  width: 10px; height: 10px;

}

.pluit-carousel .nav .pages li.active a {

  background-position: -46px 0;

}

.pluit-carousel ul, .pluit-carousel .nav .pages, .pluit-carousel .nav {

  zoom: 1;

}

.pluit-carousel ul:after, .pluit-carousel .nav .pages:after, .pluit-carousel .nav:after {

  content: '.';

  display: block;

  height: 0;

  clear: both; visibility: hidden;

}

.pluit-carousel .nav li a {

  display: block; overflow: hidden;

  text-indent: -100em; outline: none;

  background: url({$this->settings['board_url']}/fcontent/carousel_nav.png) no-repeat 0 0;

}

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
  • Recently Browsing   0 members

    No registered users viewing this page.

×
×
  • Create New...

Important Information

We use technologies, such as cookies, to customise content and advertising, to provide social media features and to analyse traffic to the site. We also share information about your use of our site with our trusted social media, advertising and analytics partners. See more about cookies and our Privacy Policy