Solved. Lock, please!

Replies

Jan 22, 2014 12 years ago

is forever on a quest for more pets

I'm at a loss right now. I'm trying to have a piece of art show up on my pet's profile but I can't get it to work.

This is the profile right now. And what I'd like to do is this. I've messed around with background-image in the body tag of the css. Tried having 200px 20px no-repeat fixed following after the url(image url here) but the image doesn't show.

And when I tried placing the image within the body tag itself it just ended up at the bottom of the pet_desc...

So, yeah I'm stuck right now. Would really appreciate any help I can get ^_^;

Visit my YouTube channel: ">CamK Gaming

Jan 22, 2014 12 years ago

Adventure Captain

(it feels so weird pinging my own name x) )

One thing you could do is create a div around your text, so you're using that instead of (of course you'll also have to change the selectors in your css) and then you can put the image in another div and position it. That way it won't show up at weird places inside your text box.

I think there are some problems with the coding causing the image not to show up when you try putting it as a background. Such as the background:none for body. I think that overwrites you trying to put a background image.

I also see a lot of selectors in your code that I have no clue what are. I've never seen them before. If you want I can try editing out the kinks for you. (A favor for a name-sister :P)

Art by

[tot=sonata]

Jan 22, 2014 12 years ago

is forever on a quest for more pets

Yeah, I know there is a lot of weird stuff in there. I didn't know any css at the time of coding, but now I'm learning it and would like to tidy it up.

I would really appreciate it if you would take a look and see what you can do with it. Here it is :)

Visit my YouTube channel: ">CamK Gaming

Jan 22, 2014 12 years ago

Adventure Captain

I'll have a look at it. :)

Do you have the url for the art as well?

Art by

[tot=sonata]

Jan 22, 2014 12 years ago

is forever on a quest for more pets

Ah, yes. http://i.imgur.com/g2P9GQI.png :)

Visit my YouTube channel: ">CamK Gaming

Jan 22, 2014 12 years ago

Adventure Captain

How does that look? ^_^

Art by

[tot=sonata]

Jan 22, 2014 12 years ago

is forever on a quest for more pets

That's perfect! Thank you so much ❤️

Visit my YouTube channel: ">CamK Gaming

Jan 22, 2014 12 years ago

Adventure Captain

Here you go then. :)

SPOILER (click to toggle)


<style type="text/css">
/*RESET & REMOVE*/

, , , , , ,  { display:none; }
, body,  { background-color:transparent;height: auto !important; }

,  br+a { 
  display:none;} 

 h2,  h2,  h2 {
  display: none;}

.stat, .statbar, .pet_age_info_date, .pet_age_info, .pet_wco_info, .pet_wco_info_date {
  display: none;}

/*BASIC*/

html {
  background-color: ;}

body, font, td, a, table, tr { 
  color: ;} 

p, div { 
  color: ;} 

img { 
  border: 1px solid; 
  color: ;} 

b { 
  font-family: tahoma; 
  font-size: 7pt; 
  color: ; 
  letter-spacing: 1; 
  text-transform: uppercase; 
  border-bottom: .5pt solid; 
  border-bottom-color: ;} 

h1 {
  color: ;}

a:link, a:active ,a:visited {
  color: ;}

a:hover {
  color: ;}

/*TREASURE*/

 {
  width: 150px; 
  height: 64px; 
  overflow: auto;
  overflow:hidden;
  position:absolute;
  top:450px;
  left:10px;}

:hover { 
  overflow: auto;} 

.treasure_item { 
  opacity:0.5;} 
  
.treasure_item:hover { 
  opacity:1;} 

/*STATS*/

 {
  position:absolute;
  top: 0px;
  left: 0px;
  background: ;
  width: 170px;
  height: 635px;
  border-radius: 10px 0 0 10px;}

 {
  opacity: 0.2;}

:hover {
  opacity: 1;}

/*TEXT*/

 {
  position:absolute;
  top:360px;
  left:220px;
  overflow:auto;
  overflow:hidden;
  height:270px;
  width:400px;
  background: ;
  border-radius: 10px 10px 10px 10px;
  box-shadow: 5px 5px 2px 0 ;
  padding: 10px;}
  
:hover { 
  overflow:auto;} 
  
/*PET*/

 {
  position:absolute;
  top:40px;
  left:300px;
  background: ;
  border-radius: 10px 10px 10px 10px;
  box-shadow: 5px 5px 2px 0 ;}

/*MINION*/

 {
  position:absolute;
  top:70px;
  left:600px;
  background: ;
  border-radius: 10px 10px 10px 10px;
  box-shadow: 5px 5px 2px 0 ;}

/*CONTENT*/

 {
  height: 600px !important; 
  width: 800px;
  margin-top: 20px;
  margin-left: 0px;
  background: ;
  border-radius: 10px 10px 10px 10px;
  box-shadow: 5px 5px 2px 0 ;}

/*ART*/

 { 
background: url(http://i.imgur.com/g2P9GQI.png) no-repeat; 
position:absolute; top:20px; left:710px; 
width:315px; height:900px; }

</style>


Text here

Art by

[tot=sonata]

Jan 22, 2014 12 years ago

is forever on a quest for more pets

You are truly a lifesaver huggles you

Visit my YouTube channel: ">CamK Gaming

Jan 22, 2014 12 years ago

Adventure Captain

My pleasure. ^_^

Art by

[tot=sonata]

Logged Out

Solved. Lock, please!

Replies