CupcakeBabe Posted September 30, 2011 Posted September 30, 2011 I'm looking for coding help with my petpage..:) 1)FORMAT I WANT http://www.sunnyneo.com/petpageexamples.php?id=7 2)BANNER IMAGE http://www.christinejohnsonbooks.com/2010/09/the-great-ya-bake-sale-of-2010/cupcakes-2/ 3)OUTER BACKGROUND http://www.backgroundlabs.com/detail/link-466.html 4)INNER BACKGROUND http://www.backgroundlabs.com/detail/link-436.html 5)TEXT COLOR Dark Brown 6)ADDTNL DETAILS Where it says 'My Avatars' on the example I want it to say 'Yummy Victories' in Dark Brown (If possible) This is for a guild webbie, and i appreciate all help given!:) Quote
Piticent Posted October 1, 2011 Posted October 1, 2011 Well, that was easier than I thought when I read the title. I got everything except 'Yummy Victories', because that text is embedded into the previous banner :( If you need the brown lighter or darker, just tell me...I can make it lighter/darker... <style> body { background: url("http://www.backgroundlabs.com/backgrounds/466.jpg"); } body, div, a { font: 7pt verdana; color: #000000; text-align: center; } td, tr, table { font: 7pt verdana; color: #000000; padding: 0px; } h1 { padding-top: 3px; height: 23px; font-size: 16pt; font-family: georgia; font-style: italic; text-align: center; padding-left: 5px; color: #6A4848; border-bottom: 1px dashed #DF95C5; } a:link, a:active, a:visited { text-transform: uppercase; text-decoration: none; color: #49392D; } a:hover { color: #885F6E; } b { font: 7pt verdana; color: #BF83CA; border-bottom: 1px dotted #94727B; font-weight: bold; } #pic { left: 0px; top: 0px; padding: 0px; width: 780px; height: 600px; } #info { left: 115px; top: 315px; width: 551px; z-index: 2; padding: 0px; background-image: url("http://www.backgroundlabs.com/backgrounds/436.gif"); color: #3D1F00; } #marquee { left: 115px; top: 298px; width: 551px; color: #000000; text-align: center; font-size: 7pt; } table { background: none; } table a img, center p { height: 0px; width: 0px; overflow: hidden; } </style> <img src="//images.weserv.nl/?url=http://www.christinejohnsonbooks.com/wp-content/uploads/2010/09/cupcakes1.jpg" id="pic" width="780" height="600" style="position: absolute; z-index: -1;"> <div id="marquee" style="position: absolute;"> This Pet Page layout was made by SunnyNeo. Go there to get yours today!</div> <div id="info" style="position: absolute;"> <h1 id="nomar">Vouchers/Why Lend Me;</h1> Put your voucher's names here. Also, use this space to explain why someone should lend you their items/pets. Include any collat you may have, and some things you were lent before.<h1>Pet/Petpet Avatars I Need;</h1> Show the Pet or Petpet (or Petpetpet) avatar's that you still need here. <br><br> If you don't know how to insert images of your avatar, visit:<br><i>http://sunnyneo.com/htmltutorial.php#images</i><br> (copy & paste the url into your adress bar) <h1>Item Avatars I Need;</h1> Show the item avatar's that you still need here. <h1>Misc. Avatars I Need;</h1> Show the miscellaneous avatar's that you still need here (games, random, etc.). <h1>Avatars I Have;</h1> Show the avatar's that you have already obtained here.</div> Quote
Sweetdang Posted October 1, 2011 Posted October 1, 2011 O.O that is amazing. I am speechless. I have never known how to make/do those, even if I wanted to, I would have a heck of a time learning it. Wow. Quote
Ruka Posted October 1, 2011 Posted October 1, 2011 O.O that is amazing. I am speechless. I have never known how to make/do those, even if I wanted to, I would have a heck of a time learning it. Wow. I would have helped code too, but somehow when I did it, it looked wrong. So I didn't posted. :whistle: Quote
Sweetdang Posted October 1, 2011 Posted October 1, 2011 :sad01_anim: You guys have to teach me how to do that. You should write up a tutorial! :yes: On topic, though, hope you enjoy your new guild layout! :) Quote
CupcakeBabe Posted October 1, 2011 Author Posted October 1, 2011 wow that was fast!!! thank you This post has been edited by a member of staff (Spritzie) because of a violation of the forum rules. Please keep your posts at 7 words or above. Please check your user inbox to see if you have been contacted regarding this incident, then review our rules. Quote
Piticent Posted October 1, 2011 Posted October 1, 2011 :sad01_anim: You guys have to teach me how to do that. You should write up a tutorial! :yes: On topic, though, hope you enjoy your new guild layout! :) *Pokes you to Izzy's guide, or w3's HTML guide, or their CSS guide* I have a year at least of experience. trust me, once you know the syntax, it isnt complicated at all. it's just figuring out what looks the best, not how to do it. :) @Ain: It's OK, we all have mistakes. For some reason, my divs werent working for my petpage earlier, so I just ditched it :P Quote
Sweetdang Posted October 2, 2011 Posted October 2, 2011 SO CONFUSING. I will figure this out after exams. Thank you! :) Quote
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.