|
I'm going to be making the Official Dan-Ball Forums Backup Website a new skin.
Here is my current Problem. I need to get all of the writing inside of the graphics. I also need to remove that frame at the top and left. (also on the right and bottom but those are cropped out) Here is the Current Coding: <html><head>
<style type="text/css"> #image { background: url(http://i47.tinypic.com/166ws5s.png) repeat-y; } #image1 { background: url(http://i48.tinypic.com/2anac1.png) repeat-x; } </style> <link rel="icon" href="http://i45.tinypic.com/f3wcuf.png">
</head><body bgcolor="#5f2c12">
<div id="image1"> <img src="http://disabled.t28.net/forum/header.png" /> <div id="image">
<br><h1><a href="http://disabled.t28.net/forum/">Forum:</a> Welcome Please Read</h1>
<table> <tr><td><b>Subject</b></td><td><b>Started by</b></td><td><b>Replies</b></td><td><b>Last Post</b></td></tr> <tr><td><a href="3710.html">Important Links for New Members</a></td><td>42</td><td>pizzaman179</td><td>2008-07-15T12:36:00<br>by ggoodie12<tr> <td><a href="6289.html">Guide to Using Shops and Dan-Balls</a></td><td>22</td><td>pizzaman179</td><td>2008-06-08T10:32:00<br>by sandmaster<tr> <td><a href="3710.html">Important Links for New Members</a></td><td>42</td><td>pizzaman179</td><td>2008-07-15T12:36:00<br>by ggoodie12<tr> <td><a href="3709.html">Ultimate Karma Guide</a></td><td>39</td><td>samus</td><td>2008-07-08T09:56:00<br>by generalveers<tr> <td><a href="3711.html">Guide to Forum Knowledge</a></td><td>131</td><td>shirogake</td><td>2008-06-26T18:28:00<br>by qwertyuiop<tr> <td><a href="3733.html">Welcome!</a></td><td>3</td><td>g</td><td>2008-01-25T17:25:00<br>by g<tr> <td><a href="6536.html">Staff Legend</a></td><td>10</td><td>ggoodie12</td><td>2009-12-23T12:30:00<br>by shadowlord </table> <br> </div></div> <img src="http://i45.tinypic.com/358xapz.png" />
|
|
|
|
|
This will fix the border. Add style:
body { margin: 0; padding: 0; }
To fix the writing to move over, wrap all content in a <div>, give it an id, like "wrapper" and then add css:
#wrapper { margin-left: 3em; }
You may need to change the amount of margin, but that's the gist of it.
|
|
|
|
Thank you, that fixes it a lot (the border margin). As for the writing, that also fixes it.... BUT If possible I'd like a code that I can add to all these URLS: URL 1 URL 2 URL 3 URL 4 URL 5
And resize all of them into the skin. The reason I need a global code that would work for all of them is because it would take much time to go through thousands of thread backups and edit them individually. Would it still be possible to do this with the code you gave me? And would I need another code to resize all the writing and the pictures to fit into the skin? I'm open to learn. EDIT:Nevermind I just edited it to mostly work on the whole backup... You can check it out in beta here: disabled.t28.net/forum2And later (once finished in beta) here: disabled.t28.net/forum
Thanks!
Last Edit: Jun 13, 2010 15:22:19 GMT by ~Memzak~
|
|
|
|
|
So, any issues left? (Btw, this should technically be in code support. I'll leave it here for now though.)
|
|
|
|
|
|
So, any issues left? (Btw, this should technically be in code support. I'll leave it here for now though.) I always see code support as issues with a code that you're using. Really for people who don't code. I feel hangout is better for people who do program.
|
|
|
|
Oh? Well.. then I guess that means that this thread is (sort of) in the write place.
On another note... I'm trying to make the categories collapsible similar to a code chris wrote of pro-boards. (but this time just for an image and writing) At the moment I'm failing miserably. So I'd like to ask for some help on making the code. The code will be applied to the main page: disabled.t28.net/forum2Here was chris's code: <script type="text/Javascript"> // Advanced Category Splitter v3.0 by Chris // Do not redistribute without permission of the creator /* DO NOT EDIT THIS LINE */ var him = []; var fim = []; // EDIT HERE var type = 2; // 1 = Original ACS type. Text in head image. // 2 = Head/Base images with cat name in normal row. // 3 = Head/Base images with cat name in the Forum Name row spot. var markAsReadType = 0; // 0 = Mark as read button is not shown at all. // 1 = Mark as read button is in own row in final category. // 2 = Mark as read button is in the footer image underneath final category him["URL"] = "http://i39.tinypic.com/secbr6.png"; // URL of your header image. Required only if using type 1. him["height"] = 34; // Pixel height of your head image. Required if using a head image fim["URL"] = "http://i44.tinypic.com/2ps15yo.png"; // URL of your footer image. Required only if markAsReadType is 0 fim["height"] = 34; // Pixel height of your base image. Required if using a footer image. var forumName = 0; // 0 = Don't include the forum name row. Note: This can mess up the cell sizes. // 1 = Include the forum name row. var defaultCats = [ // These are the category ids for the categoriess that will be hidden on the first time the page is viewed. Last one does not have a comma. "g", "1", "1", "1", "s" // NO COMMA ON LAST LINE ]; var spacing = 15; // Space between the categories. // DO NOT EDIT var aTB = document.getElementsByTagName("TABLE"); var isIE = (document.all?true:false); if(!document.cookie.match(/debo=1/i)){ defaultCats.push("debo"); for(a=0;a<defaultCats.length;a++){ document.cookie = defaultCats[a]+"=1;expires="+(new Date()).toGMTString().replace(/\d{4}/,"2050"); } } function hideShow(i){ var i2 = document.getElementById(i); i2.style.display = (i2.style.display=="none"?"":"none"); document.cookie = i+"="+(i2.style.display == ""?"0":"1")+";expires="+(new Date()).toGMTString().replace(/\d{4}/,"2050"); } var div = document.createElement("DIV"); var sp = document.createElement("DIV"); sp.style.height = spacing; if(location.href.match(/action=(change|home)/i) || !location.href.match(/(action|board)=/i)) document.write("<script type='text/Javascript' src='http://www.iycatacombs.com/codes/acsv3/normal"+type+".js'><\/script>"); </script> Now, how would I do this?
|
|
|
|
|
Eric: I feel they can be the same, however, I'm not picky really. *shrugs* It's discussing coding here as well. Memzak: I recommend looking at v2 of that code. It's much simpler to understand. You could also look at my other hide categories codes. Basically, all you need to do is write a loop to adjust the display="none" to display="" (or viceversa) of all the rows in the table. You should be able to find the coding in there. If you post what you have when you get stuck, I'll be glad to review it.
|
|
|
|