CupcakeBabe Posted September 30, 2011 Share 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 Link to comment Share on other sites More sharing options...
Piticent Posted October 1, 2011 Share 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 Link to comment Share on other sites More sharing options...
Sweetdang Posted October 1, 2011 Share 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 Link to comment Share on other sites More sharing options...
Ruka Posted October 1, 2011 Share 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 Link to comment Share on other sites More sharing options...
Sweetdang Posted October 1, 2011 Share 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 Link to comment Share on other sites More sharing options...
CupcakeBabe Posted October 1, 2011 Author Share 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 Link to comment Share on other sites More sharing options...
Piticent Posted October 1, 2011 Share 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 Link to comment Share on other sites More sharing options...
Sweetdang Posted October 2, 2011 Share Posted October 2, 2011 SO CONFUSING. I will figure this out after exams. Thank you! :) Quote Link to comment Share on other sites More sharing options...
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.