[REQ] Two 3.8 Template Modifications
- Thread starter Aunsai
- Start date
Itsuki Minami
New Member
New Social Groups page layout
A template edit for the Social Groups page to look more like the Profile page.
version 1.2 - 2009-02-07
Fixed some issues with the conditions being inside the div tags instead of outside. Searching discussions should now give you a full size table listing instead of the 'short' table. (And yeah, I skipped version 1.1 just cuz I felt like it!)
version 1.3 - 2009-02-12
Added View Pictures and Add Pictures at bottom of Pictures Box (thanks Theater!) and fixed issue with centering pictures in Social Groups causing pictures to display vertically in the Group Pictures page.
version 1.3.1 - 2009-02-12
Fixed a condition around an end div tag.
1. Open the socialgroups_css template and FIND the following lines at the end:
HTML Code:
-->
</style>
Add the following lines ABOVE those lines:
HTML Code:
#content_container {
width:100%;
float:left;
margin-right:-256px;
}
#content {
margin-right:256px;
}
#sidebar_container {
width:250px;
float:right;
}
.content_block {
margin-bottom:6px;
padding:1px;
}
.content_block .block_row {
padding:6px;
margin:1px 0px 0px 0px;
}
.content_block .block_title {
padding:6px;
margin:0px 0px 0px 0px;
}
.content_block h4.thead, .content_block .block_title {
padding:4px;
margin:1px 0px 0px 0px;
}
.content_block .block_footer {
text-align:right;
padding:4px;
margin:1px 0px 0px 0px;
}
2. REPLACE your socialgroups_group template with the following:
HTML Code:
** see text file. The template contents are too long. **
Please click INSTALL if you find this useful.
A template edit for the Social Groups page to look more like the Profile page.
version 1.2 - 2009-02-07
Fixed some issues with the conditions being inside the div tags instead of outside. Searching discussions should now give you a full size table listing instead of the 'short' table. (And yeah, I skipped version 1.1 just cuz I felt like it!)
version 1.3 - 2009-02-12
Added View Pictures and Add Pictures at bottom of Pictures Box (thanks Theater!) and fixed issue with centering pictures in Social Groups causing pictures to display vertically in the Group Pictures page.
version 1.3.1 - 2009-02-12
Fixed a condition around an end div tag.
1. Open the socialgroups_css template and FIND the following lines at the end:
HTML Code:
-->
</style>
Add the following lines ABOVE those lines:
HTML Code:
#content_container {
width:100%;
float:left;
margin-right:-256px;
}
#content {
margin-right:256px;
}
#sidebar_container {
width:250px;
float:right;
}
.content_block {
margin-bottom:6px;
padding:1px;
}
.content_block .block_row {
padding:6px;
margin:1px 0px 0px 0px;
}
.content_block .block_title {
padding:6px;
margin:0px 0px 0px 0px;
}
.content_block h4.thead, .content_block .block_title {
padding:4px;
margin:1px 0px 0px 0px;
}
.content_block .block_footer {
text-align:right;
padding:4px;
margin:1px 0px 0px 0px;
}
2. REPLACE your socialgroups_group template with the following:
HTML Code:
** see text file. The template contents are too long. **
Please click INSTALL if you find this useful.
Itsuki Minami
New Member
Postbit Legacy - Usergroup Backgrounds
Hello! This is my first submission. I run LTXTech.com, I go by phantomzer0 over there, and I wanted this hack for a long time. I decided to write it on my own and the outcome was perfect. I know enough to get the job done, so if there is a more efficient way to produce this, by all means post it up!
Here is what this hack will do for you:
Demo Link:
New Features: Forum Updated to 3.8.0 - LTXTECH Forums
Regular User Background:
Administrator Background:
Now, you can make any usergroups use these backgrounds. You will have to design your own, of course, but you can assign them however you would like. In the case of my forum, we have them set-up for administrators. You could make a separate image for staff members, reg users, banned users, whatever you need. You can also duplicate it and assign different images for different colored styles. I'll show you how below.
Here's how to do it:
-- Navigate to your Admin CP. Once there go to Styles and Templates, then to Style Manager, and then click the "Go" button once you have decided which template you would like to install this on.
-- Scroll all the way to the bottom and look for the "Additional CSS Definitions" Box. I like to use the second box for all of my custom CSS, but you can surely use either one. Copy this and paste it into the box.
Now, the border colors will need to be the same as the colors on your forum. These are the borders I'm talking about:
You will need to figure out the color code of your borders and assign the same color to the CSS code. You can adjust the size of the border by increasing or decreasing the "1px" numbers. 3px would obviously increase the size of the border to 3 pixels. You can also rename the CSS ".postbit" to something else, but if you do make sure you take note of that.
-- Now we will assign the background to the actual postbit. To do so, you need to navigate to Styles and Templates, then click on the "<< >>" button on the style you want to edit.
-- Scroll down the list and find "Postbit Templates"
-- Double click on "Postbit Legacy", as seen in the picture above.
Find:
Replace With:
The red # symbol is for you to put a usergroup id # in. In my case, the admin group on my forum is 6, so instead of a # sign, there is a 6 there. You can assign multiple usergroups to use the same image, if you want. You can use the same code above for different forum styles, you just need to change the "td class="postbit"" to whatever the CSS is for the different style.
Example, my forum has a light and dark skin. The dark skin's CSS is "postbit" and the CSS for the light skin is "postbit2". On the Dark skin, I use the code above and for the light skin it's the exact same, only I have changed the td class to postbit2.
The only thing left to do is design a background image. Once you have that, you can upload it and point your CSS url to the image on your server.I'm fairly sure I have included all the steps to accomplish this, if I missed one, please point it out! Good luck and thanks for looking!
Hello! This is my first submission. I run LTXTech.com, I go by phantomzer0 over there, and I wanted this hack for a long time. I decided to write it on my own and the outcome was perfect. I know enough to get the job done, so if there is a more efficient way to produce this, by all means post it up!
Here is what this hack will do for you:
Demo Link:
New Features: Forum Updated to 3.8.0 - LTXTECH Forums
Regular User Background:
Administrator Background:
Now, you can make any usergroups use these backgrounds. You will have to design your own, of course, but you can assign them however you would like. In the case of my forum, we have them set-up for administrators. You could make a separate image for staff members, reg users, banned users, whatever you need. You can also duplicate it and assign different images for different colored styles. I'll show you how below.
Here's how to do it:
-- Navigate to your Admin CP. Once there go to Styles and Templates, then to Style Manager, and then click the "Go" button once you have decided which template you would like to install this on.
-- Scroll all the way to the bottom and look for the "Additional CSS Definitions" Box. I like to use the second box for all of my custom CSS, but you can surely use either one. Copy this and paste it into the box.
Code:
.postbit {
background: #101010 url(this is the url to your image for the background);
background-repeat: no-repeat;
border-left: solid 1px #3c3c3c;
border-right: solid 1px #3c3c3c;
}Now, the border colors will need to be the same as the colors on your forum. These are the borders I'm talking about:
You will need to figure out the color code of your borders and assign the same color to the CSS code. You can adjust the size of the border by increasing or decreasing the "1px" numbers. 3px would obviously increase the size of the border to 3 pixels. You can also rename the CSS ".postbit" to something else, but if you do make sure you take note of that.
-- Now we will assign the background to the actual postbit. To do so, you need to navigate to Styles and Templates, then click on the "<< >>" button on the style you want to edit.
-- Scroll down the list and find "Postbit Templates"
-- Double click on "Postbit Legacy", as seen in the picture above.
Find:
Code:
<td class="alt2" width="175" style="border: $stylevar[cellspacing]px solid $stylevar[tborder_bgcolor]; border-top: 0px; border-bottom: 0px">Replace With:
Code:
<if condition="is_member_of($post, [color=Red]#[/color])">
<td class="postbit" width="175" style="border: $stylevar[cellspacing]px solid $stylevar [tborder_bgcolor]; border-top: 0px; border-bottom: 0px id="td_post_$post[postid]">
<else />
<td class="alt2" width="175" style="border: $stylevar[cellspacing]px solid $stylevar[tborder_bgcolor]; border-top: 0px; border-bottom: 0px"></if>The red # symbol is for you to put a usergroup id # in. In my case, the admin group on my forum is 6, so instead of a # sign, there is a 6 there. You can assign multiple usergroups to use the same image, if you want. You can use the same code above for different forum styles, you just need to change the "td class="postbit"" to whatever the CSS is for the different style.
Example, my forum has a light and dark skin. The dark skin's CSS is "postbit" and the CSS for the light skin is "postbit2". On the Dark skin, I use the code above and for the light skin it's the exact same, only I have changed the td class to postbit2.
The only thing left to do is design a background image. Once you have that, you can upload it and point your CSS url to the image on your server.I'm fairly sure I have included all the steps to accomplish this, if I missed one, please point it out! Good luck and thanks for looking!