|
Post by .}{EXXI. on Oct 26, 2007 19:34:31 GMT 9
Okay, it's been a while since I've had my own site and I kind of miss doing so. Half-Moon Forest, my first warriors site, died a long time ago but I've decided to give it another go, especially as I'l be getting broadband any day now. ^^ Please don't think that this will reduce my activity or loyalty to this site in any way, cause it won't. WOI rocks! Anyway, I have a couple questions about coding and such, mainly for Leila.
1. I have noticed that we no longer need to put in {size=1} and {/size} at the begining and end of our posts to make the text size one. How did you change the font size default for the whole board to one? Could you please tell me the code? 'Cause I am completely incapable of doing my own coding.
2. Another fonty-type question, on the 'modify profile' bit there is the option to change your own default to a different font face, colour, etc. I would be MUCH obliged if you could depart some of this knowledge to me...?
3. I am in awe of this forum. It is so different and everything. I especially like how we, as members, do not have to keep making our own topics. We just reply to the threads that Leila posted initially. Also, the cats of __Clan are right there in a sub-board. Do you think I could arrange my forum that way too? Pretty please with a cherry on top?
Yes, I know that is a lot to ask for, but I am terribly incompetent with coding and find myself in need of begging for your help. =/
|
|
|
Post by ♫ admin on Oct 26, 2007 23:26:38 GMT 9
Wahaha! Once your site is up, I'd love to see it and most likley join! We can be sister sites if you'd like! :3 Now to answer your questions:
1. The code is as follows:
<style type="text/css"> A:link {text-decoration: none; color: #aaaaaa; font-size: 10;} A:visited {text-decoration: none; color: #aaaaaa; font-size: 10;} A:active {text-decoration: none; color: #aaaaaa; font-size: 10;} A:hover {text-decoration: line-through; color: #aaaaaa; font-size: 10;}
B {font: verdana 10px;}
.nav:link {FONT-SIZE: 10px; COLOR: #333333; TEXT-DECORATION: none;}
.nav:visited {FONT-SIZE: 10px; COLOR: #333333; TEXT-DECORATION: none;}
.nav:hover {FONT-SIZE: 10px; COLOR: #5C5C5C; TEXT-DECORATION: line-through;}
.windowbg {FONT-SIZE: 10px; COLOR: #000000; FONT-FAMILY: Verdana; BACKGROUND-COLOR: #333333; }
.windowbg2 {FONT-SIZE: 10px; COLOR: #000000; FONT-FAMILY: Verdana; BACKGROUND-COLOR: #333333; }
.windowbg3 {FONT-SIZE: 10px; COLOR: #000000; FONT-FAMILY: Verdana; BACKGROUND-COLOR: #333333;} </style>
That's actually just part of the overall style sheet. It's coded in CSS and goes in the Global Header. The actual style sheet has a lot more components, but that's the chunk of it that deals with text. If you're not sure what something does, you can go ahead and ask. :3'
2. I did NOT make this! xD I got it from another website, a site specially for adding proboards components, and thought it would be cool to add. But here's the code (It goes in the Global Footer):
<script type="text/javascript"><!-- /* Custom font style for each user - Triad Do not repost or edit */
var theFonts = [ ["Verdana"], ["TimesNewRoman"], ["ComicSansMS"], ["Arial"], ["CourierNew"], ["Century"], ["Autumn"], ["LucidaConsole"], ["Rockwell"], ["Scribble"], ["Trebuchet"] ];
var theColors = [ ["Black"], ["Red"], ["Yellow"], ["Pink"], ["Green"], ["Orange"], ["Purple"], ["Blue"], ["Biege"], ["Brown"], ["Teal"], ["Navy"], ["Maroon"], ["LimeGreen"] ];
var theForm = document.getElementsByTagName("form"); var c_bold = (getCookie("userbold")) ? "checked" : ""; var c_underline = (getCookie("userunderline")) ? "checked" : ""; var c_italic = (getCookie("useritalic")) ? "checked" : "";
function initiate(){ var int = (theForm[theForm.length-1].message) ? "1" : "2"; if(!unescape(getCookie("user_color")).match(/^(undefined|_w)$/i)){ theForm[theForm.length-int].message.value = "[color="+getCookie("user_color")+"]"+theForm[theForm.length-int].message.value+"[/color]"; } if(!unescape(getCookie("userfont")).match(/^(undefined|_w)$/i)){ theForm[theForm.length-int].message.value = "[font="+getCookie("userfont")+"]"+theForm[theForm.length-int].message.value+"[/font]"; } if(getCookie("userbold")){ theForm[theForm.length-int].message.value = "[b]"+theForm[theForm.length-int].message.value+"[/b]"; } if(getCookie("userunderline")){ theForm[theForm.length-int].message.value = "[u]"+theForm[theForm.length-int].message.value+"[/u]"; } if(getCookie("useritalic")){ theForm[theForm.length-int].message.value = "[i]"+theForm[theForm.length-int].message.value+"[/i]"; } }
function setCookie(_n,_v){ document.cookie = _n+"="+escape(_v)+";expires="+(new Date()).toGMTString().replace(/\d{4}/,"2050"); }
function setCookie2(){ (document.modifyForm.fontbold.checked == true) ? setCookie("userbold","bold") : deleteCookie("userbold"); (document.modifyForm.fontunderline.checked == true) ? setCookie("userunderline","underline") : deleteCookie("userunderline"); (document.modifyForm.fontitalic.checked == true) ? setCookie("useritalic","italic") : deleteCookie("useritalic"); }
function getCookie(_n){ if(document.cookie.match(new RegExp(_n+"=(.+?)($|;)","gi"))){ return unescape(RegExp.$1); return null; } }
function deleteCookie(_n){ document.cookie = _n+"=;expires="+(new Date()).toGMTString().replace(/\d{4}/,"2004"); }
function mainProfile(){ var iRow, iCell, fopt, copt; for(var td = document.getElementsByTagName("td"),x=7,y=td.length-1;x<y;x++){ if(td[x].width == "160" && td[x].innerHTML.match(/username:/i)){ if(pb_username.match(td[x+1].getElementsByTagName("font")[0].innerHTML)){ for(var tb = document.getElementsByTagName("table"),i=3,j=tb.length-1;i<j;i++){ if(tb[i].width == "650" && tb[i].innerHTML.match(/location:/i)){ iRow = tb[i].insertRow(-1); for(a=0,b=theFonts.length;a<b;a++){ fopt += "<option value='"+theFonts[a][0]+"'>"+theFonts[a][0]+"</option>"; } for(a=0,b=theColors.length;a<b;a++){ copt += "<option value='"+theColors[a][0]+"'>"+theColors[a][0]+"</option>"; } iCell = iRow.insertCell(0); iCell.colSpan = '3'; iCell.innerHTML = "<table width='650' cellspacing='0' cellpadding='0' border='0'><tr><td width='160'><font size='-1'>Font Type:</font></td><td width='122'><select name='font' onChange='setCookie(\"userfont\",this.options[this.selectedIndex].value)'><option value='_w'>Fonts</option><option value='_w'>Forum Font</option><option value='_w'>--------------------</option>"+fopt+"</select></td><td width='122' rowspan='2'>&n"+"bsp;<input type='checkbox' name='fontbold' "+c_bold+" /> Bold<br />&n"+"bsp;<input type='checkbox' name='fontunderline' "+c_underline+" /> Underline<br />&n"+"bsp;<input type='checkbox' name='fontitalic' "+c_italic+" /> Italic</td><td width='245' rowspan='2'><font size='-2'>You may customize the default font type, color, and style of your posts here.</font></td></tr><tr><td width='160'><font size='-1'>Font Color:</font></td><td width='245' colspan='2'><select name='color' onChange='setCookie(\"user_color\",this.options[this.selectedIndex].value)'><option value='_w'>Colors</option><option value='_w'>Forum Color</option><option value='_w'>--------------------</option>"+copt+"</select></td></tr></table>"; } } } } } }
if(location.href.match(/action=modifyprofile/i) && document.modifyForm){ mainProfile(); if(document.addEventListener){ document.modifyForm.addEventListener("submit",setCookie2,false); } else { document.modifyForm.attachEvent("onsubmit",setCookie2); } } if(location.href.match(/action=(post|display)&(board=(.+?)&)?thread=\d{10}(&page=\d+)?(#\d{10})?$/i)){ var int = (theForm[theForm.length-1].message) ? "1" : "2"; if(document.addEventListener){ theForm[theForm.length-int].addEventListener("submit",initiate,false); } else { theForm[theForm.length-int].attachEvent("onsubmit",initiate); } } //--></script>
I in NO way claim ANY rights WHATSOEVER to the above code!
3. Of course you can arrange your boards in the same way! :3 I do not mind in the least!
|
|
|
Post by .}{EXXI. on Oct 28, 2007 3:53:50 GMT 9
1. I don't actually get any of it. It has done a lot more than just make my forum's font size 1. It has turned everythign grey. I shall attempt to fix it momentarily. It did not work. Hokay, I have no idea how to make it un-grey. 2. I have yet to install this as I have to leave the computer yet. 3. THANK YOU!!
|
|
|
Post by .}{EXXI. on Oct 28, 2007 3:56:15 GMT 9
1. I think I have sucessfully edited the first one. Thanks much.
|
|
|
Post by ♫ admin on Oct 28, 2007 19:36:59 GMT 9
Hurrm...alright, I've gone back into the coding, and I've got another code which I seem to have forgotten when copying/pasting it xD <style type="text/css"> body, td, font { font-family: verdana; font-size: 10px; font-stretch: semi-condensed; font-style: normal; font-color: #000000; } </style>
It's simply another style sheet that you put in the global header for changing the font size and color. And, if you didn't know, the numbers like #000000 are color hexes, which is what computers read as colors. I have a site that I use for all my color hexes, which is as follows: www.december.com/html/spec/color.htmlAll the other stuff in the first code that I provided you with (in the post before this one) is basically just more font options for boards, rollovers, and links. Everything that starts with A: is just a regular link, like so: Hex Hub Color CodesAnd all you have to do is read what is beyond the A: (such as "hover") to see what each does when edited. So in this example: A:link {text-decoration: none; color: #aaaaaa; font-size: 10;} A:visited {text-decoration: none; color: #aaaaaa; font-size: 10;} A:active {text-decoration: none; color: #aaaaaa; font-size: 10;} A:hover {text-decoration: line-through; color: #aaaaaa; font-size: 10;}
A regular link is this color and the font size is ten. I have this for all the components of a link, except when you hover, in which case, a line goes through the link. There are lots of CSS components you can add to each part of the code, but I'd advise looking up some CSS tutorials and such to get an idea of what they are, and some codes you can use :3 I hope that made sense, and sorry if I said some things that you already know D: If you have any questions, you can feel free to ask! And, if you're having trouble coding, you can feel free to post it here and I'll help you with it to the best of my ability. I'm not an expert coder or anything, but I can usually figure out what things do or what the problem might be :3
|
|
|
Post by .}{EXXI. on Oct 28, 2007 22:48:12 GMT 9
Thanks soooooooooo much. You have no idea how helpful this all is. I've now fixed up that grey problem by just taking out the coloury bits. I actually have been on those sites before but thanks for explaining all the link bits. Thank you, thank you, thank you, thank you, thank you!
|
|
|
Post by .}{EXXI. on Oct 28, 2007 22:49:01 GMT 9
And I would adore being a sister site to WOI, I'll fill out the affy form just as soon as I sort it all out.
|
|
|
Post by ♫ admin on Oct 29, 2007 22:32:50 GMT 9
Great! x) I'm happy it helped, and can't wait to see your site!!
|
|
|
Post by .}{EXXI. on Oct 30, 2007 1:44:08 GMT 9
^^ Don't expect too much. I'm not the best admin in the world. And it may take quite a while as I've just been swamped in coursework.
|
|
|
Post by ♫ admin on Oct 30, 2007 20:57:15 GMT 9
Heh, same here about the homework x__x I got sorta grounded from the computer...I was on it too much so my mom got all worried about me. Now, I'm only allowed to use it an hour a day T__T
|
|
|
Post by .}{EXXI. on Nov 4, 2007 0:57:35 GMT 9
Oh noes! *gasp* I'm actually supposed to be doing homework now but...yeah.
|
|
|
Post by ♫ admin on Nov 4, 2007 7:50:08 GMT 9
Hwaha! Same here xD I always get caught here when I'm supposed to be doing homework :3
|
|
|
Post by .}{EXXI. on Nov 4, 2007 20:46:21 GMT 9
I managed to stay on for about six hours, pretending to be writing an essay. Twas good.
|
|
|
Post by .}{EXXI. on Nov 4, 2007 20:49:38 GMT 9
The codes work fantastically! Yay! I think I might love you. ^^
|
|
|
Post by ♫ admin on Nov 5, 2007 16:22:54 GMT 9
Hah! I do just the same thing! Pretend I'm doing homework when really, I am, but I'm doing something else too xD Multitasking. Goood :3 Finally! I find someone else who can stay on the computer for six+ hours a day!! My whole family thinks I'm crazy! xD
|
|