Pineapple Profile Theme
Feel free to edit it to your liking.(Giving me some credit would be nice though.)
If you have any questions or problems with anything reply here.
- Known Bugs:
Recent Visitors and Wish List panels won't resize, and stretch the footer out.
-Fix might not be possible. Those panels don't have an inner wrapper.
- Change Log:
01.07.12 - Released
01.08.12 - Changed how avatars look under the comments.(head only)
- Fixed Firefox glitch.(Column_2 was .09% too big and it was pushed down.)
01.09.12 - Changed how the footer is displayed, fixes a lot of little bugs and allows you to hide scroll bars in the footer.
The Set Up
Before you put the code in you need to set a few things up first.
Make sure your profile type is set to current.
This only works with the new profiles.
Set up your footer.
Put any 4 panels in the 3rd column in your profile. The third column will be used as a footer for the page.
Insert the CODE
Thats it now just copy the code below and paste it into the Theme Override.
Note: If you want to change the panels in the footer you'll have to delete the code from the theme override first. Then just put it back in.
The Code:
Works with Safari and FireFox.( Haven't Checked IE)/*
Pineapple Profile Theme
Created by : Knifoon
*/
html {
background:#E8EBEC;
}
/* Content Wrapper */
#columns {
width:960px;
margin-left:auto;
margin-right:auto;
float:none;
position:static;
margin-top: 5px;
background:#f1f2f4;
border:1px #d6d3d7 solid;
-webkit-border-radius:5px;
-moz-border-radius:5px
}
/* Links */
#columns a {
color:#A32F2F
}
/* Left Sidebar */
#column_1 {
width:20%;
margin-left:0;
margin-top:10px
}
/* Content */
#column_2 {
width:77.91%;
overflow:visible
}
/* Panels */
.panel {
background:none
}
.panel h2 {
display:none
}
/* Friends Panel */
.friends_panel .style1 li{
width: 50px;
margin: 1px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
background: #e8ebec;
border:1px #d6d3d7 solid;
overflow: hidden;
}
.friends_panel .style1 li p{
white-space: nowrap;
}
/* Comments Panel */
.comments_panel .style1 {
overflow:scroll;
overflow-x:hidden;
overflow-y:auto;
max-height:350px
}
.comments_panel .style1 dt {
border-bottom:0!important
}
/* Comments Avatars */
.comments_panel .style1 .dropBox {
overflow: hidden;
width: 48px;
height: 48px;
}
.comments_panel .style1 .dropBox img{
height: 150px;
width: 120px;
position: relative;
left: -40px;
top: -30px;
}
.comments_panel .style1 .postcontent{
margin-left: 55px;
}
/* Footer */
#column_3 {
width:100%;
text-align: center;
display: table;
border-spacing: 5px;
margin-left: 4px;
}
#column_3 .panel {
width:25%!important;
height:100%;
display:table-cell;
border:1px #d6d3d7 solid;
background:#E8EBEC;
vertical-align:top;
-webkit-border-radius:5px;
-moz-border-radius:5px;
overflow: hidden;
}
#column_3 .panel h2 {
display:block;
background:none;
color:#000;
text-align:center
}
#column_3 .panel ul{
max-height: 100px;
overflow-y: scroll;
overflow-x: hidden;
}
#footer{
padding-bottom: 5px;
}
