InterOcean Designs
« ProBoard Forum Customize v1.0 »

Welcome Guest. Please Login or Register.
May 18, 2013, 7:15pm

[Home] [New Topics] [Help] [Search] [Login] [Register]



InterOcean Designs :: ProBoards Codes :: ProBoard Code Database :: ProBoard Forum Customize v1.0
Page 1 of 5 » Jump to page   Go    [Search This Thread] [Share Topic] [Print]
AuthorTopic: ProBoard Forum Customize v1.0 (Read 6,952 times)
SubDevo
Co-Admin
Code Support
member is offline

[avatar]

Creator of LSD...


[homepage]

Joined: Mar 2009
Gender: Male
Posts: 2,594
Location: MI, USA
Karma: 102
ProBoard Forum Customize v1.0
« Thread Started on Jun 25, 2009, 10:44pm »
ProBoard Forum Customize v1.0 by SubDevo
Tested in IE, FF, Opera, Safari and Chrome.

NOTE: Threads with Polls will not be split IF the member is using a browser other than IE AND they haven't voted yet. After the non-IE user votes, the thread will split normally. This does not affect members using IE. This is to ensure that all members can vote in polls with all major browsers. Thank you, and I apologize for this inconvenience.

This is a nice one... ;)

Preview: This code is in use here at IOD and the forum in my signature.

Features:
  • Resize your forum to a custom width.*
  • Give you Outer Table borders.*
  • Category Splitter.
    Also removes the "Forum Name" bar and replaces it with the Category Title.
    You may also give a class name for the Category Name cell. Example
  • Centers the "Mark All Boards Read" icon image.
  • Sticky/Normal Thread Splitter.
    (w/adjustable Announcement divider height and background class)
  • Post/Poll Splitter.
  • Separate divider/spacing heights for all three splitters above.
  • Head and Base images absolutely everywhere.
    That means everywhere! Threads, categories, posts, searches, PM's, profiles, calendar, login etc... If you do not enter any URL's to an image, the code will simply split and NOT add an empty box for your head/base images!
  • Quick Reply Customize.*
    Adjustable Quick Reply text area size.
    Replace "Message:" text with your own or remove completely.
    Centers "Quick Reply" title, text area and buttons.
    Two extra buttons, Preview and Reset. (also centered).
    Quick Reply Customize code has NO loops. Straight DOM. Fast.
  • Multiple Skin Capable.
    Instructions and code for multiple skins, will be explained later.
  • Unhosted Code!
    No worries of server problems, since you will always have the code!
    This code looks large, but it is optimized as best as I can. Only the code that needs to run, will run. Execution speed should not be an issue.
* You have the option to enable/disable these features.

Preparation for Code Use: Remove or disable all of the following...
  • Category, Sticky and Post splitter codes.
  • Head and Base image codes.
  • Forum Resize code.*
  • Outer Table border code.*
  • Quick Reply customization codes.*
* Remove only if you have enabled these options in this code

For best results, place near the top of your Global Footers. You may have to put some of your other codes above or below this one if you have problems. But there should be a "sweet spot" somewhere. Most users shouldn't run into too many code compatiblility issues. This is only an issue if your forum has A LOT of code. I have worked hard to make it play nice. But, of course, I can not control other people's quality of codes! lol

Variable Explanations:
(Edit the Yellow portions.)

var resizeForum=[1,778]; // Resize Forum? 1=Yes, 0=No , Forum width.
var outerBorder=[1,"4646A4"]; // Outer Table Borders? 1=Yes, 0=No, Border Color.
You have two options in each of the above variables.
In the first option, Use 1=Yes, 0=No. This enables/disables these options.
The second, you specify your forum width in pixels and the color for the Outer Table borders.

var pdivH=25; // Post divider height.
var cdivH=25; // Category Divider Height.
var sdivH=25; // Sticky/Thread Divider Height.
Enter the "gap" height in pixels for the above splitter areas.

