darkrose Posted January 23, 2021 Share Posted January 23, 2021 So I came back to Neo after the change over and have forgotten how to code (not that I knew how to very much to begin with). I need major HALP with changing my guild background picture because I can't seem to figure it out. Here is the jumbled mess I have: <style> body {overflow:hidden;background:#000;margin:0}body, td, p, #body {font:12pt arial;color:#eb8356;opacity:1.0; text-shadow: -1px -1px 2px #000, 1px -1px 2px #000, -1px 1px 2px #000, 1px 1px 2px #000;}td.content {padding:0}.randomevent,#header,#footer,.sidebar,#ban,table table table table table {display:none !important}#main {margin:-200px 0 0 60px}#main,#content {width:100%;height:100%}#main,#content,table,td {background:none;border:none}.content table table table td {padding:5px} .content table table table td font {font:7pt arial;color:#ad70c7}.content table table table td b {font: bold 5.5pt times;color:#ad70c7;text-transform:uppercase}.content table table td img {margin-bottom:100px}#body img {margin-bottom:auto}#bg {top:0;left:0;width:100%;height:100%;z-index:-100}#bg img {width:100%;height:100%}#left {top:0;left:10px;width:180px;height:100%;z-index:-90}#container {bottom:60px;left:20%;width:60%;overflow:hidden;z-index:1}#contentbox {margin-left:-140px;width:540px;display:table;border-spacing:10px;overflow:hidden}#sidebar, #infobox {display:table-cell;margin:0;color:#ad70c7}#sidebar {width:140px;height:220px;text-align:center;vertical-align:top}#infobox {width:450px;height:220px;background:transparent}#info {display:block;width:400px;height:220px;padding:20px;text-align:left;overflow:auto}#sidebar a, #sidebar a:visited {display:block;width:inherit;text-align:center;background:#000;padding:8px 0 8px 0;margin-bottom:10px;font:bold 5.5pt times;color:#1C2833;text-transform:uppercase}#sidebar a:hover {background:#transparent} h1 {font:bold 8pt times;text-transform:uppercase;text-align:center;margin-top:0} </style> <div id="body"><div id="left" style="position: fixed;"></div><div id="bg" style="position: fixed;"><img src=></div> Link to comment Share on other sites More sharing options...
darkrose Posted January 23, 2021 Author Share Posted January 23, 2021 just for clarification, it's not THAT jumbled in my guild coding box. it just copied that way for some reason and I have no clue on how to space it out correctly here. sorry.... Link to comment Share on other sites More sharing options...
darkrose Posted January 23, 2021 Author Share Posted January 23, 2021 So after spending much of the wee hours of the morning and lots of coffee, I got some of my problem figured out and fixed, thanks to a couple people's help on discord as well. Now I can't get my sidebar links to show right nor work. PLEASE SEND HALP! Here's my complete coding up to this point. The correct section is above the ====== line, the problem section is below it. <style> body {overflow:hidden;background:#000;margin:0}body, td, p, #body {font:12pt text-shadow: 0px 3px 3px rgba(255,255,255,0.5);}td.content {padding:0}.randomevent,#header,#footer,.sidebar,#ban,table table table table table {display:none !important}#main {margin:-200px 0 0 60px}#main,#content {width:100%;height:100%}#main,#content,table,td {background:none;border:none}.content table table table td {padding:5px} .content table table table td font {font-family: 'Brush Script MT', cursive ;color:##9932CC}.content table table table td b {font: bold 5.5pt times;color:#ad70c7;text-transform:uppercase}.content table table td img {margin-bottom:100px}#body img {margin-bottom:auto}#bg {top:0;left:0;width:100%;height:100%;z-index:-100}#bg img {width:100%;height:100%}#left {top:0;left:10px;width:180px;height:100%;z-index:-90}#container {bottom:60px;left:20%;width:60%;overflow:hidden;z-index:1}#contentbox {margin-left:-140px;width:540px;display:table;border-spacing:10px;overflow:hidden}#sidebar, #infobox {display:table-cell;margin:0;color:#ad70c7}#sidebar {width:140px;height:220px;text-align:center;vertical-align:top}#infobox {width:450px;height:220px;background:transparent}#info {display:block;width:400px;height:220px;padding:20px;text-align:left;overflow:auto}#sidebar a, #sidebar a:visited {display:block;width:inherit;text-align:center;background:#000;padding:8px 0 8px 0;margin-bottom:10px;font:bold 5.5pt times;color:#1C2833;text-transform:uppercase}#sidebar a:hover {background:#transparent} h1 {font:bold 8pt times;text-transform:uppercase;text-align:center;margin-top:0} </style> <div id="body"><div id="left" style="position: fixed;"></div><div id="bg" style="position: fixed;"> <img src="https://cdn.discordapp.com/attachments/306982303475695617/802422367325913098/e421430480d611750a1fb8a3ccd29c7e.jpg"> <div id="container" style="position: fixed;"><center> =============================================================================== <div id="contentbox"><div id="sidebar"> <a href="http://www.neopets.com/~crimson_rose88"class="l" style="border-radius:30px">GUILD ANNOUNCEMENTS</a> <a href="http://www.neopets.com/~ProductofProzac"class"l" style="border-radious:30px">TOURNAMENT PAGE</A> <a href="http://www.neopets.com/genie.phtml?type=find_user&auction_username=celtic_rose88" class="l" style="border-radius:30px">1np Auctions</a> <a href="http://www.neopets.com/genie.phtml?type=find_user&auction_username=celtic_rose88" class="l" style="border-radius:30px">Training Tuesday</a> <a href="http://www.neopets.com/browseshop.phtml?owner=celtic_rose88"class="l" style="border-radius:30px">Donation Shop</a> <a href="http://www.neopets.com/gallery/index.phtml?gu=celtic_rose88"class="l" style="border-radius:20px">BookMobile</a> <a href="/">escape</a> </div><div id="infobox"><div id="info"> <h1>Welcome to Nightmare of a Daydream!</h1> <p> <br> <br>We are a friendly guild that strives to help its members improve their accounts. We are still trying to establish our roots as a guild, and can't do it without your help. <br>We don't have many rules here, but we do ask you to respect 4 major rules in this guild: <br> <br>1. Please be RESPECTFUL of all guild members. <br>2. NO DRAMA OR BULLYING! Any drama or bullying that is seen on the guild boards will be deleted, and the instigator(s) will be put on probation. Bring any grievances or concerns about another member to the council and we will handle the situation. <br>3. If you have an activity you would like to host or help host in the guild, please make sure you clear it with the council first. <br>4. If you leave the guild without notice, only ONE re-entry will be allowed. Positions will have to be re-earned. Leaving and returning multiple times confuses members and causes disruptions. <h1>Rules For Auctions</h1> <br>Only bid on up to TWO ITEMS per auction and only bid in 1np increments. <h1>Council Chat</h1> Please don't forget to ADD all the guild council to your Neofriends list so you don't miss out on any Holiday treats or any of the activities! <br> If you want to host an activity, please neomail the leader, cutetigress88, and we will get you a day set up for said activity. </div></div> </div></center></div> </div> Link to comment Share on other sites More sharing options...
msty Posted March 4, 2021 Share Posted March 4, 2021 Hi, are you still having issues with this? And if so what is the issue you are having? I formatted the code you posted for easier reference and removed a couple typos that popped up in my code editor: <style> body { overflow: hidden; background: #000; margin: 0; } body, td, p, #body { font: 12pt; text-shadow: 0px 3px 3px rgba(255, 255, 255, 0.5); } td.content { padding: 0; } .randomevent, #header, #footer, .sidebar, #ban, table table table table table { display: none !important; } #main { margin: -200px 0 0 60px; } #main, #content { width: 100%; height: 100%; } #main, #content, table, td { background: none; border: none; } .content table table table td { padding: 5px; } .content table table table td font { font-family: "Brush Script MT", cursive; color: #9932cc; } .content table table table td b { font: bold 5.5pt times; color: #ad70c7; text-transform: uppercase; } .content table table td img { margin-bottom: 100px; } #body img { margin-bottom: auto; } #bg { top: 0; left: 0; width: 100%; height: 100%; z-index: -100; } #bg img { width: 100%; height: 100%; } #left { top: 0; left: 10px; width: 180px; height: 100%; z-index: -90; } #container { bottom: 60px; left: 20%; width: 60%; overflow: hidden; z-index: 1; } #contentbox { margin-left: -140px; width: 540px; display: table; border-spacing: 10px; overflow: hidden; } #sidebar, #infobox { display: table-cell; margin: 0; color: #ad70c7; } #sidebar { width: 140px; height: 220px; text-align: center; vertical-align: top; } #infobox { width: 450px; height: 220px; background: transparent; } #info { display: block; width: 400px; height: 220px; padding: 20px; text-align: left; overflow: auto; } #sidebar a, #sidebar a:visited { display: block; width: inherit; text-align: center; background: #000; padding: 8px 0 8px 0; margin-bottom: 10px; font: bold 5.5pt times; color: #1c2833; text-transform: uppercase; } #sidebar a:hover { background: transparent; } h1 { font: bold 8pt times; text-transform: uppercase; text-align: center; margin-top: 0; } </style> <div id="body"> <div id="left" style="position: fixed"></div> <div id="bg" style="position: fixed"> <img src="https://cdn.discordapp.com/attachments/306982303475695617/802422367325913098/e421430480d611750a1fb8a3ccd29c7e.jpg" /> <div id="container" style="position: fixed"> <div id="contentbox"> <div id="sidebar"> <a href="http://www.neopets.com/~crimson_rose88" class="l" style="border-radius: 30px" >GUILD ANNOUNCEMENTS</a > <a href="http://www.neopets.com/~ProductofProzac" class="l" style="border-radius: 30px" >TOURNAMENT PAGE</a > <a href="http://www.neopets.com/genie.phtml?type=find_user&auction_username=celtic_rose88" class="l" style="border-radius: 30px" >1np Auctions</a > <a href="http://www.neopets.com/genie.phtml?type=find_user&auction_username=celtic_rose88" class="l" style="border-radius: 30px" >Training Tuesday</a > <a href="http://www.neopets.com/browseshop.phtml?owner=celtic_rose88" class="l" style="border-radius: 30px" >Donation Shop</a > <a href="http://www.neopets.com/gallery/index.phtml?gu=celtic_rose88" class="l" style="border-radius: 20px" >BookMobile</a > <a href="/">escape</a> </div> <div id="infobox"> <div id="info"> <h1>Welcome to Nightmare of a Daydream!</h1> <p> <br /> <br />We are a friendly guild that strives to help its members improve their accounts. We are still trying to establish our roots as a guild, and can't do it without your help. <br />We don't have many rules here, but we do ask you to respect 4 major rules in this guild: <br /> <br />1. Please be RESPECTFUL of all guild members. <br />2. NO DRAMA OR BULLYING! Any drama or bullying that is seen on the guild boards will be deleted, and the instigator(s) will be put on probation. Bring any grievances or concerns about another member to the council and we will handle the situation. <br />3. If you have an activity you would like to host or help host in the guild, please make sure you clear it with the council first. <br />4. If you leave the guild without notice, only ONE re-entry will be allowed. Positions will have to be re-earned. Leaving and returning multiple times confuses members and causes disruptions. </p> <h1>Rules For Auctions</h1> <br />Only bid on up to TWO ITEMS per auction and only bid in 1np increments. <h1>Council Chat</h1> Please don't forget to ADD all the guild council to your Neofriends list so you don't miss out on any Holiday treats or any of the activities! <br /> If you want to host an activity, please neomail the leader, cutetigress88, and we will get you a day set up for said activity. </div> </div> </div> </div> </div> </div> Link to comment Share on other sites More sharing options...
msty Posted March 4, 2021 Share Posted March 4, 2021 Oops, I just realized my formatter removed the center tags around the contentbox div. When I added them back in I get this in an otherwise blank page. What are the things you want to change? The sidebar links seem to be working for me but you might want to make the text a lighter color so it's readable (Auctions link looks different because I've clicked it) Link to comment Share on other sites More sharing options...
masssiveblackhole Posted June 3, 2021 Share Posted June 3, 2021 I suppose you can take a look at similar projects and find the solution. Rocketech case studies for example. Good luck! Link to comment Share on other sites More sharing options...
Recommended Posts