The Arcive of Official vBulletin Modifications Site.It is not a VB3 engine, just a parsed copy! |
|
Show/Hide Subforums Details »» | |||||||||||||||||||||||||
Show/Hide Subforums & Save Page Load Time...! Hello All, Hope this mod is not present already and this mod will be useful to save page load time for busy/huge forums like ours. Lets Start GOTO --> Style Manager --> forumhome_forumbit_level1_post Find: Code:
{vb:raw forum.subforums} Code:
<div class="divspoiler"> <input type="button" class="mc" value="→ MORE SUBFORUMS" onclick="if (this.parentNode.nextSibling.childNodes[0].style.display != '') { this.parentNode.nextSibling.childNodes[0].style.display = ''; this.value = '↑ HIDE SUBFORUMS'; } else { this.parentNode.nextSibling.childNodes[0].style.display = 'none'; this.value = '↓ SHOW SUBFORUMS'; }" /> </div><div><div class="spoiler" style="display: none;"> <div style="padding:1px;">{vb:raw forum.subforums}</div> </div></div> Button Style CSS: [Add below code any were in additional.css template] Code:
.mc { display: inline-block; margin-top: 8px; background: #f9f9f9; background: -moz-linear-gradient(top,#f9f9f9 0,#eaeaea 100%); background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#f9f9f9),color-stop(100%,#eaeaea)); background: -webkit-linear-gradient(top,#f9f9f9 0,#eaeaea 100%); background: -o-linear-gradient(top,#f9f9f9 0,#eaeaea 100%); background: -ms-linear-gradient(top,#f9f9f9 0,#eaeaea 100%); background: linear-gradient(top,#f9f9f9 0,#eaeaea 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F9F9F9',endColorstr='#EAEAEA',GradientType=0); height: auto; border: 1px solid #cacaca; border-radius: 3px; padding: 7px; text-align: left; line-height: 23px; box-shadow: inset 0 1px 2px white,0px 1px 1px rgba(0,0,0,0.12); padding-left: 9px; font-weight: bold; text-transform: uppercase; color: #6f6f6f; text-shadow: 0 1px white; margin-top: 10px; cursor:pointer; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; } .mc:hover { background: #fefefe; background: -moz-linear-gradient(top, #fefefe 0, #fbfbfb 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fefefe), color-stop(100%, #fbfbfb)); background: -webkit-linear-gradient(top, #fefefe 0, #fbfbfb 100%); background: -o-linear-gradient(top, #fefefe 0, #fbfbfb 100%); background: -ms-linear-gradient(top, #fefefe 0, #fbfbfb 100%); background: linear-gradient(top, #fefefe 0, #fbfbfb 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FEFEFE', endColorstr='#FBFBFB', GradientType=0); } .mc:active { box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.40), 0px 1px 1px rgba(0, 0, 0, 0.12); } LIVE DEMO Thanks All Show Your Support
|
Благодарность от: | ||
sodasusu |
Comments |
#22
|
|||
|
|||
Nope its still present see "Programming" Section
@Mr. Running give me your forum url so that i can check once Regards, |
#23
|
|||
|
|||
would be nice to have it in FORUMDISPLAY template too
|
Благодарность от: | ||
ramesh_umk3 |
#24
|
||||
|
||||
That's a good looking site you got there ramesh_umk3.
I particularly like the collapsible postbit. Is that a mod from here or one of your own? |
Благодарность от: | ||
ramesh_umk3 |
#25
|
|||
|
|||
Like what bro so that i can help you in doing it.
Apply this modification code for postbit_legacy just small changes in CSS you will get what you see at our place bro ... |
#26
|
||||
|
||||
I think you have me misunderstood kind sir..
I have applied the code above and see no changes. Perhaps this is because I have no sub forums to work with, I will create them tomorrow. What I was referring to was this.... Slightly confused here.. |
#27
|
|||
|
|||
Yes brother i understood what you asked just little changes of the code which i provided here and you will get it
Example: Quote:
that's it |
Благодарность от: | ||
DemOnstar |
#28
|
||||
|
||||
Thanks for your patience old boy but I really have no idea what you are talking about.
Code:
<div class="divspoiler"> <input type="button" class="mc" value="→ MORE SUBFORUMS" onclick="if (this.parentNode.nextSibling.childNodes[0].style.display != '') { this.parentNode.nextSibling.childNodes[0].style.display = ''; this.value = '↑ HIDE SUBFORUMS'; } else { this.parentNode.nextSibling.childNodes[0].style.display = 'none'; this.value = '↓ SHOW SUBFORUMS'; }" /> </div><div><div class="spoiler" style="display: none;"> Particularly this POSTBIT_LEGACY CODE HERE </div></div> |
#29
|
|||
|
|||
Just Paste your complete POSTBIT_LEGACY code here it would be simple now
|
#30
|
||||
|
||||
Cheers Mr umk_3, I will give that a go in the morning...
My head is full of numbers and symbols right now and drinking beer doesn't make it any easier.. |
Thread Tools | |
|
|
X vBulletin 3.8.12 by vBS Debug Information | |
---|---|
|
|
More Information | |
Template Usage:
Phrase Groups Available:
|
Included Files:
Hooks Called:
|