KokoroNeko and Dae

For Stars to talk one on one!

KokoroNeko and Dae

Postby Daenerys » Fri Sep 23, 2011 2:22 am

KokoroNeko and Dae Make a Dolls Site, chapter 1.

KokoroNeko had big dreams and big plans, bigger than anything she'd ever dreamed and planned before! She asked an HTML Fairy Godmother, Dae, to wave her magic wand a bit, to help her get started. And so it began.

So, Cinderella, you want to go to the ball? eh... I mean, Let's get coding, my hearty!

I have coded a layout per your wishes, and we'll be customizing it for your own use. Don't be afraid to ask questions (I know youre not) and it is okay to make mistakes. There is no mistake you can make, that we cannot fix. Unless you make webs.com crash. Which won't happen. And even then, it can be fixed.

What you will need to make is a nice background, a 'big' main doll or image for the left side, and maybe some buttons for the navigation.

The main doll or image is all up to you. The background would be easiest if it is a repeating background. You can either make a seamless tile, or a horizontal/vertical bar. For the navigation buttons it is important that you know what pages you want people to go to. You will have to put the names of each section/page on the nav buttons.

Another tip for the buttons is to make a template. Make an empty one, that you can easily customize with a new word on it. So if you ever want to add a button or change the name of a category, you can do so.

I'll be uploading the zip file and the actual site soon. I'll send you the link to the zip file by pm.
Image Image
Five and Dae :: PixiStar Base Search :: The Sims Random Stories :: Daenelia's Ramblings
:: To hear with eyes belongs to love's fine wit ::
User avatar
Daenerys
Super star
Super star
 
Posts: 2391
Joined: Sun Jan 18, 2009 3:43 pm
Diamonds on hand: 953.00
Dolling Style: Tool and Pixel
Avatar Base: Mine.

Re: KokoroNeko and Dae

Postby KokoroNeko » Sat Sep 24, 2011 4:22 pm

Wah!!! @ _@ I got the message with the zip file in it, but when I try to click on it it gives me a 404 message D: Is it me? Did I do it wrong??

Thanks again for helping me with this, sorry I'm such a bother and all, I hope I don't take you too far out of your way ; u;
Image
User avatar
KokoroNeko
Cast
Cast
 
Posts: 70
Joined: Sat Aug 13, 2011 7:32 pm
Diamonds on hand: 1,300.00
Location: TEXAS \O 0O/
Dolling Style: Tool and Pixel
Avatar Base: http://elouai.com/

Re: KokoroNeko and Dae

Postby Daenerys » Sat Sep 24, 2011 7:13 pm

I think i did something wrong :p i will send a working link!
Image Image
Five and Dae :: PixiStar Base Search :: The Sims Random Stories :: Daenelia's Ramblings
:: To hear with eyes belongs to love's fine wit ::
User avatar
Daenerys
Super star
Super star
 
Posts: 2391
Joined: Sun Jan 18, 2009 3:43 pm
Diamonds on hand: 953.00
Dolling Style: Tool and Pixel
Avatar Base: Mine.

Re: KokoroNeko and Dae

Postby Daenerys » Fri Sep 30, 2011 11:30 am

Did you download it? Do you have any questions? I really don't mind answering :)
Image Image
Five and Dae :: PixiStar Base Search :: The Sims Random Stories :: Daenelia's Ramblings
:: To hear with eyes belongs to love's fine wit ::
User avatar
Daenerys
Super star
Super star
 
Posts: 2391
Joined: Sun Jan 18, 2009 3:43 pm
Diamonds on hand: 953.00
Dolling Style: Tool and Pixel
Avatar Base: Mine.

Re: KokoroNeko and Dae

Postby KokoroNeko » Fri Sep 30, 2011 5:57 pm

I'm sorry, I keep checking but it still gives me the error page D: I can't get to it at all

I'm sorry, really, so sorry, I dunno what to do to get to it ; ^; I keep taking up time...
Image
User avatar
KokoroNeko
Cast
Cast
 
Posts: 70
Joined: Sat Aug 13, 2011 7:32 pm
Diamonds on hand: 1,300.00
Location: TEXAS \O 0O/
Dolling Style: Tool and Pixel
Avatar Base: http://elouai.com/

