XF 1.x Suggestions for Site functions and Useful lists

Boone

Well-Known Member
Any suggestions on what to put into the site functions and useful lists?

Having brain freeze.

Thanks.
 

Russ

Pixel Exit Staff
I mean really they're placeholder links so you can change them to anything you want.

You can look at one we did here:

https://gamerexit.com/

Make them unique to your site or something that users would find useful.
 

Boone

Well-Known Member
Nice site. Which style is that?

How do I put "Our Community" down in the footer?

How do I make my sidebar a black background? FYI: I use Widget Framework

Thanks!!
 

Russ

Pixel Exit Staff
That style is a customization of Core with lots of little details added.

Adding widgets to the footer is fairly easy:

Screenshot_3.png


We have a hook in each block, so you can use: xbFooterHook1/2/3/4 for the position. Make sure you clear the UL list in the block 2 property, leaving the h3.

The css is pretty easy for it:

Code:
#widget-13 dl
{
   border-bottom: 1px solid rgb(31, 31, 31);
   border-top: 1px solid rgb(9, 9, 9);
   padding: 5px 0;
}
#widget-13 dl:last-child
{
   border-bottom-width: 0px;
}
#widget-13 dl:first-child
{
   border-top-width: 0px;
}
#widget-13 > h3
{
   display: none;
}
.footerBlock .sectionMain.sidebar
{
   background-color: rgba(0, 0, 0, 0);
   border-width: 0;
   padding: 0;
}
Replacing 13 with your own widget ID which you can find when you edit the widget in the URL bar.

I'm not one to keep stuff to myself, but keep in mind this is a work in progress I haven't actually completed the dark sidebar.

I'd create a new template and include it in your extra.css:

create template -> sidebarextra.css

in extra at the top:

Code:
<xen:include template="sidebarextra.css" />
Then the code for that template:

Code:
.tagCloud .tagCloudTag4
{
   color: orange;
}

.XenBase .sidebar
{
   background-color: #202020;
   border-radius: 5px;
   color: #8c8c8c !important;
   padding: 0px !important;
   margin-top: 10px;
}
.sidebar a
{
   color: #8c8c8c;
}
.XenBase .sidebar .secondaryContent
{
   background-color: transparent;
   border-width: 0px;
   padding-right: 15px;
   padding-left: 15px;
}
.XenBase .sidebar .section, .XenBase .sidebar .secondaryContent
{
   margin-top: 0px;
   padding-top:0px ;
}
.XenBase .sidebar .section .primaryContent h3, .XenBase .sidebar .section .secondaryContent h3, .XenBase .profilePage .mast .section.infoBlock h3
{
   margin: 0px -15px 10px;
   box-shadow: none;
   border-right-width: 0px !important;
   border-left-width: 0px !important;
   border-radius: 0px;
   padding-left: 20px;
}
.XenBase .sidebar h3:before
{
   left: 0px;
}
.XenBase .sidebar h3:after
{
   display: none;
}
.XenBase .sidebar .section:first-child h3
{
   border-radius: 5px 5px 0px 0px !important;
}
.XenBase .profilePostListItem {
   border-bottom: 1px solid #000;
   border-top: 1px solid #282828;
   margin: 0;
   padding: 7px 0;
}
.XenBase .WidgetFramework_WidgetRenderer_ProfilePosts_ProfilePostList
{
   border-bottom: 1px solid #282828;
}
.sidebar textarea
{
   background: none no-repeat 0 0 #0d0d0d !important;
   border: 1px solid #232323 !important;
   padding: 8px;
   color: #FFF !important;
}
It'll make it easy and keep it apart from the other styling.
 

Boone

Well-Known Member
Thank you for all of your assistance I really appreciate it!!

In regards to the footer. What did I miss? I put the code in extra.css

Code:
#widget-22 dl
{
  border-bottom: 1px solid rgb(31, 31, 31);
  border-top: 1px solid rgb(9, 9, 9);
  padding: 5px 0;
}
#widget-22 dl:last-child
{
  border-bottom-width: 0px;
}
#widget-22 dl:first-child
{
  border-top-width: 0px;
}
#widget-22 > h3
{
  display: none;
}
.footerBlock .sectionMain.sidebar
{
  background-color: rgba(0, 0, 0, 0);
  border-width: 0;
  padding: 0;
}
 

Attachments

Russ

Pixel Exit Staff
Interesting... your stats aren't even working period. What version of the framework are you on?

Technically you can fix the styling of the white:
Code:
.footerBlock #boardStats.secondaryContent {
background-color: transparent;
padding: 0px;
border-width: 0px;
}
But it's still not counting stats on your board for some reason.

Also PM'd you about something
 

Boone

Well-Known Member
I'm using AndyB statistics. That is probably screwing things up. I tried with the default statistics and it still doesn't show. Can't get the white background to be black.

Answered your PM earlier.
 

Pre-Sale Questions

If you have any questions or concerns you want to ask before you make a purchase don't hesitate to use one of our multiple support channels for your convenience.