var head="URL TO HEAD IMAGE";
var base="URL TO BASE IMAGE";
var stickyImg="URL TO STICKY IMAGE";
var normImg="URL TO NORMAL IMAGE";
Do I need to explain these? lol
Enter the FULL URL to the respective image locations for all the above.
If you do not have sticky/normal images yet, don't worry. The code will use your Head image instead! ;)

NOTE:
In order for the sticky splitter to work, your "sticky" and "stickylock" icons, MUST have the word "sticky" somewhere in their name. You will not get any errors, but it will not split sticky threads if you do not do this.

var catClass="titlebg"; // Class of Category Name Cell.
Enter the CSS Class you would like your category name cell to be.
(titlebg, catbg or your own. Default is titlebg)
This means you can have a background image or color or just about anything!

var aClass="titlebg"; // Annnouncement Divider Background class.
Enter a class for your Announcement divider background. (catbg,titlebg etc.)

var aHeight=10; // Announcement Divider Height.
The Height in pixels you would like the Announcement divider to be. This separates the Announcements from the Sticky threads in the "Sticky" section.

var qrCustom=1; // Quick Reply Customize? 1=Yes, 0=No.
Enable/disable the Quick Reply Customizations.

These last three variables are only used if qrCustom=1.

var qrMess=""; // Replace "Message:" with this Text.
Replaces "Message:" line with your text here.
Replace with "" to hide the "Message:" line. (default)

var qrWidth=631; // Desired Width (Default is 631)
var qrHeight=227; // Desired Height (Default is 87)
Specify preferred height and width (Pixels) of the Quick Reply text area.

Multiple Skin Information:

The same code is used for mutiple skins with the exception of the variable section.

Replace this:
var head="URL TO HEAD IMAGE";
var base="URL TO BASE IMAGE";
var stickyImg="URL TO STICKY IMAGE";
var normImg="URL TO NORMAL IMAGE";

With this:
if(pb_skinid=="1"){
var head="URL TO SKIN 1 HEAD IMAGE"; // Head image.
var base="URL TO SKIN 1 BASE IMAGE"; // Base image.
var stickyImg="URL TO SKIN 1 STICKY IMAGE";
var normImg="URL TO SKIN 1 NORMAL IMAGE";
}
else if(pb_skinid=="2"){
var head="URL TO SKIN 2 HEAD IMAGE"; // Head image.
var base="URL TO SKIN 2 BASE IMAGE"; // Base image.
var stickyImg="URL TO SKIN 2 STICKY IMAGE";
var normImg="URL TO SKIN 2 NORMAL IMAGE";
}

Follow the same Yellow pattern for more skins. Easy huh?
If you need any of the other variables for different skins (i.e. Outer Table Color), simply remove it from the main list, and copy the line into EACH skin list as above.

Enjoy!!!
SubDevo :)

Location: Global Footer
Code:
<script type="text/javascript">
/* ProBoard Forum Customize v1.0 by SubDevo */
/* Global Footer - Please leave this header intact. Do not repost. */
/* [url]http://interoceandesigns.com[/url] or [url]http://lsdp.proboards.com[/url] */

var resizeForum=[1,778]; // Resize Forum? 1=Yes, 0=No , Forum width.
var outerBorder=[1,"0060BF"]; // Outer Table Borders? 1=Yes, 0=No, Border Color.
var pdivH=25; // Post Divider Height.
var cdivH=25; // Category Divider Height.
var sdivH=25; // Sticky/Thread Divider Height.
var head="URL TO HEAD IMAGE";
var base="URL TO BASE IMAGE";
var stickyImg="URL TO STICKY IMAGE";
var normImg="URL TO NORMAL IMAGE";
var catClass="titlebg"; // Class of Category Name Cell.
var aClass="titlebg"; // Annnouncement Divider Background class.
var aHeight=10; // Announcement Divider Height.
var qrCustom=1; // Quick Reply Customize? 1=Yes, 0=No.
var qrMess=""; // Replace "Message:" with this Text.
var qrWidth=631; // Desired Width (Default is 631)
var qrHeight=227; // Desired Height (Default is 87)