Re: KokoroNeko and Dae

Postby Daenerys » Sat Oct 01, 2011 6:55 am

http://daenerys.fiveanddae.com/well/Kokoro.zip

I am checking this one right now in preview and I can just download it. If you can't download it from this link, I will add the zip to my dA.
Image Image
Five and Dae :: PixiStar Base Search :: The Sims Random Stories :: Daenelia's Ramblings
:: To hear with eyes belongs to love's fine wit ::
User avatar
Daenerys
Super star
Super star
 
Posts: 2391
Joined: Sun Jan 18, 2009 3:43 pm
Diamonds on hand: 953.00
Dolling Style: Tool and Pixel
Avatar Base: Mine.

Re: KokoroNeko and Dae

Postby KokoroNeko » Sun Oct 02, 2011 5:14 pm

Kyaaaaaa!!!!!! * .* It's just like I wanted it!! I know I can work with this now, it's so...so beautiful *cries girly tears of joy*

Webs.com says I have to wait 7 days before I can see your iFrame, something or the other about "Combating spam and malsites" or the other, but I guess that's good, I have a week to make my own images and stuff o uo Thank you soooo much!!!! Your nickname should be Fairy Dollmother * .* You really are amazing Miss Dae!!!

Now to figure out these pictures in the week I have....x ~x so many new possibilities...

Thanks again, really, I thought you'd be fed up of me by now, uhm, I still might have a few questions, I hope I won't become too much of a bother ; u;
Image
User avatar
KokoroNeko
Cast
Cast
 
Posts: 70
Joined: Sat Aug 13, 2011 7:32 pm
Diamonds on hand: 1,300.00
Location: TEXAS \O 0O/
Dolling Style: Tool and Pixel
Avatar Base: http://elouai.com/

Re: KokoroNeko and Dae

Postby Daenerys » Mon Oct 03, 2011 12:17 am

Dont be silly :p you can ask whatever you need to know, or things you are not sure of. No bother at all.
Image Image
Five and Dae :: PixiStar Base Search :: The Sims Random Stories :: Daenelia's Ramblings
:: To hear with eyes belongs to love's fine wit ::
User avatar
Daenerys
Super star
Super star
 
Posts: 2391
Joined: Sun Jan 18, 2009 3:43 pm
Diamonds on hand: 953.00
Dolling Style: Tool and Pixel
Avatar Base: Mine.

Re: KokoroNeko and Dae

Postby KokoroNeko » Sun Nov 20, 2011 5:11 pm

*crawls in covered in dirt and soot* x -x Real life is a bastard...

I LIVE!! \O .O/ And I bring questions abound....I was determined to finish this site, so even though it was painfully piece by piece I finally got original images for everything on it > .< I refuse to be beaten, damnit!!!

But there are still a few things I need a little help with ; u; if you're still offering help...

So far I have almost everything, but a couple things are out-of-whack;

a)There's a light green at the bottom and I don't know how to change the color/make it cover a smaller area...

b)The maindoll is on the right for the moment, because when I put her on the left....she flies over to the far side of the page, not near the iFrame like I'd like her to be @ -@ I don't know how to adjust her position without flinging her half-way across the site...

c)Webs.com refuses to see my dolltemplate.png and my line1.png files D: Their in the right format I'm sure, and I've tried taking down and re-uploading them, but still nothing...what do I do to make them show up? > .<...

Halps pwease? ; ~; I'm so close to being done and out of your hair (for a while, knowing my luck...)
Image
User avatar
KokoroNeko
Cast
Cast
 
Posts: 70
Joined: Sat Aug 13, 2011 7:32 pm
Diamonds on hand: 1,300.00
Location: TEXAS \O 0O/
Dolling Style: Tool and Pixel
Avatar Base: http://elouai.com/

Re: KokoroNeko and Dae

Postby Daenerys » Mon Nov 21, 2011 11:16 am

Ahh!! Just a little note here to let you know I will help you out, but please hold on till friday! That is my day off and I have too much going on in the evenings right now to be of any use to anyone else.

But without looking at your site so far, is the light green area in the footer div? You could try removing any background variables from that div, in the css.

The main doll was coded to be on the left so I need to see the changes you made to make it fly of to the right. So that's for friday.

As for the images not showing up: are they in the correct folder and are you linking correctly to them? Sometimes an image no showing up is as simple as finding a typo in the filename or link.

I will get back to you later!
Image Image
Five and Dae :: PixiStar Base Search :: The Sims Random Stories :: Daenelia's Ramblings
:: To hear with eyes belongs to love's fine wit ::
User avatar
Daenerys
Super star
Super star
 
Posts: 2391
Joined: Sun Jan 18, 2009 3:43 pm
Diamonds on hand: 953.00
Dolling Style: Tool and Pixel
Avatar Base: Mine.

Re: KokoroNeko and Dae

Postby Daenerys » Fri Nov 25, 2011 3:07 am

KokoroNeko wrote:a)There's a light green at the bottom and I don't know how to change the color/make it cover a smaller area...

body {
background: url("../img/background_bar.png") repeat-x scroll center top #DBFFDD;
color: #3C4545;
font-family: tahoma,arial;
font-size: 8pt;
margin: 0;
padding-left: 0;
padding-right: 0;
text-align: center;
}

Change the color code! #DBFFDD is a light green colour. Changing it to pink to match the hearts or to black would be a good idea.

KokoroNeko wrote:b)The maindoll is on the right for the moment, because when I put her on the left....she flies over to the far side of the page, not near the iFrame like I'd like her to be @ -@ I don't know how to adjust her position without flinging her half-way across the site...


#maindoll {
background-image: url("../img/maindoll.png");
background-repeat: no-repeat;
float: right;
height: 422px;
text-align: left;
width: 280px;
}

So when you change this to the float:left, the doll flies all the way... where? On the left side or up or down?

KokoroNeko wrote:c)Webs.com refuses to see my dolltemplate.png and my line1.png files D: Their in the right format I'm sure, and I've tried taking down and re-uploading them, but still nothing...what do I do to make them show up? > .<...


Youre image atg says:
<img alt="" src="img/dolltemplate.png">

If I go to http://kokoroglitter.webs.com/img/dolltemplate.png

the image of the dolltemplate is not there. Did you upload the image to the right folder? Is it that same name?
Image Image
Five and Dae :: PixiStar Base Search :: The Sims Random Stories :: Daenelia's Ramblings
:: To hear with eyes belongs to love's fine wit ::
User avatar
Daenerys
Super star
Super star
 
Posts: 2391
Joined: Sun Jan 18, 2009 3:43 pm
Diamonds on hand: 953.00
Dolling Style: Tool and Pixel
Avatar Base: Mine.

Re: KokoroNeko and Dae

Postby KokoroNeko » Sat Nov 26, 2011 5:02 pm

Okay!! I've uccessfully changed the bakground to black now, it matches!! ^ ^

I put the doll back where it flew when I first put her up, this is where she was when I set her in for the first time o -o;;; I'd like to put her next to the iFrame, so it looks like she's.......like....leaning on it? standing near it?....by the side :V

I checked and triple checked the image, it's named correctly -and- in the right folders (doll and img?) I'll try making a different image the dolltemplate and see how that works out......
Image
User avatar
KokoroNeko
Cast
Cast
 
Posts: 70
Joined: Sat Aug 13, 2011 7:32 pm
Diamonds on hand: 1,300.00
Location: TEXAS \O 0O/
Dolling Style: Tool and Pixel
Avatar Base: http://elouai.com/

Re: KokoroNeko and Dae

Postby Daenerys » Sun Nov 27, 2011 9:09 am

#maindoll {
background-image: url("../img/maindoll.png");
background-repeat: no-repeat;
background-position: right top;
float: left;
height: 422px;
text-align: right;
width: 280px;
}

Add that. You can also change 'top'to 'bottom', to have the doll at the bottom of the div-layer.
Image Image
Five and Dae :: PixiStar Base Search :: The Sims Random Stories :: Daenelia's Ramblings
:: To hear with eyes belongs to love's fine wit ::
User avatar
Daenerys
Super star
Super star
 
Posts: 2391
Joined: Sun Jan 18, 2009 3:43 pm
Diamonds on hand: 953.00
Dolling Style: Tool and Pixel
Avatar Base: Mine.

Re: KokoroNeko and Dae