// DO NOT EDIT BELOW
var tb=document.getElementsByTagName("table"); var rTb=0;
var pLoc=location.href; var rLoc=document.title; var splitType=0; var ssT="";
if(pb_action=="home"){splitType=1; ssT=/<b>Forum\sName/i; pdivH=cdivH;}
else if(pb_action=="boardindex"){splitType=2; ssT=/\[Search\sThis/; pdivH=sdivH;}
else if(pb_action=="display"){splitType=3; ssT=/<b>(Author|Poll)/i;}
stickyImg=cI(stickyImg); normImg=cI(normImg); var po = document.getElementsByName("action");
if(po&& !(navigator.appName.match(/microsoft/i))){po=document.getElementsByTagName("input");
&nbsp; &nbsp;for(var x=0;x<po.length;x++){if(po[x].value==" Submit Vote "){splitType=0; break;}}
}
function cI(h){var m=(h.match(/^http:\/\//i))?h:head; return m;}
if(!document.ammForm&&splitType){
var sDiv=document.createElement("div"); var nDiv=sDiv.cloneNode(false);
sDiv.style.height=pdivH+"px"; nDiv.align="center"; var tbA="";
var stickySplit=0; var tbN=""; var nT=""; var te=(splitType==3)?1:0;
for(var x=0;x<tb.length;x++){
&nbsp; &nbsp;with(tb[x]){if(cellPadding==4&&width=="100%"&&rows[te].innerHTML.match(ssT)){break;}}
}
if(tb[x]){ with(tb[x-2].rows[0]){
&nbsp; &nbsp;if(splitType==2&&innerHTML.match(/Sub-Boards/)){firstChild.className = catClass;}}
&nbsp; &nbsp;tb[x-1].style.backgroundColor="transparent"; tb[x].className="bordercolor";
&nbsp; &nbsp;tbA=tb[x]; var tbP=tbA.parentNode;
&nbsp; &nbsp;var nTop=tb[x].rows[te].cloneNode(true); tr=tbA.rows;
}else{splitType=0;}
if(splitType==1){ x=1;
&nbsp; &nbsp;while(tr[x+1]){
&nbsp; &nbsp;&nbsp; &nbsp;if(tr[x].cells.length==1){ makeTable();
&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;with(nTop.firstChild){className=catClass; innerHTML=tr[x].firstChild.innerHTML;}
&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;aD(nT,nTop,1);
&nbsp; &nbsp;&nbsp; &nbsp;} x++;
&nbsp; &nbsp;&nbsp; &nbsp;while(tr[x]&&tr[x].cells.length==5){nT.appendChild(tr[x]);}
&nbsp; &nbsp;&nbsp; &nbsp;if(tr[x]&&tr[x].innerHTML.match(/markallb/i)){tr[x].firstChild.align="center"; nT.appendChild(tr[x]);}
&nbsp; &nbsp;&nbsp; &nbsp;aD(tbP,tbN,1); if(tr[x+1]){doDiv(tbP);}
&nbsp; &nbsp;} x++; rTb=1;
}else if(splitType==2&& !tbA.innerHTML.match(/no\smessages/i)){
&nbsp; &nbsp;stickySplit=1; var gotSticky=0;
&nbsp; &nbsp;for(x=2;x<tr.length;x++){ makeTable();
&nbsp; &nbsp;&nbsp; &nbsp;if(x==2){
&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;aD(nT,tr[1]);
&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;while(tr[x]&&(tr[x].firstChild.innerHTML.match(/sticky/i)||(tr[x].cells.length==1))){
&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;var tC=tr[x].cells;
&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;if(tC&&tC.length==1){with(tC[0]){className=aClass; height=aHeight+"px";}}
&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;nT.appendChild(tr[x]); gotSticky++;
&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;} if(gotSticky){aD(tbP,tbN,1); doDiv(tbP);continue;}
&nbsp; &nbsp;&nbsp; &nbsp;}else{x--;
&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;aD(nT,tr[0],1); aD(nT,tr[1],1);
&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;while(tr[x]){nT.appendChild(tr[x]);}
&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;aD(tbP,tbN,1); if(!tr[x]){break;}
&nbsp; &nbsp;&nbsp; &nbsp;}
&nbsp; &nbsp;}
&nbsp; &nbsp;rTb=1; var pDiv=document.createElement("div");
&nbsp; &nbsp;var tbM=tbP.parentNode.parentNode.parentNode;
&nbsp; &nbsp;with(pDiv){align="center"; innerHTML='<img src="'+stickyImg+'" />';}
&nbsp; &nbsp;if(stickyImg.match(/^http:\/\//i)&& gotSticky){tbM.parentNode.insertBefore(pDiv,tbM);}
}else if(splitType==3){ var rC=0; var nx=2;
&nbsp; &nbsp;for(x=1;x<tr.length;x++){ makeTable();
&nbsp; &nbsp;&nbsp; &nbsp;if(x==1){
&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;if(tr[x].innerHTML.match(/poll\sq/i)){x=3; nx=4; aD(nT,tr[1],1); aD(nT,tr[2],1);}else{continue;}
&nbsp; &nbsp;&nbsp; &nbsp;}else{
&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;if(x==nx){aD(nT,tr[0],1);aD(nT,tr[nx-1],1);}
&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;aD(nT,tr[x],1);
&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;while(tr[x+1]&&tr[x+1].innerHTML.match(/\[Search\sThis|Admin\sFunctions:/)){nT.appendChild(tr[x+1]); rC=1;}
&nbsp; &nbsp;&nbsp; &nbsp;} aD(tbP,tbN,1); if(rC){break;}else{doDiv(tbP);}
&nbsp; &nbsp;} rTb=1;
} if(rTb){tbP.removeChild(tbA);}
} var m=/<img/i; var mb="bordercolor";
for(x=0;x<tb.length;x++){
&nbsp; &nbsp;with(tb[x]){
&nbsp; &nbsp;&nbsp; &nbsp;if(resizeForum[0]&&width=="92%"){width=resizeForum[1]+"px";}
&nbsp; &nbsp;&nbsp; &nbsp;if(outerBorder[0]&&width=="100%"&&cellSpacing=="1"&& !parentNode.nodeName.match(/font/i)){style.border= "1px solid #"+outerBorder[1];}
&nbsp; &nbsp;&nbsp; &nbsp;if(style.display!="none"&&className==mb&&width=="100%"&&cellPadding=="0"){
&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;var tDiv=previousSibling; var nSib=nextSibling;
&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;if(!(tDiv&&tDiv.nodeName.match(/div/i)&&tDiv.innerHTML.match(m) )){makeDiv(head,tb[x]);}
&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;if(!(nSib&&nSib.nodeName.match(/div/i)&&nSib.innerHTML.match(m) )){makeDiv(base,nSib);}
&nbsp; &nbsp;&nbsp; &nbsp;}
&nbsp; &nbsp;}
}
if(qrCustom){
&nbsp; &nbsp;var td=document.getElementsByName("message")[0];
&nbsp; &nbsp;if(td&& !(document.searchForm||document.postForm||pLoc.match(/=emailall/i))){
&nbsp; &nbsp;&nbsp; &nbsp;with(td.style){height=qrHeight, width=qrWidth;}
&nbsp; &nbsp;&nbsp; &nbsp;td.parentNode.insertBefore(document.createElement("br"), td.nextSibling);
&nbsp; &nbsp;&nbsp; &nbsp;var qrP=td.parentNode; var qb=qrP.parentNode.parentNode.parentNode.parentNode.parentNode;
&nbsp; &nbsp;&nbsp; &nbsp;qb.rows[1].align="center"; qb.rows[0].cells[0].align="center";
&nbsp; &nbsp;&nbsp; &nbsp;qrP.parentNode.firstChild.data=qrMess; var nFont= document.createElement("font");
&nbsp; &nbsp;&nbsp; &nbsp;nFont.innerHTML='<input name="nextaction" type="hidden" value="post"><input type="submit" accesskey="p" value="Preview" onclick="qrP.nextaction.value=\'preview\'; return true;" /> <input type="reset" value="Reset" accesskey="r" onClick="reset">';
&nbsp; &nbsp;&nbsp; &nbsp;qrP.insertBefore(nFont,qrP.lastChild); qrP.removeChild(qrP.lastChild);
&nbsp; &nbsp;}
}
function makeDiv(dSrc,nTb){ if(!dSrc.match(/^http:\/\//i)){return;}
&nbsp; &nbsp;var nDiv=document.createElement("div");
&nbsp; &nbsp;with(nDiv){align="center"; innerHTML='<img src="'+dSrc+'" />';}
&nbsp; &nbsp;(nTb)? nTb.parentNode.insertBefore(nDiv,nTb): tb[x].parentNode.appendChild(nDiv);
}
function makeTable(){
&nbsp; &nbsp;tbN=tbA.cloneNode(false);
&nbsp; &nbsp;tbN.appendChild(tbA.firstChild.cloneNode(false)); nT=tbN.firstChild;
}
function aD(aN,aS,tf){aN.appendChild(aS.cloneNode(tf));}
function doDiv(sT){
&nbsp; &nbsp;for(var i=0;i<3;i++){
&nbsp; &nbsp;&nbsp; &nbsp;var sD=((i==1)?sDiv:nDiv).cloneNode(false);
&nbsp; &nbsp;&nbsp; &nbsp;var hI=(stickySplit&&normImg)?normImg:head;
&nbsp; &nbsp;&nbsp; &nbsp;if(i!=1){hI=(i)?hI:base; sD.innerHTML='<img src="'+hI+'" />';}
&nbsp; &nbsp;&nbsp; &nbsp;if(hI.match(/^http:\/\//i)||i==1){if(sD.style.height!="0px"){sT.appendChild(sD);}}
&nbsp; &nbsp;}
}
</script>

I'm also offering a hosted version. You decide which version is best for you.

Advantages: Only 4Kb in size. Faster page loading.
Instant update of your code if changes need to be made.

Disadvantages: If my "100webspace" server goes down, the code will not run.

Hosted Version:
Code:
<script type="text/javascript">
/* ProBoard Forum Customize v1.0 by SubDevo */
/* Global Footer - Please leave this header intact. Do not repost. */
/* [url]http://interoceandesigns.com[/url] or [url]http://lsdp.proboards.com[/url] */

var resizeForum=[1,778]; // Resize Forum? 1=Yes, 0=No , Forum width.
var outerBorder=[1,"0060BF"]; // Outer Table Borders? 1=Yes, 0=No, Border Color.
var pdivH=25; // Post Divider Height.
var cdivH=25; // Category Divider Height.
var sdivH=25; // Sticky/Thread Divider Height.
var head="URL TO HEAD IMAGE";
var base="URL TO BASE IMAGE";
var stickyImg="URL TO STICKY IMAGE";
var normImg="URL TO NORMAL IMAGE";
var catClass="titlebg"; // Class of Category Name Cell.
var aClass="titlebg"; // Annnouncement Divider Background class.
var aHeight=10; // Announcement Divider Height.
var qrCustom=1; // Quick Reply Customize? 1=Yes, 0=No.
var qrMess=""; // Replace "Message:" with this Text.
var qrWidth=631; // Desired Width (Default is 631)
var qrHeight=227; // Desired Height (Default is 87)

// DO NOT EDIT BELOW
document.write('<script type="text/javascript" src="http://lsdp.100webspace.net/PBForumCust_v1.0.js"></scr'+'ipt>');
</script>


EDIT: Code Updated 3/10/2010
This code can now be used for simply splitting everything without head/base images.
If you do not enter a URL for any one (or all) of the head/base/sticky/normal images, the code will NOT put an empty box with the red x or question mark in it!

EDIT: Code Updated 5/18/2010
"Fixed" the code to allow NON-IE users the ability to vote in polls.
Added the Category Name cell class (catClass) to the Sub-Board listing.
var catClass="titlebg"; // Class of Category Name Cell.
Previously, this variable was only being applied to the main page.
« Last Edit: Apr 1, 2012, 4:44pm by SubDevo »Link to Post - Back to Top  IP: Logged
[image] [image]
[image]
Why are you looking at my signature, [ME]?
RADesign
Administrator
member is offline

[avatar]


[homepage]

Joined: Mar 2009
Gender: Male
Posts: 1,601
Location: IOD
Karma: 136
Re: ProBoard Forum Customize v1.0
« Reply #1 on Jun 27, 2009, 9:49pm »
Damn, I leave for a few days, come back, and your two biggest codes are finished! Hmm, does that mean I bother you too much? heehee

AMAZING as usual!
Link to Post - Back to Top  IP: Logged
[image]
ManGoneMad
Full Member
member is offline

[avatar]

[yim] [aim]
[homepage]

Joined: May 2009
Gender: Male
Posts: 229
Location: west coast of Michigan
Karma: 20
Re: ProBoard Forum Customize v1.0
« Reply #2 on Jun 28, 2009, 6:50pm »
Ok, I've tried this one out, and have run into some problems.
Basically where the gap for splitting cats, & posts, and between stcky & normal threads, is a black bar appears.

here are screenshots to illustrate.

screenshot 1

screenshot 2

screenshot 3

Hope you can help with this, I really need to replace the old
ProBoard Forum Remodel v.2!

Oh and here's a link to my test board.
http://mgm3.proboards.com/index.cgi
« Last Edit: Jun 28, 2009, 6:52pm by ManGoneMad »Link to Post - Back to Top  IP: Logged

[image]
[image]
RADesign
Administrator
member is offline

[avatar]


[homepage]

Joined: Mar 2009
Gender: Male
Posts: 1,601
Location: IOD
Karma: 136
Re: ProBoard Forum Customize v1.0
« Reply #3 on Jun 28, 2009, 7:01pm »
Hey MGM ... Sub modified the original post. He's already found that bug and working on the fix. I'm sure he'll get it figured out very soon. ;)
Link to Post - Back to Top  IP: Logged
[image]
ManGoneMad
Full Member
member is offline

[avatar]

[yim] [aim]
[homepage]

Joined: May 2009
Gender: Male
Posts: 229
Location: west coast of Michigan
Karma: 20
Re: ProBoard Forum Customize v1.0
« Reply #4 on Jun 28, 2009, 7:03pm »
Ok, thanks Blu.   ;D
I'll try to be patient. ;)
Link to Post - Back to Top  IP: Logged

[image]
[image]
SubDevo
Co-Admin
Code Support
member is offline

[avatar]

Creator of LSD...


[homepage]

Joined: Mar 2009
Gender: Male
Posts: 2,594
Location: MI, USA
Karma: 102
Re: ProBoard Forum Customize v1.0
« Reply #5 on Jun 28, 2009, 7:42pm »
Sorry about that ManGoneMad... :-/ I did discover that bug myself, by accident. I modified the posted code and the bug is now squashed! So give it another shot... should take care of your problems! ;)

Also, I'm concerned about your "Screenshot 2". I see an extra head image under the sticky image. Please let me know if the new code change takes care of that. I haven't had that issue happen in my testing.

Sorry to everyone who had this problem. I try my best, to test as thoroughly as possible and I try to take into account all situations.
But alas, I am human and bound to err...

Let me know how it works out for you! I'm pretty proud of this one. Any problems, critiques or ideas for changes/additions please let me know!

Regards,
SubDevo



EDIT:
MGM... I figured out why you have an extra head image on that page. You grabbed my code from PBS submission thread didn't you? lol
On one of the lines on that posted code, a "space" got stuck in by accident. (it is now fixed of course) So please use the code from here in IOD. Now you should be good! ;D
« Last Edit: Jun 28, 2009, 7:57pm by SubDevo »Link to Post - Back to Top  IP: Logged
[image] [image]
[image]
Why are you looking at my signature, [ME]?
ManGoneMad
Full Member
member is offline

[avatar]

[yim] [aim]
[homepage]

Joined: May 2009
Gender: Male
Posts: 229
Location: west coast of Michigan
Karma: 20
Re: ProBoard Forum Customize v1.0
« Reply #6 on Jun 28, 2009, 8:47pm »
Well, I recopied & repasted the code, that fixed the gap problem, but I still have the sticky image trouble.

You know I'm so glad you made this script Sub, & didn't make it remotely host.
;D
Link to Post - Back to Top  IP: Logged

[image]
[image]
SubDevo
Co-Admin
Code Support
member is offline

[avatar]

Creator of LSD...


[homepage]

Joined: Mar 2009
Gender: Male
Posts: 2,594
Location: MI, USA
Karma: 102
Re: ProBoard Forum Customize v1.0
« Reply #7 on Jun 28, 2009, 11:22pm »

Jun 28, 2009, 8:47pm, ManGoneMad wrote:
Well, I recopied & repasted the code, that fixed the gap problem, but I still have the sticky image trouble.

Well, wouldn't you know it! That "extra space" problem happened in here also! geez... ok had to modify my code just to get the thing to post correctly! wow... Ok MGM, should be good now. copy/paste again.
Hmm, didn't I say that before? lol

Jun 28, 2009, 8:47pm, ManGoneMad wrote:
You know I'm so glad you made this script Sub, & didn't make it remotely host.
;D

Thanks MGM!
Yup me too! It really bothered me to see the affect that having a code go down because of the account being closed, had on perhaps thousands of users... it is a shame. Besides IMHO this one is better, smaller and faster! Or maybe I am just biased. ;D

Here are some stats comparing my Forum Customize code to another similar code...

To be fair, the other code had code for spell check in the Quick Reply (mine doesn't). That code was HUGE! So for the comparison, I removed that portion of the code.
The results:

My code:
Has 57.3% less actual lines of raw code (without script tags and remarks).
Is 73% smaller File size of raw code.
Is 79% smaller hosted js file (packed and encrypted).

I'm pretty happy with those results... :)

I probably will release a hosted version.
Advantages: speed and instant code update if I need to make a change.
Disadvantage: I think you already know... server goes down, so does your forum!
But, I will ALWAYS have the raw code available.
So basically, I'm just giving users a choice... wow Freedom... lol

Regards,
SubDevo
Link to Post - Back to Top  IP: Logged
[image] [image]
[image]
Why are you looking at my signature, [ME]?
ManGoneMad
Full Member
member is offline

[avatar]

[yim] [aim]
[homepage]

Joined: May 2009
Gender: Male
Posts: 229
Location: west coast of Michigan
Karma: 20
Re: ProBoard Forum Customize v1.0
« Reply #8 on Jun 29, 2009, 12:03am »
Yep! that fixed everything! ;D
Thanks again, and any chance you'll do a new version of the mini-profile?
Link to Post - Back to Top  IP: Logged

[image]
[image]
SubDevo
Co-Admin
Code Support
member is offline

[avatar]

Creator of LSD...


[homepage]

Joined: Mar 2009
Gender: Male
Posts: 2,594
Location: MI, USA
Karma: 102
Re: ProBoard Forum Customize v1.0
« Reply #9 on Jun 29, 2009, 12:08am »

Jun 29, 2009, 12:03am, ManGoneMad wrote:
Yep! that fixed everything! ;D
Thanks again, and any chance you'll do a new version of the mini-profile?


COOL! I'm glad that took care of the problem for you and others.
Let me know how you like it after using it for a bit... ;)

I believe it is a moral imperative that I make a mini profile code. :D
That's is what I am starting to work on as we "speak". LOL

Regards,
SubDevo
Link to Post - Back to Top  IP: Logged
[image] [image]
[image]
Why are you looking at my signature, [ME]?
ManGoneMad
Full Member
member is offline

[avatar]

[yim] [aim]
[homepage]

Joined: May 2009
Gender: Male
Posts: 229
Location: west coast of Michigan
Karma: 20
Re: ProBoard Forum Customize v1.0
« Reply #10 on Jun 29, 2009, 12:17am »
Oh yes! well don't let me keep you from it, go to work! :D
Link to Post - Back to Top  IP: Logged

[image]
[image]
Paige
Senior Member
IOD's Music/Drama Queen
member is offline

[avatar]

On Hiatus, to RPG world

[yim] [msn]

Joined: Apr 2009
Gender: Female
Posts: 547
Location: Malaysia
Karma: 6
Re: ProBoard Forum Customize v1.0
« Reply #11 on Jun 29, 2009, 2:27am »
Nice code!
Link to Post - Back to Top  IP: Logged

[image]
SubDevo
Co-Admin
Code Support
member is offline

[avatar]

Creator of LSD...


[homepage]

Joined: Mar 2009
Gender: Male
Posts: 2,594
Location: MI, USA
Karma: 102
Re: ProBoard Forum Customize v1.0
« Reply #12 on Jun 29, 2009, 11:12pm »
Should be all better now Doctor! ;)
Link to Post - Back to Top  IP: Logged
[image] [image]
[image]
Why are you looking at my signature, [ME]?
GFX Support
GFX Designer
member is offline

[avatar]

Off duty



Joined: Apr 2009
Gender: Male
Posts: 1,962
Karma: 75
Re: ProBoard Forum Customize v1.0
« Reply #13 on Jul 9, 2009, 12:07pm »

Jun 25, 2009, 10:44pm, SubDevo wrote:
var catClass="titlebg"; // Class of Category Name Cell.
Enter the CSS Class you would like your category name cell to be.
(titlebg, catbg or your own. Default is titlebg)
This means you can have a background image or color or just about anything!

Since this only affects the Category Name cell and NOT the cells next to it (Topics, Posts, Last Post), I hardly see the point of this ???
Am I missing something here, Sub?
« Last Edit: Jul 9, 2009, 12:11pm by GFX Support »Link to Post - Back to Top  IP: Logged
I'm off duty! For questions or support please contact RADesign or Speed Demon.
SubDevo
Co-Admin
Code Support
member is offline

[avatar]

Creator of LSD...


[homepage]

Joined: Mar 2009
Gender: Male
Posts: 2,594
Location: MI, USA
Karma: 102
Re: ProBoard Forum Customize v1.0
« Reply #14 on Jul 9, 2009, 4:49pm »

Jul 9, 2009, 12:07pm, GFX Support wrote:

Jun 25, 2009, 10:44pm, SubDevo wrote:
var catClass="titlebg"; // Class of Category Name Cell.
Enter the CSS Class you would like your category name cell to be.
(titlebg, catbg or your own. Default is titlebg)
This means you can have a background image or color or just about anything!

Since this only affects the Category Name cell and NOT the cells next to it (Topics, Posts, Last Post), I hardly see the point of this ???
Am I missing something here, Sub?


Some forums need this.
Without this, they need to use a separate code to accomplish the same thing. And since it only took about 10 extra words in the code, why not give people the option? lol
An example is Nikki's forum: http://wwefedgroup.proboards.com

Just FYI in the "catClass", you could also put text-align: "center" (also can use left or right) to position your cat name.

Remember how you didn't like that gradient with the faded ends in IOD? Because it didn't look good in the other cells? Using this we could use just that background image in the first cell and the rest would not be touched.

And Rad, you know your suggestions would always be welcome!

SubDevo
« Last Edit: Jul 9, 2009, 4:57pm by SubDevo »Link to Post - Back to Top  IP: Logged
[image] [image]
[image]
Why are you looking at my signature, [ME]?
Page 1 of 5 » Jump to page   Go    [Search This Thread] [Share Topic] [Print]

Click Here To Make This Board Ad-Free


This Board Hosted For FREE By ProBoards
Get Your Own Free Message Boards & Free Forums!
Terms of Service | Privacy Policy | Notice | FTC Disclosure | Report Abuse | Mobile