Postby KokoroNeko » Fri Dec 02, 2011 4:57 pm

Eeeeeeeeeee!! c: Right Bottom works purrfectly!! Thank yew so much Miss Dae!!!

now to figure out that "oops! image not found" bullocks.....

I've also been looking for how to add images as links and just...add images to paragraphs period o .o;;; Was that covered in the workshop? I can just look through it if it was to save you some breath x -x;;;

And uhm....is there a way to make the size of the iframe static throughout all the pages? o .o; or does it have to change to fit the words?
Image
User avatar
KokoroNeko
Cast
Cast
 
Posts: 70
Joined: Sat Aug 13, 2011 7:32 pm
Diamonds on hand: 1,300.00
Location: TEXAS \O 0O/
Dolling Style: Tool and Pixel
Avatar Base: http://elouai.com/

Re: KokoroNeko and Dae

Postby Daenerys » Sat Dec 03, 2011 6:04 am

The oops image not found is due to the image not being where it is linked to:
Code: Select all
<img alt="Doll Title" src="img/dolltemplate.png">

If there is no image in the folder called img, with the name 'dolltemplate.png', then it can not be shown. You need to link to the url of the image you want to show.

To add a regular link use this code:
Code: Select all
<a href="http://www.fullurl.com" target="_blank" alt="Text here optional">This is the text that will be clickable</a>


if you want to use an image as a clickable link use this:
Code: Select all
<a href="http://www.fullurl.com" target="_blank" alt="Text here optional">]<img alt="Doll Title" src="img/dolltemplate.png" border="0"></a>


I am not sure what you mean with making the size of the iframe static. The iframe is a set size, and the pages inside it will show through, like a window. What browser are you using?

I do see that the links page is 'shorter' because there is less text on it..I suppose you should be able to fix that by giving the div layer a set height. Look for #insideframe in the css file called frame.css

Code: Select all
#insideframe {
    background-image: url("../img/background_tile_transparent.png");
    height: 422px;
}


Make sure it is at least 422 pixels high, that is the height of your iframe, if I am not mistaken.


No, wait, that would just cut stuff off for the other pages. Let me tinker with that, I am sure there is a better solution.
Image Image
Five and Dae :: PixiStar Base Search :: The Sims Random Stories :: Daenelia's Ramblings
:: To hear with eyes belongs to love's fine wit ::
User avatar
Daenerys
Super star
Super star
 
Posts: 2391
Joined: Sun Jan 18, 2009 3:43 pm
Diamonds on hand: 953.00
Dolling Style: Tool and Pixel
Avatar Base: Mine.

Re: KokoroNeko and Dae

Postby Daenerys » Fri Dec 09, 2011 3:48 am

I have it! It came to me in a dream! .. well, no not really, but it did enter my mind just before going to sleep.

In your frame.css you have this bit of code:
Code: Select all
/* Add properties to the inside frame div as needed, if not: leave blank */
#insideframe {
  background-image: url(../img/background_tile_transparent.png);
}


This shows the transparent tile in the iframe background, but we can't set a height because that would confuse things. So, where is the height of the iframe set? In the index.html, so we must look to the main.css!

So, take out the background-image in frame.css. Just delete background-image: url(../img/background_tile_transparent.png);, leave the #insideframe bit intact.

Code: Select all
/* Add properties to the inside frame div as needed, if not: leave blank */
#insideframe {

}


Like so.

Then open main.css and find #frame. Add background-image: url(../img/background_tile_transparent.png); to that div definition.

Code: Select all
#frame {
        float: right;
        background-image: url(../img/background_tile_transparent.png);
}


And voilá! The background image will fill the entire div layer that the iframe appears in! Even if there is no text or content in the iframe page!

:D Sometimes solutions can be very simple.
Image Image
Five and Dae :: PixiStar Base Search :: The Sims Random Stories :: Daenelia's Ramblings
:: To hear with eyes belongs to love's fine wit ::
User avatar
Daenerys
Super star
Super star
 
Posts: 2391
Joined: Sun Jan 18, 2009 3:43 pm
Diamonds on hand: 953.00
Dolling Style: Tool and Pixel
Avatar Base: Mine.


Return to Dressing Room

Who is online

Users browsing this forum: No registered users and 1 guest